:root{--bg-deep-0: #050b16;--bg-deep-1: #0a1422;--bg-panel: rgba(14, 27, 46, .55);--bg-panel-solid: #0e1b2e;--bg-elevated: rgba(20, 38, 64, .65);--accent-cyan: #22d3ee;--accent-blue: #3b82f6;--accent-teal: #2dd4bf;--gradient-primary: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%);--state-success: #34d399;--state-error: #f87171;--state-warning: #fbbf24;--state-info: #38bdf8;--text-primary: #e2e8f0;--text-secondary: #7c8da6;--text-muted: #4b5d75;--border-glass: rgba(56, 189, 248, .18);--border-glass-strong: rgba(56, 189, 248, .4);--glow-cyan: 0 0 40px rgba(34, 211, 238, .08);--glow-cyan-strong: 0 0 24px rgba(34, 211, 238, .28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-sans: "Inter", "Noto Sans SC", "PingFang SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--text-primary);background:radial-gradient(1200px 600px at 80% -10%,rgba(34,211,238,.06),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(59,130,246,.07),transparent 60%),linear-gradient(160deg,var(--bg-deep-0) 0%,var(--bg-deep-1) 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px);background-size:48px 48px;opacity:.5;z-index:0}a{color:var(--accent-cyan);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;font-weight:600;letter-spacing:.01em}code,.mono{font-family:var(--font-mono)}.glass{background:var(--bg-panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--glow-cyan)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:transparent;color:var(--text-primary);font-size:14px;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--border-glass-strong);box-shadow:var(--glow-cyan-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);border:none;color:#04111f;font-weight:600}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--glow-cyan-strong)}.btn-danger{border-color:#f8717166;color:var(--state-error)}.btn-danger:hover:not(:disabled){box-shadow:0 0 24px #f8717138}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-ghost{border-color:transparent}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:var(--text-secondary)}.input,.select,.textarea{width:100%;padding:10px 12px;background:#050b1699;border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #22d3ee1f}.textarea{resize:vertical;min-height:80px}.field-hint{font-size:12px;color:var(--text-muted)}.field-error{font-size:12px;color:var(--state-error)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500;border:1px solid transparent}.badge-success{color:var(--state-success);border-color:#34d39966;background:#34d3991a;box-shadow:0 0 16px #34d39926}.badge-neutral{color:var(--text-secondary);border-color:#7c8da666}.badge-warning{color:var(--state-warning);border-color:#fbbf2466;background:#fbbf2414}.badge-error{color:var(--state-error);border-color:#f8717166;background:#f8717114}.badge-info{color:var(--state-info);border-color:#38bdf866;background:#38bdf814}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:12px 14px;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-glass);white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid rgba(56,189,248,.06)}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#22d3ee0a}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;margin-bottom:16px;border:1px solid transparent}.alert-error{color:var(--state-error);border-color:#f8717166;background:#f8717114}.alert-info{color:var(--state-info);border-color:#38bdf84d;background:#38bdf80f}.alert-warning{color:var(--state-warning);border-color:#fbbf2459;background:#fbbf2412}.alert-success{color:var(--state-success);border-color:#34d39959;background:#34d39912}.row{display:flex;gap:12px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--text-secondary)}.dim{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.center{text-align:center}.gap-sm{gap:8px}.mt{margin-top:16px}.mb{margin-bottom:16px}.empty-state{text-align:center;padding:56px 24px;color:var(--text-secondary)}.empty-state .empty-title{color:var(--text-primary);font-size:16px;margin-bottom:6px}.spinner{width:16px;height:16px;border:2px solid rgba(4,17,31,.4);border-top-color:#04111f;border-radius:50%;animation:spin .7s linear infinite}.spinner-cyan{border:2px solid rgba(34,211,238,.2);border-top-color:var(--accent-cyan)}@keyframes spin{to{transform:rotate(360deg)}}.nav-item{display:block;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;text-decoration:none;border-left:2px solid transparent;transition:all .12s ease}.nav-item:hover{color:var(--text-primary);background:#22d3ee0d;text-decoration:none}.nav-item-active{color:var(--text-primary);background:#22d3ee14;border-left-color:var(--accent-cyan);box-shadow:inset 0 0 18px #22d3ee0f}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.stat-card{padding:18px}.stat-value{font-family:var(--font-mono);font-size:26px;font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:12.5px;color:var(--text-secondary);margin-top:4px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 18px}.segmented{display:inline-flex;border:1px solid var(--border-glass);border-radius:var(--radius-sm);overflow:hidden}.segmented button{padding:7px 14px;background:transparent;border:none;color:var(--text-secondary);font-size:13px;font-family:inherit;cursor:pointer;transition:all .12s ease}.segmented button.active{background:#22d3ee1f;color:var(--text-primary)}.login-brand{background:radial-gradient(600px 400px at 30% 40%,rgba(34,211,238,.1),transparent 70%),radial-gradient(500px 500px at 60% 70%,rgba(59,130,246,.08),transparent 70%);border-right:1px solid var(--border-glass)}.login-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(56,189,248,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.06) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(600px 500px at 45% 50%,black,transparent 75%);mask-image:radial-gradient(600px 500px at 45% 50%,black,transparent 75%);pointer-events:none}@media (max-width: 960px){.login-brand{display:none!important}}