:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;background:#17191c;color:#e5e7eb;font-synthesis:none;--muted:#9ca5af;--border:#30353b;--panel:#1e2227;--green:#66d89a;--orange:#dc8b54}*{box-sizing:border-box}body{margin:0;font-size:13px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{border:1px solid #37678b;border-radius:6px;background:#1f3e56;color:#9bd0fa;padding:8px 12px;min-height:34px;font-weight:600}button:hover{background:#2b536f}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:2px solid #79bef3;outline-offset:3px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:190px;background:#141619;border-right:1px solid var(--border);padding:24px 12px}.brand{display:block;font-size:17px;font-weight:800;padding:0 7px 35px;letter-spacing:.4px}.brand span{color:var(--orange);font-size:25px;vertical-align:-2px}.nav-caption{display:block;font-size:10px;letter-spacing:1.5px;margin:0 12px 12px;color:#78828d}nav{display:grid;gap:8px}nav a{display:flex;gap:10px;padding:12px 10px;color:#a5adb8;font-size:12px;border-radius:7px}nav a:hover{background:#252a30}nav a.selected{background:#362a23;color:#f2bd98;border-left:3px solid var(--orange);padding-left:7px}.sidebar-note{position:absolute;bottom:25px;left:24px;color:#b1bdba;font-size:12px}.sidebar-note small{display:block;margin-top:7px}.shell{margin-left:190px;min-width:0}.topbar{height:58px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 25px;color:var(--muted);font-size:12px}.topbar b{font-weight:500;color:#e6e9ed;margin-left:8px}.topbar>div{display:flex;gap:15px;align-items:center}.protocol{font-size:10px;padding:5px 8px;border:1px solid #3c4945;border-radius:4px;color:#a7cabb}main{padding:26px;max-width:2400px;margin:auto}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}h1{font-size:24px;letter-spacing:-.5px;margin:0 0 7px}header p{color:var(--muted);margin:0;font-size:12px}.refresh-label{font-size:11px;color:var(--muted)}h2{font-size:18px;margin:0 0 18px}small,.footnote{color:var(--muted);font-size:11px;line-height:1.6}.notice{padding:12px 15px;border:1px solid #5b4a2e;border-radius:6px;background:#2c271e;color:#dec191;margin:0 0 18px;font-size:12px}.error{color:#ffb4ac;border-color:#774642;background:#3b2528}.panel{border:1px solid var(--border);border-radius:9px;background:var(--panel);padding:22px;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.stats article{border:1px solid var(--border);border-radius:8px;background:#20242a;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.stats span{color:var(--muted);font-size:11px}.stats strong{font-size:25px;font-weight:650}.stats .green strong{color:var(--green)}.stats .blue strong{color:#7bbbec}.directory{padding:0;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;flex-wrap:wrap}.filter-group,.toolbar-actions{display:flex;align-items:center;gap:8px}.filter-group{flex:1;flex-wrap:wrap}input,select,textarea{background:#171b20;color:#dbe1e8;border:1px solid #3b424b;padding:9px 10px;border-radius:5px}#search{min-width:220px;flex:1;max-width:360px}input::placeholder{color:#8f99a6}select{font-size:11px}label{display:block;font-size:12px}label input,textarea{display:block;width:100%;margin-top:8px}#login-form{display:flex;align-items:flex-end;gap:15px;margin-bottom:12px}#login-form label{max-width:600px;flex:1}.table-scroll{overflow:auto;max-height:70vh}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1230px;font-size:12px}th{text-align:left;padding:13px 11px;background:#191d22;color:#b6bec8;font-size:10px;letter-spacing:.25px;white-space:nowrap;position:sticky;top:0;z-index:2;border-block:1px solid var(--border)}td{padding:15px 11px;border-bottom:1px solid #2a3234;vertical-align:top}td strong,td small,td code,td>span{display:block}td small{font-size:10px;margin-top:5px;max-width:165px}td code{font-size:10px;color:#a6b4c5;margin-top:7px;max-width:150px;overflow:hidden;text-overflow:ellipsis}tbody tr{background:#21272a}tbody tr:nth-child(even){background:#242a2d}tbody tr.row-active{background:#1d3329}tbody tr.row-active:nth-child(even){background:#20382c}tbody tr.row-offline,tbody tr.row-failed{background:#302628}tbody tr:hover{filter:brightness(1.12)}td:first-child{border-left:3px solid #64705d}tr.row-active td:first-child{border-left-color:var(--green)}tr.row-offline td:first-child,tr.row-failed td:first-child{border-left-color:#c97772}.position{color:#9aada3;width:42px;font-variant-numeric:tabular-nums}.device-link{padding:0;border:0;background:none;color:#e4e9ed;text-align:left;font-size:12px;max-width:150px;overflow-wrap:anywhere;min-height:0;line-height:1.5}.device-link:hover{background:none;color:#a6cef4}.mono,.public-ip{font-family:Consolas,monospace;font-size:12px;white-space:nowrap}.public-ip{background:none;border:0;padding:0;min-height:0;font-weight:600;color:var(--green)}.public-ip:hover{background:none;text-decoration:underline}.public-ip.stale,.public-ip.reported{color:#e2b775}.public-ip:disabled{opacity:1;color:#8a949d}.status{font-size:10px;padding:4px 6px;border-radius:4px;background:#3c3a2b;color:#e0c38d;white-space:nowrap;display:inline-block}.status.active{background:#244d38;color:#96e2b7}.status.offline,.status.failed,.status.revoked{color:#e4b2ad;background:#503330}.positive{color:var(--green)}.signal{display:flex;gap:7px;align-items:center;font-size:11px;color:#b5c6b9;white-space:nowrap}.signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:20px}.signal-bars i{width:4px;height:5px;background:#46524c;border-radius:1px}.signal-bars i:nth-child(2){height:8px}.signal-bars i:nth-child(3){height:12px}.signal-bars i:nth-child(4){height:16px}.signal-bars i:nth-child(5){height:20px}.signal-bars i.lit{background:var(--green)}.signal-bars.stale{opacity:.5}.row-actions{min-width:140px}.row-actions button{font-size:10px;min-height:28px;padding:5px 9px}.row-actions details{margin-top:7px}.row-actions summary{font-size:10px;color:#b4bbc4;padding:4px 0;list-style:none}.row-actions details[open] button{display:block;margin-top:6px;width:100%;text-align:left}.row-actions .rotate{background:#6b4129;border-color:#9d5d36;color:#f4c5a7}footer{display:flex;justify-content:space-between;padding:13px 17px;color:var(--muted);font-size:11px}.legend{display:flex;flex-wrap:wrap;gap:22px;margin:18px 0;font-size:11px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.dot.amber{background:#d6a666}.dot.gray{background:#78838d}.footnote{max-width:1050px;line-height:1.8}.help{border-top:1px solid var(--border);padding:20px 0;color:var(--muted);font-size:12px}.help summary{color:#c1c8d0}.help p{max-width:850px;line-height:1.8}#empty{text-align:center;padding:30px;color:var(--muted)}dialog{background:#22282e;color:#e5e7eb;border:1px solid #4a535d;border-radius:10px;padding:25px;max-width:580px;width:calc(100% - 30px);max-height:90vh;overflow:auto}dialog::backdrop{background:#0009}dialog label{margin:18px 0 12px}dialog textarea{resize:vertical;font-family:Consolas,monospace;font-size:12px;overflow-wrap:anywhere}dialog .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dialog-head h2{margin:0}.kv{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #384149;font-size:12px}.kv span{color:var(--muted)}.kv strong{font-weight:500;text-align:right;overflow-wrap:anywhere}
@media(max-width:1100px){aside{width:160px;padding-inline:8px}.brand{font-size:14px}.shell{margin-left:160px}main{padding:20px}.stats article{display:block;padding:12px}.stats strong{display:block;margin-top:8px}.refresh-label{display:none}}@media(max-width:700px){aside{position:static;width:100%;padding:12px;border:0;border-bottom:1px solid var(--border)}.brand{padding:0 5px 12px;font-size:16px}.nav-caption,.sidebar-note{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav a{white-space:nowrap;flex-shrink:0;padding:9px;font-size:11px}nav a.selected{border-left:0;border-bottom:2px solid var(--orange);padding-left:9px}.shell{margin:0}.topbar{height:48px;padding:0 15px}.protocol{display:none}main{padding:18px 12px}header{margin-bottom:18px}h1{font-size:22px}header p{line-height:1.6}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stats article{display:flex}.stats strong{margin:0;font-size:23px}.toolbar{padding:12px}.filter-group{min-width:0;width:100%}#search{max-width:none;min-width:0;width:100%;flex-basis:100%}.filter-group select{flex:1;min-width:0}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.table-scroll{max-height:60vh}footer{gap:15px;font-size:10px}.legend{gap:12px}.notice{font-size:11px}#login-form{display:block}#login-form button{margin-top:12px}}