:root{--background:#f5f7fa;--surface:#ffffff;--surface-hover:#f1f5f9;--primary:#0a1d3d;--primary-hover:#132a52;--primary-light:rgba(10,29,61,0.05);--secondary:#ffab00;--secondary-hover:#e69a00;--secondary-light:rgba(255,171,0,0.12);--text-main:#0f172a;--text-muted:#475569;--text-light:#ffffff;--border:#e2e8f0;--border-focus:#ffab00;--success:#10b981;--success-light:rgba(16,185,129,0.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,0.1);--danger:#ef4444;--danger-light:rgba(239,68,68,0.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.05),0 4px 6px -2px rgba(0,0,0,0.02);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Courier New",Courier,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background-color:var(--background);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--primary);letter-spacing:-.02em}p{line-height:1.6;color:var(--text-muted)}a{color:inherit;text-decoration:none;transition:all .2s ease}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1 1;display:flex;position:relative}.sidebar{width:260px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.08)}.mobile-topbar,.sidebar{background-color:var(--primary);color:var(--text-light)}.mobile-topbar{display:none;align-items:center;gap:.75rem;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:30}.mobile-topbar__menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:8px;border:none;background:rgba(255,255,255,.1);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.mobile-topbar__brand{font-weight:700;font-size:.95rem;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-topbar__brand img{height:22px;vertical-align:middle}.sidebar__close-btn{display:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:40}.content-area{flex:1 1;padding:2rem;overflow-y:auto;max-width:1400px;margin:0 auto;width:100%}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;min-width:0}.card:hover{box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--primary);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary);color:var(--primary);font-weight:700}.btn-secondary:hover{background-color:var(--secondary-hover)}.btn-outline{background-color:transparent;border-color:var(--border);color:var(--text-muted)}.btn-outline:hover{background-color:var(--surface-hover);color:var(--text-main);border-color:var(--text-muted)}.btn-ghost{background-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background-color:var(--primary-light);color:var(--primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.badge-pending{background-color:var(--warning-light);color:#b45309}.badge-verification{background-color:var(--primary-light);color:var(--primary)}.badge-approved{background-color:var(--success-light);color:#047857}.badge-rejected{background-color:var(--danger-light);color:#b91c1c}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-muted);margin-bottom:.375rem}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;color:var(--text-main);background-color:var(--surface);border:1px solid var(--border);border-radius:8px;transition:all .2s ease;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(255,171,0,.2)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background-color:var(--surface)}.custom-table{width:100%;border-collapse:collapse;text-align:left}.custom-table th{background-color:#f8fafc;padding:.875rem 1.5rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.custom-table td,.custom-table th{border-bottom:1px solid var(--border)}.custom-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-main);vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background-color:var(--surface-hover)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1.25rem}.grid-2,.grid-3{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1.25rem}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.page-header--start{align-items:flex-start}.stat-value{font-size:1.75rem;font-weight:700;color:var(--primary);font-family:var(--font-mono)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease both}@media (prefers-reduced-motion:reduce){.animate-fade-in{animation:none}.stepper__dot--current{animation:none!important}.progress-fill{transition:none!important}}.progress-track{height:8px;border-radius:999px;background-color:var(--border);overflow:hidden}.progress-fill{height:100%;border-radius:999px;background-color:var(--secondary);transition:width .5s ease}.progress-fill--done{background-color:var(--success)}.nav-link:hover{background-color:rgba(255,255,255,.06);color:#fff}.nav-cta:hover{background-color:var(--secondary-hover)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.75rem 1rem;gap:.75rem 1rem}.filter-field{margin:0}.filter-field--wide{grid-column:span 2}.filter-field .form-label{margin-bottom:.25rem}.stepper{display:flex;flex-direction:column;gap:.35rem}.stepper__dots{display:flex;align-items:center}.stepper__dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;transition:background-color .3s ease}.stepper__dot--current,.stepper__dot--done{background-color:var(--secondary)}.stepper__dot--current{width:13px;height:13px;animation:stepPulse 1.6s ease-in-out infinite}.stepper__bar,.stepper__dot--todo{background-color:var(--border)}.stepper__bar{height:2px;width:16px;flex:0 0 auto}.stepper__bar--done{background-color:var(--secondary)}.stepper__label{font-size:.78rem;font-weight:600;color:var(--primary)}.stepper__count{color:var(--text-muted);font-weight:500;font-family:var(--font-mono)}@keyframes stepPulse{0%,to{box-shadow:0 0 0 0 rgba(255,171,0,.5)}50%{box-shadow:0 0 0 5px rgba(255,171,0,0)}}.stepper-exception{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;padding:.2rem .6rem;border-radius:9999px}.stepper-exception__dot{width:8px;height:8px;border-radius:50%}.stepper-exception--danger{background-color:var(--danger-light);color:#b91c1c}.stepper-exception--danger .stepper-exception__dot{background-color:var(--danger)}.stepper-exception--warning{background-color:var(--warning-light);color:#b45309}.stepper-exception--warning .stepper-exception__dot{background-color:var(--warning)}.home-hero{background:linear-gradient(120deg,var(--primary) 0,var(--primary-hover) 100%);color:#fff;border-radius:14px;padding:1.75rem 2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.home-hero__eyebrow{font-size:.75rem;text-transform:capitalize;color:var(--secondary);font-weight:600;letter-spacing:.02em}.home-hero__title{color:#fff;font-size:1.7rem;margin:.25rem 0 .4rem}.home-hero__sub{color:rgba(255,255,255,.8);margin:0;max-width:60ch}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.9rem;gap:.9rem}.quick-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.1rem 1.25rem;display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--primary);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.quick-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--secondary)}.quick-card__icon{font-size:1.35rem}.quick-card--cta{background:var(--secondary);border-color:var(--secondary);color:var(--primary)}.quick-card--cta:hover{background:var(--secondary-hover)}.recent-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border:1px solid var(--border);border-radius:10px;transition:background-color .15s ease,border-color .15s ease}.recent-row:hover{background:var(--surface-hover);border-color:var(--secondary)}.notif-count{background:var(--secondary);color:var(--primary);font-weight:700;font-size:.72rem;min-width:22px;height:22px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .4rem}.notif{display:flex;gap:.7rem;padding:.75rem .85rem;border-radius:10px;border-left:3px solid var(--border);background:var(--surface-hover)}.notif--info{border-left-color:var(--primary)}.notif--success{border-left-color:var(--success)}.notif--warning{border-left-color:var(--warning)}.notif__icon{font-size:1.1rem;line-height:1.4}.notif__title{font-weight:600;color:var(--text-main);font-size:.88rem}.notif__time{color:var(--text-muted);font-weight:500;font-size:.75rem}.notif__body{color:var(--text-muted);font-size:.82rem;line-height:1.4}@media (max-width:767px){.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;max-width:85vw;z-index:50;transform:translateX(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar--open{transform:translateX(0)}.sidebar__close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;cursor:pointer}.app-main{flex-direction:column}.content-area{padding:1rem!important}.grid-2,.grid-3{grid-template-columns:1fr!important}.filter-field--wide{grid-column:span 1}.page-header{margin-bottom:1.1rem!important}.card{padding:1.1rem}.custom-table td,.custom-table th{padding:.65rem .85rem}}.login-brand-panel{flex:1 1 45%;display:flex;align-items:center;justify-content:center;padding:3rem;background:linear-gradient(135deg,var(--primary) 0,var(--primary-hover) 100%);position:relative}.login-brand-panel:after{content:"";position:absolute;left:3rem;top:calc(50% + 3.4rem);width:48px;height:3px;border-radius:2px;background:var(--secondary)}.login-brand-panel__inner{max-width:360px}.login-brand-panel__tagline{color:rgba(255,255,255,.82);font-size:1rem;line-height:1.6;max-width:34ch}.login-form-panel{flex:1 1 55%;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--background)}.login-form-panel__mobile-logo{display:none}@media (max-width:900px){.login-brand-panel{display:none}.login-form-panel{flex:1 1 100%}.login-form-panel__mobile-logo{display:block;margin-bottom:1.5rem}}