@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2)format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2)format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(/assets/space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(/assets/space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff")}:root{--ivory:#f4f4f2;--red:#ff2e4d;--red-deep:#c50022;--pink:#ff3d81;--orange:#ff8a3d;--amber:#ffb020;--gold:#f5c542;--cyan:#22d3ee;--green:#22e07a;--bg:#09090d;--sidebar:#0e0e13;--surface:#121218;--surface-2:#18181f;--field:#0d0d12;--line:#ffffff12;--line-strong:#ffffff21;--text:var(--ivory);--text-2:#f4f4f2a3;--text-3:#f4f4f266;--muted-dot:#5a6170;--hud:#fff3;--card-bg:linear-gradient(180deg, #ffffff09, #ffffff03), var(--surface);--shadow:0 1px 0 #ffffff0a inset, 0 24px 48px -24px #000000b3;--font-head:"Space Grotesk", "Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--radius:14px;--radius-sm:9px;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);font:400 14px/1.5 var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(1100px 520px at 18% -8%, #ff2e4d12, transparent 70%), radial-gradient(900px 480px at 100% 0%, #22d3ee0b, transparent 70%), var(--bg);background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}::selection{background:#ff2e4d73}:focus-visible{outline-offset:2px;outline:1px solid #ff2e4dcc}.hud{position:relative}.hud:after{content:"";pointer-events:none;--s:7px;background:linear-gradient(var(--hud), var(--hud)) top left / var(--s) 1px no-repeat, linear-gradient(var(--hud), var(--hud)) top left / 1px var(--s) no-repeat, linear-gradient(var(--hud), var(--hud)) top right / var(--s) 1px no-repeat, linear-gradient(var(--hud), var(--hud)) top right / 1px var(--s) no-repeat, linear-gradient(var(--hud), var(--hud)) bottom left / var(--s) 1px no-repeat, linear-gradient(var(--hud), var(--hud)) bottom left / 1px var(--s) no-repeat, linear-gradient(var(--hud), var(--hud)) bottom right / var(--s) 1px no-repeat, linear-gradient(var(--hud), var(--hud)) bottom right / 1px var(--s) no-repeat;position:absolute;inset:10px}.frame{position:relative}.frame:before{content:"";pointer-events:none;--c:#ffffff1a;--s:16px;background:linear-gradient(var(--c), var(--c)) top left / var(--s) 1px no-repeat, linear-gradient(var(--c), var(--c)) top left / 1px var(--s) no-repeat, linear-gradient(var(--c), var(--c)) top right / var(--s) 1px no-repeat, linear-gradient(var(--c), var(--c)) top right / 1px var(--s) no-repeat, linear-gradient(var(--c), var(--c)) bottom left / var(--s) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom left / 1px var(--s) no-repeat, linear-gradient(var(--c), var(--c)) bottom right / var(--s) 1px no-repeat, linear-gradient(var(--c), var(--c)) bottom right / 1px var(--s) no-repeat;position:absolute;inset:-11px}.shell{grid-template-columns:260px 1fr;min-height:100%;display:grid}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#121219,#0b0b10);flex-direction:column;height:100vh;padding:26px 14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 38px;display:flex}.logo-mark{background:var(--red);filter:drop-shadow(0 0 6px #ff2e4dbf)drop-shadow(0 0 16px #ff2e4d59);flex:none;width:38px;height:33px;-webkit-mask:url(/brand/mark.png) 50%/contain no-repeat;mask:url(/brand/mark.png) 50%/contain no-repeat}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-text b{font:600 14px var(--font-head);letter-spacing:.12em}.brand-text span{font:400 10px var(--font-mono);letter-spacing:.14em;color:var(--text-3);text-transform:uppercase}.nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 14px;text-decoration:none;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff08}.nav-item.active{color:var(--text);background:linear-gradient(90deg,#ff2e4d33,#ff2e4d0a);border-color:#ff2e4d40}.nav-item.active svg{color:var(--red);filter:drop-shadow(0 0 5px #ff2e4dcc)}.nav-item.active:after{content:"";background:var(--red);width:3px;box-shadow:0 0 12px var(--red), 0 0 24px #ff2e4d99;border-radius:3px;position:absolute;top:4px;bottom:4px;right:-15px}.nav-item svg{flex:none}.nav-code{font:400 10px var(--font-mono);color:var(--text-3);margin-left:auto}.sidebar-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:16px 10px 0;display:flex}.sidebar-foot .who{flex-direction:column;line-height:1.3;display:flex}.sidebar-foot .who span{font:400 10px var(--font-mono);color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}.online-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:50%;margin-left:auto}.main{min-width:0}.page{padding:36px clamp(24px,3vw,56px) 64px}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px;display:flex}.eyebrow{font:400 11px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.eyebrow b{color:var(--red);text-shadow:0 0 10px #ff2e4d99;font-weight:500}.page-title{font:500 32px/1.1 var(--font-head);letter-spacing:-.01em;margin:0}.page-actions{align-items:center;gap:10px;display:flex}.card{background:var(--card-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:24px}.card-head{justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 0;display:flex}.card-title{font:500 15px var(--font-body);margin:0}.label{font:400 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}.grid{gap:18px;display:grid}.grid-3-1{grid-template-columns:2.4fr 1fr}.stat-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{--tone:var(--ivory);--tone-rgb:244, 244, 242;border-color:rgba(var(--tone-rgb), .1);--hud:rgba(var(--tone-rgb), .35);justify-content:space-between;align-items:center;gap:12px;min-height:150px;padding:26px 26px 24px;display:flex;overflow:hidden}.stat-card[data-tone=red]{--tone:var(--red);--tone-rgb:255, 46, 77}.stat-card[data-tone=cyan]{--tone:var(--cyan);--tone-rgb:34, 211, 238}.stat-card[data-tone=amber]{--tone:var(--amber);--tone-rgb:255, 176, 32}.stat-card[data-tone=pink]{--tone:var(--pink);--tone-rgb:255, 61, 129}.stat-card.featured{border-color:rgba(var(--tone-rgb), .28);background:radial-gradient(120% 140% at 85% 50%, rgba(var(--tone-rgb), .09), transparent 60%), var(--card-bg);box-shadow:0 0 26px -14px rgba(var(--tone-rgb), .5), var(--shadow)}.stat-card:not(.featured){background:radial-gradient(90% 120% at 90% 50%, rgba(var(--tone-rgb), .07), transparent 60%), var(--card-bg)}.stat-text{z-index:1;min-width:0;position:relative}.stat-text .label{white-space:nowrap}.stat-value{font:600 40px/1 var(--font-head);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:14px}.stat-value small{color:var(--text-3);letter-spacing:0;margin-left:6px;font-size:18px;font-weight:500}.stat-value.toned{color:var(--tone);text-shadow:0 0 16px rgba(var(--tone-rgb), .45)}.stat-hint{color:var(--text-2);margin-top:10px;font-size:12.5px}.stat-icon{aspect-ratio:128/92;width:clamp(64px,6.5vw,128px);height:auto;color:var(--tone);filter:drop-shadow(0 0 6px rgba(var(--tone-rgb), .85)) drop-shadow(0 0 18px rgba(var(--tone-rgb), .35));flex:none}.stat-icon svg{width:100%;height:100%;display:block;overflow:visible}.stat-icon .soft{opacity:.35}.spin-slow{transform-origin:50%;transform-box:fill-box;animation:9s linear infinite spin}.share{background:#ffffff14;border-radius:3px;width:70%;height:3px;margin-top:14px;overflow:hidden}.share>i{background:var(--tone);height:100%;box-shadow:0 0 10px var(--tone);transform-origin:0;animation:fill 1.1s var(--ease) both .2s;display:block}@keyframes fill{0%{transform:scaleX(0)}}.list{flex-direction:column;display:flex}.list-row{border-top:1px solid var(--line);align-items:center;gap:14px;padding:14px 24px;display:flex}.list-row:first-child{border-top:0}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{background:#ffffff06}.grow{flex:1;min-width:0}.sub{color:var(--text-3);font-size:12px}.mono{font-family:var(--font-mono);font-size:12.5px}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.gold{color:var(--amber);text-shadow:0 0 10px #ffb02059;font-weight:500}.exp-list{flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.exp-item{cursor:pointer;background:linear-gradient(90deg,#ffb02014,#f5c54206);border:1px solid #f5c54242;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 0 18px -12px #f5c54273}.exp-item:hover{border-color:#f5c54266;transform:translateY(-1px);box-shadow:0 0 22px -10px #f5c5428c}.exp-item .name{font-weight:500}.exp-item .when{color:var(--gold);white-space:nowrap;text-shadow:0 0 10px #f5c54280;font-weight:600}.tag{white-space:nowrap;text-overflow:ellipsis;vertical-align:top;max-width:100%;color:var(--gold);background:#f5c5421a;border:1px solid #f5c54259;border-radius:6px;margin-top:6px;padding:2px 8px;font-size:11.5px;display:inline-block;overflow:hidden}.reveal{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}.dot.pulse{position:relative}.dot.pulse:after{content:"";color:var(--green);animation:pulse 2.4s var(--ease) infinite;border:1px solid;border-radius:50%;position:absolute;inset:-1px}@keyframes pulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.server-loads{grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:18px;display:grid}.server-load{--hud:#ffffff38;grid-template-columns:minmax(220px,34%) 1fr;display:grid;overflow:hidden}.sl-map{border-right:1px solid var(--line);min-height:300px;position:relative;overflow:hidden}.sl-map .map{width:100%;height:100%;position:absolute;inset:0}.sl-map:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 70%,#121218e6),linear-gradient(#121218e6,#12121833 34%,#0000 60%,#12121899);position:absolute;inset:0}.sl-map .sl-ident{z-index:2;position:absolute;top:20px;left:22px;right:16px}.pill{color:var(--text);border:1px solid var(--line-strong);background:#ffffff0f;border-radius:999px;align-items:center;gap:7px;padding:3px 10px 3px 8px;font-size:12px;display:inline-flex}.pill .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.pill.error .dot{background:var(--red);box-shadow:0 0 6px var(--red)}.server-name{font:500 22px var(--font-head);margin:10px 0 4px}.sl-main{flex-direction:column;min-width:0;display:flex}.sl-head{justify-content:flex-end;align-items:flex-start;gap:16px;padding:20px 24px 0;display:flex}.sl-online{align-items:center;gap:10px;display:flex}.sl-online b{font:600 38px/1 var(--font-head);font-variant-numeric:tabular-nums}.sl-online span{color:var(--text-2);font-size:12px;line-height:1.3}.sl-body{flex:1;grid-template-columns:auto 1fr;align-items:center;gap:30px;padding:8px 26px 26px;display:grid}.sl-empty{padding:22px 24px 24px}.map-land{fill:#2a2a35;stroke:#44445a;stroke-width:.5px}.map-land.on{fill:#ff3d8159;stroke:var(--pink);stroke-width:1px;filter:drop-shadow(0 0 6px #ff3d81cc)}.map-node circle.core{fill:var(--cyan);filter:drop-shadow(0 0 4px var(--cyan)) drop-shadow(0 0 10px var(--cyan))}.map-node circle.halo{fill:#22d3ee24;stroke:#22d3ee99;stroke-width:.8px;transform-box:fill-box;transform-origin:50%;animation:halo 2.6s var(--ease) infinite}.map-node.error circle.core{fill:var(--red);filter:drop-shadow(0 0 6px var(--red))}.map-node.error circle.halo{fill:#ff2e4d24;stroke:#ff2e4d99}.map-glow{fill:url(#map-glow)}@keyframes halo{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.4)}}.rings{gap:26px;display:flex}.ring{flex-direction:column;align-items:center;display:flex;position:relative}.ring svg{display:block;overflow:visible}.ring-ticks{fill:none;stroke-width:3px;opacity:.35}.ring-track{fill:#00000059;stroke:#ffffff12;stroke-width:4px}.ring-value{fill:none;stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1.2s var(--ease)}.ring-center{aspect-ratio:1;place-items:center;display:grid;position:absolute;top:0;left:0;right:0}.ring-center b{font:600 22px var(--font-head);font-variant-numeric:tabular-nums}.ring-center small{color:var(--text-2);margin-left:1px;font-size:12px}.ring-label{font:500 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-top:12px}.ring-sub{color:var(--text-3);white-space:nowrap;margin-top:3px;font-size:11.5px}.sl-net{flex-direction:column;gap:12px;min-width:0;display:flex}.net-top{align-items:center;gap:12px;display:flex}.live-badge{font:500 10px var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);align-items:center;gap:6px;display:inline-flex}.live-badge i{background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red);border-radius:50%;animation:1.6s ease-in-out infinite blink}@keyframes blink{50%{opacity:.25}}.net-rates{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.net-rates>div{flex-direction:column;gap:4px;min-width:0;display:flex}.net-rates b{font:600 21px/1.1 var(--font-head);font-variant-numeric:tabular-nums;white-space:nowrap}.net-chart{background-image:radial-gradient(#ffffff17 1px,#0000 1.2px);background-size:10px 10px;border-radius:8px;min-height:112px;position:relative}.net-chart svg{display:block;overflow:visible}.net-base{stroke:#ffffff1f}.net-line{fill:none;stroke-linejoin:round;stroke-linecap:round}.net-line.rx{stroke:url(#net-stroke);stroke-width:2.2px;filter:drop-shadow(0 0 4px #ff2e4de6)drop-shadow(0 0 10px #ff3d8180)}.net-line.tx{stroke:#22d3eeb3;stroke-width:1.3px;stroke-dasharray:3 3}.net-head-dot{fill:#fff;filter:drop-shadow(0 0 5px var(--pink))}.net-ping{fill:none;stroke:var(--pink);animation:ping 3s var(--ease) infinite;transform-box:fill-box;transform-origin:50%}@keyframes ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(4)}}.spark-empty{color:var(--text-3);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);place-items:center;font-size:12px;display:grid}@keyframes draw{0%{stroke-dashoffset:1px}}.traffic-card{animation:rise .55s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms);--hud:#fff3}.chart-readout{font:400 12px var(--font-body);color:var(--text-2)}.tc-plot{min-height:280px;margin:14px 18px 6px 22px;position:relative}.tc-plot svg{display:block;overflow:visible}.tc-grid{stroke:#ffffff0f}.tc-vgrid{stroke:#ffffff0a}.tc-ylabel,.tc-xlabel{font:400 10.5px var(--font-mono);fill:var(--text-3)}.tc-xlabel{fill:var(--text-2);font-size:11.5px}.tc-bar{transform-box:fill-box;transform-origin:bottom;animation:grow .9s var(--ease) both;animation-delay:calc(.2s + var(--i,0) * 40ms);filter:drop-shadow(0 0 8px #ff3d6373);transition:filter .15s}.tc-bar.hover{filter:drop-shadow(0 0 14px #ff7850e6)}.tc-value{font:500 11.5px var(--font-body);fill:var(--text);text-anchor:middle;animation:.4s both fade;animation-delay:calc(.7s + var(--i,0) * 40ms)}.tc-hit{fill:#0000}@keyframes grow{0%{transform:scaleY(0)}}.tc-tip{pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14141bf2;border:1px solid #ff8a3d73;border-radius:10px;min-width:150px;padding:10px 12px;position:absolute;top:0;box-shadow:0 0 20px -6px #ff623d99}.tc-tip b{font:600 18px var(--font-head);font-variant-numeric:tabular-nums;margin-top:4px;display:block}.tc-tip-row{color:var(--text-2);align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.tc-tip-row span:first-of-type{flex:1}.tc-tip-row i,.tc-legend i{background:linear-gradient(var(--orange), var(--pink));border-radius:3px;width:10px;height:10px;display:inline-block}.tc-empty{text-align:center;color:var(--text-3);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute;inset:40px 0}.tc-legend{color:var(--text-2);gap:18px;padding:0 24px 18px;font-size:12px;display:flex}.tc-legend span{align-items:center;gap:8px;display:inline-flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.toolbar .search{flex:1;min-width:220px;max-width:340px}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%}.table th{text-align:left;font:400 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:15px 16px}.table td{border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;padding:14px 16px}.table tr:last-child td{border-bottom:0}.table th:first-child,.table td:first-child{padding-left:24px}.table th:last-child,.table td:last-child{padding-right:24px}.table tbody tr{cursor:pointer;transition:background .12s}.table tbody tr:hover{background:linear-gradient(90deg,#ff2e4d12,#0000 60%)}.table tbody tr.revoked td{color:var(--text-3)}.key-name{max-width:260px;font-weight:500}.num{font-variant-numeric:tabular-nums}.usage{flex-direction:column;gap:6px;min-width:120px;display:flex}.meter{background:#ffffff14;border-radius:3px;height:3px;overflow:hidden}.meter>i{background:linear-gradient(90deg, var(--orange), var(--pink));height:100%;display:block}.meter.warn>i{background:var(--amber);box-shadow:0 0 8px var(--amber)}.meter.over>i{background:var(--red);box-shadow:0 0 8px var(--red)}.keys-card{--hud:#ffffff2e;padding:20px 20px 22px}.keys-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.keys-toolbar .search{flex:0 300px;min-width:200px}.keys-actions{gap:10px;margin-left:auto;display:flex}.krows-wrap{margin:0 -4px;padding:0 4px 4px;overflow-x:auto}.krows{flex-direction:column;gap:9px;min-width:980px;display:flex}.krow{--row-b:#ffffff0f;--row-bg:#ffffff05;--row-glow:transparent;border:1px solid var(--row-b);background:var(--row-bg);min-height:58px;box-shadow:0 0 18px -10px var(--row-glow), inset 0 1px 0 #ffffff08;cursor:pointer;animation:rise .4s var(--ease) both;animation-delay:calc(var(--i,0) * 25ms);border-radius:12px;outline:none;grid-template-columns:minmax(180px,2.1fr) 1.2fr 1fr 1.25fr 1.35fr 1.6fr 1.3fr;align-items:center;gap:12px;padding:10px 18px;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;display:grid}.krow>span{min-width:0}.krow:hover,.krow:focus-visible{box-shadow:0 0 20px -10px var(--row-glow), inset 0 1px 0 #ffffff0d;filter:brightness(1.05);transform:translateY(-1px)}.krow.khead{cursor:default;min-height:40px;font:400 10.5px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);--hud:#ffffff47;background:#ffffff04;border-color:#ffffff0f;padding:8px 18px;animation:none}.krow.khead:hover{filter:none;transform:none}.krow.khead:after{--s:5px;inset:4px}.krow.k-teal{--row-b:#22d3ee26;--row-glow:#22d3ee2e;--row-bg:linear-gradient(90deg, #22d3ee0b, #22d3ee03 60%, #22d3ee06)}.krow.k-gold{--row-b:#f5c54242;--row-glow:#f5c54240;--row-bg:linear-gradient(90deg, #ffb02014, #f5c54206 60%, #ffb0200d)}.krow.k-expired{--row-b:#ffffff0f;--row-glow:transparent;--row-bg:linear-gradient(90deg, #9100291f, #ffffff03 45%);box-shadow:inset 3px 0 #c83c558c}.krow.k-expired:hover,.krow.k-expired:focus-visible{box-shadow:inset 3px 0 #dc465fbf}.krow.k-expired .badge.b-warn{--b:214, 170, 100;box-shadow:none;background:#d6aa6414;border-color:#d6aa6459}.krow.k-expired .badge.b-warn i{box-shadow:none}.krow.k-expired .badge.b-alert{--b:214, 92, 112;box-shadow:none;background:#d65c7014;border-color:#d65c7059}.krow.k-expired .badge.b-alert i{box-shadow:none}.expired-text{color:#e28494d9}.krow.k-neutral{--row-b:#ffffff14;--row-bg:#ffffff06}.krow.k-off{--row-b:#ffffff12;--row-bg:#ffffff03;opacity:.8}.krow.k-revoked{--row-b:#ffffff0d;--row-bg:transparent;opacity:.5}.kname{flex-direction:column;gap:2px;display:flex}.kname b{font-size:14.5px;font-weight:500}.kname small{color:var(--text-3);font-size:11.5px}.ktraffic{align-items:center;gap:12px;display:flex}.ktraffic .num{white-space:nowrap;font-weight:500}.signal{flex:none;align-items:flex-end;gap:2px;height:20px;display:inline-flex}.signal i{background:#ffffff1f;border-radius:1.5px;width:3.5px}.signal i.on{background:var(--c);box-shadow:0 0 5px -1px var(--c);animation:.35s both signal-on;animation-delay:calc(.2s + var(--d))}.signal.muted i.on{box-shadow:none;background:#d65c708c}@keyframes signal-on{0%{box-shadow:none;background:#ffffff1f}}.kact{align-items:center;gap:8px;display:inline-flex}.kact.on{color:var(--green);text-shadow:0 0 10px #22e07a73;font-weight:500}.badge{--b:255, 255, 255;white-space:nowrap;height:26px;color:rgb(var(--b));border:1px solid rgba(var(--b), .55);background:rgba(var(--b), .1);box-shadow:0 0 14px -6px rgba(var(--b), .8), inset 0 0 10px -6px rgba(var(--b), .7);border-radius:7px;align-items:center;gap:7px;padding:0 10px;font-size:12.5px;font-weight:500;display:inline-flex}.badge i{background:rgb(var(--b));width:7px;height:7px;box-shadow:0 0 6px rgb(var(--b));border-radius:50%}.badge.b-warn{--b:255, 176, 32}.badge.b-alert{--b:255, 46, 77}.badge.b-grey{--b:160, 166, 180;box-shadow:none}.badge.b-off{--b:120, 126, 140;box-shadow:none;background:0 0}.status{color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dot{background:var(--muted-dot);border-radius:50%;flex:none;width:7px;height:7px}.dot.on{background:var(--ivory)}.dot.active{background:var(--green);box-shadow:0 0 6px #22e07ab3}.dot.live{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.warn{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.alert{background:var(--red);box-shadow:0 0 8px var(--red)}.dot.off{border:1px solid var(--muted-dot);background:0 0}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:#ffffff05;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:#ffffff0f;border-color:#ffffff3d}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.btn-primary{color:#fff;background:linear-gradient(#ff2e4d52,#c5002238);border-color:#ff2e4dd9;box-shadow:0 0 18px -4px #ff2e4db3,inset 0 0 12px -6px #ff788ccc}.btn-primary:hover{border-color:var(--red);background:linear-gradient(#ff2e4d7a,#c5002252);box-shadow:0 0 26px -4px #ff2e4de6,inset 0 0 12px -6px #ff788ce6}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:#ffffff0d;border-color:#0000}.btn-danger{color:#ff6b81;border-color:#ff2e4d73}.btn-danger:hover{border-color:var(--red);box-shadow:0 0 16px -6px var(--red);background:#ff2e4d1f}.btn-sm{height:30px;padding:0 11px;font-size:12px}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:30px}.field{flex-direction:column;gap:8px;display:flex}.field>.label{justify-content:space-between;display:flex}.field>.segmented{align-self:flex-start}.input,.select,.textarea{background:var(--field);border:1px solid var(--line-strong);border-radius:var(--radius-sm);outline:none;width:100%;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}.textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px;line-height:1.45}.textarea.mono{font:400 12px/1.5 var(--font-mono)}.input:focus,.select:focus,.textarea:focus{border-color:#ff2e4da6;box-shadow:0 0 0 3px #ff2e4d1f}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%23f4f4f2' stroke-opacity='.5' stroke-width='1.4'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}.select option{background:var(--surface)}.input-wrap{position:relative}.input-wrap svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap .input{padding-left:36px}.hint{color:var(--text-3);font-size:12px}.form{flex-direction:column;gap:20px;display:flex}.row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;max-width:1100px;display:grid}.row-3{grid-template-columns:2fr 1fr;gap:12px;display:grid}.segmented{background:var(--field);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{height:30px;color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;padding:0 12px;font-size:12.5px}.segmented button:hover{color:var(--text)}.segmented button.on{color:var(--text);background:#ffffff14;border-color:#ffffff1a}.segmented .count{font:400 10.5px var(--font-mono);color:var(--text-3);margin-left:6px}.segmented.sm{border-radius:8px;padding:2px}.segmented.sm button{border-radius:6px;height:24px;padding:0 9px;font-size:11.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);height:32px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:8px;padding:0 12px;font-size:12.5px;transition:all .15s}.chip:hover{color:var(--text);border-color:#ffffff42}.chip.on{color:#fff;box-shadow:0 0 14px -5px var(--red);background:#ff2e4d1f;border-color:#ff2e4dcc}.overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .18s var(--ease);background:#040408b8;position:fixed;inset:0}.modal{z-index:41;background:var(--card-bg);border:1px solid var(--line-strong);width:min(560px,100vw - 32px);max-height:84vh;animation:rise .22s var(--ease);border-radius:18px;position:fixed;top:8vh;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 30px 80px -20px #000c,0 0 40px -20px #ff2e4d66}.modal-head{justify-content:space-between;align-items:flex-start;padding:24px 24px 0;display:flex}.modal-title{font:500 20px var(--font-head);margin:0}.modal-body{padding:24px}.modal-foot{justify-content:flex-end;gap:10px;padding:0 24px 24px;display:flex}.drawer{z-index:41;border-left:1px solid var(--line-strong);width:min(520px,100vw);animation:slide .24s var(--ease);background:linear-gradient(#15151c,#0f0f14);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-30px 0 80px -30px #000000e6}.drawer-head{border-bottom:1px solid var(--line);padding:28px 28px 22px}.drawer-section{border-bottom:1px solid var(--line);padding:24px 28px}.drawer-section:last-child{border-bottom:0}.section-label{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer-foot{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding:20px 28px;display:flex}.kv{grid-template-columns:130px 1fr;gap:10px 16px;font-size:13px;display:grid}.kv dt{color:var(--text-3)}.kv dd{min-width:0;margin:0}.qr-box{align-items:flex-start;gap:20px;display:flex}.qr{background:var(--ivory);border-radius:12px;flex:none;place-items:center;width:168px;height:168px;padding:10px;display:grid;box-shadow:0 0 24px -8px #ffffff59}.qr svg{width:100%;height:100%;display:block}button.qr{cursor:zoom-in;border:0}.qr.qr-big{aspect-ratio:1;cursor:default;width:min(440px,100%);height:auto;margin:0 auto;padding:16px}.secret{font:400 11.5px/1.5 var(--font-mono);color:var(--text-2);background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm);word-break:break-all;max-height:108px;padding:10px 12px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:18px;display:flex}.tabs button{color:var(--text-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px;font-size:13px}.tabs button.on{color:var(--text);border-bottom-color:var(--red)}.notice{border-radius:var(--radius-sm);border:1px solid var(--line-strong);color:var(--text-2);background:#ffffff05;padding:12px 14px;font-size:13px;line-height:1.5}.notice.warn{color:#ffd27a;background:#ffb0200f;border-color:#ffb02080}.notice.error{color:#ff8a9b;background:#ff2e4d0f;border-color:#ff2e4d80}.servers{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:20px;display:grid}.server-card{--hud:#ffffff2e;flex-direction:column;display:flex;overflow:hidden}.srv-map{border-bottom:1px solid var(--line);height:190px;position:relative;overflow:hidden}.srv-map .map{width:100%;height:100%;position:absolute;inset:0}.srv-map:after{content:"";pointer-events:none;background:linear-gradient(90deg,#121218eb 0%,#1212188c 45%,#0000 75%),linear-gradient(#0000 60%,#121218cc);position:absolute;inset:0}.srv-ident{z-index:2;position:absolute;top:20px;left:22px;right:22px}.srv-tiles{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 20px 12px;display:grid}.srv-tile{--t:255, 255, 255;border:1px solid rgba(var(--t), .14);background:rgba(var(--t), .04);border-radius:10px;padding:12px 14px}.srv-tile b{font:600 26px/1 var(--font-head);font-variant-numeric:tabular-nums;color:rgb(var(--t));text-shadow:0 0 14px rgba(var(--t), .35);margin-top:6px;display:block}.srv-tile.t-green{--t:34, 224, 122}.srv-tile.t-cyan{--t:34, 211, 238}.srv-tile.t-grey{--t:170, 176, 190}.srv-tile.t-grey b{text-shadow:none}.srv-tags{flex-wrap:wrap;gap:6px;padding:0 20px 16px;display:flex}.chip-tag{height:22px;color:var(--text-2);border:1px solid var(--line);background:#ffffff0a;border-radius:6px;align-items:center;padding:0 8px;font-size:11.5px;display:inline-flex}.chip-tag.warn{color:var(--amber);border-color:#ffb02059}button.chip-tag.action{cursor:pointer;color:var(--text);font:inherit;background:#ff2e4d14;border-color:#ff2e4d73;font-size:11.5px}button.chip-tag.action:hover{border-color:var(--red);box-shadow:0 0 12px -5px var(--red)}.server-foot{border-top:1px solid var(--line);background:#0000001f;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:14px 20px;display:flex}.audit-grid{grid-template-columns:150px 190px minmax(160px,1.4fr) 1fr minmax(200px,2fr) 32px}.row-del{cursor:pointer;width:28px;height:28px;color:var(--text-3);opacity:0;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;transition:opacity .15s,color .15s,border-color .15s,background .15s;display:grid}.krow:hover .row-del,.krow:focus-within .row-del{opacity:1}.row-del:hover{color:#ff6b81;background:#ff2e4d1a;border-color:#ff2e4d73}@media (hover:none){.row-del{opacity:.7}}.krow.static{cursor:default}.krow.static:hover{filter:none;transform:none}.krow.k-red{--row-b:#ff2e4d3d;--row-glow:#ff2e4d38;--row-bg:linear-gradient(90deg, #ff2e4d12, #ff2e4d04 60%, #ff2e4d0a)}.badge.b-active{--b:34, 224, 122}.drawer-head{--hud:#ff2e4d73;background:radial-gradient(120% 120% at 100% 0,#ff2e4d14,#0000 60%);position:relative}.drawer-section{position:relative}.section-label .label:before{content:"";background:var(--red);width:6px;height:6px;box-shadow:0 0 8px var(--red);vertical-align:1px;border-radius:2px;margin-right:8px;display:inline-block}.kv{border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:14px 16px}.drawer-foot{background:#0000002e}.modal{--hud:#ff2e4d66}.modal.hud:after{inset:12px}.login-card{--hud:#ff2e4d73}.login{background-image:radial-gradient(600px 400px at 50% 30%,#ff2e4d1f,#0000 70%),linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:50%;background-size:auto,64px 64px,64px 64px;place-items:center;min-height:100%;padding:32px 16px;display:grid}.login-box{width:min(380px,100%)}.login-logo{filter:drop-shadow(0 0 18px #ff2e4d59);width:100%;max-width:300px;margin:0 auto 48px;display:block}.login-card{padding:28px}.login-foot{text-align:center;font:400 10px var(--font-mono);letter-spacing:.14em;color:var(--text-3);margin-top:20px}.empty{text-align:center;color:var(--text-3);padding:56px 24px}.empty b{color:var(--text-2);margin-bottom:6px;font-weight:500;display:block}.toasts{z-index:60;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface-2);border:1px solid var(--line-strong);min-width:260px;max-width:420px;animation:rise .2s var(--ease);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;display:flex;box-shadow:0 16px 40px -16px #000c}.toast.error{box-shadow:0 0 20px -8px var(--red);border-color:#ff2e4d99}.toast.warn{box-shadow:0 0 20px -8px var(--amber);border-color:#ffb02099}.spinner{border:1.5px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.mobile-nav{display:none}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translate(var(--tx,0), 8px)}}.modal{--tx:-50%}@keyframes slide{0%{opacity:0;transform:translate(24px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=1280px){.stat-value{font-size:34px}.stat-card{padding:22px 20px}}@media (width<=1100px){.settings-grid{grid-template-columns:1fr;max-width:640px}.grid-3-1{grid-template-columns:1fr}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.server-loads{grid-template-columns:1fr}}@media (width<=860px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#09090deb;align-items:center;gap:4px;padding:10px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.mobile-nav .logo-mark{width:28px;height:24px;margin-right:10px}.mobile-nav .nav-item{width:auto;padding:8px 10px}.mobile-nav .nav-item.active:after,.mobile-nav .nav-code{display:none}.page{padding:28px 16px 48px}.page-head{flex-direction:column;align-items:flex-start}.page-title{font-size:26px}.servers,.row-2,.row-3{grid-template-columns:1fr}.qr-box{flex-direction:column}.server-load{grid-template-columns:1fr}.sl-map{border-right:0;border-bottom:1px solid var(--line);min-height:220px}.sl-map:after{background:linear-gradient(#121218d9,#0000 35% 70%,#121218f2)}.frame:before{display:none}}@media (width<=640px){.stat-cards{grid-template-columns:1fr}.stat-card{min-height:0;padding:20px}.sl-body{grid-template-columns:1fr}.rings{justify-content:space-between;gap:8px}.net-rates b{font-size:17px}}
