@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #F6F7FB;--surface: #FFFFFF;--surface-2: #F8F9FC;--surface-3: #EEF0F7;--overlay: rgba(10,18,53,.72);--navy-950: #060B23;--navy-900: #0A1235;--navy-800: #102052;--navy-700: #1A2B5E;--navy-600: #243878;--navy-500: #2F4794;--navy-400: #5A72BF;--navy-300: #8C9FD9;--navy-100: #DDE3F5;--navy-50: #EEF1FA;--yellow-800: #8A6D00;--yellow-700: #B8920A;--yellow-600: #E0B500;--yellow-500: #FFD500;--yellow-400: #FFDE38;--yellow-300: #FFE874;--yellow-100: #FFF4B8;--yellow-50: #FFFBE6;--blue-950: var(--navy-950);--blue-900: var(--navy-900);--blue-800: var(--navy-800);--blue-700: var(--navy-700);--blue-600: var(--navy-600);--blue-500: var(--navy-500);--blue-400: var(--navy-400);--blue-300: var(--navy-300);--blue-100: var(--navy-100);--blue-50: var(--navy-50);--primary: var(--navy-700);--primary-dark: var(--navy-800);--primary-light: var(--navy-50);--primary-glow: rgba(26,43,94,.18);--accent: var(--yellow-500);--accent-dark: var(--yellow-600);--accent-light: var(--yellow-50);--accent-glow: rgba(255,213,0,.36);--accent-ink: var(--navy-900);--emerald-600: #059669;--emerald-500: #10B981;--emerald-100: #D1FAE5;--emerald-50: #ECFDF5;--cta: var(--yellow-500);--cta-dark: var(--yellow-600);--cta-light: var(--yellow-50);--violet-600: #7C3AED;--violet-500: #8B5CF6;--violet-100: #EDE9FE;--violet-50: #F5F3FF;--success: #059669;--success-bg: #ECFDF5;--success-bdr: #6EE7B7;--danger: #DC2626;--danger-bg: #FEF2F2;--danger-bdr: #FCA5A5;--warning: #D97706;--warning-bg: #FFFBEB;--warning-bdr: #FCD34D;--info: #0EA5E9;--info-bg: #F0F9FF;--info-bdr: #BAE6FD;--text: #0F172A;--text-sec: #374151;--text-muted: #6B7280;--text-faint: #9CA3AF;--border: #E5E7EB;--border-med: #D1D5DB;--border-strong:#9CA3AF;--r-xs: 4px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--r-2xl: 28px;--s-xs: 0 1px 2px rgba(10,18,53,.05);--s-sm: 0 1px 3px rgba(10,18,53,.07), 0 1px 2px rgba(26,43,94,.05);--s: 0 4px 12px rgba(10,18,53,.08), 0 1px 4px rgba(26,43,94,.06);--s-md: 0 8px 24px rgba(10,18,53,.1), 0 2px 8px rgba(26,43,94,.07);--s-lg: 0 20px 48px rgba(10,18,53,.14), 0 8px 16px rgba(26,43,94,.08);--s-xl: 0 32px 64px rgba(10,18,53,.2), 0 12px 24px rgba(26,43,94,.1);--spring: cubic-bezier(.34,1.56,.64,1);--ease-out:cubic-bezier(.22,1,.36,1);--ease-io: cubic-bezier(.65,0,.35,1);--t-fast: .14s;--t: .2s;--t-slow: .3s;--radius-sm: var(--r-sm);--radius: var(--r);--radius-lg: var(--r-lg);--radius-xl: var(--r-xl);--shadow-xs: var(--s-xs);--shadow-sm: var(--s-sm);--shadow: var(--s);--shadow-md: var(--s-md);--shadow-lg: var(--s-lg);--shadow-xl: var(--s-xl);--muted-color: var(--text-muted);--ease-spring: var(--spring);--ease-in-out: var(--ease-io);--duration-fast:var(--t-fast);--duration: var(--t);--duration-slow:var(--t-slow)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv05","cv09","ss02";background:var(--bg);color:var(--text);font-size:14.5px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:700;color:var(--text);letter-spacing:-.02em}p{margin:0}.mono,.metric .value,td.num,.badge-count,code,pre,.csv-col,kbd{font-family:JetBrains Mono,Menlo,monospace}button,[role=button],label[for],.tab-btn,.sidebar a,.toggle-wrap,select{cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-med);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFwd{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 5px #10b98100}}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skeleton{display:inline-block;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-wave 1.4s ease-in-out infinite;border-radius:var(--r-sm)}.skeleton-row{height:14px;width:100%;margin-bottom:10px}.skeleton-row:last-child{margin-bottom:0;width:70%}.skeleton-cell{height:12px;border-radius:4px;display:inline-block}.skeleton-avatar{width:32px;height:32px;border-radius:8px;flex-shrink:0}.skeleton-table-row{display:grid;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border);align-items:center}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:252px;min-width:252px;background:var(--navy-900);background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),radial-gradient(ellipse 100% 60% at 50% 0%,rgba(255,213,0,.1) 0%,transparent 65%);background-size:32px 32px,32px 32px,100% 100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-right:1px solid rgba(255,255,255,.04);transition:width var(--t-slow) var(--ease-out),min-width var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out)}.sidebar-header{padding:20px 16px 14px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo-icon{width:38px;height:38px;flex-shrink:0;background:linear-gradient(145deg,#ffe14d,#ffd500 55%,#e0b500);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--navy-900);font-weight:900;font-size:13px;letter-spacing:.4px;font-family:Inter,sans-serif;box-shadow:0 0 0 1px #ffffff14,0 4px 16px #ffd50073,inset 0 1px #ffffff59}.sidebar-logo-img{width:38px;height:38px;flex-shrink:0;object-fit:contain;border-radius:10px;background:#ffffff14}.sidebar-logo-name{color:#f8fafc;font-size:14px;font-weight:700;letter-spacing:-.2px;line-height:1.2}.sidebar-logo-sub{color:#ffffff47;font-size:10.5px;margin-top:2px;letter-spacing:.01em}.sidebar-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:1px}.sidebar-section{padding:18px 8px 6px;color:#ffffff38;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;-webkit-user-select:none;user-select:none}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);color:#ffffff6b;font-size:13px;font-weight:500;text-decoration:none!important;white-space:nowrap;transition:background var(--t-fast) ease,color var(--t-fast) ease;position:relative}.sidebar a .nav-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;flex-shrink:0;transition:background var(--t-fast),box-shadow var(--t-fast)}.sidebar a:hover{color:#ffffffd9;background:#ffffff0f}.sidebar a:hover .nav-icon{background:#ffffff17}.sidebar a:focus-visible{outline:2px solid var(--yellow-500);outline-offset:2px}.sidebar a.active{color:#fff;background:#ffd5001a}.sidebar a.active .nav-icon{background:#ffd50038;box-shadow:0 0 12px #ffd50059,inset 0 1px #ffffff1f;color:var(--yellow-400)}.sidebar a.active:after{content:"";position:absolute;right:0;top:18%;bottom:18%;width:3px;border-radius:2px 0 0 2px;background:linear-gradient(180deg,#ffe14d,#ffd500);box-shadow:0 0 10px #ffd500b3}.sidebar a svg{flex-shrink:0;color:inherit;transition:color var(--t-fast)}.sidebar-footer{padding:10px 10px 14px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;position:relative}.sidebar-user-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:1px solid rgba(255,255,255,.07);border-radius:var(--r-sm);cursor:pointer;text-align:left;transition:background var(--t-fast),border-color var(--t-fast)}.sidebar-user-btn:hover{background:#ffffff0f;border-color:#ffffff21}.sidebar-user-btn.open{background:#ffd5001a;border-color:#ffd5004d}.sidebar-user-btn:focus-visible{outline:2px solid var(--yellow-500);outline-offset:2px}.sidebar-avatar{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:linear-gradient(145deg,#ffe14d,#ffd500);color:var(--navy-900);font-weight:800;font-size:11.5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ffd50073;letter-spacing:.5px}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#ffffffeb;font-size:12.5px;font-weight:600;line-height:1.2}.sidebar-user-role{color:#ffffff57;font-size:10.5px;margin-top:2px}.sidebar-chevron{color:#ffffff42;flex-shrink:0;transition:transform var(--t),color var(--t-fast)}.sidebar-chevron.up{transform:rotate(180deg);color:var(--yellow-400)}.user-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;background:var(--navy-800);border:1px solid rgba(255,255,255,.09);border-radius:var(--r);box-shadow:0 -8px 32px #00000080,0 4px 12px #00000040;overflow:hidden;z-index:60;animation:slideUp var(--t) var(--ease-out)}.user-menu-header{display:flex;align-items:center;gap:10px;padding:13px 14px 11px}.user-menu-avatar{width:34px;height:34px;border-radius:8px;flex-shrink:0;background:linear-gradient(145deg,#ffe14d,#ffd500);color:var(--navy-900);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;letter-spacing:.4px}.user-menu-name{color:#f1f5f9;font-size:13px;font-weight:600}.user-menu-email{color:#475569;font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px}.user-menu-divider{height:1px;background:#ffffff0f}.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px 14px;background:none;border:none;color:#94a3b8;font-size:13px;font-family:inherit;cursor:pointer;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.user-menu-item:hover{background:#ffffff0d;color:#ffe874}.user-menu-item--danger{color:#f87171}.user-menu-item--danger:hover{background:#dc26261a;color:#fca5a5}.user-menu-item:focus-visible{outline:2px solid var(--yellow-500);outline-offset:-2px}.topbar-desktop{display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;min-height:56px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--s-xs)}.topbar-desktop-left{display:flex;align-items:center;gap:10px}.topbar-live{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);font-weight:500}.topbar-live-dot{width:7px;height:7px;border-radius:50%;background:var(--emerald-500);animation:pulse-dot 2s ease-in-out infinite}.topbar-right{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column;min-width:0}.main-content{flex:1;padding:28px 32px;animation:fadeIn var(--t-slow) var(--ease-out);max-width:1600px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:26px;gap:16px;flex-wrap:wrap}.page-header-left h1{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.04em}.page-header-left p{color:var(--text-muted);font-size:13px;margin-top:3px;font-weight:400}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:20px;box-shadow:var(--s-sm);transition:box-shadow var(--t) var(--ease-out)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:12px}.card-title{font-size:13.5px;font-weight:700;color:var(--text);letter-spacing:-.02em}.card-subtitle{font-size:12px;color:var(--text-muted);margin-top:3px;font-weight:400}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px 20px;box-shadow:var(--s-sm);position:relative;overflow:hidden;cursor:default;transition:box-shadow var(--t) var(--ease-out),transform var(--t) var(--ease-out),border-color var(--t) var(--ease-out)}.metric:hover{box-shadow:var(--s-md);transform:translateY(-2px);border-color:#ffd50073}.metric:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--metric-accent, var(--primary));border-radius:var(--r-lg) var(--r-lg) 0 0}.metric:after{content:"";position:absolute;top:-30px;right:-20px;width:110px;height:110px;border-radius:50%;background:var(--metric-accent, var(--primary));opacity:.06;pointer-events:none}.metric-icon{position:absolute;top:14px;right:16px;width:36px;height:36px;border-radius:9px;background:var(--metric-accent-bg, var(--yellow-50));display:flex;align-items:center;justify-content:center;color:var(--metric-accent, var(--primary));flex-shrink:0;border:1px solid var(--yellow-100)}.metric .label{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:1}.metric .value{font-size:36px;font-weight:800;color:var(--text);margin-top:6px;letter-spacing:-.04em;line-height:1;position:relative;z-index:1;font-variant-numeric:tabular-nums}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:var(--accent-ink);border:none;padding:9px 18px;border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:700;font-family:inherit;letter-spacing:-.01em;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast) var(--spring);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 1px #ffffff59 inset,0 2px 10px #ffd50066;position:relative}.btn:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 1px #fff6 inset,0 6px 18px #ffd5008c;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #ffd5004d}.btn:focus-visible{outline:2px solid var(--navy-700);outline-offset:3px}.btn.brand{background:var(--primary);color:#fff;box-shadow:0 1px #ffffff1a inset,0 2px 10px #1a2b5e59}.btn.brand:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 1px #ffffff1f inset,0 6px 18px #1a2b5e73}.btn.secondary{background:var(--surface);color:var(--text-sec);border:1px solid var(--border);box-shadow:var(--s-xs)}.btn.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-med);box-shadow:var(--s-sm);transform:translateY(-1px)}.btn.secondary:focus-visible{outline-color:var(--primary)}.btn.danger{background:var(--danger);color:#fff;box-shadow:0 2px 8px #dc262647}.btn.danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 5px 16px #dc262659}.btn.success{background:var(--success);color:#fff;box-shadow:0 2px 8px #05966947}.btn.success:hover:not(:disabled){background:#047857;box-shadow:0 5px 16px #05966959}.btn.small{padding:5px 11px;font-size:11.5px;border-radius:5px}.btn[disabled],.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}input,select,textarea{width:100%;padding:9px 12px;border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:13.5px;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);outline:none;line-height:1.5}input:hover,select:hover,textarea:hover{border-color:var(--border-med)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1a2b5e24;background:#fcfcfe}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{min-height:80px;resize:vertical}input[readonly]{background:var(--surface-2);color:var(--text-muted);cursor:default;border-color:var(--border)}input[readonly]:focus{box-shadow:none;border-color:var(--border)}label{display:block;font-size:11.5px;font-weight:600;color:var(--text-sec);margin-bottom:5px;letter-spacing:.02em;text-transform:uppercase}.field{margin-bottom:16px}.field-hint{font-size:11.5px;color:var(--text-muted);margin-top:5px;line-height:1.5}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:9px 14px;background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}th:first-child{padding-left:20px;border-radius:0}th:last-child{padding-right:20px}td{padding:11px 14px;border-bottom:1px solid var(--surface-3);vertical-align:middle;color:var(--text);font-size:13.5px;transition:background var(--t-fast)}td:first-child{padding-left:20px}td:last-child{padding-right:20px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fffbe6}td.right,th.right{text-align:right}td.nowrap,th.nowrap{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px 2px 6px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge.in{background:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.badge.in:before{background:#3b82f6}.badge.out{background:#ecfdf5;color:#065f46;border:1px solid #6EE7B7}.badge.out:before{background:#10b981}.badge.pending{background:#fffbeb;color:#92400e;border:1px solid #FCD34D}.badge.pending:before{background:#f59e0b}.badge.admin{background:var(--navy-50);color:var(--navy-800);border:1px solid var(--navy-300)}.badge.admin:before{background:var(--navy-700)}.badge.user{background:var(--yellow-50);color:var(--yellow-800);border:1px solid var(--yellow-300)}.badge.user:before{background:var(--yellow-500)}.badge.active-s{background:#ecfdf5;color:#065f46;border:1px solid #6EE7B7}.badge.active-s:before{background:#10b981}.badge.inactive-s{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.badge.inactive-s:before{background:var(--text-faint)}.flash{padding:11px 16px;border-radius:var(--r-sm);margin-bottom:16px;font-size:13.5px;font-weight:500;display:flex;align-items:flex-start;gap:10px;line-height:1.5;animation:fadeIn var(--t) var(--ease-out)}.flash.error{background:var(--danger-bg);color:#991b1b;border:1px solid var(--danger-bdr)}.flash.success{background:var(--success-bg);color:#065f46;border:1px solid var(--success-bdr)}.flash.info{background:var(--info-bg);color:#0c4a6e;border:1px solid var(--info-bdr)}.flash.warning{background:var(--warning-bg);color:#78350f;border:1px solid var(--warning-bdr)}.tabs{display:flex;gap:0;align-items:center;border-bottom:1.5px solid var(--border);margin-bottom:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{padding:9px 18px;border:none;background:none;font-size:13px;font-weight:500;font-family:inherit;color:var(--text-muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast);white-space:nowrap;flex-shrink:0;border-radius:var(--r-sm) var(--r-sm) 0 0}.tab-btn:hover{color:var(--text);background:var(--surface-2)}.tab-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700;background:transparent}.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.toolbar input,.toolbar select{max-width:240px}.spacer{flex:1;min-width:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1120a6;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn var(--t-fast) ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--s-xl);animation:slideUp var(--t) var(--ease-out)}.modal-header{padding:18px 24px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.modal-header h3{font-size:15px;font-weight:700;letter-spacing:-.02em}.modal-close{width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.modal-close:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-med)}.modal-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2);flex-shrink:0;border-radius:0 0 var(--r-xl) var(--r-xl)}.login-page{display:flex;min-height:100vh;background:var(--navy-900);background-image:radial-gradient(ellipse 80% 70% at 15% 45%,rgba(255,213,0,.14) 0%,transparent 55%),radial-gradient(ellipse 60% 60% at 85% 60%,rgba(47,71,148,.32) 0%,transparent 55%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100%,100%,40px 40px,40px 40px;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-180px;right:-180px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,0,.16) 0%,transparent 70%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-200px;left:-100px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(47,71,148,.3) 0%,transparent 70%);pointer-events:none}.login-split{display:flex;width:100%;min-height:100vh}.login-brand{flex:0 0 44%;display:flex;flex-direction:column;justify-content:center;padding:60px 56px;position:relative;z-index:1}.login-brand-logo{width:60px;height:60px;border-radius:14px;background:linear-gradient(145deg,#ffe14d,#ffd500 55%,#e0b500);display:flex;align-items:center;justify-content:center;color:var(--navy-900);font-weight:900;font-size:18px;letter-spacing:.4px;margin-bottom:32px;box-shadow:0 0 0 1px #fff3,0 10px 32px #ffd50073,inset 0 1px #ffffff73;overflow:hidden}.login-brand-logo img{width:100%;height:100%;object-fit:contain}.login-brand-title{font-size:38px;font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.login-brand-title:after{content:"";display:block;width:48px;height:4px;background:var(--accent);border-radius:2px;margin-top:14px}.login-brand-sub{font-size:15px;color:#ffffff9e;line-height:1.7;max-width:340px}.login-features{margin-top:44px;display:flex;flex-direction:column;gap:14px}.login-feature{display:flex;align-items:center;gap:12px;color:#ffffffb3;font-size:13.5px}.login-feature-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;background:#ffd50024;border:1px solid rgba(255,213,0,.32);display:flex;align-items:center;justify-content:center;color:var(--yellow-400)}.login-form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;position:relative;z-index:1}.login-mobile-brand{display:none;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;text-align:center}.login-mobile-logo-img{height:64px;max-width:180px;object-fit:contain}.login-mobile-logo-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#ffe14d,#ffd500);display:flex;align-items:center;justify-content:center;color:var(--navy-900);font-weight:900;font-size:20px;letter-spacing:.04em;box-shadow:0 8px 22px #ffd50073}.login-mobile-logo-name{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em}.login-card{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:40px;border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--s-xl),0 0 0 1px #ffffff14;animation:slideUp var(--t-slow) var(--ease-out)}.login-card h1{font-size:22px;font-weight:800;letter-spacing:-.04em;margin-bottom:4px;color:var(--text)}.login-card .login-sub{color:var(--text-muted);font-size:13.5px;margin-bottom:28px}.toggle-wrap{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}.toggle-wrap:hover{border-color:var(--yellow-300);box-shadow:0 0 0 3px #ffd50029}.toggle-wrap:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.toggle-switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#c9cfe1;border-radius:24px;transition:background var(--t)}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform var(--t) var(--spring);box-shadow:0 1px 4px #00000038}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--primary);outline-offset:2px}.toggle-info{flex:1}.toggle-info-label{font-size:13.5px;font-weight:600;color:var(--text)}.toggle-info-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle-status{font-size:11.5px;font-weight:700}.toggle-status.on{color:var(--success)}.toggle-status.off{color:var(--text-faint)}.upload-guide{background:var(--surface-2);border:1.5px dashed var(--border-med);border-radius:var(--r);padding:16px;margin-bottom:16px}.upload-guide h4{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:10px}.csv-cols{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.csv-col{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:3px 9px;font-size:12px;color:var(--primary)}.csv-col.req{border-color:#fca5a5;color:#b91c1c;background:#fff5f5}.upload-guide ol{padding-left:18px;color:var(--text-sec);font-size:13px}.upload-guide ol li{margin-bottom:4px}.upload-result{margin-top:14px;padding:14px 16px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border)}.upload-result-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.upload-stat{font-size:13px}.upload-stat span{font-weight:700;font-family:JetBrains Mono,monospace}.upload-stat.ok span{color:var(--success)}.upload-stat.upd span{color:var(--primary)}.upload-stat.err span{color:var(--danger)}.muted{color:var(--text-muted);font-size:12px}.text-sec{color:var(--text-sec)}.right{text-align:right}.nowrap{white-space:nowrap}.section-divider{border:none;border-top:1px solid var(--border);margin:20px 0}.empty-state{text-align:center;padding:52px 20px;color:var(--text-muted)}.empty-state svg{opacity:.15;margin-bottom:14px}.empty-state p{font-size:13.5px}.spinner{width:14px;height:14px;border:2px solid rgba(10,18,53,.18);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}.sidebar .spinner,.modal-backdrop .spinner.dark,.btn.brand .spinner,.btn.danger .spinner,.btn.success .spinner{border-color:#ffffff4d;border-top-color:#fff}.topbar{display:none;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40;flex-shrink:0;box-shadow:var(--s-xs)}.topbar-toggle{background:none;border:none;padding:7px;border-radius:var(--r-sm);cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;transition:background var(--t-fast);flex-shrink:0}.topbar-toggle:hover{background:var(--surface-2)}.topbar-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.topbar-brand{font-size:15px;font-weight:800;color:var(--primary);letter-spacing:-.03em}.topbar-fullscreen{margin-left:auto}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b112080;z-index:49;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.paginator{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--border);background:var(--surface-2);font-size:12.5px;color:var(--text-muted)}.paginator button{padding:5px 10px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);color:var(--text-sec);cursor:pointer;font-size:12px;font-family:inherit;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast)}.paginator button:hover:not(:disabled){background:var(--yellow-50);border-color:var(--yellow-400);color:var(--primary)}.paginator button:disabled{opacity:.35;cursor:not-allowed}.paginator button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.live-clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px;-webkit-user-select:none;user-select:none;flex-shrink:0}.live-clock-time{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--text);line-height:1}.live-clock-date{font-size:12px;color:var(--text-muted);font-weight:500}button,[role=button],.btn,.tab-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 1024px){.topbar{display:flex}.topbar-desktop{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:272px;min-width:272px;transform:translate(-100%);z-index:50;box-shadow:none;transition:transform var(--t-slow) var(--ease-out)}.sidebar.sidebar-open{transform:translate(0);box-shadow:6px 0 40px #00000061}.sidebar-overlay{display:block}.app-shell:not(.sidebar-is-open) .sidebar-overlay{display:none}.main-content{padding:20px 22px}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-2{grid-template-columns:1fr 1fr}.metric .value{font-size:28px}.card{padding:16px}.modal{max-width:94vw}.live-clock-time{font-size:18px}.live-clock-date{font-size:11px}.login-brand{display:none}.login-form-panel{padding:24px}.login-mobile-brand{display:flex}.page-header{flex-wrap:wrap;gap:12px}}@media (max-width: 768px){.sidebar{width:280px;min-width:280px}.main-content{padding:14px}.page-header{flex-direction:column;gap:10px;margin-bottom:18px}.page-header-left h1{font-size:18px}.live-clock{align-items:flex-start}.live-clock-time{font-size:17px}.live-clock-date{font-size:11px}.page-header-right{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.grid-4{grid-template-columns:1fr 1fr}.grid-3,.grid-2{grid-template-columns:1fr}.metric{padding:14px 14px 16px}.metric .value{font-size:26px}.card{padding:14px}.btn{min-height:44px;padding:10px 18px}.btn.small{min-height:36px;padding:7px 13px}input,select,textarea{font-size:16px}.toolbar{flex-direction:column;align-items:stretch;gap:10px}.toolbar input,.toolbar select{max-width:100%}.spacer{display:none}.tab-btn{padding:8px 14px;font-size:12px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--surface) 20px,transparent 60px) left,linear-gradient(to left,var(--surface) 20px,transparent 60px) right;background-attachment:local;background-size:60px 100%;background-repeat:no-repeat}table{min-width:560px}.modal{max-width:100%;width:100%;border-radius:var(--r-xl) var(--r-xl) 0 0;align-self:flex-end;max-height:93vh}.modal-backdrop{align-items:flex-end;padding:0}.modal-body{padding:16px 18px}.modal-header,.modal-footer{padding-left:18px;padding-right:18px}.card-header{margin-bottom:12px}.paginator{padding:10px 14px;font-size:12px}.login-split{flex-direction:column}.login-brand{display:none}.login-form-panel{padding:20px;min-height:100vh;align-items:flex-start}.login-mobile-brand{display:flex}.login-mobile-logo-name{color:var(--text)}.login-card{padding:28px 22px;margin-top:40px}}@media (max-width: 480px){.main-content{padding:10px 12px}.page-header-left h1{font-size:16px}.live-clock-time{font-size:15px;letter-spacing:0}.live-clock-date{display:none}.grid-4{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:12px 12px 14px}.metric .value{font-size:22px}.metric-icon{width:30px;height:30px}.card{padding:12px;border-radius:var(--r)}.modal-footer .btn{flex:1;justify-content:center}.topbar-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.login-card{padding:24px 18px;border-radius:var(--r-lg)}.login-card h1{font-size:20px}}::selection{background:var(--yellow-300);color:var(--navy-900)}::-webkit-scrollbar-thumb{background:#c4cadc}::-webkit-scrollbar-thumb:hover{background:var(--navy-500)}a{color:var(--navy-700)}a:hover{color:var(--navy-800);text-decoration-color:var(--accent)}.page-header-left h1{position:relative;display:inline-block;padding-bottom:6px}.page-header-left h1:after{content:"";position:absolute;left:0;bottom:0;width:36px;height:3px;border-radius:2px;background:var(--accent)}.card.accent{border-top:3px solid var(--accent);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg)}.badge.in{background:var(--navy-50);color:var(--navy-800);border:1px solid var(--navy-300)}.badge.in:before{background:var(--navy-700)}.badge.pending{background:var(--yellow-50);color:var(--yellow-800);border:1px solid var(--yellow-300)}.badge.pending:before{background:var(--yellow-500)}.tab-btn.active{color:var(--navy-800);border-bottom-color:var(--accent)}.tab-btn:hover{color:var(--navy-700)}.modal-backdrop{background:#0a12359e}.sidebar a.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:0 2px 2px 0;background:var(--accent);box-shadow:0 0 10px #ffd5008c}.topbar-brand{color:var(--navy-800)}:focus-visible{outline-color:var(--accent)}.topbar-live-dot{background:#10b981}