:root{--bg:#050409;--bg2:#0a0811;--panel:#0f0c15;--panel2:#16111d;--panel3:#1d1726;--glass:#0e0b14db;--card-bg:linear-gradient(180deg, #20152a9e, #0f0c1559 9rem), #120e19c7;--line:#ffffff13;--line2:#3b2d48;--neon:#ff2bc28c;--neon-dim:#f7057a47;--text:#f3f1f6;--text2:#c9c5d3;--muted:#9c98a8;--dim:#8e8a9b;--silver:#dcdbe0;--pink:#f7057a;--pink2:#ff2bc2;--grad:linear-gradient(90deg, var(--pink), var(--pink2));--grad-deep:linear-gradient(95deg, #d0046a 0%, #b4078f 100%);--glow:0 0 24px #f7057a73;--glow-sm:0 0 8px #f7057ab3;--ok:#3ddc97;--warn:#f5c04a;--bad:#ff5a6e;--info:#4cc9f0;--violet:#9b7bff;--cut:14px;--cut-sm:8px;--clip:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));--clip-sm:polygon(0 0, calc(100% - var(--cut-sm)) 0, 100% var(--cut-sm), 100% 100%, var(--cut-sm) 100%, 0 calc(100% - var(--cut-sm)));--clip-nav:polygon(0 0, calc(100% - 9px) 0, 100% 9px, 100% 100%, 9px 100%, 0 calc(100% - 9px));--clip-tag:polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);--clip-tr:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);--clip-hex:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--display:"Archivo", "Bahnschrift Condensed", "Arial Narrow", "Segoe UI", system-ui, sans-serif;--body:"DM Sans", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", "Cascadia Mono", ui-monospace, Consolas, monospace;--ease:cubic-bezier(.2, .8, .2, 1);--sidebar:264px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(60rem 32rem at 0% 0%, #f7057a1a, transparent 70%), radial-gradient(52rem 36rem at 100% 100%, #a000a017, transparent 70%), var(--bg);color:var(--text);font:400 14px/1.5 var(--body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}body:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(#ff2bc209 1px,#0000 1px) 0 0/3rem 3rem,linear-gradient(90deg,#ff2bc209 1px,#0000 1px) 0 0/3rem 3rem;position:fixed;inset:0}#root{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:#f7057a59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#f7057a59;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#ff2bc2a6}.h-display{font:italic 800 40px/.95 var(--display);text-transform:uppercase;letter-spacing:.005em;text-shadow:0 0 18px #f7057a59;margin:0;font-stretch:75%}.h-display .accent{background:var(--grad);color:#0000;text-shadow:none;filter:drop-shadow(0 0 12px #f7057a73);-webkit-background-clip:text;background-clip:text;padding-right:.08em}.h-section{font:italic 800 18px/1.15 var(--display);text-transform:uppercase;letter-spacing:.03em;margin:0;font-stretch:75%}.eyebrow{font:800 11px/1 var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--pink2);text-shadow:0 0 8px #f7057a80;align-items:center;gap:8px;display:inline-flex}.eyebrow:before{content:"";background:var(--grad);width:16px;height:2px;box-shadow:var(--glow-sm);flex:none;transform:skew(-30deg)}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:12px}.tnum{font-variant-numeric:tabular-nums}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}html{-webkit-text-size-adjust:100%}.app{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100%;display:grid}.app.collapsed{--sidebar:0px}.main{min-width:0;animation:viewIn .22s var(--ease);padding:18px 28px 40px;overflow-x:clip}.topbar{border:1px solid var(--line);background:linear-gradient(180deg, #f7057a0f, transparent), var(--glass);min-width:0;clip-path:var(--clip-sm);align-items:center;gap:10px;margin-bottom:24px;padding:8px 10px;display:flex;position:relative}.topbar:before{content:"";background:linear-gradient(90deg, var(--pink2), transparent);pointer-events:none;width:min(46%,30rem);height:1px;position:absolute;top:0;left:0}.btn.tb-menu,.btn.drawer-x,.drawer-backdrop{display:none}.crumbs{border:1px solid var(--line2);min-width:0;clip-path:var(--clip-tag);font:800 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#05040999;align-items:center;gap:8px;padding:8px 16px;display:flex;overflow:hidden}.crumbs>a,.crumbs>b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.crumbs>a:hover{color:var(--pink2)}.crumbs>a>b{text-overflow:ellipsis;overflow:hidden}.crumbs svg{color:var(--pink2);flex:none}.crumbs b{color:var(--text);font-weight:800}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-head p{color:var(--muted);margin:10px 0 0}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.row>.input,.row>.select,.row>.input-icon{min-width:0}.spacer{flex:1}.stack{flex-direction:column;gap:16px;display:flex}@media (width<=1280px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}.grid.g-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid.g-stats>:last-child:nth-child(odd){grid-column:1/-1}}.sidebar{border-right:1px solid var(--line);background:radial-gradient(18rem 14rem at 20% 0,#f7057a29,#0000 70%),linear-gradient(#0b0812f0,#060509e6);flex-direction:column;height:100dvh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar:before{content:"";background:linear-gradient(180deg, var(--pink2), transparent);pointer-events:none;width:1px;height:42%;position:absolute;top:0;right:0}.app.collapsed .sidebar{display:none}.brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:16px;padding:4px 4px 18px;display:flex;position:relative}.brand:after{content:"";background:var(--grad);width:72px;height:2px;box-shadow:var(--glow-sm);position:absolute;bottom:-1px;left:0}.brand-mark{filter:drop-shadow(0 0 7px #f7057a8c);flex:none;width:46px;height:46px}.brand-name{font:italic 800 30px/.86 var(--display);text-transform:uppercase;letter-spacing:.01em;text-shadow:0 0 14px #f7057a73;font-stretch:75%}.brand-name span{font:800 10.5px/1 var(--mono);letter-spacing:.38em;color:var(--pink2);text-shadow:0 0 8px #f7057a8c;margin-top:6px;font-style:normal;display:block}.brand-sub{font:700 9.5px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);margin-top:6px}.quick{border:1px solid var(--line2);color:var(--dim);cursor:pointer;text-align:left;width:100%;clip-path:var(--clip-sm);background:#05040999;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;transition:border-color .15s,color .15s,background .15s;display:flex}.quick:hover{border-color:var(--pink);color:var(--text);background:#f7057a14}.quick svg{color:var(--pink2)}.quick kbd{font:800 10px var(--mono);color:var(--pink2);background:#f7057a1a;border:1px solid #f7057a73;margin-left:auto;padding:2px 6px}.nav-label{font:800 10px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--dim);align-items:center;gap:10px;padding:16px 6px 8px;display:flex}.nav-label:after{content:"";background:linear-gradient(90deg, var(--line2), transparent);flex:1;height:1px}.nav-label-platform{color:var(--pink2);text-shadow:0 0 8px #f7057a73}.nav-label-platform:after{background:linear-gradient(90deg, var(--neon-dim), transparent)}.nav a,.nav button.nav-item{min-width:0}.nav a>span,.nav a{overflow-wrap:anywhere}.nav a,.nav button.nav-item{width:100%;color:var(--muted);cursor:pointer;font:600 14px/1.2 var(--body);clip-path:var(--clip-nav);background:0 0;border:none;align-items:center;gap:11px;margin-bottom:2px;padding:9px 12px;transition:color .15s,background .15s;display:flex;position:relative}.nav a:hover,.nav button.nav-item:hover{color:var(--text);background:#f7057a14}.nav a:hover svg{color:var(--pink2)}.nav a.active{color:#fff;background:var(--grad-deep);text-shadow:0 0 10px #ffffff40;font-weight:700;box-shadow:inset 0 0 0 1px #ff78c88c,inset 0 0 18px #ff2bc259}.nav a.active svg{color:#fff}.nav svg{flex:none;width:17px;height:17px;transition:color .15s}.nav .sub{border-left:1px solid var(--neon-dim);margin:2px 0 6px 14px;padding-left:8px}.nav .sub a{padding:8px 10px;font-size:13.5px}.nav .badge{margin-left:auto}.server-switch{border:1px solid var(--line);cursor:pointer;width:100%;color:var(--text);text-align:left;font:italic 800 15px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em;clip-path:var(--clip-nav);background:#f7057a0a;align-items:center;gap:9px;margin-bottom:2px;padding:9px 12px;font-stretch:80%;transition:border-color .15s,background .15s;display:flex}.server-switch svg{color:var(--pink2);flex:none}.server-switch:hover{border-color:var(--neon-dim);background:#f7057a1a}.dot{background:var(--dim);border-radius:50%;flex:none;width:8px;height:8px}.dot.on{background:var(--ok);animation:2s ease-in-out infinite pulse;box-shadow:0 0 10px #3ddc97b3}.dot.off{background:var(--bad);box-shadow:0 0 8px #ff5a6e99}@keyframes pulse{50%{opacity:.4}}.sidebar-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:12px}.user-card{border:1px solid var(--neon-dim);clip-path:var(--clip-sm);background:linear-gradient(120deg,#f7057a2e,#500a5a33 60%,#0f0c15d9);align-items:center;gap:10px;margin-top:10px;padding:11px 12px;display:flex;position:relative;box-shadow:inset 0 0 18px #f7057a1f}.avatar{background:var(--panel3);width:36px;height:36px;font:800 12px var(--mono);color:var(--pink2);clip-path:var(--clip-hex);flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.card{background:var(--card-bg);border:1px solid var(--line2);clip-path:var(--clip);padding:20px;position:relative;box-shadow:inset 0 0 0 1px #ff2bc20a,inset 0 0 2.6rem #f7057a0d}.card:after,.corner:after{content:"";width:calc(var(--cut) * 1.42 + 2px);background:var(--grad);opacity:.85;transform-origin:100% 0;pointer-events:none;height:2px;position:absolute;top:0;right:0;transform:rotate(45deg)translate(1px,-1px)}.card:before{content:"";background:linear-gradient(90deg, var(--neon), transparent);pointer-events:none;width:42%;height:1px;position:absolute;top:0;left:0}.card.tight{padding:14px 16px}.card.flush{padding:0}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-head .sub{color:var(--muted);margin-top:5px;font-size:12.5px}.card-title{font:italic 800 17px/1.15 var(--display);text-transform:uppercase;letter-spacing:.04em;color:#fff;align-items:center;gap:10px;font-stretch:75%;display:flex}.card-title svg{width:30px;height:30px;color:var(--pink2);clip-path:var(--clip-hex);background:radial-gradient(circle,#f7057a57,#f7057a0f);flex:none;padding:7px}.card-title:not(:has(svg)):before{content:"";background:var(--grad);width:3px;height:.95em;box-shadow:var(--glow-sm);flex:none;transform:skew(-14deg)}.stat{background:linear-gradient(160deg,#24162ee6,#0e0a14eb);padding:16px 18px 18px}.stat:before{left:var(--cut);right:var(--cut);background:var(--accent,var(--pink));opacity:.75;width:auto;height:2px;box-shadow:0 0 10px var(--accent,var(--pink));top:auto;bottom:0}.stat .label{font:800 10.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;display:flex}.stat .label svg{width:26px;height:26px;color:var(--accent,var(--pink2));background:radial-gradient(circle, color-mix(in srgb, var(--accent,var(--pink)) 34%, transparent), color-mix(in srgb, var(--accent,var(--pink)) 6%, transparent));clip-path:var(--clip-hex);flex:none;padding:6px}.stat .value{font:italic 800 44px/.95 var(--display);color:var(--accent,var(--text));font-variant-numeric:tabular-nums;text-shadow:0 0 18px color-mix(in srgb, var(--accent,var(--pink)) 45%, transparent);margin-top:14px;font-stretch:75%}.stat .value small{font:700 14px var(--body);color:var(--muted);text-shadow:none;margin-left:6px;font-style:normal}.stat .hint{color:var(--dim);margin-top:8px;font-size:12px}.btn{border:1px solid var(--line2);cursor:pointer;font:800 11.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text2);clip-path:var(--clip-sm);white-space:nowrap;background:linear-gradient(#22192deb,#130e1beb);justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,filter .15s;display:inline-flex}.btn svg{width:15px;height:15px}.btn:hover{border-color:var(--pink);color:#fff;background:#f7057a1f;box-shadow:inset 0 0 12px #f7057a40}.btn:focus-visible{outline:2px solid var(--pink2);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--grad-deep);color:#fff;text-shadow:0 0 8px #ffffff40;border-color:#ff78c899;box-shadow:inset 0 0 14px #ff2bc273}.btn.primary:hover{background:var(--grad);border-color:#ff9ad6;box-shadow:inset 0 0 18px #ffffff38}.btn.danger{color:#ff8e9c;background:#ff5a6e1a;border-color:#ff5a6e73}.btn.danger:hover{color:#fff;box-shadow:none;background:linear-gradient(90deg,#e23a50,#ff5a6e);border-color:#ff8e9c}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);box-shadow:none;background:#f7057a1a;border-color:#0000}.btn.sm{padding:7px 11px;font-size:10.5px}.btn.icon{padding:8px}.seg{scrollbar-width:none;border:1px solid var(--line2);max-width:100%;clip-path:var(--clip-sm);background:#05040999;display:inline-flex;overflow-x:auto}.seg button{white-space:nowrap;cursor:pointer;color:var(--muted);font:800 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:0 0;border:none;padding:8px 14px;transition:color .15s,background .15s}.seg button:hover{color:var(--text);background:#f7057a14}.seg button.on{background:var(--grad-deep);color:#fff;text-shadow:0 0 8px #ffffff40;box-shadow:inset 0 0 12px #ff2bc266}.input,.select,textarea.input{border:1px solid var(--line2);width:100%;color:var(--text);font:400 14px var(--body);background:#050409b3;border-radius:0;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--dim)}.input:hover,.select:hover{border-color:#4d3a5e}.input:focus,.select:focus{border-color:var(--pink);box-shadow:0 0 0 3px #f7057a29,inset 0 0 10px #f7057a14}.select option{background:var(--panel)}.input.mono{font-family:var(--mono);font-size:13px}.input-icon{position:relative}.input-icon svg{width:16px;height:16px;color:var(--pink2);opacity:.8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon .input{padding-left:38px}.field{flex-direction:column;gap:7px;display:flex}.field>label{font:800 10.5px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.field .help{color:var(--dim);font-size:12px}.field .error{color:var(--bad);font-size:12px}.check{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.check input{accent-color:var(--pink);width:15px;height:15px}.switch{cursor:pointer;flex:none;width:44px;height:22px;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute;inset:0}.switch .track{border:1px solid var(--line2);clip-path:var(--clip-tag);background:#2a2133;transition:background .18s,box-shadow .18s;position:absolute;inset:0}.switch .knob{background:var(--silver);width:14px;height:14px;transition:transform .18s var(--ease), background .18s, box-shadow .18s;position:absolute;top:4px;left:6px;transform:skew(-14deg)}.switch input:checked+.track{background:var(--grad);border-color:#ff78c8b3;box-shadow:inset 0 0 10px #ffffff40}.switch input:checked~.knob{background:#fff;transform:translate(18px)skew(-14deg);box-shadow:0 0 8px #fffc}.switch input:focus-visible+.track{outline:2px solid var(--pink2);outline-offset:2px}.badge{font:800 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;background:var(--panel3);color:var(--muted);border:1px solid var(--line2);white-space:nowrap;clip-path:var(--clip-tag);align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge.pink{color:var(--pink2);text-shadow:0 0 8px #f7057a73;background:#f7057a1f;border-color:#f7057a80}.badge.ok{color:var(--ok);background:#3ddc9714;border-color:#3ddc976b}.badge.warn{color:var(--warn);background:#f5c04a14;border-color:#f5c04a6b}.badge.bad{color:var(--bad);background:#ff5a6e1a;border-color:#ff5a6e7a}.badge.info{color:var(--info);background:#4cc9f014;border-color:#4cc9f06b}.badge.violet{color:var(--violet);background:#9b7bff14;border-color:#9b7bff6b}.chip{color:var(--pink2);font:600 12px var(--mono);clip-path:var(--clip-tag);background:#16111de6;border:1px solid #f7057a66;align-items:center;gap:6px;padding:4px 11px;display:inline-flex}.chip button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:grid}.chip button:hover{color:#fff}.chip svg{width:12px;height:12px}.table-wrap{border:1px solid var(--line2);background:#0a080f8c;overflow-x:auto}table.table{border-collapse:collapse;width:100%}.table th{text-align:left;border-bottom:1px solid var(--neon-dim);font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;background:#15101c;padding:12px 14px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background .12s}.table tbody tr:hover td{background:#f7057a0b}.table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--pink)}.table .actions{text-align:right;white-space:nowrap}.pager{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.tabs{border:1px solid var(--line2);background:var(--glass);overscroll-behavior-x:contain;scrollbar-width:thin;clip-path:var(--clip-sm);display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;font:800 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:13px 14px;transition:color .15s,background .15s;display:flex}.tabs button svg{width:15px;height:15px}.tabs button:hover{color:var(--text);background:#f7057a0f}.tabs button.on{color:#fff;border-bottom-color:var(--pink2);text-shadow:0 0 10px #f7057a8c;background:linear-gradient(#0000,#f7057a29)}.tabs button.on svg{color:var(--pink2)}.overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#040308bd;place-items:center;padding:20px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{--cut:18px;border:1px solid var(--neon-dim);border-top:2px solid var(--pink);width:min(640px,100%);max-height:calc(100vh - 40px);clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));animation:pop .2s var(--ease);background:radial-gradient(40rem 16rem at 0 0,#f7057a1a,#0000 70%),#0d0a13;padding:22px;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #ff2bc214,inset 0 0 3rem #f7057a14}.modal.wide{width:min(880px,100%)}.modal-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.modal-head .x{flex:none;margin-left:auto}.modal-title{overflow-wrap:anywhere;min-width:0}.modal-head h2,.modal-head .modal-title{font-family:var(--display)}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal:focus{outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tb-live{flex:none}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes viewIn{0%{opacity:0;transform:translateY(5px)}}.toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border:1px solid var(--line2);border-left:3px solid var(--c,var(--pink));min-width:260px;max-width:420px;clip-path:var(--clip-tr);animation:toastIn .2s var(--ease);box-shadow:inset 0 0 18px color-mix(in srgb, var(--c,var(--pink)) 14%, transparent);background:#0e0b14f5;padding:12px 16px 12px 30px;position:relative}.toast:before{content:"";background:var(--c,var(--pink));width:7px;height:7px;box-shadow:0 0 8px var(--c,var(--pink));position:absolute;top:17px;left:12px;transform:rotate(45deg)}.toast.ok{--c:var(--ok)}.toast.bad{--c:var(--bad)}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}}.empty{text-align:center;color:var(--muted);place-items:center;gap:8px;padding:48px 20px;display:grid}.empty svg{width:44px;height:44px;color:var(--pink2);opacity:.75;filter:drop-shadow(0 0 10px #f7057a73)}.empty h3{color:var(--text);font:italic 800 19px var(--display);text-transform:uppercase;letter-spacing:.03em;margin:4px 0 0;font-stretch:75%}.skeleton{background:linear-gradient(90deg, var(--panel2), #251b31, var(--panel2));background-size:200% 100%;min-height:14px;animation:1.2s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.bar{border:1px solid var(--neon-dim);height:6px;clip-path:var(--clip-tag);background:#050409cc;overflow:hidden}.bar>span{background:var(--grad);height:100%;display:block;box-shadow:0 0 6px #f7057a99}.divider{background:linear-gradient(90deg, var(--line2), var(--line) 60%, transparent);height:1px;margin:16px 0}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}.kv dt{font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}.kv dd{min-width:0;color:var(--text);word-break:break-word;overflow-wrap:anywhere;margin:0}.code{font:500 12px var(--mono);border:1px solid var(--line2);color:var(--pink2);background:#050409bf;padding:2px 7px}.callout{border:1px solid var(--line2);background:var(--glass);border-left:3px solid var(--info);color:var(--muted);clip-path:var(--clip-tr);padding:12px 14px}.callout.warn{border-left-color:var(--warn)}.callout.bad{border-left-color:var(--bad)}.callout.ok{border-left-color:var(--ok)}kbd{font:800 10px var(--mono);color:var(--pink2);background:#f7057a1a;border:1px solid #f7057a73;padding:2px 6px}.kd-hero{--cut:22px;border:1px solid var(--neon-dim);min-height:176px;clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));background:radial-gradient(700px 220px at 62% 130%, #f7057a6b, transparent 70%), radial-gradient(480px 180px at 8% -30%, #ff2bc238, transparent 70%), repeating-linear-gradient(115deg, transparent 0 22px, #ffffff07 22px 23px), linear-gradient(#ff2bc20d 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, #ff2bc20d 1px, transparent 1px) 0 0 / 2rem 2rem, var(--bg2);flex-wrap:wrap;align-items:center;gap:28px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 3.5rem #f7057a24}.kd-hero:before{content:"";opacity:.09;filter:drop-shadow(0 0 24px #f7057a99);pointer-events:none;background:url(/kode-logo.png) 50%/contain no-repeat;width:250px;height:250px;position:absolute;top:50%;right:clamp(330px,27%,440px);transform:translateY(-50%)rotate(-8deg)}.kd-hero:after{content:"";background:linear-gradient(90deg, var(--pink), var(--pink2) 45%, transparent);height:2px;box-shadow:var(--glow-sm);position:absolute;bottom:0;left:0;right:0}.kd-hero-main{flex:380px;min-width:0;position:relative}.kd-hero-main .eyebrow{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:12px;overflow:hidden}.kd-hero-title{font:italic 900 clamp(40px, 5.4vw, 72px)/.88 var(--display);text-transform:uppercase;letter-spacing:.005em;color:#fff;text-shadow:0 0 22px #f7057a66;margin:0;font-stretch:75%}.kd-hero-title span{background:var(--grad);color:#0000;text-shadow:none;filter:drop-shadow(0 0 14px #f7057a8c);-webkit-background-clip:text;background-clip:text;padding-right:.08em}.kd-hero-main p{color:var(--text2);font:500 15px/1.45 var(--body);max-width:60ch;margin:14px 0 0}.kd-hero-side{flex-direction:column;flex:0 340px;gap:10px;min-width:min(100%,280px);margin-left:auto;display:flex;position:relative}.kd-status{--c:var(--ok);border:1px solid var(--neon);min-width:0;clip-path:var(--clip-sm);background:#050409b8;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:inset 0 0 24px #f7057a33}.kd-status.off{--c:var(--bad)}.kd-status-ico{width:50px;height:50px;color:var(--pink2);clip-path:var(--clip-hex);background:radial-gradient(circle,#f7057a73,#f7057a14);flex:none;place-items:center;display:grid}.kd-status-ico svg{filter:drop-shadow(0 0 6px #ff2bc2cc);width:24px;height:24px}.kd-status b{font:italic 800 21px/1.05 var(--display);text-transform:uppercase;letter-spacing:.03em;color:#fff;font-stretch:75%;display:block}.kd-status b span{color:var(--c);text-shadow:0 0 10px color-mix(in srgb, var(--c) 60%, transparent)}.kd-status small{color:var(--muted);margin-top:4px;font-size:12.5px;display:block}.kd-status .dot{margin-left:auto}.kd-tag{background:var(--grad-deep);clip-path:var(--clip-tag);white-space:nowrap;align-items:center;gap:12px;padding:8px 16px;display:flex;overflow:hidden;box-shadow:inset 0 0 14px #ff2bc273}.kd-tag span{font:800 10px/1 var(--mono);letter-spacing:.18em;color:#fff;flex:none}.kd-tag i{text-overflow:ellipsis;min-width:0;font:700 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#ffffffb8;margin-left:auto;font-style:normal;overflow:hidden}.kd-tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px;display:grid}.kd-tile{background:var(--card-bg);border:1px solid var(--line2);min-width:0;clip-path:var(--clip);transition:border-color .15s, background .15s, transform .15s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.kd-tile:after{content:"";width:calc(var(--cut) * 1.42 + 2px);background:var(--grad);opacity:.85;transform-origin:100% 0;height:2px;position:absolute;top:0;right:0;transform:rotate(45deg)translate(1px,-1px)}.kd-tile:hover,.kd-tile:focus-visible{border-color:var(--pink);background:linear-gradient(120deg,#f7057a33,#500a5a2e 60%,#0f0c15d9);outline:none;transform:translateY(-2px)}.kd-tile.hot{border-color:var(--neon);background:linear-gradient(120deg,#f7057a38,#500a5a33 60%,#0f0c15d9);box-shadow:inset 0 0 22px #f7057a2e}.kd-tile-ico{width:50px;height:50px;color:var(--pink2);clip-path:var(--clip-hex);background:radial-gradient(circle,#f7057a61,#f7057a0f);flex:none;place-items:center;transition:background .15s;display:grid}.kd-tile:hover .kd-tile-ico,.kd-tile.hot .kd-tile-ico{background:radial-gradient(circle,#ff2bc299,#f7057a24)}.kd-tile-ico svg{filter:drop-shadow(0 0 6px #ff2bc2b3);width:23px;height:23px}.kd-tile b{font:800 12px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#fff;display:block}.kd-tile small{color:var(--muted);margin-top:4px;font-size:12.5px;line-height:1.35;display:block}.kd-tile:has(>.badge){padding-top:28px}.kd-tile>.badge{padding:1px 8px;font-size:9px;position:absolute;top:9px;left:18px}@media (width<=720px){.kd-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kd-tile{--cut:10px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px}.kd-tile-ico{width:40px;height:40px}.kd-tile-ico svg{width:19px;height:19px}.kd-tile b{letter-spacing:.1em;overflow-wrap:anywhere;font-size:11px}.kd-tile small{font-size:12px}.kd-tile:has(>.badge){padding-top:30px}.kd-tile>.badge{left:14px}}.login-wrap{background:radial-gradient(900px 420px at 50% 110%,#f7057a47,#0000 70%),radial-gradient(600px 300px at 50% -10%,#ff2bc21f,#0000 70%);place-items:center;min-height:100vh;padding:24px;display:grid}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.palette{width:min(560px,100%);padding:0}.palette input{border:none;border-bottom:1px solid var(--neon-dim);background:0 0;padding:16px 18px;font-size:15px}.palette ul{max-height:50vh;margin:0;padding:6px;list-style:none;overflow:auto}.palette li[role=option]{width:100%;color:var(--muted);cursor:pointer;text-align:left;clip-path:var(--clip-nav);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.palette li[role=option].on,.palette li[role=option]:hover{color:var(--text);box-shadow:inset 2px 0 0 var(--pink);background:#f7057a1f}.palette li svg{width:16px;height:16px;color:var(--pink2)}.g-dash{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}@media (width<=1280px){.g-dash{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.g-dash>:first-child{grid-column:1/-1}}@media (width<=900px){.g-dash{grid-template-columns:minmax(0,1fr)}}.lang-select{color:var(--muted);align-items:center;gap:10px;padding:8px 10px;display:flex}.lang-select svg{width:17px;height:17px;color:var(--pink2);flex:none}.lang-select select{border:1px solid var(--line2);color:var(--text);font:500 13px var(--body);background:#050409b3;flex:1;padding:6px 8px}.lang-select.compact{justify-content:center;padding:0}.lang-select.compact select{flex:none}@media (width<=720px){.table.rtable thead{display:none}.table.rtable,.table.rtable tbody,.table.rtable tr{width:100%;display:block}.table.rtable tr{border-bottom:1px solid var(--line);padding:10px 14px}.table.rtable tr:last-child{border-bottom:none}.table.rtable td{white-space:normal;overflow-wrap:anywhere;border:none;width:100%;min-height:28px;padding:5px 0 5px 106px;display:block;position:relative;text-align:left!important}.table.rtable td:before{content:attr(data-label);width:96px;font:700 10px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);position:absolute;top:8px;left:0}.table.rtable td:not([data-label]){padding-left:0}.table.rtable td:not([data-label]):before{content:none}.table.rtable td.rt-main{padding:2px 0 8px}.table.rtable td.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:8px 0 0;display:flex}.table.rtable td.actions:empty{display:none}.table.rtable tbody tr:hover td{box-shadow:none;background:0 0}.table.rtable tbody tr:hover{background:#f7057a0a}}@media (width<=900px){.app,.app.collapsed{grid-template-columns:minmax(0,1fr)}.sidebar,.app.collapsed .sidebar{z-index:60;width:min(300px,86vw);height:100%;padding:calc(14px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));overscroll-behavior:contain;visibility:hidden;transition:transform .22s,visibility 0s linear .22s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app.mobile-open .sidebar{visibility:visible;transition:transform .22s;transform:none;box-shadow:16px 0 48px #0009}.drawer-backdrop{z-index:55;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#040308a8;animation:.15s fade;display:block;position:fixed;inset:0}.brand{align-items:center}.btn.drawer-x{flex:none;margin-left:auto;display:inline-flex}.btn.tb-menu{flex:none;display:inline-flex}.btn.tb-collapse{display:none}.main{padding:0 calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left))}.topbar{z-index:40;clip-path:none;margin:0 calc(-16px - env(safe-area-inset-right)) 16px calc(-16px - env(safe-area-inset-left));padding:calc(10px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 10px calc(16px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-width:0 0 1px;border-bottom:1px solid var(--neon-dim);background:#050409ed;gap:8px;position:sticky;top:0}.topbar>.btn,.topbar>.ex-push-mini{flex:none}.crumbs{gap:6px;padding:7px 12px}.h-display{font-size:32px}}@media (width<=900px) and (prefers-reduced-motion:reduce){.sidebar,.app.mobile-open .sidebar{transition:none}}@media (width<=720px){.tb-kbd{display:none}.tb-palette{padding:8px}.page-head{gap:12px;margin-bottom:16px}.page-head>.row{width:100%}.card-head{flex-wrap:wrap}.card-head>.row{flex-wrap:wrap;max-width:100%}.kd-hero{gap:18px;min-height:0;padding:20px 18px}.kd-hero:before{opacity:.12;width:160px;height:160px;right:-30px}.kd-hero-side{flex-basis:100%}.kd-tile{padding:14px}.pager{justify-content:center}.overlay{padding:calc(10px + env(safe-area-inset-top)) 0 0;place-items:end stretch}.modal,.modal.wide{width:100%;max-height:calc(100vh - 10px - env(safe-area-inset-top));max-height:calc(100dvh - 10px - env(safe-area-inset-top));clip-path:none;overscroll-behavior:contain;border-width:1px 0 0;animation:.2s ease-out sheet}.modal:not(.palette){padding:0 16px calc(16px + env(safe-area-inset-bottom))}.modal-head{z-index:5;border-bottom:1px solid var(--neon-dim);background:#0d0a13;margin:0 -16px 14px;padding:14px 10px 12px 16px;position:sticky;top:0}.modal-foot{z-index:5;margin:16px -16px calc(-16px - env(safe-area-inset-bottom));padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0d0a13;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:sticky;bottom:0}.modal-foot>.btn{white-space:normal;min-width:0;padding-left:8px;padding-right:8px;line-height:1.2}.modal-foot>.spacer{display:none}.palette{align-self:start;margin-top:0}.palette ul{max-height:60vh}.toasts{left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom))}.toast{min-width:0;max-width:none}}@keyframes sheet{0%{opacity:0;transform:translateY(24px)}}@media (width<=480px){.h-display{font-size:28px}.card{padding:16px}.card.tight{padding:12px 14px}.card.flush{padding:0}.stat{padding:12px 14px 14px}.stat .label{letter-spacing:.08em;font-size:10px}.stat .value{margin-top:10px;font-size:32px}.crumbs.deep .crumb-root,.crumbs.deep .crumb-sep{display:none}.page-head>.row>.btn{flex:auto}}@media (pointer:coarse){.btn{min-height:40px}.btn.icon{min-width:40px}.seg button{min-height:40px}.tabs button,.nav a,.nav button.nav-item,.server-switch,.quick{min-height:44px}.lang-select select{min-height:40px}.check{min-height:32px}.check input{width:18px;height:18px}.chip button{margin:-4px;padding:4px}.switch:after{content:"";position:absolute;inset:-9px -6px}.palette li[role=option]{min-height:44px}}@media (hover:none){.table tbody tr:hover td{box-shadow:none;background:0 0}.quick kbd{display:none}}@media (prefers-reduced-motion:reduce){.main,.modal,.toast,.dot.on{animation:none}}@media (width<=900px),(pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px!important}}.leaflet-container{isolation:isolate}.legal-links{flex-wrap:wrap;justify-content:center;gap:6px 16px;display:flex}.legal-links a{color:inherit;text-decoration:none}.legal-links a:hover{color:var(--pink2);text-decoration:underline}.kad-server{text-align:left;cursor:pointer;color:inherit;font:inherit;border:0;width:100%}.kad-server:hover{box-shadow:var(--glow)}.kad-copy{gap:6px;min-width:0;display:grid}.kad-copy-label{font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.kad-copy-row{align-items:stretch;gap:8px;min-width:0;display:flex}.kad-copy-row pre{border:1px solid var(--line2);white-space:pre-wrap;word-break:break-all;min-width:0;color:var(--silver);background:#050409b3;flex:auto;margin:0;padding:10px 12px;font-size:12.5px}.kad-attn{gap:8px;display:grid}.kad-attn-item{border:1px solid var(--line2);border-left:3px solid var(--info);background:#0504098c;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.kad-attn-item.critical{border-left-color:var(--bad)}.kad-attn-item.high{border-left-color:#ff8a5a}.kad-attn-item.medium{border-left-color:var(--warn)}.kad-attn-item svg{flex:none;margin-top:2px}.kad-attn-item .t{font-weight:700}.kad-attn-item .d{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.kad-mods{flex-wrap:wrap;gap:8px;display:flex}.kad-mods .badge{white-space:normal}.kad-filters{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:12px;margin-bottom:14px;display:grid}.kad-actions{flex-wrap:wrap;gap:6px;display:flex}.table td .kad-actions{flex-wrap:nowrap}.kad-note{color:var(--muted);margin:12px 0 0;font-size:13px}.tb-server{max-width:min(320px,46vw)}.table td.wrap{white-space:normal;overflow-wrap:anywhere;min-width:160px}@media (width<=720px){.hide-sm{display:none}.seg.kad-wrap{flex-wrap:wrap}.grid.kad-stats2{grid-template-columns:repeat(2,minmax(0,1fr))}.kv{grid-template-columns:minmax(0,1fr)!important}.kad-copy-row{flex-direction:column}.tb-server{max-width:52vw}}