:root{--bg:#e8e5de;--panel:#efece6;--field:#f7f5f1;--ink:#17150f;--ink-2:#4a4437;--mut:#6b6456;--faint:#8c8474;--line:#dfdacf;--line-2:#d8d3c7;--acc:#b4552b;--acc-dark:#8a3d1c;--acc-soft:#f3e4db;--ok:#567f4c;--ok-soft:#e9efe4;--warn:#a8752b;--warn-soft:#f5ebd9;--bad:#a4433b;--bad-soft:#f5e2e0;--radius:14px;--shadow:0 18px 44px #17150f14}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,system-ui,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}.mono{letter-spacing:.1em;text-transform:uppercase;font-family:IBM Plex Mono,monospace}.num{font-variant-numeric:tabular-nums}.shell{min-height:100%;display:flex}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:0 0 232px;gap:24px;width:232px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;padding:0 10px;font-size:21px;font-weight:800}.brand em{color:var(--acc);font-style:normal}.brand small{letter-spacing:.14em;color:var(--faint);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:10px;display:block}.nav{flex-direction:column;gap:3px;display:flex}.nav-i{color:var(--mut);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:14.5px;font-weight:600;display:flex}.nav-i:hover{background:var(--field);color:var(--ink)}.nav-i.act{background:var(--ink);color:var(--panel)}.nav-i .n{background:var(--field);border:1px solid var(--line);color:var(--mut);border-radius:999px;margin-left:auto;padding:1px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.nav-i.act .n{color:var(--panel);background:#efece629;border-color:#0000}.side-foot{color:var(--faint);margin-top:auto;padding:0 10px;font-size:12.5px}.side-foot a{color:var(--acc);cursor:pointer;text-decoration:none}.main{flex:1;min-width:0;padding:26px 34px 60px}.page-head{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:27px;font-weight:800}.page-head .sub{color:var(--mut);font-size:14px}.page-head .spacer{margin-left:auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.card .c-t{align-items:baseline;gap:10px;margin-bottom:14px;font-weight:700;display:flex}.card .c-t small{color:var(--faint);margin-left:auto;font-size:12.5px;font-weight:500}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--faint);font-family:IBM Plex Mono,monospace;font-size:11px}.btn{border:1px solid var(--line-2);background:var(--panel);cursor:pointer;border-radius:11px;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--faint)}.btn.pri{background:var(--ink);border-color:var(--ink);color:var(--panel)}.btn.pri:hover{background:#2a2720}.btn.acc{background:var(--acc);border-color:var(--acc);color:#fff}.btn.acc:hover{background:var(--acc-dark)}.btn.sm{border-radius:8px;padding:5px 11px;font-size:12.5px}.btn.ghost{background:0 0}.btn:focus-visible,.nav-i:focus-visible,input:focus-visible,select:focus-visible,.chip:focus-visible{outline:2px solid var(--acc);outline-offset:1px}.chip{border:1px solid var(--line-2);color:var(--mut);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{border-color:var(--acc);color:var(--acc);background:var(--acc-soft)}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-block}.pill.ok{color:var(--ok);background:var(--ok-soft)}.pill.mut{color:var(--mut);background:var(--field);border:1px solid var(--line)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.bad{color:var(--bad);background:var(--bad-soft)}.pill.acc{color:var(--acc);background:var(--acc-soft)}.input,select.input{background:var(--field);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:11px;padding:9px 13px;font-size:14.5px}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--faint);outline:none}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--ink-2);font-size:12.5px;font-weight:700}.field .help{color:var(--faint);font-size:12px}.grid{gap:14px;display:grid}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.g4,.g3{grid-template-columns:1fr 1fr}}@media (width<=720px){.g4,.g3,.g2{grid-template-columns:1fr}}.kpi{position:relative}.kpi.star{border-color:var(--acc);box-shadow:inset 3px 0 0 var(--acc)}.kpi .l{color:var(--mut);font-size:12.5px;font-weight:600}.kpi .v{letter-spacing:-.02em;margin:2px 0;font-size:26px;font-weight:800}.kpi .d{font-size:12.5px;font-weight:600}.up{color:var(--ok)}.down{color:var(--bad)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);padding:8px 10px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:500}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 10px}.tbl tr:last-child td{border-bottom:none}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--field)}.thumb{border:1px solid var(--line);background:repeating-linear-gradient(135deg,#e7e3da 0 7px,#f3f0ea 7px 14px);border-radius:9px;flex:0 0 40px;width:40px;height:40px}.thumb.lg{border-radius:12px;width:100%;height:150px}.meter{background:var(--line);vertical-align:middle;border-radius:3px;width:60px;height:5px;margin-right:7px;display:inline-block;overflow:hidden}.meter i{background:var(--acc);height:100%;display:block}.low{color:var(--warn);font-weight:700}.zero{color:var(--bad);font-weight:700}.shelf{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:16px;padding:14px 18px;display:flex}.shelf .cover{border:1px solid var(--line);background:repeating-linear-gradient(135deg,#e2ded4 0 8px,#edeae3 8px 16px);border-radius:10px;flex:0 0 84px;width:84px;height:56px}.shelf b{font-size:15.5px}.shelf .meta{color:var(--faint);font-size:12.5px}.shelf .tools{align-items:center;gap:8px;margin-left:auto;display:flex}.shelf.off{opacity:.55}.tgl{border:1px solid var(--line-2);background:var(--field);cursor:pointer;border-radius:999px;flex:0 0 40px;width:40px;height:23px;padding:0;position:relative}.tgl i{background:var(--faint);border-radius:50%;width:17px;height:17px;transition:left .15s,background .15s;position:absolute;top:2px;left:2px}.tgl.on{background:var(--ok-soft);border-color:var(--ok)}.tgl.on i{background:var(--ok);left:19px}@media (prefers-reduced-motion:reduce){.tgl i{transition:none}}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;margin-bottom:18px;display:flex}.tab{color:var(--mut);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 15px;font-size:14px;font-weight:600}.tab.act{color:var(--ink);border-bottom-color:var(--acc)}.dir-card{border:1px solid var(--line-2);border-radius:var(--radius);cursor:pointer;background:var(--panel);text-align:left;flex-direction:column;gap:10px;padding:16px;display:flex}.dir-card.sel{border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}.dir-card .sws{gap:6px;display:flex}.dir-card .sw{border:1px solid #0000001a;border-radius:7px;width:26px;height:26px}.dir-card b{font-size:14.5px}.dir-card small{color:var(--mut);line-height:1.45}.alert{border:1px solid var(--line);background:var(--field);border-radius:11px;align-items:flex-start;gap:10px;padding:10px 13px;font-size:13.5px;display:flex}.alert .dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:6px}.alert .dot.warn{background:var(--warn)}.alert .dot.bad{background:var(--bad)}.alert .dot.acc{background:var(--acc)}.login-wrap{background:radial-gradient(1200px 600px at 15% -10%, #f3e4db 0%, transparent 55%), radial-gradient(900px 500px at 100% 110%, #e7ede6 0%, transparent 55%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line-2);border-radius:24px;flex-direction:column;gap:16px;width:384px;max-width:100%;padding:28px 32px 26px;display:flex;position:relative;box-shadow:0 34px 80px #17150f29}.login-head h1{letter-spacing:-.02em;margin:4px 0 2px;font-size:26px;font-weight:800}.login-head h1 em{color:var(--acc);font-style:normal}.login-head p{color:var(--mut);margin:0;font-size:13px}.login-err{color:var(--bad);background:var(--bad-soft);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.login-btn{justify-content:center;padding:12px;font-size:15px}.login-foot{text-align:center;color:var(--faint);font-size:12.5px}.login-foot a{color:var(--acc);text-decoration:none}.pw-wrap{align-items:center;display:flex;position:relative}.pw-wrap .input{padding-right:82px}.pw-eye{color:var(--acc);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-size:12.5px;font-weight:700;position:absolute;right:6px}.critters{width:220px;height:132px;margin:-4px auto 2px;position:relative}.bear{width:128px;height:128px;position:absolute;bottom:0;left:50%;transform:translate(-58%)}.bear-face{background:linear-gradient(#b98a5e,#a9764a);border-radius:50% 50% 46% 46%;position:absolute;inset:14px 0 0;overflow:hidden;box-shadow:inset 0 -10px 18px #0000001f,0 8px 18px #17150f29}.bear-ear{background:linear-gradient(#b98a5e,#a9764a);border-radius:50%;width:42px;height:42px;position:absolute;top:2px;box-shadow:0 4px 8px #17150f24}.bear-ear.l{left:2px}.bear-ear.r{right:2px}.bear-ear-in{background:#e9c7a0;border-radius:50%;width:22px;height:22px;position:absolute;top:12px}.bear-ear-in.l{left:12px}.bear-ear-in.r{right:12px}.bear-eye{background:#f4eee6;border-radius:50%;width:15px;height:15px;transition:top .25s,height .25s;position:absolute;top:46px;overflow:hidden}.bear-eye.l{left:32px}.bear-eye.r{right:32px}.bear-eye i{background:#2b2119;border-radius:50%;width:9px;height:9px;transition:transform .18s;position:absolute;top:3px;left:3px}.bear-muzzle{background:#e9c7a0;border-radius:50%;width:52px;height:38px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.bear-nose{background:#4a3626;border-radius:50%;width:16px;height:12px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.bear-mouth{border:2px solid #6b4e38;border-top:none;border-radius:0 0 12px 12px;width:16px;height:9px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.paw{background:linear-gradient(#c4966a,#a9764a);border-radius:50%;width:40px;height:40px;transition:transform .32s cubic-bezier(.34,1.56,.64,1);position:absolute;top:92px;box-shadow:0 -3px 8px #0000001f}.paw.l{left:18px;transform:translateY(0)}.paw.r{right:18px;transform:translateY(0)}.is-covered .paw.l{transform:translate(6px,-50px)}.is-covered .paw.r{transform:translate(-6px,-50px)}.is-peek .paw.l{transform:translate(-2px,-44px)}.is-peek .paw.r{transform:translate(2px,-44px)}.is-covered .bear-eye,.is-peek .bear-eye{height:15px}.peng{width:66px;height:92px;position:absolute;bottom:2px;right:-6px}.peng-body{background:linear-gradient(#2c3038,#16181d);border-radius:48% 48% 44% 44%;width:56px;height:74px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 8px 16px #17150f2e}.peng-belly{background:#f4eee6;border-radius:46% 46% 44% 44%;width:36px;height:56px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.peng-eye{background:#f4eee6;border-radius:50%;width:8px;height:8px;position:absolute;top:20px}.peng-eye:after{content:"";background:#16181d;border-radius:50%;width:4px;height:4px;position:absolute;top:2px;left:2px}.peng-eye.l{left:22px}.peng-eye.r{right:22px}.peng-beak{background:var(--acc);border-radius:0 0 8px 8px;width:14px;height:9px;position:absolute;top:28px;left:50%;transform:translate(-50%)}.peng-wing{background:#16181d;border-radius:8px;width:12px;height:40px;position:absolute;top:30px}.peng-wing.l{transform-origin:top;animation:1.8s ease-in-out infinite wave;left:-2px}.peng-wing.r{right:-2px}.peng-foot{background:var(--acc);border-radius:6px;width:16px;height:8px;position:absolute;bottom:-3px}.peng-foot.l{left:14px}.peng-foot.r{right:14px}@keyframes wave{0%,60%,to{transform:rotate(6deg)}75%{transform:rotate(-24deg)}90%{transform:rotate(-24deg)}}@media (prefers-reduced-motion:reduce){.peng-wing.l{animation:none}.paw,.bear-eye i,.bear-eye{transition:none}}.toast{background:var(--ink);color:var(--panel);box-shadow:var(--shadow);z-index:50;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:600;position:fixed;bottom:22px;right:22px}.bar-row{align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.bar-row .bl{width:130px;color:var(--mut);white-space:nowrap;text-overflow:ellipsis;flex:0 0 130px;overflow:hidden}.bar-tr{background:var(--field);border:1px solid var(--line);border-radius:5px;flex:1;height:10px;overflow:hidden}.bar-f{background:var(--acc);border-radius:0 5px 5px 0;height:100%;display:block}.bar-row .bv{text-align:right;width:40px;font-weight:700}.keybox{background:var(--acc-soft);border:1px solid var(--acc);border-radius:var(--radius);margin-bottom:14px;padding:16px 18px}.keyrow{background:var(--panel);border:1px solid var(--line-2);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.keyrow code{word-break:break-all;color:var(--ink);flex:1;font-family:IBM Plex Mono,monospace;font-size:13.5px}@media (width<=900px){.side{display:none}.main{padding:18px 16px 40px}.m-nav{z-index:10;background:var(--bg);gap:6px;padding:10px 0;position:sticky;top:0;overflow-x:auto;display:flex!important}}.m-nav{display:none}