:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-base:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#fff5f5;--bg-elevated:#f1f5f9;--bg-input:#fff;--bg-badge-red:#fee2e2;--bg-badge-slate:#f1f5f9;--border-subtle:#e2e8f0;--border-card:#edf2f7;--border-red-subtle:#fecaca;--border-red-active:#e11d48;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--accent-red-primary:#e11d48;--accent-red-dark:#be123c;--accent-red-deep:#881337;--accent-red-light:#f43f5e;--accent-red-subtle:#fff1f2;--accent-slate:#1e293b;--accent-emerald:#059669;--accent-amber:#d97706;--accent-sky:#0284c7;--gradient-brand:linear-gradient(135deg, #e11d48 0%, #dc2626 50%, #b91c1c 100%);--gradient-red-soft:linear-gradient(135deg, #fff1f2 0%, #ffe4e6 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #fafafa 100%);--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 4px -1px #e11d4808;--shadow-lg:0 12px 28px -6px #0f172a14, 0 4px 12px -2px #e11d480a;--shadow-red-glow:0 4px 20px -2px #e11d4840;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 10% 0,#e11d480a 0,#0000 50%),radial-gradient(at 90% 100%,#dc262608 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-red-primary)}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .18s cubic-bezier(.16,1,.3,1)}input,select,textarea{outline:none;font-family:inherit}a{color:inherit;text-decoration:none}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.4}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.pulse-dot{border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-subtle;display:inline-block}.app-container{background-color:var(--bg-base);flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 60px}.login-screen-container{background-color:#f8fafc;background-image:radial-gradient(at 50% 0,#e11d4814 0,#0000 65%),radial-gradient(at 90% 90%,#dc26260a 0,#0000 50%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.login-top-accent{background:var(--gradient-brand);height:4px;position:absolute;top:0;left:0;right:0}.login-content-box{flex-direction:column;align-items:center;width:100%;max-width:480px;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.login-brand-header{text-align:center;margin-bottom:20px}.login-logo-wrapper{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:#fff;justify-content:center;align-items:center;margin-bottom:16px;padding:8px 16px;display:inline-flex;box-shadow:0 4px 12px #0000000a}.login-logo-img{object-fit:contain;width:auto;height:48px;display:block}.login-title{letter-spacing:-.5px;color:var(--text-primary);margin-bottom:6px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.4}.login-features-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.login-feature-item{color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-red-subtle);box-shadow:var(--shadow-sm);background-color:#fff;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.login-card{border:1px solid var(--border-card);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-lg);box-sizing:border-box;background:#fff;padding:28px 26px}.login-error-alert{border-radius:var(--radius-md);color:#be123c;background-color:#fff1f2;border:1px solid #fecaca;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:12px}.form-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);box-sizing:border-box;background-color:#fff;padding:10px 14px 10px 38px;font-size:14px;transition:all .18s}.form-input:focus{border-color:var(--accent-red-primary);box-shadow:0 0 0 3px #e11d481f}.login-submit-btn{border-radius:var(--radius-md);background:var(--gradient-brand);color:#fff;width:100%;box-shadow:var(--shadow-red-glow);justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:11px 18px;font-size:14px;font-weight:700;display:flex}.login-submit-btn:hover{opacity:.94;transform:translateY(-1px)}.login-footer{color:var(--text-muted);align-items:center;gap:6px;margin-top:18px;font-size:12px;display:flex}.navbar{z-index:50;border-bottom:1px solid var(--border-subtle);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.nav-brand{align-items:center;gap:12px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:36px;display:block}.brand-divider{background-color:var(--border-color);width:1px;height:28px;margin:0 4px}.brand-title{letter-spacing:-.3px;color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.brand-badge{text-transform:uppercase;border-radius:var(--radius-full);color:var(--accent-red-dark);letter-spacing:.5px;background:#fee2e2;border:1px solid #fecaca;padding:2px 8px;font-size:10px;font-weight:700}.nav-actions{align-items:center;gap:10px;display:flex}.nav-btn{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);background-color:#fff;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.nav-btn:hover{color:var(--text-primary);background-color:#f8fafc;border-color:#cbd5e1}.nav-btn.primary{background:var(--gradient-brand);color:#fff;border:none;box-shadow:0 2px 8px #e11d4840}.nav-btn.primary:hover{opacity:.94;transform:translateY(-1px)}.nav-btn.logout{color:var(--accent-red-dark);background-color:#fff1f2;border-color:#fecaca}.nav-btn.logout:hover{border-color:var(--accent-red-primary);background-color:#ffe4e6}.status-chip{color:#047857;border-radius:var(--radius-full);background-color:#ecfdf5;border:1px solid #a7f3d0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.status-chip .pulse-dot{background-color:#059669}.budget-banner{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:linear-gradient(90deg,#fff1f2 0%,#fff 100%);border:1px solid #fecaca;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 20px;display:flex}.budget-info{align-items:center;gap:10px;display:flex}.budget-bar-container{align-items:center;gap:10px;min-width:240px;display:flex}.budget-progress{background-color:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.budget-fill{background:var(--gradient-brand);border-radius:4px;height:100%;transition:width .4s}.filter-container{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:14px 20px;display:flex}.quick-period-tabs{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#f1f5f9;align-items:center;gap:4px;padding:4px;display:flex;overflow-x:auto}.period-tab{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 14px;font-size:13px;font-weight:600;transition:all .18s}.period-tab:hover{color:var(--text-primary)}.period-tab.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 6px #e11d484d}.custom-range-picker{align-items:center;gap:8px;display:flex}.date-input{border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);background:#fff;padding:6px 12px;font-size:13px;transition:border-color .2s}.date-input:focus{border-color:var(--accent-red-primary)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px;display:grid}.kpi-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;justify-content:space-between;padding:20px 22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-red-subtle);transform:translateY(-2px)}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kpi-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.kpi-icon-badge{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.kpi-icon-badge.red{color:var(--accent-red-primary);background:#fee2e2}.kpi-icon-badge.emerald{color:var(--accent-emerald);background:#dcfce7}.kpi-icon-badge.slate{color:var(--accent-slate);background:#f1f5f9}.kpi-icon-badge.amber{color:var(--accent-amber);background:#fef3c7}.kpi-value-main{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:800;line-height:1.15}.kpi-subtext{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.kpi-highlight{color:var(--text-primary);font-weight:700}.view-tabs{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:24px;padding-bottom:4px;display:flex}.view-tab{color:var(--text-secondary);border-radius:var(--radius-md) var(--radius-md) 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;position:relative}.view-tab:hover,.view-tab.active{color:var(--accent-red-primary);background-color:#fff1f2}.view-tab.active:after{content:"";background:var(--accent-red-primary);border-radius:2px;height:2px;position:absolute;bottom:-5px;left:0;right:0}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:28px;display:grid}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:22px}.chart-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:15px;font-weight:800;display:flex}.chart-subtitle{color:var(--text-muted);margin-bottom:18px;font-size:12px}.table-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:28px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--border-subtle);background-color:#fafafa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.search-input-wrapper{align-items:center;min-width:280px;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:12px}.search-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background-color:#fff;padding:8px 12px 8px 36px;font-size:13px;transition:border-color .2s}.search-input:focus{border-color:var(--accent-red-primary);box-shadow:0 0 0 3px #e11d481a}.toolbar-filters{align-items:center;gap:10px;display:flex}.select-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);background-color:#fff;padding:8px 14px;font-size:13px}.select-input:focus{border-color:var(--accent-red-primary)}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#f8fafc;padding:12px 16px;font-weight:700}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--accent-red-primary)}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.data-table tr:hover{background-color:#fff5f5}.mono-num{font-family:var(--font-mono);font-weight:700}.badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.immigration{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.badge.study_abroad{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge.tourism{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.badge.system{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge.other{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.status-badge{border-radius:var(--radius-sm);align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.review{color:#b45309;background:#fef3c7}.status-badge.processing{color:#0284c7;background:#e0f2fe}.status-badge.ready_for_export{color:#15803d;background:#dcfce7}.status-badge.exported{color:#b91c1c;background:#fee2e2}.status-badge.draft{color:#64748b;background:#f1f5f9}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.drawer-content{border-left:1px solid var(--border-subtle);z-index:110;background-color:#fff;flex-direction:column;width:680px;max-width:95vw;animation:.25s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-10px 0 30px #0000001f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{border-bottom:1px solid var(--border-subtle);background:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-body{background-color:#fafafa;flex:1;padding:24px;overflow-y:auto}.close-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);background:#f1f5f9;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:var(--accent-red-primary);background:#fee2e2}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state-icon{width:48px;height:48px;color:var(--text-muted);opacity:.6;margin:0 auto 12px}