:root{--color-primary: #1E3A5F;--color-primary-hover: #2A4D7A;--color-primary-50: #EDF2F7;--color-primary-100: #D4DEE9;--color-accent: #D97706;--color-accent-hover: #B45309;--color-accent-light: #FEF3C7;--color-success: #059669;--color-success-light: #ECFDF5;--color-success-border: #A7F3D0;--color-error: #DC2626;--color-error-light: #FEF2F2;--color-error-border: #FECACA;--color-warning: #D97706;--color-warning-light: #FFFBEB;--color-warning-border: #FDE68A;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-bg: #F4F6F9;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--color-primary: #38BDF8;--color-primary-hover: #60A5FA;--color-primary-50: #1E293B;--color-primary-100: #334155;--color-accent: #F59E0B;--color-accent-hover: #D97706;--color-accent-light: rgba(245, 158, 11, .15);--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-success-border: rgba(16, 185, 129, .3);--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-border: rgba(239, 68, 68, .3);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-border: rgba(245, 158, 11, .3);--color-text: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-bg: #0F172A;--color-surface: #1E293B;--color-border: #334155;--color-border-hover: #475569;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6)}[data-theme=dark] .input-control{background-color:#1e293b;color:#f8fafc;border-color:#334155}[data-theme=dark] .btn-outline{background-color:#1e293b;border-color:#334155;color:#f8fafc}[data-theme=dark] .btn-outline:hover{background-color:#334155;border-color:#475569;color:#38bdf8}[data-theme=dark] .btn-secondary{background-color:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .btn-secondary:hover{background-color:#334155;border-color:#475569}[data-theme=dark] .signature-box{background-color:#0f172a;border-color:#334155}[data-theme=dark] .pdf-document{background-color:#1e293b;color:#f8fafc;border-color:#334155}[data-theme=dark] .pdf-footer-note{background-color:#0f172a;border-color:#334155}[data-theme=dark] .pdf-form-label{background-color:#0f172a;color:#f8fafc}:focus-visible{outline:2px solid var(--color-accent, #D97706);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-accent, #D97706);outline-offset:2px}html,body{font-family:var(--font-sans);font-size:14px;line-height:1.5;background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}iconify-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}.card-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem;transition:box-shadow .2s ease,border-color .2s ease}.card-surface:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 1px 3px #1e3a5f33}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px #1e3a5f40}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:#fff;border-color:var(--color-border);color:var(--color-text)}.btn-outline:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-100);color:var(--color-primary)}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-secondary);border:1.5px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-border-hover);background-color:var(--color-bg)}.btn-sm{padding:.35rem .75rem;font-size:.75rem}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.2rem .65rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-pending{background-color:var(--color-accent-light);color:var(--color-accent);border:1px solid rgba(217,119,6,.2)}.badge-approved{background-color:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-rejected{background-color:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error-border)}.badge-returned{background-color:var(--color-warning-light);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary)}.badge-accent{background-color:var(--color-accent-light);color:var(--color-accent)}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-error{background-color:var(--color-error-light);color:var(--color-error)}.page-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);margin-bottom:6px}.page-header-text h1{font-size:1.5rem;color:var(--color-primary);font-weight:800;letter-spacing:-.02em}.page-header-text p{color:var(--color-text-secondary);font-size:.9rem;margin-top:2px}.search-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding:10px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.search-field{position:relative;display:flex;align-items:center;flex:1}.search-field iconify-icon{position:absolute;left:12px;color:var(--color-text-muted)}.search-field .input-control{padding-left:38px}.input-control{height:42px;min-height:42px;max-height:42px;padding:0 .85rem;font-size:.9rem;background-color:#fff;border:1px solid var(--color-border, #cbd5e1);border-radius:8px;color:var(--color-text, #0f172a);outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;display:block}select.input-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%2364748b' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 16px;padding-right:2.25rem}input[type=date].input-control{display:inline-flex;align-items:center;justify-content:space-between;line-height:normal;padding-top:0;padding-bottom:0}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{padding:0;line-height:40px;height:40px;display:inline-flex;align-items:center}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;margin:0;padding:0}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}textarea.input-control{height:auto;min-height:96px;max-height:none;padding:.75rem .85rem;line-height:1.5}.input-control:focus{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb26}.panel{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden;margin-bottom:1.25rem}.panel-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface)}.panel-header h3{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--color-primary)}.panel-body{padding:1.25rem}.panel-body.flush{padding:0}.accordion-list{display:flex;flex-direction:column;gap:12px}.accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);overflow:hidden;transition:all .2s ease}.accordion-item.expanded{border-color:var(--color-primary-100);box-shadow:var(--shadow-xs)}.accordion-trigger{width:100%;background:none;border:none;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;outline:none}.accordion-trigger-left{display:flex;align-items:center;gap:12px}.accordion-icon-wrapper{width:38px;height:38px;border-radius:50%;background-color:var(--color-primary-50);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.accordion-title{font-size:1.02rem;font-weight:700;color:var(--color-text);display:flex;align-items:center;gap:8px}.accordion-badge{font-size:.78rem;font-weight:600;color:var(--color-text-muted)}.accordion-chevron{font-size:1.2rem;color:var(--color-text-secondary);transition:transform .25s ease}.accordion-item.expanded .accordion-chevron{transform:rotate(180deg)}.accordion-content{overflow:hidden;transition:max-height .25s ease-out;background-color:var(--color-bg)}.accordion-content-inner{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--color-border)}.sub-tabs-container{display:flex;gap:10px;margin-bottom:12px;border-bottom:2px solid var(--color-border)}.sub-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.sub-tab:hover{color:var(--color-primary)}.sub-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.forms-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.form-card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .2s ease;position:relative;min-height:84px}.form-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.form-card-icon-wrap{width:40px;height:40px;border-radius:var(--radius-sm);background-color:var(--color-primary-50);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-card-info h4{font-size:.9rem;font-weight:700;color:var(--color-primary);margin-bottom:3px}.form-card-info p{font-size:.78rem;color:var(--color-text-secondary);line-height:1.4}.form-card-badge{position:absolute;top:10px;right:10px}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--color-primary);background:none;border:none;cursor:pointer;margin-bottom:12px;text-decoration:underline}.instruction-banner{display:flex;align-items:flex-start;gap:10px;background-color:var(--color-accent-light);border:1px solid #FDE68A;border-radius:var(--radius-sm);padding:10px 14px;font-size:.82rem;color:#92400e;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:4px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.84rem;font-weight:600;color:var(--color-text)}.form-group label span.required{color:var(--color-error)}.approval-signature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.signature-box{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:#fafafb;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.signature-title{font-size:.8rem;font-weight:700;color:var(--color-primary);text-transform:uppercase}.signature-role{font-size:.72rem;color:var(--color-text-muted)}.signature-placeholder{min-height:44px;border-bottom:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--color-text-muted);font-style:italic}.pdf-document{max-width:960px;margin:0 auto;padding:24px;background-color:#fff;border-radius:var(--radius-md);border:1px solid var(--color-border);font-family:var(--font-sans);color:#000}.pdf-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--color-primary);padding-bottom:12px;margin-bottom:16px}.pdf-header-left{font-size:.95rem;font-weight:700;color:var(--color-primary)}.pdf-header-center{text-align:center;flex:1}.pdf-main-title{font-size:1.35rem;font-weight:800;color:var(--color-primary)}.pdf-subtitle{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.pdf-section-title{background-color:var(--color-primary);color:#fff;padding:6px 12px;font-size:.85rem;font-weight:700;text-transform:uppercase;margin-top:16px;margin-bottom:8px}.pdf-form-table,.pdf-approval-table{width:100%;border-collapse:collapse;margin-bottom:16px;border:1px solid var(--color-primary)}.pdf-form-table td,.pdf-approval-table td{border:1px solid var(--color-primary);padding:8px 12px;font-size:.85rem}.pdf-form-label{background-color:#f1f5f9;font-weight:700;width:35%}.pdf-signature-space{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px dashed var(--color-border);margin-top:4px}.placeholder-sig{font-size:.78rem;color:var(--color-text-muted);font-style:italic}.sig-stamp-details{font-size:.7rem;font-weight:700;color:var(--color-success)}.pdf-footer-note{font-size:.8rem;padding:10px;background-color:#fafafb;border:1px solid var(--color-border);margin-top:12px}.modal-overlay{position:fixed;inset:0;background-color:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-dialog{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:900px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-dialog--sm{max-width:500px}.modal-header{padding:1.25rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:flex-start}.modal-eyebrow{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.modal-title{font-size:1.1rem;font-weight:800;color:var(--color-primary);display:flex;align-items:center;gap:8px}.modal-close-btn{background:none;border:none;font-size:1.25rem;color:var(--color-text-muted);cursor:pointer}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #d9770666}50%{box-shadow:0 0 0 8px #d9770600}}.animate-fade-in{animation:fadeInUp .3s cubic-bezier(.16,1,.3,1) forwards}.glow-btn{position:relative;overflow:hidden;box-shadow:0 4px 14px #1e3a5f40;transition:all .25s cubic-bezier(.16,1,.3,1)}.glow-btn:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #1e3a5f59}.glow-on-hover{transition:all .2s ease}.glow-on-hover:hover{border-color:var(--color-primary);box-shadow:0 0 12px #1e3a5f26;transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}