@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--gov-blue:#1a3a6b;--gov-blue-light:#2a5298;--gov-gold:#c8962e;--gov-gold-light:#e8b44a;--gov-saffron:#f93;--success-50:#f0fdf4;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--warning-50:#fffbeb;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-500:#ef4444;--error-600:#dc2626;--info-50:#f0f9ff;--info-500:#0ea5e9;--info-600:#0284c7;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--dark-bg:#0a0f1e;--dark-surface:#111827;--dark-card:#1a2236;--dark-border:#1f2d48;--dark-text:#e2e8f0;--dark-text-muted:#94a3b8;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-glow:0 0 20px #2563eb4d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--dark-bg);color:var(--dark-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}.font-display{font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4,h5{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.3}h1{font-size:clamp(1.75rem,4vw,2.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}h4{font-size:1.125rem}.container{max-width:1280px;padding:0 var(--spacing-lg);margin:0 auto}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.glass-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:#1a2236d9;border:1px solid #ffffff14}.glass-card-light{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#ffffff0d;border:1px solid #ffffff1a}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition-fast);background:#fff;position:absolute;inset:0}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.15}.btn-primary{background:linear-gradient(135deg, var(--primary-600), var(--primary-700));color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb80}.btn-secondary{color:var(--dark-text);background:#ffffff14;border:1px solid #ffffff1f}.btn-secondary:hover{background:#ffffff1f}.btn-success{background:linear-gradient(135deg, var(--success-600), var(--success-700));color:#fff;box-shadow:0 4px 14px #16a34a4d}.btn-danger{background:linear-gradient(135deg, var(--error-500), var(--error-600));color:#fff}.btn-gov{background:linear-gradient(135deg, var(--gov-blue), var(--gov-blue-light));color:#fff;box-shadow:0 4px 14px #1a3a6b66}.btn-outline{border:1.5px solid var(--primary-500);color:var(--primary-400);background:0 0}.btn-outline:hover{background:var(--primary-500);color:#fff}.btn-lg{border-radius:var(--radius-lg);padding:.875rem 1.75rem;font-size:1rem}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.btn-full{justify-content:center;width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{flex-direction:column;gap:.375rem;display:flex}.form-label{color:var(--dark-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.form-input{border-radius:var(--radius-md);width:100%;color:var(--dark-text);transition:all var(--transition-fast);background:#ffffff0a;border:1.5px solid #ffffff1a;outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input::placeholder{color:var(--dark-text-muted)}.form-input:focus{border-color:var(--primary-500);background:#3b82f60d;box-shadow:0 0 0 3px #3b82f626}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-error{color:var(--error-500);align-items:center;gap:.25rem;font-size:.8125rem;display:flex}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#4ade80;background:#16a34a26;border:1px solid #4ade8033}.badge-warning{color:#fbbf24;background:#d9770626;border:1px solid #fbbf2433}.badge-error{color:#f87171;background:#dc262626;border:1px solid #f8717133}.badge-info{color:#38bdf8;background:#0284c726;border:1px solid #38bdf833}.badge-neutral{color:#9ca3af;background:#6b728026;border:1px solid #9ca3af33}.badge-primary{color:#60a5fa;background:#2563eb26;border:1px solid #60a5fa33}.data-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--dark-border);overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#ffffff08}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--dark-text-muted);border-bottom:1px solid var(--dark-border);white-space:nowrap;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.data-table td{color:var(--dark-text);border-bottom:1px solid #ffffff0a;padding:.875rem 1rem;font-size:.875rem}.data-table tbody tr:hover{background:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}.stat-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#1a2236e6 0%,#0f172af2 100%);border:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:1.25rem 1.35rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #00000059}.stat-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#3b82f666,#0000);height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:#60a5fa47;transform:translateY(-3px);box-shadow:0 12px 28px -4px #00000073,0 0 20px #3b82f61f}.stat-card:hover:before{opacity:1}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.stat-card-icon-badge{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.stat-card-value{color:var(--dark-text);letter-spacing:-.02em;font-size:1.625rem;font-weight:800;line-height:1.2}.stat-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--dark-text-muted);font-size:.725rem;font-weight:700}.stat-card-sublabel{color:var(--dark-text-muted);align-items:center;gap:.35rem;margin-top:.35rem;font-size:.75rem;display:flex}.stat-card-change{margin-top:.5rem;font-size:.75rem}.stat-card-change.positive{color:var(--success-500)}.stat-card-change.negative{color:var(--error-500)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--dark-surface);border-right:1px solid var(--dark-border);z-index:100;width:260px;transition:transform var(--transition-base);flex-direction:column;flex-shrink:0;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--dark-border);padding:1.5rem 1.25rem 1rem}.sidebar-nav{flex:1;padding:1rem .75rem}.nav-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);padding:.75rem .75rem .25rem;font-size:.65rem;font-weight:700}.nav-item{border-radius:var(--radius-md);color:var(--gray-400);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;margin-bottom:.125rem;padding:.625rem .75rem;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{color:var(--dark-text);background:#ffffff0f}.nav-item.active{color:var(--primary-400);background:linear-gradient(135deg,#2563eb40,#2563eb1a);border:1px solid #2563eb33}.nav-item.active .nav-icon{color:var(--primary-400)}.nav-icon{flex-shrink:0;width:1.125rem;height:1.125rem}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.top-bar{background:var(--dark-surface);border-bottom:1px solid var(--dark-border);z-index:50;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem;display:flex;position:sticky;top:0}.page-content{flex:1;padding:1.5rem}.auth-page{background:var(--dark-bg);min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#2563eb1f 0%,#0000 60%),radial-gradient(at 70% 80%,#1a3a6b26 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.auth-left{flex:1;justify-content:center;align-items:center;padding:3rem;display:flex;position:relative}.auth-right{background:var(--dark-surface);border-left:1px solid var(--dark-border);flex-shrink:0;justify-content:center;align-items:center;width:480px;padding:3rem;display:flex}.auth-form-card{width:100%;max-width:400px}.auth-brand-panel{max-width:520px}.otp-container{justify-content:center;gap:.5rem;display:flex}.otp-input{text-align:center;border-radius:var(--radius-md);width:3.25rem;height:3.5rem;color:var(--dark-text);transition:all var(--transition-fast);background:#ffffff0f;border:2px solid #ffffff1f;outline:none;font-size:1.5rem;font-weight:700}.otp-input:focus{border-color:var(--primary-500);background:#3b82f614;box-shadow:0 0 0 3px #3b82f626}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--dark-text);font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--dark-text-muted);margin-top:.25rem;font-size:.875rem}.filter-bar{background:var(--dark-card);border-radius:var(--radius-lg);border:1px solid var(--dark-border);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.filter-bar .form-input{max-width:280px}.pagination{align-items:center;justify-content:between;border-top:1px solid var(--dark-border);gap:.5rem;padding:1rem 1.25rem;display:flex}.page-btn{border-radius:var(--radius-sm);border:1px solid var(--dark-border);width:2rem;height:2rem;color:var(--dark-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:.875rem;display:flex}.page-btn:hover{border-color:var(--primary-500);color:var(--primary-400)}.page-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.alert{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.alert-error{color:#fca5a5;background:#dc26261a;border:1px solid #f871714d}.alert-success{color:#86efac;background:#16a34a1a;border:1px solid #4ade804d}.alert-warning{color:#fde68a;background:#d977061a;border:1px solid #fbbf244d}.alert-info{color:#7dd3fc;background:#0284c71a;border:1px solid #38bdf84d}.spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:1.25rem;height:1.25rem;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.gradient-text{background:linear-gradient(135deg, var(--primary-400), var(--primary-300));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg, var(--gov-gold-light), var(--gov-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.public-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0f1ee6;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.public-hero{background:linear-gradient(135deg, var(--dark-bg) 0%, #0d1b3e 50%, var(--dark-bg) 100%);align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-grid-bg{pointer-events:none;background-image:linear-gradient(#2563eb08 1px,#0000 1px),linear-gradient(90deg,#2563eb08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.status-card{border-radius:var(--radius-xl);transition:transform var(--transition-fast);border:1px solid;padding:1.25rem;position:relative;overflow:hidden}.status-card:hover{transform:translateY(-2px)}.status-card.pending{background:#f59e0b14;border-color:#f59e0b33}.status-card.success{background:#22c55e14;border-color:#22c55e33}.status-card.error{background:#ef444414;border-color:#ef444433}.status-card.info{background:#0ea5e914;border-color:#0ea5e933}.status-card.neutral{background:#6b728014;border-color:#6b728033}.upload-zone{border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:#ffffff05;border:2px dashed #ffffff26;padding:2rem}.upload-zone:hover{border-color:var(--primary-500);background:#3b82f60d}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:var(--radius-2xl);width:100%;max-width:560px;box-shadow:var(--shadow-xl);max-height:90vh;animation:.25s slideUp;overflow-y:auto}.modal-lg{max-width:780px}.modal-xl{max-width:1080px}.modal-header{border-bottom:1px solid var(--dark-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--dark-border);justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--dark-border);width:2px;position:absolute;top:0;bottom:0;left:.5rem}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-dot{border:2px solid var(--dark-border);background:var(--dark-card);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.25rem;left:-1.5rem}.timeline-dot.active{background:var(--primary-600);border-color:var(--primary-500)}.timeline-dot.success{background:var(--success-600);border-color:var(--success-500)}@media (width<=1024px){.auth-left{display:none}.auth-right{border:none;width:100%}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}}@media (width<=768px){.page-content{padding:1rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-input{max-width:100%}.stat-card-value{font-size:1.5rem}.page-header{flex-direction:column}.data-table th,.data-table td{padding:.625rem .75rem}.otp-input{width:2.75rem;height:3rem;font-size:1.25rem}}@media (width<=480px){.container{padding:0 1rem}.auth-right{padding:2rem 1.25rem}.modal{border-radius:var(--radius-xl);margin:.5rem}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--dark-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.text-muted{color:var(--dark-text-muted)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.125rem;display:grid}.w-full{width:100%}.text-center{text-align:center}.divider{background:var(--dark-border);height:1px;margin:1rem 0}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1200px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr;gap:.875rem}}
