:root{--bg-deep: #030712;--bg-panel-base: #080B10;--bg-glass: rgba(15, 21, 33, .55);--bg-glass-strong: rgba(10, 14, 22, .75);--blue-core: #0055FF;--blue-bright: #00D2FF;--glow-grad: linear-gradient(135deg, #0055FF 0%, #00D2FF 100%);--text-pure: #ffffff;--text-lavender: #d9ddf2;--text-muted: #8b93ad;--text-dim: #5b6378;--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--glow-edge: 0 0 15px rgba(0, 85, 255, .6);--glow-icon: drop-shadow(0 0 8px #0055FF);--glow-soft: 0 0 24px rgba(0, 120, 255, .25);--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;--radius-pill: 999px;--font-display: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--text-lavender);background:radial-gradient(1200px 700px at 12% -10%,rgba(0,85,255,.16),transparent 60%),radial-gradient(900px 600px at 100% 0%,rgba(0,210,255,.1),transparent 55%),radial-gradient(700px 700px at 50% 120%,rgba(0,60,200,.1),transparent 60%),var(--bg-deep);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden}::selection{background:#0082ff59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0078ff40;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#0096ff73;background-clip:padding-box}.app-shell{display:grid;grid-template-columns:300px 1fr;height:100vh;width:100vw;padding:18px;gap:18px}.login-wrap{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;padding:32px 30px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}.brand-img{display:block;height:auto;max-width:100%}.login-logo{margin-bottom:24px}.login-logo .brand-img{width:240px;margin:0 auto}.sidebar-logo{width:100%;max-width:210px}.gate-logo{height:40px;width:auto}.splash-logo{width:260px;margin:0 auto}.cell-input{width:100%;min-width:60px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff;font-size:12.5px;padding:5px 8px;outline:none;transition:border-color .15s,background .15s}.cell-input:focus{border-color:#0082ff99;background:#005aff14}.cell-input.num{text-align:right}.cell-input.mono{font-family:monospace}.brand-fallback .brand-name{font-size:18px}.gate-screen{height:100vh;width:100vw;display:flex;flex-direction:column;padding:18px;gap:18px}.gate-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;flex-shrink:0}.gate-body{flex:1;overflow-y:auto;width:100%;max-width:1120px;margin:0 auto;padding:4px}.glass{position:relative;background:var(--bg-glass);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.sidebar{display:flex;flex-direction:column;padding:18px;gap:18px;overflow:hidden}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#00d2fff2,#0055ffd9 18%,#05f0 45%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;box-shadow:var(--glow-edge)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-dropdown{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:#ffffff08;cursor:pointer;transition:all .25s ease}.brand-dropdown:hover{border-color:#0082ff66;box-shadow:var(--glow-soft)}.brand-logo{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--glow-grad);box-shadow:0 0 14px #006eff99;color:#fff;flex:none}.brand-logo svg{width:17px;height:17px}.brand-name{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-pure);letter-spacing:.2px;line-height:1}.brand-sub{font-size:10.5px;color:var(--text-muted);margin-top:3px}.chevron{color:var(--text-muted);transition:transform .25s ease}.brand-dropdown:hover .chevron{transform:translateY(1px);color:var(--blue-bright)}.util-row{display:flex;align-items:center;gap:6px}.util-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--text-lavender);background:transparent;border:1px solid transparent;cursor:pointer;transition:all .22s ease}.util-icon svg{width:16px;height:16px}.util-icon:hover{color:#fff;border-color:var(--hairline);background:#005aff1a;filter:var(--glow-icon)}.nav-tabs{display:flex;align-items:center;gap:6px;padding:5px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:#ffffff05}.nav-tab{flex:1;text-align:center;padding:8px 10px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all .25s ease}.nav-tab:hover{color:var(--text-lavender)}.nav-tab.active{color:#fff;background:linear-gradient(180deg,#005fff4d,#005fff1f);box-shadow:inset 0 0 0 1px #0096ff73,0 0 18px #005fff59}.search{display:flex;align-items:center;gap:10px;width:100%;padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--bg-glass-strong);transition:all .25s ease}.search:focus-within{border-color:#008cff8c;box-shadow:var(--glow-soft)}.search svg{width:16px;height:16px;color:var(--text-muted);flex:none}.search input{flex:1;background:transparent;border:none;outline:none;color:var(--text-pure);font-size:13.5px;font-family:var(--font-body)}.search input::placeholder{color:var(--text-dim)}.nav-list{display:flex;flex-direction:column;gap:6px;margin-top:2px}.nav-section-label{font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);padding:4px 12px;margin-top:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid transparent;color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;background:transparent;text-align:left;width:100%;transition:all .25s ease}.nav-item .nav-ico{width:19px;height:19px;flex:none;transition:all .25s ease}.nav-item:hover{color:var(--text-lavender);background:#ffffff08;border-color:var(--hairline)}.nav-item:hover .nav-ico{color:var(--blue-bright);filter:var(--glow-icon)}.nav-item.active{color:#fff;background:linear-gradient(100deg,#005aff38,#005aff0d);border-color:#008cff59;box-shadow:var(--glow-soft)}.nav-item.active .nav-ico{color:var(--blue-bright);filter:var(--glow-icon)}.nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 4px 4px 0;background:var(--glow-grad);box-shadow:0 0 12px #0082ffe6}.nav-item{position:relative}.sidebar-foot{margin-top:auto}.user-chip{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:#ffffff05}.user-avatar{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#1b2540,#0a1126);border:1px solid rgba(0,140,255,.4);color:var(--blue-bright);font-weight:700;font-size:13px}.user-name{font-size:13px;font-weight:600;color:var(--text-pure)}.user-role{font-size:11px;color:var(--text-muted)}.main{display:flex;flex-direction:column;overflow:hidden;padding:0}.main-head{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid var(--hairline)}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-pure);margin:0}.page-sub{font-size:13px;color:var(--text-muted);margin:5px 0 0}.head-right{display:flex;align-items:center;gap:12px}.main-body{flex:1;overflow-y:auto;padding:26px 28px 40px}.card{background:var(--bg-glass);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:20px}.card.glow-edge{position:relative}.card.glow-edge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#00d2ffcc,#05f0 50%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;box-shadow:var(--glow-edge)}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.grid-3,.grid-2,.app-shell{grid-template-columns:1fr}.sidebar{display:none}}.stat-card{position:relative;overflow:hidden}.stat-card .stat-ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#005aff1f;border:1px solid rgba(0,140,255,.3);color:var(--blue-bright);margin-bottom:14px}.stat-card .stat-ico svg{width:20px;height:20px;filter:var(--glow-icon)}.stat-label{font-size:12.5px;color:var(--text-muted);font-weight:500}.stat-value{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text-pure);margin:6px 0 4px}.stat-delta{font-size:12px;font-weight:600}.stat-delta.up{color:#34e2a3}.stat-delta.down{color:#ff6b8a}.section-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-pure);margin:0 0 4px}.section-desc{font-size:13px;color:var(--text-muted);margin:0 0 18px}.field{display:flex;flex-direction:column;gap:9px}.field-label{font-size:12.5px;font-weight:600;color:var(--text-lavender);letter-spacing:.2px}.field-hint{font-size:11.5px;color:var(--text-dim)}.control{width:100%;padding:13px 15px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--bg-glass-strong);color:var(--text-pure);font-size:14px;font-family:var(--font-body);outline:none;transition:all .22s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control:hover{border-color:#ffffff29}.control:focus{border-color:#008cff99;box-shadow:var(--glow-soft)}select.control{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%2300D2FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M3 5l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}select.control option{background:#0b1220;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:1px solid var(--hairline);background:#ffffff08;color:var(--text-lavender);transition:all .22s ease;white-space:nowrap}.btn svg{width:16px;height:16px}.btn:hover{color:#fff;border-color:#008cff66;background:#005aff1a}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--glow-grad);color:#fff;border-color:transparent;box-shadow:0 0 18px #006eff80}.btn-primary:hover{box-shadow:0 0 28px #0082ffbf;color:#fff}.btn-primary svg{filter:drop-shadow(0 0 6px rgba(255,255,255,.5))}.btn-ghost{background:transparent}.btn-danger{background:linear-gradient(135deg,#e13c36,#b52a25);border-color:#e13c3680;color:#fff;box-shadow:0 0 14px #e13c3659}.btn-danger:hover{filter:brightness(1.08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#030712a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:400px;text-align:center;padding:30px 28px}.modal-icon{width:54px;height:54px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#0082ff24;color:#38a8ff}.modal-icon.danger{background:#e13c3629;color:#ff6b64}.modal-icon svg{width:26px;height:26px}.modal-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}.modal-msg{font-size:13.5px;color:#8b93ad;line-height:1.55;margin-bottom:22px}.modal-actions{display:flex;gap:10px;justify-content:center}.modal-actions .btn{min-width:118px;justify-content:center}.dropzone{border:1.5px dashed rgba(0,140,255,.35);border-radius:var(--radius-md);background:#0050ff0a;padding:40px 24px;text-align:center;cursor:pointer;transition:all .25s ease}.dropzone:hover,.dropzone.drag{border-color:#0afc;background:#0064ff1a;box-shadow:var(--glow-soft)}.dropzone .dz-ico{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;display:grid;place-items:center;background:#005aff1f;border:1px solid rgba(0,140,255,.35);color:var(--blue-bright)}.dropzone .dz-ico svg{width:26px;height:26px;filter:var(--glow-icon)}.dz-title{font-size:15px;font-weight:600;color:var(--text-pure)}.dz-sub{font-size:12.5px;color:var(--text-muted);margin-top:6px}.dz-formats{display:inline-flex;gap:8px;margin-top:14px}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid var(--hairline);color:var(--text-lavender);background:#ffffff08}.badge.blue{color:var(--blue-bright);border-color:#008cff66;background:#005aff1a}.badge.green{color:#34e2a3;border-color:#34e2a366;background:#34e2a314}.badge.amber{color:#ffce6b;border-color:#ffce6b66;background:#ffce6b14}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--hairline)}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;padding:12px 14px;font-weight:600;font-size:11.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);background:#ffffff05;border-bottom:1px solid var(--hairline);white-space:nowrap}table.data td{padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-lavender);white-space:nowrap}table.data tr:last-child td{border-bottom:none}table.data tr:hover td{background:#005aff0d}.num{font-variant-numeric:tabular-nums;text-align:right}.empty{text-align:center;padding:50px 20px;color:var(--text-muted)}.empty .empty-ico{width:52px;height:52px;margin:0 auto 16px;color:var(--text-dim)}.empty h4{color:var(--text-lavender);font-size:15px;margin:0 0 6px}.empty p{font-size:13px;margin:0}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100}.toast{display:flex;align-items:center;gap:11px;padding:13px 16px;border-radius:var(--radius-sm);background:var(--bg-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,140,255,.4);box-shadow:var(--glow-soft);color:var(--text-pure);font-size:13.5px;font-weight:500;animation:toastIn .3s ease}.toast.success{border-color:#34e2a380}.toast.error{border-color:#ff6b8a80}.toast svg{width:18px;height:18px;flex:none}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.code-block{background:#060912;border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:16px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.6;color:#b9d4ff;max-height:360px;overflow:auto;white-space:pre}.progress{height:6px;border-radius:999px;background:#ffffff0f;overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:var(--glow-grad);box-shadow:0 0 10px #0082ff99;transition:width .3s ease}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 13px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--hairline);background:#ffffff05;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.chip:hover{color:var(--text-lavender);border-color:#008cff4d}.chip.active{color:#fff;background:#005aff2e;border-color:#008cff80;box-shadow:var(--glow-soft)}.flex{display:flex}.between{justify-content:space-between}.items-center{align-items:center}.gap-sm{gap:8px}.gap-md{gap:16px}.mt-lg{margin-top:22px}.mb-lg{margin-bottom:22px}.text-blue{color:var(--blue-bright)}.text-muted{color:var(--text-muted)}.fade-in{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}