@import"https://fonts.googleapis.com/css2?family=Handjet:wght@400;500;600;700;800&family=Rubik:wght@400;500;600;700;800&display=swap";:root{--abyss: #050810;--abyss-2: #070d1c;--panel: #0b1226;--panel-2: #0e1730;--line: #1b2b52;--line-glow: #24408066;--ink: #d9e6ff;--ink-soft: #8fa3d9;--neon: #00ffd5;--neon-dim: #00ffd52e;--magenta: #ff3df0;--magenta-dim: #ff3df02b;--amber: #ffd23d;--amber-dim: #ffd23d26;--ok: #3dff8b;--ok-dim: #3dff8b26;--err: #ff4f6d;--info: #6fbcff;--info-dim: #6fbcff1f;--err-dim: #ff4f6d2b;--glow: 0 0 10px;--radius: 4px;--radius-sm: 3px;--font-px: "Handjet", "Rubik", monospace;--font-body: "Rubik", "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--abyss);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 85% -10%,#123a5e33,transparent 60%),radial-gradient(700px 500px at 10% 110%,#3d0f5e2e,transparent 60%),radial-gradient(500px 300px at 50% 50%,#0a274d1f,transparent 70%);animation:caustics 16s ease-in-out infinite alternate}@keyframes caustics{0%{transform:translateY(0) scale(1);opacity:.9}to{transform:translateY(-30px) scale(1.06);opacity:1}}body:after{content:"";position:fixed;top:-20%;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(2px 2px at 20% 80%,#6ee7ff55 40%,transparent 41%),radial-gradient(1.5px 1.5px at 70% 60%,#6ee7ff40 40%,transparent 41%),radial-gradient(2.5px 2.5px at 45% 30%,#ff3df033 40%,transparent 41%),radial-gradient(1.5px 1.5px at 90% 20%,#6ee7ff4d 40%,transparent 41%),radial-gradient(2px 2px at 5% 40%,#ffd23d2e 40%,transparent 41%);background-size:340px 420px,260px 380px,420px 520px,300px 440px,380px 480px;animation:bubbles 26s linear infinite}@keyframes bubbles{to{transform:translateY(-420px)}}.crt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0,#0000 2px,#00000042 2px,#00000042 4px);mix-blend-mode:multiply;opacity:.55}.crt-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 100% at 50% 45%,transparent 65%,#000000b3 100%)}.app{display:flex;min-height:100vh;position:relative;z-index:1}.sidebar{width:236px;flex-shrink:0;padding:16px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#0a1124f2,#070d1cf2);border-inline-end:2px solid var(--line);box-shadow:inset -8px 0 24px -18px var(--neon)}.brand{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 16px}.brand-logo{width:100%;max-width:150px;height:auto;filter:drop-shadow(0 0 10px #00ffd566);animation:float 5s ease-in-out infinite}.brand-title{font-family:var(--font-px);font-weight:800;font-size:24px;letter-spacing:2px;color:var(--neon);text-shadow:var(--glow) #00ffd580}.brand-sub{font-family:var(--font-px);font-size:14px;color:var(--ink-soft);letter-spacing:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-soft);font-weight:600;font-size:15px;cursor:pointer;text-decoration:none;transition:all .14s ease;border:1px solid transparent;position:relative}.nav-item .ico{font-size:18px;filter:saturate(.9)}.nav-item:hover{color:var(--neon);background:var(--neon-dim);border-color:var(--line);transform:translate(-3px)}.nav-item.active{color:var(--neon);background:linear-gradient(90deg,var(--neon-dim),transparent);border:1px solid #00ffd54d;box-shadow:inset 3px 0 0 var(--neon),0 0 14px -6px var(--neon)}.nav-item.active:before{content:"▸";position:absolute;inset-inline-start:-2px;color:var(--neon);animation:blink 1.1s steps(2) infinite;font-size:12px}@keyframes blink{50%{opacity:0}}.nav-item .badge{margin-inline-start:auto;background:var(--err);color:#14010a;font-family:var(--font-px);font-weight:800;font-size:13px;min-width:20px;height:20px;border-radius:3px;display:grid;place-items:center;padding:0 6px;box-shadow:0 0 10px -2px var(--err);animation:badgepulse 2s ease-in-out infinite}@keyframes badgepulse{50%{box-shadow:0 0 16px -2px var(--err)}}.led-strip{display:flex;gap:12px;padding:10px 12px;margin-top:4px;border:1px solid var(--line);border-radius:var(--radius);background:#060b18;font-family:var(--font-px);font-size:14px;letter-spacing:1px}.led{display:flex;align-items:center;gap:6px;color:var(--ink-soft)}.led i{width:8px;height:8px;border-radius:1px;display:inline-block;background:var(--ink-soft)}.led.on i{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:ledblink 3.5s ease-in-out infinite}.led.warn i{background:var(--amber);box-shadow:0 0 8px var(--amber);animation:ledblink 1.2s steps(2) infinite}.led.off i{background:var(--err);box-shadow:0 0 8px var(--err);animation:ledblink .7s steps(2) infinite}@keyframes ledblink{50%{opacity:.55}}.main{flex:1;padding:26px 34px 60px;max-width:1150px;position:relative}.page-title{font-family:var(--font-px);font-size:40px;font-weight:800;margin:0 0 2px;letter-spacing:2px;color:var(--ink);text-shadow:0 0 18px #00ffd533,2px 0 0 #ff3df022,-2px 0 0 #00ffd522}.page-sub{color:var(--ink-soft);margin:0 0 22px;font-size:14px}.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-top:2px solid #00ffd559;border-radius:var(--radius);padding:18px 20px;margin-bottom:18px;box-shadow:0 0 0 1px #0006,0 14px 34px -22px #000,0 0 26px -18px var(--neon);animation:scan-in .3s ease both;position:relative}@keyframes scan-in{0%{opacity:0;transform:translateY(8px);clip-path:inset(0 0 60% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}.card:hover{border-top-color:#00ffd5a6}.card h3{margin:0 0 12px;font-family:var(--font-px);font-size:21px;font-weight:700;letter-spacing:1px;color:var(--neon)}.grid{display:grid;gap:14px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:2px;animation:scan-in .3s ease both;position:relative;overflow:hidden;transition:transform .15s ease}.stat:hover{transform:translateY(-3px);border-color:#00ffd54d}.stat:after{content:"";position:absolute;inset-inline-end:-18px;top:-18px;width:54px;height:54px;background:radial-gradient(circle,var(--neon-dim),transparent 70%)}.stat .big{font-family:var(--font-px);font-size:38px;font-weight:800;color:var(--ink);line-height:1;text-shadow:0 0 14px #00ffd52e}.stat .label{color:var(--ink-soft);font-size:13px;font-weight:600}.stat .ico{font-size:20px}.pill{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-px);font-size:14px;font-weight:700;letter-spacing:.5px;padding:3px 10px;border-radius:3px;background:var(--neon-dim);color:var(--neon);border:1px solid #00ffd54d}.pill.ok{background:var(--ok-dim);color:var(--ok);border-color:#3dff8b4d}.pill.warn{background:var(--amber-dim);color:var(--amber);border-color:#ffd23d4d}.pill.err{background:var(--err-dim);color:var(--err);border-color:#ff4f6d4d}.dot{width:9px;height:9px;border-radius:2px;display:inline-block}.dot.ok{background:var(--ok);box-shadow:0 0 8px var(--ok)}.dot.warn{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.err{background:var(--err);box-shadow:0 0 8px var(--err)}label.field{display:block;margin-bottom:16px}label.field .lab{font-weight:600;font-size:14px;margin-bottom:6px;display:block;color:var(--ink-soft)}input,textarea,select{width:100%;font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#060b18;color:var(--ink);transition:all .15s;caret-color:var(--neon)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 1px #00ffd540,0 0 14px -6px var(--neon);background:#081020}textarea{resize:vertical;min-height:80px;line-height:1.6}::placeholder{color:#56679b}button{font:inherit;font-weight:700;cursor:pointer;transition:all .1s ease;border-radius:var(--radius-sm);padding:10px 18px;border:1px solid #00ffd580;border-bottom-width:4px;background:linear-gradient(180deg,#0d2b33,#0a1f28);color:var(--neon);text-shadow:0 0 8px #00ffd54d}button:hover{filter:brightness(1.2);box-shadow:0 0 16px -6px var(--neon)}button:active{transform:translateY(2px);border-bottom-width:2px}.btn{background:linear-gradient(180deg,#00e6c0,#00b598);color:#012620;border-color:#00ffd5;text-shadow:none}.btn.ghost{background:transparent;color:var(--neon);border-color:#00ffd566}.btn.gray{background:linear-gradient(180deg,#16203c,#101830);color:var(--ink-soft);border-color:var(--line);text-shadow:none}.btn.red{background:linear-gradient(180deg,#ff5d78,#d63652);color:#2b0210;border-color:#ff8095;text-shadow:none}.btn.green{background:linear-gradient(180deg,#4dff97,#1ecf6a);color:#01260f;border-color:#7dffb4;text-shadow:none}.btn.sm{padding:6px 12px;font-size:13px;border-bottom-width:3px}button:disabled{opacity:.45;cursor:default;transform:none!important;filter:none!important}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--ink-soft);font-size:13px}.spacer{flex:1}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:right;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--neon);font-family:var(--font-px);font-weight:700;font-size:15px;letter-spacing:1px}tbody tr{transition:background .12s ease}tbody tr:hover{background:#00ffd50d;box-shadow:inset 3px 0 0 var(--neon)}.toast{position:fixed;bottom:22px;left:22px;z-index:95;background:var(--panel);color:var(--neon);border:1px solid var(--neon);border-radius:var(--radius-sm);padding:12px 20px;font-family:var(--font-px);font-weight:700;font-size:17px;letter-spacing:1px;box-shadow:0 0 24px -8px var(--neon);opacity:0;transform:translateY(10px);pointer-events:none;transition:all .25s ease}.toast.show{opacity:1;transform:none}.toast.ok{color:var(--ok);border-color:var(--ok);box-shadow:0 0 24px -8px var(--ok)}.toast.err{color:var(--err);border-color:var(--err);box-shadow:0 0 24px -8px var(--err)}.loading{display:grid;place-items:center;padding:60px;color:var(--ink-soft)}.spin{width:38px;height:38px;border-radius:50%;border:2px solid var(--neon-dim);border-top-color:var(--neon);animation:rot .7s linear infinite;box-shadow:0 0 18px -6px var(--neon)}@keyframes rot{to{transform:rotate(360deg)}}.loading-label{font-family:var(--font-px);letter-spacing:2px;margin-top:10px;animation:blink 1.2s steps(2) infinite}.hive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:18px}.pod{position:relative;border-radius:var(--radius);background:linear-gradient(180deg,#0c1a33f0,#0a1226f5),repeating-linear-gradient(45deg,#0000 0,#0000 10px,#00ffd506 10px,#00ffd506 20px);border:1px solid #00ffd54d;border-top:3px solid var(--neon);padding:18px;overflow:hidden;box-shadow:0 0 34px -16px var(--neon),0 18px 40px -26px #000;animation:scan-in .35s ease both}.pod:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;pointer-events:none;background:linear-gradient(var(--neon),var(--neon)) top left / 14px 2px,linear-gradient(var(--neon),var(--neon)) top left / 2px 14px,linear-gradient(var(--neon),var(--neon)) top right / 14px 2px,linear-gradient(var(--neon),var(--neon)) top right / 2px 14px,linear-gradient(var(--neon),var(--neon)) bottom left / 14px 2px,linear-gradient(var(--neon),var(--neon)) bottom left / 2px 14px,linear-gradient(var(--neon),var(--neon)) bottom right / 14px 2px,linear-gradient(var(--neon),var(--neon)) bottom right / 2px 14px;background-repeat:no-repeat;opacity:.5}.pod-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.pod-avatar{width:84px;height:84px;image-rendering:pixelated;filter:drop-shadow(0 0 12px #00ffd577);animation:float 4s ease-in-out infinite}.pod-name{font-family:var(--font-px);font-size:40px;font-weight:800;letter-spacing:3px;color:var(--ink);line-height:1;text-shadow:0 0 16px #00ffd54d}.pod-biz{font-family:var(--font-px);font-size:16px;color:var(--ink-soft);letter-spacing:1px}.lv{font-family:var(--font-px);font-weight:800;font-size:15px;letter-spacing:1px;color:var(--amber);border:1px solid #ffd23d66;background:var(--amber-dim);border-radius:3px;padding:2px 8px;text-shadow:0 0 10px #ffd23d66}.xp{height:10px;border:1px solid var(--line);border-radius:2px;background:#060b18;overflow:hidden;position:relative}.xp>i{display:block;height:100%;background:repeating-linear-gradient(90deg,var(--neon) 0 8px,#00d5b2 8px 16px);box-shadow:0 0 12px var(--neon);transition:width .8s ease}.xp-label{display:flex;justify-content:space-between;font-family:var(--font-px);font-size:13px;color:var(--ink-soft);letter-spacing:1px;margin-top:4px}.pod.locked{filter:saturate(.35);border-color:var(--line);border-top-color:#3a4a78;box-shadow:none;display:grid;place-items:center;min-height:210px;background:linear-gradient(180deg,#0a0f1ef5,#080c18fa),repeating-linear-gradient(0deg,#0000 0,#0000 3px,#ffffff05 3px,#ffffff05 4px)}.pod.locked:before{opacity:.18}.pod.locked .lock-face{font-size:44px;filter:grayscale(1) opacity(.6);animation:none}.pod.locked .lock-title{font-family:var(--font-px);font-size:20px;letter-spacing:2px;color:#55689e}.pod.locked .lock-sub{font-family:var(--font-px);font-size:14px;letter-spacing:3px;color:#3a4a78;animation:blink 1.6s steps(2) infinite}.ticker{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm);background:#060b18;padding:6px 0;margin-bottom:16px;position:relative}.ticker span{display:inline-block;white-space:nowrap;padding-inline-start:100%;font-family:var(--font-px);font-size:15px;letter-spacing:2px;color:var(--neon);animation:ticker 22s linear infinite}@keyframes ticker{to{transform:translate(100%)}}.glitch{position:relative;display:inline-block}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(45% 0 40% 0);opacity:.65}.glitch:before{transform:translate(2px,-1px);color:var(--magenta);animation:glitchshift 3.2s steps(1) infinite}.glitch:after{transform:translate(-2px,1px);color:var(--neon);animation:glitchshift 2.7s steps(1) infinite reverse}@keyframes glitchshift{0%,92%{clip-path:inset(100% 0 0 0)}93%{clip-path:inset(10% 0 70% 0)}95%{clip-path:inset(60% 0 20% 0)}97%{clip-path:inset(30% 0 55% 0)}to{clip-path:inset(100% 0 0 0)}}.pop{animation:pop .35s ease}@keyframes pop{40%{transform:scale(1.18);text-shadow:0 0 22px var(--neon)}}.q-item{background:#081020;border:1px solid var(--line);border-inline-start:3px solid var(--amber);border-radius:var(--radius-sm);padding:14px;margin-bottom:10px;box-shadow:0 0 18px -12px var(--amber)}.q-item b{color:var(--amber)}.tent{animation:wave 1.6s steps(2) infinite}.tent.t2{animation-delay:.35s}.tent.t3{animation-delay:.7s}@keyframes wave{50%{transform:translateY(.6px)}}.px-eyes{animation:peek 5s steps(1) infinite}@keyframes peek{0%,91%{opacity:1}92%,96%{opacity:0}97%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:720px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;border-inline-end:0;border-bottom:2px solid var(--line)}.brand,.led-strip{display:none}.main{padding:16px}.page-title{font-size:30px}}body[data-skin=light]{--abyss: #f3f1ea;--abyss-2: #ece9e0;--panel: #ffffff;--panel-2: #fbf9f4;--line: #ddd8ca;--line-glow: #d9d4c855;--ink: #24292e;--ink-soft: #6d747b;--neon: #d9480f;--neon-dim: #d9480f14;--magenta: #a61e4d;--magenta-dim: #a61e4d14;--amber: #b08205;--amber-dim: #b0820518;--ok: #2b8a3e;--ok-dim: #2b8a3e16;--err: #c92a2a;--err-dim: #c92a2a14;--info: #1864ab;--info-dim: #1864ab14;--glow: 0 0 0;--radius: 10px;--radius-sm: 8px;--font-px: "Rubik", "Segoe UI", Arial, sans-serif;--s-side: #efece3;--s-track: #e9e5da;--s-hover: #f6f3ec;--s-note: #fbf7ec;--s-btn: #f2efe7;--s-btn-hover: #ece8dd;--s-border: #cdc7b8;--s-ph: #a39d8e;--s-lock: #9a948a;--s-lock2: #b3ada1;--s-amber-ink: #8a6603}body[data-skin=home]{--abyss: #f4f7fa;--abyss-2: #e9eef4;--panel: #ffffff;--panel-2: #f7fafc;--line: #d8e1ea;--line-glow: #d8e1ea55;--ink: #1c2a52;--ink-soft: #5f6f8f;--neon: #1289b5;--neon-dim: #1289b514;--magenta: #16295b;--magenta-dim: #16295b14;--amber: #b0741c;--amber-dim: #b0741c1a;--ok: #1f9d61;--ok-dim: #1f9d6118;--err: #d64550;--err-dim: #d6455014;--info: #3b82c4;--info-dim: #3b82c414;--glow: 0 0 0;--radius: 12px;--radius-sm: 9px;--font-px: "Rubik", "Segoe UI", Arial, sans-serif;--s-side: #eef3f8;--s-track: #e2e9f1;--s-hover: #f2f6fa;--s-note: #eef6fb;--s-btn: #eef2f7;--s-btn-hover: #e4ebf3;--s-border: #c6d3e0;--s-ph: #93a3b8;--s-lock: #8fa0b5;--s-lock2: #aab8ca;--s-amber-ink: #8a5c10}body:not([data-skin=arcade]):before,body:not([data-skin=arcade]):after{display:none}body:not([data-skin=arcade]) .crt-overlay{display:none}body:not([data-skin=arcade]) *{text-shadow:none!important}body:not([data-skin=arcade]) .sidebar{background:var(--s-side);border-inline-end:1px solid var(--line);box-shadow:none}body:not([data-skin=arcade]) .brand-logo{filter:none;animation:none}body:not([data-skin=arcade]) .brand-title{color:var(--neon);font-size:20px;letter-spacing:.5px}body:not([data-skin=arcade]) .brand-sub{letter-spacing:1px;font-size:12px}body:not([data-skin=arcade]) .nav-item:hover{transform:none}body:not([data-skin=arcade]) .nav-item.active{border:1px solid var(--line);background:var(--panel);box-shadow:inset 3px 0 0 var(--neon);color:var(--neon)}body:not([data-skin=arcade]) .nav-item.active:before{display:none}body:not([data-skin=arcade]) .nav-item .badge{background:var(--err);color:#fff;box-shadow:none;animation:none;border-radius:999px}body:not([data-skin=arcade]) .led-strip{background:var(--s-track);font-size:12px;letter-spacing:0}body:not([data-skin=arcade]) .led i{border-radius:50%}body:not([data-skin=arcade]) .led.on i,body:not([data-skin=arcade]) .led.warn i,body:not([data-skin=arcade]) .led.off i{box-shadow:none;animation:none}body:not([data-skin=arcade]) .page-title{font-size:26px;letter-spacing:0;font-weight:800}body:not([data-skin=arcade]) .card h3{font-size:16px;letter-spacing:0;color:var(--ink);font-weight:700}body:not([data-skin=arcade]) th{color:var(--ink-soft);font-size:13px;letter-spacing:0;text-transform:none}body:not([data-skin=arcade]) .glitch:before,body:not([data-skin=arcade]) .glitch:after{display:none}body:not([data-skin=arcade]) .card{background:var(--panel);border:1px solid var(--line);border-top-width:1px;box-shadow:0 1px 3px #1f24290f;animation:none}body:not([data-skin=arcade]) .card:hover{border-top-color:var(--line)}body:not([data-skin=arcade]) .stat{background:var(--panel);animation:none}body:not([data-skin=arcade]) .stat:hover{border-color:var(--neon);transform:none}body:not([data-skin=arcade]) .stat:after{display:none}body:not([data-skin=arcade]) .stat .big{font-size:30px}body:not([data-skin=arcade]) tbody tr:hover{background:var(--s-hover);box-shadow:none}body:not([data-skin=arcade]) .q-item{background:var(--s-note);box-shadow:none;border-inline-start-color:var(--amber)}body:not([data-skin=arcade]) .q-item b{color:var(--s-amber-ink)}body:not([data-skin=arcade]) .pill{border-color:var(--line);font-size:12px;letter-spacing:0;border-radius:999px}body:not([data-skin=arcade]) .pill.ok{border-color:color-mix(in srgb,var(--ok) 30%,transparent)}body:not([data-skin=arcade]) .pill.warn{border-color:color-mix(in srgb,var(--amber) 30%,transparent);color:var(--s-amber-ink)}body:not([data-skin=arcade]) .pill.err{border-color:color-mix(in srgb,var(--err) 30%,transparent)}body:not([data-skin=arcade]) .dot,body:not([data-skin=arcade]) .dot.ok,body:not([data-skin=arcade]) .dot.warn,body:not([data-skin=arcade]) .dot.err{box-shadow:none;border-radius:50%}body:not([data-skin=arcade]) input,body:not([data-skin=arcade]) textarea,body:not([data-skin=arcade]) select{background:var(--panel);border-color:var(--s-border);color:var(--ink)}body:not([data-skin=arcade]) input:focus,body:not([data-skin=arcade]) textarea:focus,body:not([data-skin=arcade]) select:focus{background:var(--panel);border-color:var(--neon);box-shadow:0 0 0 3px color-mix(in srgb,var(--neon) 14%,transparent)}body:not([data-skin=arcade]) ::placeholder{color:var(--s-ph)}body:not([data-skin=arcade]) button{background:var(--s-btn);color:var(--ink);border:1px solid var(--s-border);border-bottom-width:1px}body:not([data-skin=arcade]) button:hover{filter:none;box-shadow:none;background:var(--s-btn-hover)}body:not([data-skin=arcade]) button:active{transform:none;border-bottom-width:1px}body:not([data-skin=arcade]) .btn{background:var(--neon);color:var(--s-btn-ink, #ffffff);border-color:color-mix(in srgb,var(--neon) 85%,black)}body:not([data-skin=arcade]) .btn:hover{background:color-mix(in srgb,var(--neon) 90%,black)}body:not([data-skin=arcade]) .btn.ghost{background:transparent;color:var(--neon);border-color:color-mix(in srgb,var(--neon) 45%,transparent)}body:not([data-skin=arcade]) .btn.ghost:hover{background:color-mix(in srgb,var(--neon) 8%,transparent)}body:not([data-skin=arcade]) .btn.gray{background:var(--s-track);color:var(--ink-soft);border-color:var(--s-border)}body:not([data-skin=arcade]) .btn.red{background:var(--err);color:#fff;border-color:color-mix(in srgb,var(--err) 85%,black)}body:not([data-skin=arcade]) .btn.red:hover{background:color-mix(in srgb,var(--err) 92%,black)}body:not([data-skin=arcade]) .btn.green{background:var(--ok);color:#fff;border-color:color-mix(in srgb,var(--ok) 85%,black)}body:not([data-skin=arcade]) .btn.green:hover{background:color-mix(in srgb,var(--ok) 92%,black)}body:not([data-skin=arcade]) .toast{box-shadow:0 6px 20px -8px #1f242940;font-size:14px;letter-spacing:0}body:not([data-skin=arcade]) .spin{box-shadow:none;border-color:color-mix(in srgb,var(--neon) 15%,transparent);border-top-color:var(--neon)}body:not([data-skin=arcade]) .loading-label{animation:none;letter-spacing:0}body:not([data-skin=arcade]) .pod{background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--neon);box-shadow:0 1px 3px #1f24290f;animation:none}body:not([data-skin=arcade]) .pod:before{display:none}body:not([data-skin=arcade]) .pod-avatar{filter:none;animation:none}body:not([data-skin=arcade]) .pod-name{font-size:26px;letter-spacing:0}body:not([data-skin=arcade]) .pod-biz{font-size:13px;letter-spacing:0}body:not([data-skin=arcade]) .lv{border-color:color-mix(in srgb,var(--amber) 30%,transparent);color:var(--s-amber-ink)}body:not([data-skin=arcade]) .xp{background:var(--s-track);border-radius:999px}body:not([data-skin=arcade]) .xp>i{background:var(--neon);box-shadow:none}body:not([data-skin=arcade]) .xp-label{letter-spacing:0;font-size:12px}body:not([data-skin=arcade]) .pod.locked{background:var(--s-side);filter:none}body:not([data-skin=arcade]) .pod.locked .lock-title{color:var(--s-lock);letter-spacing:0}body:not([data-skin=arcade]) .pod.locked .lock-sub{color:var(--s-lock2);letter-spacing:1px;animation:none}body:not([data-skin=arcade]) .ticker{background:var(--s-side)}body:not([data-skin=arcade]) .ticker span{color:var(--s-amber-ink);letter-spacing:0;font-size:13px}body:not([data-skin=arcade]) .pop{animation:none}@media(max-width:720px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}button,.btn{min-height:42px}.btn.sm{min-height:38px}.nav-item{min-height:44px;white-space:nowrap}.sidebar{gap:2px;padding:8px;position:sticky;top:0;z-index:40}.card{padding:14px}.grid.stats{grid-template-columns:repeat(2,1fr)}.toast{left:12px;right:12px;text-align:center}.main{max-width:100%}}body[data-skin=home-dark]{--abyss: #0d1524;--abyss-2: #121c30;--panel: #16223a;--panel-2: #1a2740;--line: #2a3a57;--line-glow: #2a3a5755;--ink: #dbe4f2;--ink-soft: #8fa0bd;--neon: #2fc1e8;--neon-dim: #2fc1e81a;--magenta: #7ea6ff;--magenta-dim: #7ea6ff14;--amber: #d9a84c;--amber-dim: #d9a84c1f;--ok: #35b57e;--ok-dim: #35b57e1f;--err: #ef6a72;--err-dim: #ef6a721c;--info: #6aa9e8;--info-dim: #6aa9e81c;--glow: 0 0 0;--radius: 12px;--radius-sm: 9px;--font-px: "Rubik", "Segoe UI", Arial, sans-serif;--s-side: #101a2d;--s-track: #1a2740;--s-hover: #1b2942;--s-note: #182a45;--s-btn: #1e2c48;--s-btn-hover: #253656;--s-border: #33456a;--s-ph: #5d7093;--s-lock: #5d7093;--s-lock2: #47587a;--s-amber-ink: #d9a84c;--s-btn-ink: #06121f;--s-scrim: #04080fa8}body[data-skin=home-dark] .brand-logo,body[data-skin=home-dark] img[alt="O8C.AI"]{filter:brightness(0) invert(.92)!important}body[data-skin=custom]{--brand: #1289b5;--abyss: #f5f6f8;--abyss-2: #eaedf1;--panel: #ffffff;--panel-2: #f8fafb;--line: #dbe0e7;--line-glow: #dbe0e755;--ink: #222b36;--ink-soft: #66707d;--neon: var(--brand);--neon-dim: color-mix(in srgb, var(--brand) 9%, transparent);--magenta: color-mix(in srgb, var(--brand) 70%, #223);--magenta-dim: color-mix(in srgb, var(--brand) 8%, transparent);--amber: #b0741c;--amber-dim: #b0741c1a;--ok: #1f9d61;--ok-dim: #1f9d6118;--err: #d64550;--err-dim: #d6455014;--info: color-mix(in srgb, var(--brand) 75%, #246);--info-dim: color-mix(in srgb, var(--brand) 10%, transparent);--glow: 0 0 0;--radius: 12px;--radius-sm: 9px;--font-px: "Rubik", "Segoe UI", Arial, sans-serif;--s-side: color-mix(in srgb, var(--brand) 5%, #f2f4f6);--s-track: #e4e8ed;--s-hover: #f2f5f7;--s-note: color-mix(in srgb, var(--brand) 6%, #ffffff);--s-btn: #eef1f4;--s-btn-hover: #e4e9ee;--s-border: #c8d0da;--s-ph: #98a2ae;--s-lock: #98a2ae;--s-lock2: #b4bcc6;--s-amber-ink: #8a5c10}.nav-group{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink-soft);opacity:.75;margin:12px 12px 3px;text-transform:uppercase}@media(max-width:720px){.nav-group{display:none}}.bk-wrap{padding-bottom:76px}.bk-chip{padding:2px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.st-new{background:#ffc8002e;color:#ffd34d}.st-ok{background:#00dc8229;color:#3ee6a0}.st-in{background:#50aaff29;color:#6fbcff}.st-out{background:#96a0b429;color:#aab3c5}.st-err{background:#ff5a5a24;color:#ff8080}.bk-line{display:flex;align-items:center;gap:10px;padding:12px 6px;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;min-height:44px}.bk-line:last-child{border-bottom:0}.bk-line-main{flex:1;min-width:0}.bk-cal{overflow-x:auto}.bk-cal-head,.bk-cal-row{display:grid;grid-template-columns:64px repeat(auto-fit,minmax(56px,1fr));gap:3px;margin-bottom:3px}.bk-cal-unit{font-size:11px;text-align:center;opacity:.75;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:2px}.bk-cal-date{font-size:11px;opacity:.7;display:flex;align-items:center}.bk-cell{min-height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 3px}.bk-free{background:#ffffff0a;color:#ffffff40;-webkit-user-select:none;user-select:none}.bk-free:hover{background:#00dc821f;color:#3ee6a0}.bk-free.bk-dragsel{background:#00dc8247;color:#fff;outline:1.5px solid rgba(0,220,130,.6)}body:not([data-skin=arcade]) .bk-free.bk-dragsel{background:color-mix(in srgb,var(--ok, #2b8a3e) 25%,transparent);color:var(--s-ink, #223);outline-color:var(--ok, #2b8a3e)}.bk-resv{font-weight:600}.bk-resv.st-new{background:#ffc80038}.bk-resv.st-ok{background:#00dc8233}.bk-resv.st-in{background:#50aaff33}.bk-resv.st-out{background:#96a0b42e}.bk-block{background:repeating-linear-gradient(45deg,rgba(255,255,255,.06),rgba(255,255,255,.06) 4px,transparent 4px,transparent 8px)}.bk-today .bk-cal-date{color:#00ffd5;font-weight:700;opacity:1}.bk-weekend .bk-cal-date{color:#ffd34d;opacity:.9}.bk-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;display:flex;align-items:flex-end;justify-content:center}.bk-sheet{background:var(--card-bg, #101826);border:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;padding:16px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto}.bk-form{display:flex;flex-direction:column;gap:10px}.bk-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;opacity:.95}.bk-form input,.bk-form select,.bk-form textarea{min-height:42px;font-size:15px}.bk-form textarea{min-height:54px}.bk-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bk-check{flex-direction:row!important;align-items:center;gap:8px!important;min-height:42px}.bk-cell{font-size:10.5px;line-height:1.15}.bk-resv{justify-content:flex-start;text-align:right}.bk-resv:not(.bk-first){opacity:.82}.bk-first{font-weight:700}.bk-block{font-size:10px;color:#fff9;justify-content:flex-start;padding:0 4px;cursor:pointer}.bk-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:12px;opacity:.85}.bk-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-left:5px;vertical-align:-1px}.bk-legend .st-new{background:#ffc80080}.bk-legend .st-ok{background:#00dc8280}.bk-legend .st-in{background:#50aaff80}.bk-legend .bk-block-dot{background:repeating-linear-gradient(45deg,rgba(255,255,255,.35),rgba(255,255,255,.35) 3px,transparent 3px,transparent 6px)}.bk-cellmenu{display:flex;flex-direction:column;gap:10px}.bk-cellmenu .btn{min-height:52px;font-size:16px}.bk-edge{border-right:3px solid transparent;padding-right:9px;border-radius:4px}.bk-edge.st-new{border-right-color:#ffd34d}.bk-edge.st-ok{border-right-color:#3ee6a0}.bk-edge.st-in{border-right-color:#6fbcff}.bk-edge.st-err{border-right-color:#ff8080}.bk-summary{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px}.bk-balance{color:#ffd34d;font-weight:700}.bk-tabs-top{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.bk-tabbar{display:none}@media(max-width:768px){.bk-tabs-top{display:none}.bk-tabbar{display:flex;position:fixed;bottom:0;right:0;left:0;z-index:50;background:#0a101cf5;border-top:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 6px calc(4px + env(safe-area-inset-bottom))}.bk-tab{flex:1;min-height:52px;background:none;border:0;color:#ffffffa6;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px}.bk-tab.active{color:#00ffd5;background:#00ffd514}.bk-tab-ico{font-size:20px}.bk-tab-add{color:#3ee6a0}.bk-sheet{border-radius:16px 16px 0 0}.bk-cal-head,.bk-cal-row{grid-template-columns:56px repeat(4,minmax(52px,1fr))}}body:not([data-skin=arcade]) .st-new{background:var(--amber-dim);color:var(--s-amber-ink)}body:not([data-skin=arcade]) .st-ok{background:color-mix(in srgb,var(--ok) 11%,transparent);color:var(--ok)}body:not([data-skin=arcade]) .st-in{background:color-mix(in srgb,var(--info) 10%,transparent);color:var(--info)}body:not([data-skin=arcade]) .st-out{background:color-mix(in srgb,var(--ink-soft) 10%,transparent);color:var(--ink-soft)}body:not([data-skin=arcade]) .st-err{background:color-mix(in srgb,var(--err) 8%,transparent);color:var(--err)}body:not([data-skin=arcade]) .bk-line{border-bottom-color:var(--s-track)}body:not([data-skin=arcade]) .bk-free{background:var(--s-hover);color:var(--s-lock2)}body:not([data-skin=arcade]) .bk-free:hover{background:color-mix(in srgb,var(--ok) 8%,transparent);color:var(--ok)}body:not([data-skin=arcade]) .bk-resv.st-new{background:var(--cal-new);color:var(--cal-new-ink)}body:not([data-skin=arcade]) .bk-resv.st-ok{background:var(--cal-ok);color:var(--cal-ok-ink)}body:not([data-skin=arcade]) .bk-resv.st-in{background:var(--cal-in);color:var(--cal-in-ink)}body:not([data-skin=arcade]) .bk-resv.st-out{background:var(--cal-out);color:var(--cal-out-ink)}body:not([data-skin=arcade]) .bk-block{background:repeating-linear-gradient(45deg,var(--s-border),var(--s-border) 4px,var(--s-side) 4px,var(--s-side) 8px);color:var(--ink-soft)}body:not([data-skin=arcade]) .bk-today .bk-cal-date{color:var(--neon)}body:not([data-skin=arcade]) .bk-weekend .bk-cal-date{color:var(--s-amber-ink)}body:not([data-skin=arcade]) .bk-legend .st-new{background:var(--cal-new-ink)}body:not([data-skin=arcade]) .bk-legend .st-ok{background:var(--ok)}body:not([data-skin=arcade]) .bk-legend .st-in{background:var(--info)}body:not([data-skin=arcade]) .bk-legend .bk-block-dot{background:repeating-linear-gradient(45deg,var(--s-border),var(--s-border) 3px,transparent 3px,transparent 6px)}body:not([data-skin=arcade]) .bk-modal{background:var(--s-scrim, #3a352c66)}body:not([data-skin=arcade]) .bk-sheet{background:var(--panel);border-color:var(--line)}body:not([data-skin=arcade]) .bk-tabbar{background:var(--s-side);border-top-color:var(--line)}body:not([data-skin=arcade]) .bk-tab{color:var(--ink-soft)}body:not([data-skin=arcade]) .bk-tab.active{color:var(--neon);background:var(--neon-dim)}body:not([data-skin=arcade]) .bk-tab-add{color:var(--ok)}body:not([data-skin=arcade]) .bk-edge.st-new{border-right-color:var(--amber)}body:not([data-skin=arcade]) .bk-edge.st-ok{border-right-color:var(--ok)}body:not([data-skin=arcade]) .bk-edge.st-in{border-right-color:var(--info)}body:not([data-skin=arcade]) .bk-edge.st-err{border-right-color:var(--err)}body:not([data-skin=arcade]) .bk-balance{color:var(--s-amber-ink)}body[data-skin=light]{--cal-new:#f2e3bd;--cal-new-ink:#6b5102;--cal-ok:#cdeccf;--cal-ok-ink:#1d5f2c;--cal-in:#cfe2f3;--cal-in-ink:#14538c;--cal-out:#e3e1da;--cal-out-ink:#5c636a}body[data-skin=home]{--cal-new:#fdeec9;--cal-new-ink:#7a5a08;--cal-ok:#d3eedd;--cal-ok-ink:#186246;--cal-in:#d5e6f6;--cal-in-ink:#1c4f7c;--cal-out:#e4e9ef;--cal-out-ink:#5f6a76}body[data-skin=home-dark]{--cal-new:#4d3d14;--cal-new-ink:#ecc46a;--cal-ok:#173f2e;--cal-ok-ink:#6fdcAb;--cal-in:#1a3350;--cal-in-ink:#8fc1f2;--cal-out:#26303f;--cal-out-ink:#9aa7b8}body[data-skin=custom]{--cal-new:#f6e8c4;--cal-new-ink:#7a5a08;--cal-ok:#d5eedd;--cal-ok-ink:#186246;--cal-in:color-mix(in srgb, var(--brand) 18%, #ffffff);--cal-in-ink:color-mix(in srgb, var(--brand) 80%, #123);--cal-out:#e6e9ee;--cal-out-ink:#5f6a76}.bk-chip{font-size:13px;padding:4px 13px;font-weight:600}.bk-line{padding:14px 8px;min-height:54px;gap:12px}.bk-line-main b{font-size:15.5px}.bk-line-main .muted{font-size:13.5px!important;margin-top:2px}.bk-cal{overflow-x:auto;padding-bottom:4px}.bk-cal-head,.bk-cal-row{grid-template-columns:78px repeat(auto-fit,minmax(88px,1fr));gap:5px;margin-bottom:5px}.bk-cal-head{position:sticky;top:0;z-index:6;background:var(--panel);padding:6px 0}.bk-cal-unit{font-size:13.5px;font-weight:700;opacity:.95}.bk-cal-date{font-size:13.5px;font-weight:600;opacity:.9;position:sticky;inset-inline-start:0;z-index:3;background:var(--panel);border-radius:6px;padding-inline-start:6px}.bk-cell{min-height:50px;border-radius:9px;font-size:13.5px;line-height:1.25;padding:4px 9px}.bk-resv{font-weight:600;align-items:center}.bk-resv.bk-first{font-weight:800;border-inline-start:4px solid color-mix(in srgb,currentColor 55%,transparent)}.bk-resv:not(.bk-first){opacity:.78}.bk-free{font-size:18px;transition:background .12s,color .12s,transform .08s}.bk-free:active{transform:scale(.96)}.bk-block{font-size:12.5px}.bk-cal-row.bk-today{outline:2px solid color-mix(in srgb,var(--neon) 55%,transparent);outline-offset:2px;border-radius:9px}.bk-cal-row.bk-today .bk-cal-date{color:var(--neon);font-weight:800;font-size:14.5px}.bk-cal-row.bk-weekend .bk-cell.bk-free{background:color-mix(in srgb,var(--amber) 7%,transparent)}.bk-month{font-size:19px;letter-spacing:.3px}.bk-legend{font-size:13px;gap:16px;margin-top:14px}.bk-legend i{width:12px;height:12px}.bk-form label{font-size:14px;gap:5px}.bk-form input,.bk-form select,.bk-form textarea{min-height:46px;font-size:16px}.bk-summary{font-size:14.5px;gap:16px}.bk-sheet h3{font-size:18px}.bk-cellmenu .btn{min-height:56px;font-size:17px}.bk-modal{align-items:center;justify-content:center;padding:24px 14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bk-sheet{border-radius:18px;max-height:86vh;box-shadow:0 24px 70px -30px #000c}@media(max-width:768px){.bk-modal{align-items:flex-end;padding:0}.bk-sheet{border-radius:18px 18px 0 0;max-height:90vh}.bk-cal-head,.bk-cal-row{grid-template-columns:64px repeat(4,minmax(70px,1fr))}.bk-cell{min-height:54px}.bk-tab{font-size:12px}.bk-tab-ico{font-size:22px}}.bk-month-pick{width:150px;min-height:40px;font-size:14px;padding:6px 10px}
