:root{--bg:#09100f;--panel:#111a18;--panel2:#15201d;--line:#283431;--text:#f2f5f3;--muted:#98aaa4;--green:#43e89a;--blue:#77adff;--violet:#b792ff;--amber:#ffc86b;--danger:#ff7676;--shadow:0 18px 50px rgba(0,0,0,.28)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 85% -10%,rgba(50,142,103,.18),transparent 34%),var(--bg);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button,a{transition:.18s ease}button{cursor:pointer}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1320px)/2));background:rgba(9,16,15,.8);backdrop-filter:blur(18px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px}.brand div{display:grid}.brand span{font-size:12px;color:var(--muted)}.mark{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#55f1a8,#1eaa72);color:#04140d;font-weight:900;font-size:30px;box-shadow:0 12px 35px rgba(57,225,149,.22)}.mark.small{width:38px;height:38px;border-radius:12px;font-size:17px}.topbar nav{display:flex;align-items:center;gap:10px}.nav,.icon-button,.ghost,.close{border:0;background:transparent;color:var(--muted)}.nav{padding:24px 10px;border-bottom:2px solid transparent}.nav.active{color:var(--text);border-color:var(--green)}.icon-button{font-size:22px;width:40px;height:40px;border-radius:12px}.icon-button:hover,.ghost:hover,.close:hover{background:var(--panel2);color:var(--text)}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#d6f6e7;color:#14372a;font-size:12px;font-weight:800;text-decoration:none;margin-left:6px}main{max-width:1320px;margin:auto;padding:54px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow{color:var(--green);font-weight:800;font-size:11px;letter-spacing:.14em;margin:0 0 8px}.hero h1,.login-card h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.045em;line-height:1;margin:0}.subtitle{color:var(--muted);font-size:17px;margin:14px 0 0}.primary{border:0;background:var(--green);color:#052016;padding:12px 18px;border-radius:12px;font-weight:800;box-shadow:0 8px 24px rgba(67,232,154,.16)}.primary:hover{background:#68f5b4;transform:translateY(-1px)}.primary:disabled{opacity:.5;cursor:wait}.wide{display:block;text-align:center;text-decoration:none;width:100%;margin-top:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.metrics article{background:linear-gradient(145deg,var(--panel),#0f1816);border:1px solid var(--line);border-radius:16px;padding:19px;display:flex;gap:14px;align-items:center}.metrics b{display:block;font-size:24px;line-height:1.1}.metrics article div span{color:var(--muted);font-size:12px}.metric-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:11px;font-weight:900}.metric-icon.green{color:var(--green);background:rgba(67,232,154,.1)}.metric-icon.blue{color:var(--blue);background:rgba(119,173,255,.1)}.metric-icon.violet{color:var(--violet);background:rgba(183,146,255,.1)}.metric-icon.amber{color:var(--amber);background:rgba(255,200,107,.1)}.toolbar{display:flex;gap:10px;margin:22px 0}.search{flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 14px;color:var(--muted)}.search input{width:100%;padding:12px;border:0;outline:0;background:transparent;color:var(--text)}select,input{color-scheme:dark}select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:12px;padding:0 14px}.cards{display:grid;gap:10px}.peer{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.peer-main{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(180px,.8fr) minmax(280px,1.1fr) auto;gap:20px;align-items:center;padding:19px 20px}.identity{display:flex;align-items:center;gap:13px;min-width:0}.device{width:44px;height:44px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;font-size:20px}.identity h3{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity p,.connection p{margin:3px 0 0;color:var(--muted);font-size:12px}.status{display:inline-flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#65746f}.online .dot{background:var(--green);box-shadow:0 0 10px var(--green)}.connection strong{font-size:13px}.source{font-size:10px;border-radius:999px;padding:3px 7px;margin-left:7px;font-weight:800}.source.lan{color:var(--blue);background:rgba(119,173,255,.12)}.source.wan{color:var(--violet);background:rgba(183,146,255,.12)}.permissions{display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:11px}.pill.on{color:var(--text);border-color:#3b5e52;background:rgba(67,232,154,.06)}.pill.streaming{color:var(--amber);border-color:rgba(255,200,107,.28)}.actions{display:flex;gap:6px}.actions button,.actions a{border:1px solid var(--line);background:var(--panel2);color:var(--muted);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;text-decoration:none}.actions button:hover,.actions a:hover{color:var(--text);border-color:#53635e}.peer-settings{border-top:1px solid var(--line);padding:16px 20px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;background:#0e1715}.setting{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.switch{position:relative;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;border-radius:999px;background:#34423e}.slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#aebbb7;transition:.2s}.switch input:checked+.slider{background:var(--green)}.switch input:checked+.slider:before{transform:translateX(16px);background:#062116}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.segmented button{border:0;background:transparent;color:var(--muted);padding:6px 9px;font-size:11px}.segmented button.active{background:#29483e;color:var(--green)}.empty{padding:60px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);text-align:center;background:linear-gradient(160deg,var(--panel),#0c1513);border:1px solid var(--line);border-radius:24px;padding:44px;box-shadow:var(--shadow)}.login-card .mark{margin:0 auto 30px}.login-card h1{font-size:36px}.login-card>p:not(.eyebrow){color:var(--muted)}.fine{display:block;color:#6f817b;font-size:11px;margin-top:16px}dialog{width:min(520px,calc(100% - 32px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:start}.dialog-head h2{margin:0 0 18px;font-size:26px}.close{font-size:25px;width:36px;height:36px;border-radius:10px}form>label{display:grid;gap:7px;color:var(--muted);margin:16px 0;font-size:12px}form>label input{border:1px solid var(--line);background:#0c1513;border-radius:11px;padding:12px;color:var(--text)}fieldset{border:0;padding:0;margin:20px 0}legend{color:var(--muted);font-size:12px;margin-bottom:8px}.choice{display:flex;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.choice span{display:grid}.choice small{color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.ghost{padding:11px 15px;border-radius:10px}.qr-content{text-align:center;padding:10px}.qr-content img{background:white;border-radius:16px;padding:14px;max-width:280px;width:100%}.qr-content a{display:inline-block;margin-top:16px;color:var(--green)}.toast{position:fixed;right:24px;bottom:24px;background:#e8fff5;color:#0b2b20;padding:12px 16px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}.toast.error{background:#ffe7e7;color:#541515}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.peer-main{grid-template-columns:1fr 1fr}.actions{justify-content:end}}@media(max-width:620px){main{padding:36px 14px 70px}.topbar{padding:0 14px}.nav{display:none}.hero{align-items:start;gap:20px}.hero h1{font-size:34px}.hero .primary{font-size:0}.hero .primary:first-letter{font-size:20px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:14px}.toolbar{align-items:stretch}.toolbar select{max-width:145px}.peer-main{grid-template-columns:1fr}.actions{justify-content:start}.permissions{order:3}.login-card{padding:32px 22px}}

.topbar a.nav{text-decoration:none}.actions .audit-link{width:auto;padding:0 10px;font-size:11px;white-space:nowrap;color:var(--green)}@media(max-width:620px){.nav.audit-nav{display:block;padding:24px 5px;font-size:12px}}