:root{
  --bg:#090c11;--surface:#11151d;--surface2:#151a23;--line:#242b37;
  --text:#eef1f6;--muted:#8993a5;--accent:#6f78ff;--good:#72e2ac;
  --warn:#e6b760;--danger:#ff7d8e;--radius:16px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px}a{color:#b5c2ff;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.layout{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#0b0e13;padding:22px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#6473ff,#9a68f5);font-weight:800;color:white}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:11px;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:5px;margin-top:32px}.sidebar nav a{padding:10px 11px;border-radius:10px;color:#aeb6c5}.sidebar nav a:hover,.sidebar nav a.active{background:#181d26;color:#fff}.logout{margin-top:auto}.logout button{width:100%;padding:9px 10px;border:1px solid var(--line);background:transparent;color:#aab2c1;border-radius:10px}.content{min-width:0;padding:26px 30px 50px;max-width:1700px;width:100%;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 22px}.page-header h1{font-size:27px;margin:0 0 5px;letter-spacing:-.03em}.page-header p{margin:0;color:var(--muted)}.status-pill{display:flex;align-items:center;gap:8px;color:#bfc6d2;font-size:12px;border:1px solid var(--line);border-radius:99px;padding:7px 10px}.status-pill span{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px #72e2ac99}.cards{display:grid;gap:12px;margin-bottom:16px}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.cards.five{grid-template-columns:repeat(5,minmax(0,1fr))}.cards.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric{padding:16px;background:linear-gradient(180deg,var(--surface),#0f131a);border:1px solid var(--line);border-radius:var(--radius)}.metric span,.metric small,.metric strong{display:block}.metric span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.metric strong{font-size:23px;margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric strong.smaller{font-size:17px}.metric small{color:#747f91;font-size:11px}.panel{background:linear-gradient(180deg,var(--surface),#0f131a);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:16px;min-width:0}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.panel-head h2{margin:0;font-size:15px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.panel-head>a{font-size:12px}.grid-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.chart{height:360px}.chart.compact{height:310px}.segmented{display:flex;border:1px solid var(--line);border-radius:9px;padding:2px;background:#0c1016}.segmented button{border:0;background:transparent;color:var(--muted);padding:6px 8px;border-radius:7px;font-size:11px}.segmented button.active{background:#252b38;color:#fff}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid #202631;vertical-align:top}th{color:#7f899a;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}td{color:#d1d6df;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.tag{display:inline-block;background:#202538;border:1px solid #303751;border-radius:99px;padding:4px 8px}.empty{text-align:center;color:var(--muted);padding:28px}.button,.primary,button{border-radius:10px}.primary,.button.primary{display:inline-block;background:var(--accent);color:white;border:0;padding:10px 14px;font-weight:600}.button{display:inline-block;border:1px solid var(--line);background:#171c24;color:#d9dee7;padding:9px 11px}.primary:disabled,button:disabled{opacity:.45;cursor:not-allowed}.danger{background:#46202a;color:#ffb7c0;border:1px solid #67313d;padding:10px 13px}.danger-soft{background:#21161a;color:#ff9fad;border:1px solid #4a2730;padding:9px 11px}.notice{margin-top:16px;padding:14px 16px;border:1px solid #3d3a24;background:#1b1911;color:#c7bc86;border-radius:12px;font-size:13px}.notice.compact{padding:10px 12px;margin-top:10px}.flash-stack{display:grid;gap:8px;margin-bottom:16px}.flash{padding:11px 14px;border-radius:11px;border:1px solid #2b3546;background:#151d2a;color:#b9c8e4;font-size:13px}.flash.success{background:#11271f;border-color:#24513d;color:#89e0b4}.flash.error{background:#351a21;border-color:#5a2935;color:#ffb5c0}.alert-panel{border-color:#3a3023}.alert-list{display:grid;gap:9px}.alert-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-left-width:3px;border-radius:11px;background:#11151d}.alert-row.warning{border-left-color:var(--warn)}.alert-row.high,.alert-row.critical{border-left-color:var(--danger)}.alert-row strong,.alert-row span,.alert-row small{display:block}.alert-row span{margin-top:3px;color:#bec5d1;font-size:13px}.alert-row small,.alert-row time{color:var(--muted);font-size:11px;margin-top:4px}.alert-row button,.control-actions button,.copy-field button,.actions-cell button{border:1px solid var(--line);background:#1a1f29;color:#d5d9e0;padding:8px 10px}.device-list{display:grid}.device-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line);color:var(--text)}.device-row:last-child{border-bottom:0}.device-row strong,.device-row small{display:block}.device-row small{color:var(--muted);margin-top:3px;font-size:11px}.device-row .right{color:#aeb6c5;font-size:11px;display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#555e6e}.dot.on{background:var(--good)}.device-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#262d43;color:#b8c2ff;font-weight:700}.device-icon.large{width:42px;height:42px;border-radius:12px}.device-icon.xl{width:50px;height:50px;border-radius:14px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.device-card{display:block;background:linear-gradient(180deg,var(--surface),#10131a);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);transition:.15s transform,.15s border-color}.device-card:hover{transform:translateY(-2px);border-color:#3a4253}.device-card-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.device-card-top strong,.device-card-top span{display:block}.device-card-top>div:nth-child(2)>span{color:var(--muted);font-size:12px;margin-top:3px}.quota-line{display:flex;justify-content:space-between;color:#bbc2cf;font-size:12px;margin:20px 0 8px}.progress{height:7px;border-radius:99px;background:#202530;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6676ff,#9b72ff)}.progress.unlimited i{width:100%;opacity:.18}.device-meta{display:grid;gap:7px;margin-top:17px;color:var(--muted);font-size:11px}.device-meta span{display:flex;justify-content:space-between;gap:10px}.device-meta b{color:#b7becb;font-weight:500;overflow:hidden;text-overflow:ellipsis}.status{padding:5px 8px;border-radius:99px;font-size:11px;background:#232832;color:#98a0ad;white-space:nowrap}.status.online{background:#123829;color:#72e2ac}.status.enabled{background:#202840;color:#9db0ff}.status.offline{background:#24252a;color:#888f9b}.status-text.good{color:var(--good)}.status-text.bad{color:var(--danger)}.empty-card{padding:40px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.form-panel{max-width:820px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.filter-row label{display:grid;gap:7px;color:var(--muted);font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.filter-row input,.filter-row select,.copy-field input{border:1px solid var(--line);background:#0d1016;color:white;border-radius:10px;padding:10px 11px;outline:none;width:100%}.form-grid textarea{resize:vertical;min-height:100px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:#6674de}.span2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;padding-top:6px}.title-with-icon{display:flex;align-items:center;gap:14px}.action-row{display:flex;gap:8px}.action-row form{margin:0}.subscription-layout{display:flex;gap:18px;align-items:flex-start}.qr{width:164px;height:164px;background:white;border-radius:14px;padding:10px;display:grid;place-items:center;flex:0 0 auto}.qr img,.qr canvas{max-width:100%;height:auto}.copy-field{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:7px}.control-actions{display:flex;gap:8px;flex-wrap:wrap}.facts{margin:18px 0 0;display:grid;gap:9px}.facts div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;font-size:12px;overflow-wrap:anywhere}.secret-value{user-select:all}.rank-list{display:grid;gap:7px}.rank-list div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.rank-list span,.rank-list em{color:var(--muted);font-style:normal;font-size:12px}.payload-cell{max-width:500px;overflow:hidden;text-overflow:ellipsis}.hash-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis}.small-cell{max-width:380px;white-space:normal;overflow-wrap:anywhere}.error-cell{max-width:260px;color:#d7a4aa;white-space:normal;overflow-wrap:anywhere}.actions-cell{display:flex;gap:6px}.actions-cell form{margin:0}.block{display:block}.filters-panel{padding:14px}.filter-row{display:flex;gap:10px;align-items:end}.filter-row label{min-width:130px}.filter-row .grow{flex:1}.device-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.device-service-card{display:block;color:var(--text);background:#0e1219;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.15s transform,.15s border-color,.15s background}.device-service-card:hover{transform:translateY(-2px);border-color:#3b4355;background:#111620}.device-service-head{display:flex;gap:11px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.device-service-head strong,.device-service-head small{display:block}.device-service-head small{color:var(--muted);font-size:11px;margin-top:3px}.device-service-list{display:grid;gap:2px;padding-top:10px}.device-service-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:5px;min-height:31px;font-size:13px}.tree-mark{color:#566078;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.service-name{color:#d9dee8}.service-count{color:var(--muted);font-size:11px;background:#171c26;border:1px solid var(--line);border-radius:99px;padding:3px 7px}.weekday-row{display:flex;gap:8px;flex-wrap:wrap}.weekday-row .check{display:flex;align-items:center;gap:5px;padding:7px 9px;background:#11161e;border:1px solid var(--line);border-radius:9px}.weekday-row input{width:auto}.backup-requests{display:grid;gap:5px;margin-top:14px;color:var(--muted);font-size:11px}.login-body{display:grid;place-items:center;min-height:100vh;background:radial-gradient(circle at 50% 20%,#1b2140,var(--bg) 45%)}.login-card{width:min(400px,calc(100vw - 32px));padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 90px #0008}.login-brand{margin-bottom:28px}.login-card label{display:grid;gap:7px;color:var(--muted);font-size:13px;margin:14px 0}.login-card input{border:1px solid var(--line);background:#0d1016;color:white;border-radius:10px;padding:11px 12px;outline:none;width:100%}.login-card .primary{width:100%;margin-top:8px}
@media(max-width:1350px){.cards.six{grid-template-columns:repeat(3,1fr)}.device-grid,.device-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.layout{grid-template-columns:76px 1fr}.sidebar{padding:22px 12px}.brand>div:last-child,.sidebar nav a{font-size:0}.sidebar nav a:before{content:"•";font-size:20px}.logout button{font-size:0}.logout button:after{content:"↪";font-size:18px}.cards.four,.cards.five{grid-template-columns:repeat(2,1fr)}.grid-two{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.filter-row label{flex:1;min-width:180px}}
@media(max-width:700px){.content{padding:20px 14px}.cards.six,.cards.five,.cards.four{grid-template-columns:1fr 1fr}.device-grid,.device-service-grid{grid-template-columns:1fr}.metric strong{font-size:20px}.page-header{align-items:center}.chart{height:280px}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.subscription-layout{display:grid}.qr{margin:auto}.device-title{align-items:center}.filter-row{display:grid}.filter-row label{min-width:0}.actions-cell{display:grid}}
.org-switch{margin:12px 0 18px}.org-switch select{width:100%;background:#0d1016;color:#dfe4ee;border:1px solid var(--line);border-radius:9px;padding:8px}.plan-badge{font-size:11px;color:#aeb7ff;background:#202840;border:1px solid #303b63;padding:5px 8px;border-radius:99px}.privacy-off{color:#72e2ac}.privacy-on{color:#f4c85c}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.node-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.node-card strong{display:block;font-size:17px}.node-card small{color:var(--muted)}.token-box{padding:12px;background:#0d1016;border:1px solid var(--line);border-radius:10px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.plan-card .price{font-size:28px;font-weight:800;margin:12px 0}.muted{color:var(--muted)}.good-text{color:var(--good)}.warning-text{color:#f4c85c}.admin-mark{color:#aeb7ff}.login-links{display:flex;justify-content:space-between;font-size:12px;margin-top:14px}.login-links a{color:#aeb7ff}.mfa-qr{background:white;padding:12px;border-radius:12px;width:180px;min-height:180px}.hero-note{border:1px solid #2d3550;background:#151b2c;padding:12px 14px;border-radius:12px;color:#bbc5e8}.inline-form{display:inline}.stack{display:grid;gap:12px}.split{display:flex;justify-content:space-between;gap:12px;align-items:center}.node-token-banner{margin:12px 0;padding:14px;border:1px solid #4f4a24;background:#1d1a0d;border-radius:12px;color:#ead977}@media(max-width:1050px){.node-grid,.plans{grid-template-columns:1fr 1fr}}@media(max-width:700px){.node-grid,.plans{grid-template-columns:1fr}}