*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root,:root[data-theme=dark]{--bg:#050506;--bg2:#0f0f12;--card:#17171b;--card2:#232329;--line:#3a3a43;--tx:#f2f2f3;--mut:#a9a9b3;--pri:#e4e4e7;--pri2:#a1a1aa;--pri-l:#d4d4d8;--on:#18181b;--pr:228,228,231;--p2r:161,161,170;--g1:.05;--g2:.03;--gl:.1;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.7);--glass:rgba(5,5,6,.82);--inp:#0b0b0d;--vl:rgba(155,155,164,.12)}
:root[data-theme=gray]{--bg:#15161a;--bg2:#1d1e23;--card:#2a2c33;--card2:#383a43;--line:#555865;--tx:#f1f1f3;--mut:#b6b8c2;--pri:#e4e4e7;--pri2:#a1a1aa;--pri-l:#d4d4d8;--on:#18181b;--pr:228,228,231;--p2r:161,161,170;--g1:.07;--g2:.04;--gl:.1;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.42);--glass:rgba(21,22,26,.8);--inp:#1b1c21;--vl:rgba(169,170,179,.15)}
:root[data-theme=light]{--bg:#cfd7ec;--bg2:#bdc8e4;--card:#ffffff;--card2:#e6ebf7;--line:#a9b6d6;--tx:#0f172a;--mut:#4b5877;--pri:#4f46e5;--pri2:#0891b2;--ok:#16a34a;--bad:#dc2626;--warn:#d97706;--shadow:0 10px 28px rgba(30,45,110,.22);--glass:rgba(207,215,236,.85);--inp:#f1f4fb;--vl:rgba(75,88,119,.2);--pri-l:#6366f1;--pr:99,102,241;--p2r:6,182,212;--on:#fff;--g1:.22;--g2:.14;--gl:.4}
:root[data-theme=blue]{--bg:#0f152f;--bg2:#1d295b;--card:#293a7f;--card2:#3449a3;--line:#5e73cb;--tx:#e9edfb;--mut:#c1c8e4;--pri:#6366f1;--pri2:#06b6d4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.38);--glass:rgba(25,35,79,.78);--inp:#172048;--vl:rgba(143,155,196,.14);--pri-l:#818cf8;--pr:99,102,241;--p2r:6,182,212;--on:#fff;--g1:.22;--g2:.14;--gl:.4}
:root[data-theme=red]{--bg:#280f13;--bg2:#4d1d23;--card:#6c2932;--card2:#8a343f;--line:#c05765;--tx:#f9ebed;--mut:#e4c0c4;--pri:#dc2626;--pri2:#fb7185;--pri-l:#fb7185;--on:#fff;--pr:220,38,38;--p2r:251,113,133;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(67,25,31,.78);--inp:#3d171c;--vl:rgba(191,155,160,.14)}
:root[data-theme=green]{--bg:#0a1a10;--bg2:#133320;--card:#1b482d;--card2:#225b39;--line:#338855;--tx:#ebf9f1;--mut:#9dd5b3;--pri:#16a34a;--pri2:#2dd4bf;--pri-l:#2dd4bf;--on:#fff;--pr:22,163,74;--p2r:45,212,191;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(17,44,28,.78);--inp:#0f2819;--vl:rgba(155,191,170,.14)}
:root[data-theme=purple]{--bg:#1e112d;--bg2:#392056;--card:#512d79;--card2:#673a9a;--line:#9163c5;--tx:#f2ebf9;--mut:#d2c2e5;--pri:#8b5cf6;--pri2:#e879f9;--pri-l:#e879f9;--on:#fff;--pr:139,92,246;--p2r:232,121,249;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(50,28,75,.78);--inp:#2d1a44;--vl:rgba(172,155,191,.14)}
:root[data-theme=cyan]{--bg:#0b191d;--bg2:#153138;--card:#1d444e;--card2:#255764;--line:#388295;--tx:#ebf6f9;--mut:#a7cfd9;--pri:#0891b2;--pri2:#22d3ee;--pri-l:#22d3ee;--on:#fff;--pr:8,145,178;--p2r:34,211,238;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(18,42,48,.78);--inp:#10262c;--vl:rgba(155,184,191,.14)}
:root[data-theme=orange]{--bg:#20140c;--bg2:#3f2718;--card:#593721;--card2:#71472b;--line:#a96a3f;--tx:#f9f0eb;--mut:#dec4b2;--pri:#ea580c;--pri2:#fbbf24;--pri-l:#fbbf24;--on:#fff;--pr:234,88,12;--p2r:251,191,36;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(55,34,20,.78);--inp:#321f13;--vl:rgba(191,169,155,.14)}
:root[data-theme=pink]{--bg:#270f1c;--bg2:#4b1c35;--card:#69274b;--card2:#86325f;--line:#be538c;--tx:#f9ebf2;--mut:#e3bed2;--pri:#db2777;--pri2:#f472b6;--pri-l:#f472b6;--on:#fff;--pr:219,39,119;--p2r:244,114,182;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(65,24,46,.78);--inp:#3c162a;--vl:rgba(191,155,173,.14)}
:root[data-theme=gold]{--bg:#1b170a;--bg2:#352c14;--card:#4a3e1c;--card2:#5f4f24;--line:#8e7635;--tx:#f9f5eb;--mut:#d6c8a0;--pri:#d97706;--pri2:#fde047;--pri-l:#fde047;--on:#1f1505;--pr:217,119,6;--p2r:253,224,71;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(46,38,17,.78);--inp:#2a2310;--vl:rgba(191,181,155,.14)}
:root[data-theme=navy]{--bg:#0f1727;--bg2:#1c2c4c;--card:#283e6b;--card2:#335089;--line:#5478bf;--tx:#e8edf7;--mut:#bcc9e2;--pri:#2563eb;--pri2:#60a5fa;--pri-l:#60a5fa;--on:#fff;--pr:37,99,235;--p2r:96,165,250;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(25,38,66,.78);--inp:#16233c;--vl:rgba(151,165,195,.14)}
:root[data-theme=teal]{--bg:#0a1a19;--bg2:#133230;--card:#1a4643;--card2:#225956;--line:#32857f;--tx:#e8f7f6;--mut:#99d3cf;--pri:#0d9488;--pri2:#5eead4;--pri-l:#5eead4;--on:#fff;--pr:13,148,136;--p2r:94,234,212;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(16,43,41,.78);--inp:#0f2726;--vl:rgba(151,195,192,.14)}
:root[data-theme=lime]{--bg:#141909;--bg2:#263012;--card:#36441a;--card2:#455721;--line:#678231;--tx:#f2f7e8;--mut:#bcd092;--pri:#84cc16;--pri2:#d9f99d;--pri-l:#d9f99d;--on:#10190a;--pr:132,204,22;--p2r:217,249,157;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(33,42,16,.78);--inp:#1e260e;--vl:rgba(179,195,151,.14)}
:root[data-theme=fuchsia]{--bg:#250e26;--bg2:#461b49;--card:#622667;--card2:#7d3183;--line:#b54ebd;--tx:#f6e8f7;--mut:#e0bde3;--pri:#c026d3;--pri2:#f0abfc;--pri-l:#f0abfc;--on:#fff;--pr:192,38,211;--p2r:240,171,252;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(61,24,64,.78);--inp:#38163a;--vl:rgba(192,151,195,.14)}
:root[data-theme=wine]{--bg:#280f17;--bg2:#4c1d2d;--card:#6b283e;--card2:#88334f;--line:#bf5579;--tx:#f7e8ed;--mut:#e4bfcb;--pri:#9f1239;--pri2:#f43f5e;--pri-l:#f43f5e;--on:#fff;--pr:159,18,57;--p2r:244,63,94;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(66,25,39,.78);--inp:#3d1723;--vl:rgba(195,151,166,.14)}
:root[data-theme=coffee]{--bg:#1d150f;--bg2:#392a1d;--card:#513b28;--card2:#674b34;--line:#9a704d;--tx:#f7eee8;--mut:#d9c5b4;--pri:#a8734a;--pri2:#e0b48a;--pri-l:#e0b48a;--on:#1c1008;--pr:168,115,74;--p2r:224,180,138;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(50,36,25,.78);--inp:#2d2117;--vl:rgba(191,170,156,.14)}
:root[data-theme=slate]{--bg:#111720;--bg2:#212e3e;--card:#2f4057;--card2:#3c5270;--line:#5a7ba6;--tx:#e8eef7;--mut:#bdcadb;--pri:#94a3b8;--pri2:#e2e8f0;--pri-l:#e2e8f0;--on:#0f172a;--pr:148,163,184;--p2r:226,232,240;--g1:.2;--g2:.13;--gl:.4;--ok:#22c55e;--bad:#ef4444;--warn:#f59e0b;--shadow:0 10px 34px rgba(0,0,0,.4);--glass:rgba(29,39,54,.78);--inp:#1a2431;--vl:rgba(161,171,186,.14)}
:root{color-scheme:dark}
:root[data-theme=light]{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--tx);font:15px/1.65 "Segoe UI","Noto Sans Arabic",Tahoma,system-ui,sans-serif;background:radial-gradient(900px 480px at 85% -8%,rgba(var(--pr),var(--g1)),transparent 60%),radial-gradient(700px 420px at 0% 0%,rgba(var(--p2r),var(--g2)),transparent 55%),var(--bg);background-attachment:fixed;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.center{display:flex;align-items:center;justify-content:center;padding:18px}
h1,h2,h3{margin:0}
small{font-weight:400}
a{color:inherit;text-decoration:none}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;padding:10px 22px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:18px}
.brand small{color:var(--mut);font-size:12px;background:var(--card2);border:1px solid var(--line);padding:0 8px;border-radius:99px}
.logo{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;color:var(--on);background:linear-gradient(135deg,var(--pri),var(--pri2));box-shadow:0 6px 18px rgba(var(--pr),var(--gl))}
.logo.big{width:62px;height:62px;border-radius:18px;font-size:26px;margin:0 auto}
#nav{display:flex;gap:6px;margin-inline-start:18px;flex:1}
.tools{display:flex;gap:6px}
.nav-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:11px;border:0;background:transparent;color:var(--mut);font:inherit;cursor:pointer;transition:.18s}
.nav-link.on{background:linear-gradient(135deg,rgba(var(--pr),.2),rgba(var(--p2r),.14));color:var(--tx);box-shadow:inset 0 0 0 1px rgba(var(--pr),.45)}
main{max-width:1240px;margin:0 auto;padding:22px 18px 60px}
main.enter{animation:rise .35s ease}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes fadeo{to{opacity:0}}
@keyframes dout{to{opacity:0;transform:translateY(8px) scale(.98)}}
@keyframes ddin{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
@keyframes ddout{to{opacity:0;transform:translateY(-4px) scale(.97)}}
.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-bottom:16px}
.tile,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.tile{padding:16px 18px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s}
.tile-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.tile-t{color:var(--mut);font-size:14px}
.tile-v{font-size:26px;font-weight:700;line-height:1.3}
.tile-s{font-size:13px;margin-bottom:8px}
.ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;color:#fff;font-size:15px}
.c1{background:linear-gradient(135deg,var(--pri),var(--pri-l));color:var(--on)}
.c2{background:linear-gradient(135deg,#06b6d4,#22d3ee)}
.c3{background:linear-gradient(135deg,#f59e0b,#fbbf24)}
.c4{background:linear-gradient(135deg,#10b981,#34d399)}
.c5{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}
.c6{background:linear-gradient(135deg,#22c55e,#4ade80)}
.c7{background:linear-gradient(135deg,#ec4899,#f472b6)}
.c8{background:linear-gradient(135deg,#3b82f6,#60a5fa)}
.spark{display:block;width:100%;height:44px;margin-top:4px}
.spark .sl{fill:none;stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-linejoin:round}
.spark .sa{opacity:.16}
.s1 .sl{stroke:var(--pri-l)}.s1 .sa{fill:var(--pri-l)}
.s2 .sl{stroke:#22d3ee}.s2 .sa{fill:#22d3ee}
.s4 .sl{stroke:#34d399}.s4 .sa{fill:#34d399}
.panel{padding:16px 18px}
.panel-h{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:14px}
.panel-h i{color:var(--pri2)}
.list{display:grid;gap:14px}
.li-h{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.li-h .muted{margin-inline-start:auto;direction:ltr}
.li-r{display:flex;align-items:center;gap:10px}
.li-r .muted{margin-inline-start:auto}
.meter{height:7px;background:var(--card2);border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--pri),var(--pri2));transition:width .5s}
.meter.bad i{background:linear-gradient(90deg,#f97316,var(--bad))}
.m-sshws i{background:linear-gradient(90deg,#f59e0b,#fbbf24)}
.m-sshssl i{background:linear-gradient(90deg,#14b8a6,#2dd4bf)}
.m-sshudp i{background:linear-gradient(90deg,#06b6d4,#22d3ee)}
.m-sshdns i{background:linear-gradient(90deg,#84cc16,#bef264)}
.m-vless i{background:linear-gradient(90deg,#6366f1,#818cf8)}
.m-vmess i{background:linear-gradient(90deg,#8b5cf6,#c084fc)}
.m-trojan i{background:linear-gradient(90deg,#ec4899,#fb7185)}
.empty{text-align:center;color:var(--mut);padding:18px}
.svc{display:flex;gap:8px;flex-wrap:wrap}
.muted{color:var(--mut)}
.sm{font-size:12.5px}
.ltr{direction:ltr;unicode-bidi:plaintext;display:inline-block}
.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 12px;border-radius:99px;font-size:13px;font-weight:600;background:var(--card2);border:1px solid var(--line)}
.pill.ok{background:rgba(34,197,94,.14);color:var(--ok);border-color:rgba(34,197,94,.3)}
.pill.bad{background:rgba(239,68,68,.14);color:var(--bad);border-color:rgba(239,68,68,.3)}
.pill.warn{background:rgba(245,158,11,.14);color:var(--warn);border-color:rgba(245,158,11,.3)}
.pill.off{color:var(--mut)}
.pb{display:inline-flex;align-items:center;gap:6px;padding:2px 11px;border-radius:9px;font-size:13px;font-weight:600}
.p-sshws{background:rgba(245,158,11,.15);color:#f59e0b}
.p-sshssl{background:rgba(20,184,166,.15);color:#14b8a6}
.p-sshudp{background:rgba(6,182,212,.15);color:#22d3ee}
.p-sshdns{background:rgba(132,204,22,.15);color:#a3e635}
.p-vless{background:rgba(99,102,241,.16);color:#818cf8}
.p-vmess{background:rgba(139,92,246,.16);color:#a78bfa}
.p-trojan{background:rgba(236,72,153,.15);color:#f472b6}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.search{position:relative;flex:1;min-width:200px}
.search i{position:absolute;inset-inline-start:13px;top:50%;transform:translateY(-50%);color:var(--mut)}
.search input{padding-inline-start:38px}
input,select,textarea{width:100%;background:var(--inp);color:var(--tx);border:1px solid var(--line);border-radius:11px;padding:9px 12px;font:inherit;transition:.15s}
select{width:auto;cursor:pointer}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pri);box-shadow:0 0 0 3px rgba(var(--pr),.25)}
input:disabled{opacity:.6}
textarea{resize:vertical;font-family:Consolas,"Courier New",monospace;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card2);color:var(--tx);border:1px solid var(--line);border-radius:11px;padding:8px 16px;font:inherit;cursor:pointer;transition:.18s}
.btn.pri{background:linear-gradient(135deg,var(--pri),var(--pri2));border-color:transparent;color:var(--on);box-shadow:0 6px 18px rgba(var(--pr),var(--gl))}
.btn.block{width:100%}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card2);color:var(--mut);cursor:pointer;transition:.18s;font-size:14px}
.wrap{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
table{width:100%;border-collapse:collapse;min-width:900px}
th,td{padding:12px 14px;text-align:start;border-bottom:1px solid var(--line);border-inline-end:1px solid var(--vl);vertical-align:middle}
th:last-child,td:last-child{border-inline-end:0}
th{color:var(--mut);font-weight:600;font-size:13px;background:var(--card2);white-space:nowrap}
tbody tr{transition:background .15s}
tbody tr:hover{background:rgba(var(--pr),.07)}
tr:last-child td{border-bottom:0}
.usage{min-width:170px}
.usage .meter{margin-top:5px}
.acts{display:flex;gap:6px}
dialog{background:var(--card);color:var(--tx);border:1px solid var(--line);border-radius:18px;padding:0;width:min(520px,94vw);max-height:92vh;box-shadow:0 24px 70px rgba(0,0,0,.5)}
dialog.wide{width:min(640px,94vw)}
dialog[open]{animation:rise .3s cubic-bezier(.22,1,.36,1)}
dialog::backdrop{background:rgba(5,8,20,.68);backdrop-filter:blur(3px);animation:fade .25s ease}
dialog.cl{animation:dout .17s ease forwards}
dialog.cl::backdrop{animation:fadeo .17s ease forwards}
.dlg-h{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}
.dlg-b{padding:18px 20px;overflow:auto;max-height:68vh}
.dlg-f{display:flex;gap:8px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--line);background:var(--card2);border-radius:0 0 18px 18px}
.form{display:grid;gap:14px}
.f{display:grid;gap:6px}
.f>span,.item-h span{font-size:13px;color:var(--mut);font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.inp-row{display:flex;gap:8px}
.seg{position:relative;display:flex;gap:4px;background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:4px}
.seg button{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--mut);padding:8px 10px;border-radius:10px;font:inherit;cursor:pointer;transition:.18s}
.seg button.on{color:var(--on)}
.seg.s3 button span{white-space:pre;text-align:center;line-height:1.3}
@media(max-width:720px){.seg.s3 button{padding:8px 2px;gap:5px;font-size:13.5px;min-width:0}.seg.s3 button i{display:none}}
@media(max-width:400px){.seg.s3 button{font-size:12.5px}}
.seg.sq4 button span{text-align:center;line-height:1.25}
.seg.sq5{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.seg.sq5 button:nth-of-type(-n+3){grid-column:span 2}
.seg.sq5 button:nth-of-type(n+4){grid-column:span 3}
.seg.sq5 button span{text-align:center;line-height:1.25}
@media(max-width:720px){.seg.sq5 button{padding:8px 2px;gap:4px;font-size:13px;min-width:0}.seg.sq5 button i{display:none}}
@media(max-width:400px){.seg.sq5 button{font-size:12px}}
@media(max-width:720px){.seg.sq4 button{padding:8px 2px;gap:4px;font-size:13px;min-width:0}.seg.sq4 button i{display:none}}
@media(max-width:400px){.seg.sq4 button{font-size:12px}}
.f{min-width:0;grid-template-columns:minmax(0,1fr)}
.seg button{min-width:0}
.seg-i{position:absolute;left:0;top:0;width:0;height:0;border-radius:10px;background:linear-gradient(135deg,var(--pri),var(--pri2));box-shadow:0 4px 12px rgba(var(--pr),var(--gl));pointer-events:none;opacity:0}
.seg-i.rdy{transition:transform .34s cubic-bezier(.22,1,.36,1),width .34s cubic-bezier(.22,1,.36,1),height .34s cubic-bezier(.22,1,.36,1),opacity .2s}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.chip{border:1px solid var(--line);background:var(--card2);color:var(--mut);border-radius:99px;padding:1px 12px;font:inherit;font-size:13px;cursor:pointer;transition:.15s}
.hint{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:11px;background:rgba(var(--p2r),.1);border:1px solid rgba(var(--p2r),.28);color:var(--tx);font-size:13.5px}
.hint i{color:var(--pri2);margin-top:4px}
.info-h{display:grid;gap:10px;padding:14px;margin-bottom:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.kv{display:flex;justify-content:space-between;gap:12px;align-items:center}
.kv span{color:var(--mut);display:inline-flex;gap:8px;align-items:center}
.kvs{display:grid;gap:12px}
.item{margin-bottom:12px}
.item-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}
.toast{position:fixed;inset:auto auto 24px 50%;margin:0;overflow:visible;transform:translateX(-50%);background:var(--card2);color:var(--tx);border:1px solid var(--line);padding:10px 20px;border-radius:12px;box-shadow:var(--shadow);z-index:99;animation:rise .25s ease}
.login{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px 28px;width:min(390px,100%);display:grid;gap:16px;box-shadow:var(--shadow)}
.login h2{text-align:center}
.login h2 small{color:var(--mut);font-size:13px}
.err{background:rgba(239,68,68,.14);color:var(--bad);border:1px solid rgba(239,68,68,.3);padding:9px 14px;border-radius:11px}
[hidden]{display:none!important}
@media(max-width:720px){.top{padding:8px 12px;gap:8px}.brand b,.brand small{display:none}#nav{margin-inline-start:4px}.nav-link span{display:none}.nav-link{padding:9px 12px}.two{grid-template-columns:1fr}main{padding:14px 10px 50px}.tile-v{font-size:22px}}
.c9{background:linear-gradient(135deg,#f97316,#fb923c)}
.ports{display:flex;flex-direction:column;gap:6px}
.pt{display:flex;align-items:center;gap:8px;font-size:13px}
.pt b{min-width:44px}
.pt .muted{flex:1}
.pt .pill{padding:1px 10px;font-size:12px}
.tile.wide{margin-bottom:16px}
.tile.wide .tw{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.tile.wide .meter{height:11px}
.meter.warnm i{background:linear-gradient(90deg,#f59e0b,#f97316)}
.btn.dgr{background:linear-gradient(135deg,#dc2626,#f97316);border-color:transparent;color:#fff;box-shadow:0 6px 18px rgba(220,38,38,.3)}
.ask{margin:0 0 14px;line-height:1.7}
.dd{position:relative;display:inline-block;min-width:170px}
.f .dd{display:block}
.dd-b{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--inp);color:var(--tx);border:1px solid var(--line);border-radius:11px;padding:9px 12px;font:inherit;cursor:pointer;transition:.15s;text-align:start}
.dd-b:hover,.dd.open .dd-b{border-color:var(--pri)}
.dd.open .dd-b{box-shadow:0 0 0 3px rgba(var(--pr),.25)}
.dd-c{font-size:12px;color:var(--mut);transition:transform .2s}
.dd.open .dd-c{transform:rotate(180deg)}
.dd-p{position:fixed;inset:auto;margin:0;z-index:300;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:0 18px 50px rgba(0,0,0,.45);max-height:300px;overflow:auto;animation:ddin .17s cubic-bezier(.22,1,.36,1);transform-origin:top center}
.dd-p.out{animation:ddout .14s ease forwards;pointer-events:none}
.dd-o{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--tx);padding:9px 12px;border-radius:9px;font:inherit;cursor:pointer;text-align:start;transition:.12s}
.dd-o span{flex:1}
.dd-o:hover{background:rgba(var(--pr),.14)}
.dd-o.on{background:rgba(var(--pr),.2);font-weight:600}
.dd-k{color:var(--pri2);font-size:12px}
.ovl{position:fixed;inset:0;z-index:500;background:rgba(5,8,20,.78);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px}
.ovl-b{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px 34px;text-align:center;box-shadow:var(--shadow);max-width:420px}
.ovl-i{font-size:34px;color:var(--pri2);margin-bottom:14px}
.ovl-i.ok-i{color:var(--ok)}
.ovl-t{font-size:16px;line-height:1.7}
.srow{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}
.srow-t{flex:1;min-width:0}
.log{margin:8px 0 0;padding:12px;border-radius:11px;background:var(--inp);border:1px solid var(--line);font:12.5px/1.55 Consolas,"Courier New",monospace;white-space:pre-wrap;word-break:break-word;direction:ltr;text-align:left;max-height:300px;overflow:auto}
.lang-fab{position:fixed;top:14px;inset-inline-end:14px;border:1px solid var(--line);background:var(--card)}
.f .muted{font-size:12.5px;line-height:1.5}
@media(max-width:720px){.nav-link.keep span{display:inline}}
.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--mut);opacity:.45;vertical-align:middle}
.dot.live{background:var(--ok);opacity:1;animation:pulse 1.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.65)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.live-row{display:inline-flex;align-items:center;gap:8px}
.pubwrap{width:min(520px,100%);display:grid;gap:14px}
.pub-tools{display:flex;justify-content:flex-end;gap:6px}
.pub{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:var(--shadow);display:grid;gap:16px}
.pub-h{display:grid;gap:10px;justify-items:center;text-align:center}
.pub-h h2{direction:ltr;word-break:break-all}
.pub-h .row{justify-content:center}
.pub-sec{display:grid;gap:6px}
.pub-sec .meter{height:10px}
.pub-big{font-size:22px;font-weight:700}
.pub-nf{text-align:center;padding:20px;color:var(--mut);display:grid;gap:12px;font-size:16px}
.pub-nf i{font-size:34px;color:var(--bad)}
.ctr{text-align:center}
.dtv{direction:ltr;unicode-bidi:isolate;display:inline-block}
.dtf{display:grid;gap:8px}
.dtf input.bad{border-color:var(--bad);box-shadow:0 0 0 3px rgba(239,68,68,.2)}
.icon-btn.on{color:var(--tx);border-color:var(--pri);background:rgba(var(--pr),.2)}
.dtf .inp-row .icon-btn{flex:none;height:auto;min-height:38px}
.cal{border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:12px;display:grid;gap:10px}
.cal-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cal-t{font-weight:600}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}
.cal-w{font-size:12px;color:var(--mut);padding:2px 0}
.cal-d{border:0;background:transparent;color:var(--tx);border-radius:9px;padding:6px 0;font:inherit;cursor:pointer;transition:.12s}
.cal-d:hover{background:rgba(var(--pr),.16)}
.cal-d.o{color:var(--mut);opacity:.5}
.cal-d.td{box-shadow:inset 0 0 0 1px var(--pri2)}
.cal-d.on{background:linear-gradient(135deg,var(--pri),var(--pri2));color:var(--on);opacity:1}
.tm{display:flex;align-items:center;justify-content:center;gap:8px;direction:ltr}
.tm .dd{min-width:0;width:78px}
.tm .seg{width:auto}
.tm .seg button{padding:8px 14px}
.log.big{max-height:58vh;min-height:200px}
.kv-v{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0}
.sti{font-size:13px;margin-inline-end:7px}
.sti.ok{color:var(--ok)}.sti.off{color:var(--mut)}.sti.bad{color:var(--bad)}.sti.warn{color:var(--warn)}
.note-b{display:grid;gap:4px}
.note-b>span{color:var(--mut);display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:600}
.note-t{white-space:pre-wrap;word-break:break-word}
/* selection: data stays selectable, interface chrome does not */
dialog,.dlg-h,.dlg-f,.f>span,.f small,.chips,.seg,.cal,.toolbar,.srow-t,.item-h{-webkit-user-select:none;user-select:none}
input,textarea,select,td,.log,.tile-v,.tile-s,.kv b,.pt b,.li-h b,.li-r b,.pub-big,.pub-h h2,.err,.note-t{-webkit-user-select:text;user-select:text}
td .pb,td .pill,td .acts,td button,.kv-v .pill{-webkit-user-select:none;user-select:none}
/* hover only on devices that really hover (no sticky hover after a tap) */
@media(hover:hover){
.nav-link:not(.on):hover{background:var(--card2);color:var(--tx)}
.tile:hover{transform:translateY(-2px);border-color:rgba(var(--pr),.55)}
.btn:hover{transform:translateY(-1px)}
.btn:not(.pri):not(.dgr):hover{border-color:var(--pri)}
.icon-btn:not(.on):hover{color:var(--tx);border-color:var(--pri);background:rgba(var(--pr),.14)}
.icon-btn.danger:hover{color:var(--bad);border-color:var(--bad);background:rgba(239,68,68,.12)}
.chip:hover{color:var(--tx);border-color:var(--pri)}
}
/* simple smooth press effect */
.btn,.icon-btn,.nav-link,.chip,.seg button,.dd-b,.dd-o,.cal-d{touch-action:manipulation;transition:transform .14s ease,background-color .18s,border-color .18s,color .18s,box-shadow .18s,filter .18s,opacity .18s}
.btn:active,.icon-btn:active,.nav-link:active,.chip:active,.seg button:active,.dd-b:active,.cal-d:active{transform:scale(.96)}
.btn:active{filter:brightness(.92)}
.icon-btn:active,.chip:active,.nav-link:active{opacity:.8}
.dd-o:active{background:rgba(var(--pr),.24)}
:focus-visible{outline:2px solid rgba(var(--pr),.55);outline-offset:2px}
button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:0}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0}
.sw{position:relative;width:46px;height:26px;border-radius:99px;border:1px solid var(--line);background:var(--card2);cursor:pointer;padding:0;flex:none;transition:border-color .22s,transform .14s ease}
.sw::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--pri),var(--pri2));opacity:0;transition:opacity .25s ease}
.sw.on::before{opacity:1}
.sw i{position:absolute;z-index:1;top:2px;inset-inline-start:2px;width:20px;height:20px;border-radius:50%;background:var(--mut);transition:inset-inline-start .3s cubic-bezier(.22,1,.36,1),background-color .22s}
.sw.on{border-color:transparent}
.sw.on i{inset-inline-start:22px;background:var(--on)}
.sw:active{transform:scale(.96)}
.tzbox.dis{opacity:.45;pointer-events:none}
.tzbox .dd{display:block}
/* color theme picker */
.dd-l{display:inline-flex;align-items:center;gap:10px;min-width:0}
.sdot{display:inline-block;width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.dd-o .sdot,.dd-b .sdot{flex:none;width:16px}
/* per-core cpu */
.cores{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:9px 14px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.core-h{display:flex;justify-content:space-between;gap:6px;font-size:12px;color:var(--mut);margin-bottom:4px}
.core-h b{color:var(--tx);font-weight:600}
.core .meter{height:5px}
/* server traffic card: expandable daily chart */
.tile.tt:hover{transform:none}
.tile-h .tt-btn{margin-inline-start:auto}
.tc{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;visibility:hidden;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),opacity .3s ease,margin-top .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}
.tt.open .tc{grid-template-rows:1fr;margin-top:14px;opacity:1;visibility:visible;transition-delay:0s,.1s,0s,0s}
.tc-in{overflow:hidden;min-height:0}
.tc-box{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:12px 12px 10px;display:grid;gap:12px}
.tc-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tc-t{font-size:14px}
.tc-top .seg{width:auto;padding:3px}
.tc-top .seg button{padding:5px 11px;font-size:13px;gap:6px}
.tc-plot{--ch:170px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:6px;direction:ltr;padding-top:6px}
.tc-ax{position:relative;height:var(--ch);font-size:11px;line-height:1;color:var(--mut)}
.tc-ax span{position:absolute;right:2px;transform:translateY(50%);white-space:nowrap}
.tc-ax span:nth-child(1){bottom:100%}
.tc-ax span:nth-child(2){bottom:50%}
.tc-ax span:nth-child(3){bottom:0}
.tc-area{position:relative;min-width:0}
.tc-lines{position:absolute;left:0;right:0;top:0;height:var(--ch);pointer-events:none}
.tc-lines i{position:absolute;left:0;right:0;height:0;border-top:1px dashed var(--line)}
.tc-lines i:nth-child(1){top:0}
.tc-lines i:nth-child(2){top:50%}
.tc-lines i:nth-child(3){top:100%;border-top-style:solid}
.tc-cols{position:relative;display:flex;gap:3px;touch-action:pan-y}
.col{flex:1 1 0;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:6px;-webkit-user-select:none;user-select:none}
.cb{position:relative;height:var(--ch);display:flex;align-items:flex-end;border-radius:6px;transition:background-color .2s}
.cb::before{content:'';position:absolute;left:12%;right:12%;bottom:0;height:2px;border-radius:2px;background:var(--line)}
.col.fut .cb::before{height:0;background:none;border-top:2px dashed var(--line)}
.bars{position:relative;width:100%;height:0;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden;transform-origin:50% 100%;transition:height .6s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1) calc(var(--i,0)*14ms)}
.bars.nz{min-height:3px}
.tt:not(.open) .bars{transform:scaleY(0);transition:height .3s ease,transform .3s ease}
.bars i{display:block;flex:0 1 0px;min-height:0;transition:flex-grow .6s cubic-bezier(.22,1,.36,1)}
.bars .sgd{background:var(--pri2)}
.bars .sgu{background:var(--pri)}
.dl{display:flex;justify-content:center;font-size:10.5px;line-height:1;color:var(--mut);white-space:nowrap;padding-bottom:2px}
.col.fut .dl{opacity:.5}
.col.today .dl{color:var(--pri2);font-weight:700;opacity:1}
.col.sel .cb{background:rgba(var(--pr),.14)}
.col.sel .dl{color:var(--tx);opacity:1}
.col:focus-visible{outline-offset:1px;border-radius:6px}
.tc-info{display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line);font-size:13px;min-height:36px}
.tc-iv{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap}
.lgd{display:inline-block;width:9px;height:9px;border-radius:3px;margin-inline-end:6px}
.lgd.d{background:var(--pri2)}
.lgd.u{background:var(--pri)}
@media(hover:hover){.col:hover .cb{background:rgba(var(--pr),.1)}.col.sel:hover .cb{background:rgba(var(--pr),.14)}}
@media(max-width:720px){.tc-plot{--ch:140px;grid-template-columns:38px minmax(0,1fr);gap:4px}.tc-cols{gap:2px}.col:not(.k) .dl{visibility:hidden}.tc-box{padding:10px 8px 8px}}
@media(prefers-reduced-motion:reduce){.tc,.bars,.bars i,.cb{transition-duration:.01ms!important;transition-delay:0s!important}}
.seg button:disabled,.sw:disabled,.btn:disabled{opacity:.4;cursor:not-allowed}
.seg button:disabled:active,.sw:disabled:active,.btn:disabled:active{transform:none}
.cbk{display:grid;align-content:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}
.cbh{display:flex;align-items:center;gap:12px}
.cbt{flex:1;min-width:0;display:grid;justify-items:start;gap:3px}
.cbt .pill{padding:0 10px;font-size:12px}
.cbd{line-height:1.6}
.cbrows{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 18px}
.cbrow{display:flex;align-items:center;gap:12px;padding:6px 2px}
.row.nw{flex-wrap:nowrap}
.brk{word-break:break-all}
.svc-lg{margin-top:10px}
.udpw ul{margin:0 0 12px;padding-inline-start:20px;line-height:1.7}
.chk{display:flex;gap:10px;align-items:center;cursor:pointer}
.chk input{width:auto;flex:none}
.stack{display:grid;gap:16px;margin-bottom:16px}
.stack>.panel{min-width:0;animation:rise .4s cubic-bezier(.22,1,.36,1)}
.cols{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch}
.cols.lg{--cw:340px}
.cols.xl{--cw:460px}
.kvs.cols{gap:12px}
.dc{display:contents}
.cols>*,.cols>.dc>*{flex:1 1 min(var(--cw,260px),100%);min-width:0}
.cols>.row,.cols>.muted,.cols>.empty,.cols>.hint,.cols>.full,.cols>textarea,.cols.sys>.kv{flex-basis:100%}
.cols>.btn{flex:0 0 auto;align-self:flex-start}
.cols>.f,.cols>.dc>.f{align-content:start}
.box{padding:14px;border-radius:14px;background:var(--card2);border:1px solid var(--line)}
.clp{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .28s ease,margin-bottom .42s cubic-bezier(.22,1,.36,1),visibility 0s}
.clp-i{overflow:hidden;min-height:0}
.clp.done>.clp-i{overflow:visible}
.clp.shut{grid-template-rows:0fr;opacity:0;visibility:hidden;margin-bottom:calc(var(--cg,14px)*-1);transition:grid-template-rows .42s cubic-bezier(.22,1,.36,1),opacity .2s ease,margin-bottom .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s}
.dtf>.clp{--cg:8px}
@media(prefers-reduced-motion:reduce){.clp,.seg-i,.sw::before,.sw i,.stack>.panel,dialog,.dd-p{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.xtra{display:grid;gap:10px}
.ses{display:grid;gap:8px;align-content:start;overflow-y:auto;overscroll-behavior:contain;padding:8px;background:var(--inp);border:1px solid var(--line);border-radius:13px}
.ses-i{border:1px solid var(--line);border-radius:11px;background:var(--card2);padding:8px 10px;display:grid;gap:6px}
.ses-i.cur{border-color:var(--pri)}
.ses-h{display:flex;align-items:center;gap:10px}
.ses-p{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:2px}
.ses-h .ico{width:30px;height:30px;font-size:13px;border-radius:9px}
.ses-h b{font-size:14px}
.ses-p .pill{padding:1px 10px;font-size:12px}
.ses-d{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px;font-size:12px}
@media(max-width:560px){.ses-d{grid-template-columns:1fr}}
.ses-cnt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ses-c{border:1px solid var(--line);border-radius:13px;background:var(--card2);padding:12px;display:grid;gap:2px;text-align:center;justify-items:center}
.ses-c b{font-size:26px;line-height:1.2}
.ses-c span{font-size:12.5px;color:var(--mut)}
.ses-c.ok b{color:var(--ok)}
.ses-c.bad b{color:var(--bad)}
.qr-w{display:flex;justify-content:center}
.qr{border-radius:12px;background:#fff;padding:6px;max-width:100%;height:auto}
/* inverted color themes: theme color is the page background, other shades go to buttons and details */
:root[data-inv][data-theme=blue]{--bg:#20319e;--bg2:#503bdc;--card:#2f34c8;--card2:#484cd1;--line:#8486d8;--tx:#f6f6fe;--mut:#dadbf1;--pri:#c9cbfc;--pri2:#c1a5f8;--pri-l:#e2e3fe;--on:#161842;--pr:201,203,252;--p2r:193,165,248;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(17,19,82,.55);--glass:rgba(30,34,146,.82);--inp:#1e2190;--vl:rgba(255,255,255,.1);--hl:154,133,238;--hl2:90,125,221}
:root[data-inv][data-theme=red]{--bg:#7b1728;--bg2:#a8291b;--card:#912027;--card2:#b12a33;--line:#d47077;--tx:#fef5f6;--mut:#f0d7d9;--pri:#fdbfc3;--pri2:#f69d76;--pri-l:#fedddf;--on:#341114;--pr:253,191,195;--p2r:246,157,118;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(59,11,14,.55);--glass:rgba(104,20,25,.82);--inp:#661419;--vl:rgba(255,255,255,.1);--hl:234,113,88;--hl2:221,77,120}
:root[data-inv][data-theme=green]{--bg:#134925;--bg2:#186546;--card:#1a5634;--card2:#226b41;--line:#3ea068;--tx:#e7fcf0;--mut:#bde6cf;--pri:#2fec81;--pri2:#19caa6;--pri-l:#a2f6c7;--on:#0b2114;--pr:47,236,129;--p2r:25,202,166;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(9,33,19,.55);--glass:rgba(16,60,35,.82);--inp:#103b23;--vl:rgba(255,255,255,.1);--hl:32,169,123;--hl2:39,148,61}
:root[data-inv][data-theme=purple]{--bg:#4b2595;--bg2:#8229bd;--card:#612ea4;--card2:#773cc5;--line:#a17ecf;--tx:#f9f6fe;--mut:#e3d9f0;--pri:#dcc5fa;--pri2:#e198f4;--pri-l:#ece0fc;--on:#25143b;--pr:220,197,250;--p2r:225,152,244;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(38,17,66,.55);--glass:rgba(69,30,119,.82);--inp:#431d75;--vl:rgba(255,255,255,.1);--hl:193,118,231;--hl2:134,113,219}
:root[data-inv][data-theme=cyan]{--bg:#0c464a;--bg2:#125f85;--card:#125360;--card2:#186777;--line:#2f9ab0;--tx:#ebfafd;--mut:#c3e2e8;--pri:#57dffb;--pri2:#7cb7fa;--pri-l:#adf0fd;--on:#0c1f23;--pr:87,223,251;--p2r:124,183,250;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(6,32,37,.55);--glass:rgba(11,58,67,.82);--inp:#0b3942;--vl:rgba(255,255,255,.1);--hl:39,156,234;--hl2:23,144,136}
:root[data-inv][data-theme=orange]{--bg:#9c3900;--bg2:#c35b00;--card:#ad4704;--card2:#c55206;--line:#f6904c;--tx:#fefdfd;--mut:#fbf6f3;--pri:#fcc39c;--pri2:#fc9985;--pri-l:#fedfca;--on:#29190e;--pr:252,195,156;--p2r:252,153,133;--ok:#a7f3c8;--bad:#ffd6d6;--warn:#fde68a;--shadow:0 12px 34px rgba(51,20,0,.55);--glass:rgba(91,36,0,.82);--inp:#7e3300;--vl:rgba(255,255,255,.1);--hl:209,132,0;--hl2:250,42,0}
:root[data-inv][data-theme=pink]{--bg:#741b4b;--bg2:#a92346;--card:#892450;--card2:#a72f63;--line:#cd7199;--tx:#fef5f9;--mut:#efd6e1;--pri:#fabed8;--pri2:#f59aa0;--pri-l:#fddcea;--on:#331120;--pr:250,190,216;--p2r:245,154,160;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(55,13,31,.55);--glass:rgba(98,23,56,.82);--inp:#611737;--vl:rgba(255,255,255,.1);--hl:231,110,134;--hl2:213,75,167}
:root[data-inv][data-theme=gold]{--bg:#745300;--bg2:#917600;--card:#826203;--card2:#947005;--line:#d5a20b;--tx:#fefdfc;--mut:#f9f7f0;--pri:#fac834;--pri2:#fa9e3b;--pri-l:#fce397;--on:#221c0b;--pr:250,200,52;--p2r:250,158,59;--ok:#a7f3c8;--bad:#ffd6d6;--warn:#fde68a;--shadow:0 12px 34px rgba(37,28,0,.55);--glass:rgba(67,50,0,.82);--inp:#5e4600;--vl:rgba(255,255,255,.1);--hl:156,153,0;--hl2:200,103,0}
:root[data-inv][data-theme=navy]{--bg:#153f76;--bg2:#2645df;--card:#1f4899;--card2:#2959ba;--line:#6a8dd5;--tx:#f4f7fe;--mut:#d4ddef;--pri:#b8cffd;--pri2:#aeabfb;--pri-l:#d9e5fe;--on:#111c33;--pr:184,207,253;--p2r:174,171,251;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(11,27,61,.55);--glass:rgba(19,49,110,.82);--inp:#13316c;--vl:rgba(255,255,255,.1);--hl:129,141,241;--hl2:37,134,208}
:root[data-inv][data-theme=teal]{--bg:#0f483b;--bg2:#126367;--card:#14554d;--card2:#1a6960;--line:#329e91;--tx:#e4fcf9;--mut:#bbe5e0;--pri:#0be8ce;--pri2:#34c1f0;--pri-l:#7df9ea;--on:#0b201e;--pr:11,232,206;--p2r:52,193,240;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(7,33,30,.55);--glass:rgba(12,59,54,.82);--inp:#0c3a35;--vl:rgba(255,255,255,.1);--hl:25,164,182;--hl2:30,146,106}
:root[data-inv][data-theme=lime]{--bg:#456200;--bg2:#518700;--card:#4c7202;--card2:#588204;--line:#80bb0a;--tx:#fdfdfc;--mut:#f5f8ee;--pri:#9ae306;--pri2:#abbd05;--pri-l:#b4fa2a;--on:#181f0a;--pr:154,227,6;--p2r:171,189,5;--ok:#a7f3c8;--bad:#ffd6d6;--warn:#fde68a;--shadow:0 12px 34px rgba(21,32,0,.55);--glass:rgba(39,58,0,.82);--inp:#375200;--vl:rgba(255,255,255,.1);--hl:73,170,0;--hl2:123,137,0}
:root[data-inv][data-theme=fuchsia]{--bg:#632077;--bg2:#982494;--card:#782885;--card2:#9333a2;--line:#bd72c8;--tx:#fdf5fe;--mut:#ecd6ef;--pri:#f1bdf9;--pri2:#f293dc;--pri-l:#f7dcfc;--on:#2e1132;--pr:241,189,249;--p2r:242,147,220;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(48,14,53,.55);--glass:rgba(86,25,95,.82);--inp:#54195e;--vl:rgba(255,255,255,.1);--hl:225,100,213;--hl2:171,97,213}
:root[data-inv][data-theme=wine]{--bg:#771a3c;--bg2:#ac212f;--card:#8d233f;--card2:#ab2e4f;--line:#d0718a;--tx:#fef5f7;--mut:#f0d6dd;--pri:#fbbecf;--pri2:#f59b91;--pri-l:#fddde5;--on:#34111a;--pr:251,190,207;--p2r:245,155,145;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(57,12,24,.55);--glass:rgba(101,22,43,.82);--inp:#63162a;--vl:rgba(255,255,255,.1);--hl:233,111,115;--hl2:216,77,147}
:root[data-inv][data-theme=coffee]{--bg:#5a3725;--bg2:#70542a;--card:#64452d;--card2:#7b563a;--line:#ab876b;--tx:#fcf6f2;--mut:#ebdacd;--pri:#eec7a9;--pri2:#d0b135;--pri-l:#f6e1d1;--on:#29190e;--pr:238,199,169;--p2r:208,177,53;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(39,26,16,.55);--glass:rgba(71,47,29,.82);--inp:#462f1d;--vl:rgba(255,255,255,.1);--hl:184,142,58;--hl2:187,108,88}
:root[data-inv][data-theme=slate]{--bg:#31414f;--bg2:#495882;--card:#3f4d5f;--card2:#505f73;--line:#858f9b;--tx:#f5f7fb;--mut:#d7dde6;--pri:#bed0e9;--pri2:#acb0df;--pri-l:#dce6f3;--on:#101d2f;--pr:190,208,233;--p2r:172,176,223;--ok:#6ee7a0;--bad:#ffc4c4;--warn:#fcd34d;--shadow:0 12px 34px rgba(23,29,37,.55);--glass:rgba(42,53,68,.82);--inp:#293543;--vl:rgba(255,255,255,.1);--hl:135,147,196;--hl2:95,135,155}
:root[data-inv]:not([data-theme=dark]):not([data-theme=gray]):not([data-theme=light]) body{background:radial-gradient(900px 520px at 85% -8%,rgba(var(--hl),.38),transparent 62%),radial-gradient(760px 460px at 0% 100%,rgba(var(--hl2),.26),transparent 58%),linear-gradient(160deg,var(--bg2),var(--bg));background-attachment:fixed}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.cols>.dc>.f2{flex:1 1 100%}
.seg.sq6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.seg.sq6 button span{text-align:center;line-height:1.25}
@media(max-width:720px){.seg.sq6 button{padding:8px 2px;gap:4px;font-size:13px;min-width:0}.seg.sq6 button i{display:none}}
@media(max-width:400px){.seg.sq6 button{font-size:12px}}
.m-sshslowdns i{background:linear-gradient(90deg,#f97316,#fdba74)}
.p-sshslowdns{background:rgba(249,115,22,.16);color:#fb923c}
.m-sshdirect i{background:linear-gradient(90deg,#10b981,#6ee7b7)}
.p-sshdirect{background:rgba(16,185,129,.16);color:#34d399}
.info-copy{display:flex;margin-bottom:12px}
.info-copy .btn{flex:1;justify-content:center}