:root{color-scheme:dark;--bg:#0d141b;--panel:#17222d;--panel2:#121c25;--line:#2b3a47;--text:#eef4f7;--muted:#91a4b2;--amber:#ffad24;--teal:#10bdb5;--red:#f36b6b;--green:#68e2a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#172f3d,var(--bg) 42%);color:var(--text);font:16px/1.5 Inter,system-ui,sans-serif;min-height:100vh}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px max(24px,calc((100% - 1180px)/2));border-bottom:1px solid var(--line);background:#0d141bed;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand img{width:50px;height:50px;object-fit:contain}.brand strong{display:block;font-size:22px}.brand span{display:block;color:var(--muted);font-size:13px}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover{color:var(--text)}main{max-width:1180px;margin:auto;padding:42px 24px 80px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(34px,5vw,58px);line-height:1.04;margin-bottom:16px}h2{font-size:28px;margin-bottom:4px}.eyebrow{color:var(--amber);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:40px;padding:32px 0 44px}.hero>div>p:last-child{color:var(--muted);max-width:650px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics div{background:#17222dbf;border:1px solid var(--line);border-radius:16px;padding:18px}.metrics strong{display:block;font-size:30px;color:var(--teal)}.metrics span{font-size:12px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:42px 0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px}.card,.settings,.login,.client-group{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 50px #0004}.card-title,.card-title>div,.group-title,.group-title>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.card-title h3,.group-title h3{margin:0}.service-icon{display:grid;place-items:center;flex:0 0 auto;width:43px;height:43px;border-radius:12px;background:#193b42;color:var(--teal);font-size:12px;font-weight:900}.service-icon.awg-easy{background:#402f1d;color:var(--amber)}.status{padding:4px 10px;border-radius:999px;background:#26343e}.status.ok{color:var(--green)}.status.bad{color:var(--red)}dl div{margin:14px 0}dt{color:var(--muted);font-size:13px}dd{margin:2px 0;overflow-wrap:anywhere}button,.client-actions a{border:0;border-radius:10px;padding:10px 15px;background:var(--amber);color:#17120a;font-weight:800;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.wide{width:100%}.client-groups{display:grid;gap:18px}.client-group{padding:0;overflow:hidden}.group-title{padding:20px 22px;border-bottom:1px solid var(--line)}.group-title>span,.group-title p{color:var(--muted);font-size:13px;margin:0}.client-list{display:grid}.client-row{display:grid;grid-template-columns:minmax(190px,1fr) 180px auto;align-items:center;gap:18px;padding:15px 22px;border-bottom:1px solid #26343e}.client-row:last-child{border-bottom:0}.client-main{display:flex;align-items:center;gap:12px;min-width:0}.client-main strong,.client-main small{display:block}.client-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-main small{color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #f36b6b15}.dot.online{background:var(--green);box-shadow:0 0 0 5px #68e2a015}.traffic{display:flex;gap:12px;color:var(--muted);font-size:13px}.client-actions{display:flex;gap:6px}.client-actions form{margin:0}.icon-button,.client-actions .icon-button{display:inline-grid;place-items:center;min-width:42px;height:36px;padding:0 8px;background:#26343e;color:var(--text);font-size:10px}.icon-button:hover{background:#344654}.icon-button.danger{color:#ff9999}.empty{padding:34px;text-align:center;color:var(--muted)}.settings{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:42px}.settings p{color:var(--muted);margin-bottom:0}.settings form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}label{display:grid;gap:7px;color:var(--muted)}label.check{display:flex;align-items:center;color:var(--text)}input,select{border:1px solid var(--line);border-radius:9px;padding:11px;background:#0d141b;color:var(--text)}.notice{padding:12px 16px;border-radius:10px;margin:12px 0;background:#21333a}.notice.error{color:var(--red)}.notice.success{color:var(--green)}.result{font-size:14px;color:var(--muted)}.login{width:min(420px,calc(100% - 32px));margin:8vh auto;text-align:center}.login img{width:150px}.login h1{margin:4px}.login form{display:grid;gap:16px;text-align:left;margin-top:28px}.login button{width:100%}dialog{width:min(480px,calc(100% - 28px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);box-shadow:0 30px 100px #000b}dialog::backdrop{background:#05090dbd;backdrop-filter:blur(5px)}dialog>form{display:grid;gap:18px;padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0}.close{background:transparent;color:var(--muted);font-size:26px;padding:0 7px}.hint{color:var(--muted);font-size:13px;margin:0}@media(max-width:820px){nav{display:none}.hero{grid-template-columns:1fr}.settings{grid-template-columns:1fr}.client-row{grid-template-columns:1fr auto}.traffic{display:none}}@media(max-width:600px){header{padding:10px 14px}.brand span{display:none}main{padding:24px 14px}.metrics{grid-template-columns:1fr}.client-row{grid-template-columns:1fr}.client-actions{justify-content:flex-start;flex-wrap:wrap}.settings form{align-items:stretch;flex-direction:column}.section-head{align-items:start;gap:14px;flex-direction:column}}