:root{--bg-main: #070d1a;--surface: #0c1628;--surface-soft: #0a1222;--cyan: #22d3ee;--purple: #c084fc;--green: #4ade80;--amber: #fbbf24;--red: #f87171;--orange: #fb923c;--text-1: #f0f6ff;--text-2: rgba(255,255,255,.75);--text-3: rgba(255,255,255,.5);--glass-bg: linear-gradient(135deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.04) 100%);--glass-hover: linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 100%);--glass-border: rgba(255,255,255,.15);--glass-border-top: rgba(255,255,255,.3);--glass-border-dim: rgba(255,255,255,.05);--glass-border-bright: rgba(255,255,255,.42);--inner-glow: inset 0 1px 2px rgba(255,255,255,.2);--inner-glow-strong: inset 0 1px 4px rgba(255,255,255,.36);--shadow-float: 0 16px 40px -8px rgba(0,0,0,.55);--border: rgba(255,255,255,.14);--card-bg: rgba(255,255,255,.08);--card-border: rgba(255,255,255,.14);--input-bg: rgba(255,255,255,.08);--input-border: rgba(255,255,255,.18);--bar-fill: rgba(255,255,255,.45)}[data-theme=light]{--bg-main: #e8eef8;--surface: #ffffff;--surface-soft: #eff6ff;--cyan: #0369a1;--purple: #7c3aed;--green: #15803d;--amber: #b45309;--red: #b91c1c;--orange: #c2410c;--text-1: #0f172a;--text-2: rgba(15,23,42,.72);--text-3: rgba(15,23,42,.5);--glass-bg: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(239,246,255,.88) 100%);--glass-hover: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(239,246,255,.96) 100%);--glass-border: rgba(15,23,42,.14);--glass-border-top: rgba(255,255,255,.98);--glass-border-dim: rgba(15,23,42,.06);--glass-border-bright: rgba(255,255,255,1);--inner-glow: inset 0 1px 0 rgba(255,255,255,.98), inset 0 -1px 0 rgba(15,23,42,.04);--inner-glow-strong: inset 0 2px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(15,23,42,.06);--shadow-float: 0 4px 6px -2px rgba(7,13,26,.08), 0 16px 40px -8px rgba(7,13,26,.18);--border: rgba(15,23,42,.12);--card-bg: rgba(255,255,255,.85);--card-border: rgba(15,23,42,.11);--input-bg: rgba(15,23,42,.04);--input-border: rgba(15,23,42,.18);--bar-fill: rgba(3,105,161,.28)}[data-theme=light] body{background:radial-gradient(ellipse 130% 65% at 10% -10%,rgba(219,234,254,.7) 0%,transparent 55%),radial-gradient(ellipse 75% 65% at 90% 115%,rgba(237,233,254,.55) 0%,transparent 55%),radial-gradient(circle 500px at 78% 28%,rgba(34,211,238,.05) 0%,transparent 60%),var(--bg-main)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse 130% 65% at 10% -10%,#0c1a3d 0%,transparent 55%),radial-gradient(ellipse 75% 65% at 90% 115%,#180a3d 0%,transparent 55%),radial-gradient(circle 500px at 78% 28%,rgba(34,211,238,.08) 0%,transparent 60%),var(--bg-main);color:var(--text-1);min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);border:1px solid transparent;border-top-color:var(--glass-border-top);border-left-color:var(--glass-border);border-right-color:var(--glass-border-dim);border-bottom-color:var(--glass-border-dim);border-radius:20px;box-shadow:var(--shadow-float),var(--inner-glow);transition:background .3s,box-shadow .3s,border-color .3s}.glass-interactive:hover{background:var(--glass-hover);border-top-color:var(--glass-border-bright);box-shadow:0 24px 48px -12px #0009,var(--inner-glow-strong)}.jelly-btn{background:linear-gradient(135deg,#22d3ee,#3b82f6);color:#fff;font-weight:700;font-size:14px;border:1px solid rgba(255,255,255,.35);padding:12px 24px;border-radius:14px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 8px 24px #22d3ee59,inset 0 2px 4px #ffffff8c,inset 0 -2px 4px #00000026;transition:transform .15s,box-shadow .15s,filter .15s;font-family:Inter,sans-serif}.jelly-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 32px #22d3ee80,inset 0 2px 6px #ffffffb3,inset 0 -2px 4px #0003}.jelly-btn:active{transform:scale(.97)}.jelly-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}.jelly-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.input-glass{width:100%;padding:12px 16px;border-radius:12px;font-size:14px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-1);outline:none;font-family:Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #06b6d42e}.input-glass:focus-visible{border-color:var(--cyan);box-shadow:0 0 0 3px #06b6d438}.input-glass::placeholder{color:var(--text-3)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid}.badge-pending{background:#f59e0b24;color:var(--amber);border-color:#f59e0b4d}.badge-active{background:#22c55e24;color:var(--green);border-color:#22c55e4d}.badge-inactive,.badge-incident{background:#ef444424;color:var(--red);border-color:#ef44444d}.badge-info{background:#06b6d424;color:var(--cyan);border-color:#06b6d44d}