@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-100: #EEF3FF;--brand-200: #D6E2FF;--brand-300: #A7C0FF;--brand-400: #6FA8FF;--brand-500: #2D5FE6;--brand-600: #1D4BE5;--brand-700: #1436B8;--brand-800: #0B1E6F;--brand-900: #061046;--brand-gradient: linear-gradient(135deg, #6FA8FF 0%, #1D4BE5 55%, #0B1E6F 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(111,168,255,.15) 0%, rgba(29,75,229,.12) 100%);--fg-0: #0B1020;--fg-1: #1F2A44;--fg-2: #4A5578;--fg-3: #6B7590;--fg-4: #9AA3BE;--bg-0: #FFFFFF;--bg-1: #F7FAFF;--bg-2: #EEF3FB;--bg-3: #E4EAF5;--border-hair: rgba(13, 34, 96, .06);--border-subtle: rgba(13, 34, 96, .1);--border-strong: rgba(13, 34, 96, .18);--border-glass: rgba(255, 255, 255, .7);--success-50: #ECFDF5;--success-100: #D1FAE5;--success-500: #16A34A;--success-700: #15803D;--warn-50: #FFFBEB;--warn-100: #FEF3C7;--warn-500: #F59E0B;--warn-700: #B45309;--danger-50: #FEF2F2;--danger-100: #FEE2E2;--danger-500: #DC2626;--danger-700: #B91C1C;--info-50: #EFF6FF;--info-100: #DBEAFE;--info-500: #2563EB;--info-700: #1D4ED8;--surface-dropdown: #FFFFFF;--surface-dropdown-hover: #F7FAFF;--surface-icon-box: #E8EDF8;--surface-notification-unread: rgba(45, 95, 230, .07);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--lh-xs: 16px;--text-sm: 14px;--lh-sm: 20px;--text-base: 16px;--lh-base: 24px;--text-md: 18px;--lh-md: 28px;--text-lg: 20px;--lh-lg: 30px;--text-xl: 24px;--lh-xl: 32px;--text-2xl: 30px;--lh-2xl: 38px;--text-3xl: 36px;--lh-3xl: 44px;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-caps: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(13, 34, 96, .06);--shadow-md: 0 4px 12px -2px rgba(13, 34, 96, .08), 0 2px 4px rgba(13, 34, 96, .04);--shadow-lg: 0 24px 48px -12px rgba(13, 34, 96, .18), 0 8px 16px -4px rgba(13, 34, 96, .08);--shadow-xl: 0 40px 80px -20px rgba(13, 34, 96, .25), 0 16px 32px -8px rgba(13, 34, 96, .1);--shadow-glow: 0 0 0 4px rgba(45, 95, 230, .18);--shadow-inset-glass: inset 0 1px 0 rgba(255,255,255,.9), inset 0 0 0 1px rgba(255,255,255,.4);--glass-light: rgba(255, 255, 255, .6);--glass: rgba(255, 255, 255, .75);--glass-heavy: rgba(255, 255, 255, .92);--glass-blur: blur(24px) saturate(140%);--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--dur-micro: .12s;--dur-fast: .2s;--dur-med: .32s}[data-theme=dark]{--brand-100: #0F1F45;--brand-200: #152960;--brand-300: #1D3D88;--fg-0: #EEF3FF;--fg-1: #C8D4EE;--fg-2: #8896B8;--fg-3: #5C6880;--fg-4: #3A4260;--bg-0: #0E1525;--bg-1: #111828;--bg-2: #080E1C;--bg-3: #161E30;--border-hair: rgba(111, 168, 255, .07);--border-subtle: rgba(111, 168, 255, .12);--border-strong: rgba(111, 168, 255, .25);--border-glass: rgba(111, 168, 255, .14);--success-50: #052814;--success-100: #0a3d20;--warn-50: #2a1f00;--warn-100: #3d2d00;--danger-50: #290808;--danger-100: #3d0f0f;--info-50: #071730;--info-100: #0d2248;--surface-dropdown: #151F33;--surface-dropdown-hover: #1C2840;--surface-icon-box: rgba(111, 168, 255, .1);--surface-notification-unread: rgba(111, 168, 255, .12);--glass-light: rgba(14, 21, 37, .6);--glass: rgba(14, 21, 37, .78);--glass-heavy: rgba(10, 15, 28, .94);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 8px 16px -4px rgba(0, 0, 0, .35);--shadow-xl: 0 40px 80px -20px rgba(0, 0, 0, .85), 0 16px 32px -8px rgba(0, 0, 0, .45);--shadow-inset-glass: inset 0 1px 0 rgba(111,168,255,.12), inset 0 0 0 1px rgba(111,168,255,.06)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-base);color:var(--fg-1);background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s var(--ease-out),color .2s var(--ease-out)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}input,button,select,textarea{font-family:var(--font-sans);font-size:inherit}button{cursor:pointer}a{color:var(--brand-600);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--brand-700)}.glass{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);box-shadow:var(--shadow-lg),var(--shadow-inset-glass);border-radius:var(--radius-xl)}.card{background:var(--bg-0);border:1px solid var(--border-hair);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.card:hover{box-shadow:var(--shadow-lg)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;line-height:18px;white-space:nowrap}.badge-success{background:var(--success-50);color:var(--success-700)}.badge-warn{background:var(--warn-50);color:var(--warn-700)}.badge-danger{background:var(--danger-50);color:var(--danger-700)}.badge-info{background:var(--info-50);color:var(--info-700)}.badge-neutral{background:var(--bg-3);color:var(--fg-2)}.badge-brand{background:var(--brand-100);color:var(--brand-700)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp var(--dur-fast) var(--ease-out) both}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-3) 25%,var(--bg-2) 50%,var(--bg-3) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.chart-grid,.table-grid{display:grid;grid-template-columns:3fr 2fr;gap:20px}.renewal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.table-scroll{width:100%;overflow-x:auto}@media (max-width: 1280px){.chart-grid,.table-grid{grid-template-columns:1fr}.renewal-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.subnav-desktop{display:none!important}.subnav-mobile-btn{display:flex!important}.header-user-text{display:none!important}}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.renewal-grid{grid-template-columns:repeat(2,1fr)}.main-content{padding:20px 12px 48px!important}.search-shortcut-hint{display:none!important}}.subnav-mobile-btn{display:none}.subnav-desktop{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}.subnav-desktop::-webkit-scrollbar{display:none}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-panel{animation:slideDown var(--dur-fast) var(--ease-out) both}