@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090d13;--rail:#0d121b;--panel:#111a25;--panel2:#151f2c;--line:#233142;--muted:#8393a5;--text:#edf3fa;--lime:#d8ff63;--mint:#66efc0;--blue:#72caff;--orange:#ffbf70;--red:#ff7389;--purple:#bca0ff;--radius:16px;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% -12%,#18445155,transparent 34%),radial-gradient(ellipse at 9% 100%,#31482133,transparent 34%),var(--bg);color:var(--text);font-size:13px}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:238px;padding:22px 14px 14px;background:linear-gradient(180deg,#101722,#0a1018 85%);border-right:1px solid #263545;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#f3f6ed;font-size:17px;font-weight:800;letter-spacing:.8px;padding:0 10px 26px}.brand>span:last-child{line-height:1}.brand>span:last-child>span{color:var(--lime)}.brand small{display:block;color:#80919e;font:8px 'DM Mono',monospace;letter-spacing:1.6px;margin-top:6px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#112019;background:linear-gradient(135deg,var(--lime),var(--mint),var(--blue));box-shadow:0 0 22px #65e8bd3b;font-size:19px}.nav-label{padding:7px 10px 9px;color:#6f8191;font:9px 'DM Mono',monospace;letter-spacing:1.5px}.rail nav{display:grid;gap:5px}.nav{border:1px solid transparent;border-radius:10px;background:transparent;color:#9dabb8;text-align:left;padding:10px 10px;display:flex;align-items:center;gap:10px;font-size:11px;transition:.15s}.nav:hover{color:#eff9f3;background:#ffffff07;border-color:#2b3b49}.nav.active{background:linear-gradient(100deg,#26372b,#172c35);border-color:#476e5b;color:#eff9e9;box-shadow:inset 3px 0 var(--lime)}.nav i{width:17px;color:#8fdcc3;font-style:normal;text-align:center;font-size:14px}.nav b{margin-left:auto;color:#aebdca;font:9px 'DM Mono',monospace}.nav b.alert-badge{color:#ffc2ca}.rail-bottom{margin-top:auto;border-top:1px solid var(--line);padding:14px 7px 4px;display:flex;align-items:center;gap:8px;color:#83a097;font:8px 'DM Mono',monospace;letter-spacing:.6px}.demo-dot,.led{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #d8ff63aa}.version{margin-left:auto;color:#637487}.main{margin-left:238px;min-height:100vh}.topbar{height:64px;position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#0d141ded;border-bottom:1px solid #263545;backdrop-filter:blur(15px)}.crumb{display:flex;align-items:center;gap:10px;font-size:11px;color:#718598}.crumb a{color:#9daeb9;text-decoration:none}.crumb b{color:#edf4f8;font-weight:600}.top-actions{display:flex;align-items:center;gap:11px}.demo-pill{display:flex;align-items:center;gap:7px;border:1px solid #354751;background:#13201f;color:#a1d6be;border-radius:99px;padding:6px 9px;font:8px 'DM Mono',monospace;letter-spacing:.7px}.demo-pill i{width:5px;height:5px;border-radius:50%;background:var(--orange)}.icon-btn{border:1px solid var(--line);border-radius:9px;background:#151e29;color:#b2c4d0;width:28px;height:28px}.admin-avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#455c32,#20525b);color:#e1ffb7;font-weight:800}.admin-label{font-size:10px;color:#e3ebed}.admin-label small{display:block;color:#708293;font:7px 'DM Mono',monospace;letter-spacing:.8px;margin-top:3px}.notice{margin:16px 28px 0;padding:10px 13px;display:flex;align-items:center;gap:10px;border:1px solid #5c623d;border-radius:10px;background:linear-gradient(100deg,#22291a,#18252a);color:#b9c7bb;font-size:9px}.notice b{color:#edffc8;white-space:nowrap}.notice button{margin-left:auto;background:none;border:0;color:#a9b6aa;font-size:18px}.view{padding:24px 28px 50px;max-width:1580px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:19px}.eyebrow{font:9px 'DM Mono',monospace;letter-spacing:1.4px;color:#8bc8ad;text-transform:uppercase}.page-head h1{margin:7px 0 5px;font-size:26px;letter-spacing:-1px;background:linear-gradient(90deg,#fff,#ddffa2 65%,#9ee8d6);color:transparent;background-clip:text}.page-head p{margin:0;color:#91a0ad;font-size:10px}.actions{display:flex;gap:7px;flex-wrap:wrap}.btn{border:1px solid #3a4b59;border-radius:9px;background:linear-gradient(180deg,#1d2936,#16212b);padding:8px 11px;color:#d6e3e8;font-size:9px}.btn:hover{border-color:#71967c;filter:brightness(1.12)}.btn.primary{border:0;background:linear-gradient(110deg,var(--lime),var(--mint),var(--blue));color:#142019;font-weight:800}.btn.warn{border-color:#704d3e;color:#ffc3a0;background:#2b1d1b}.btn.ghost{background:transparent}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.stat,.panel,.table-wrap,.tool-card{border:1px solid #293a49;border-radius:var(--radius);background:linear-gradient(145deg,#151f2b,#101821);box-shadow:0 12px 25px #0003,inset 0 1px #ffffff08}.stat{padding:14px 15px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--lime),var(--mint),var(--blue))}.stat-label{color:#96a6b3;font:8px 'DM Mono',monospace;letter-spacing:.5px}.stat-value{margin-top:7px;font-size:22px;font-weight:700;letter-spacing:-1px}.stat-foot{margin-top:4px;color:#80909b;font-size:8px}.stat-foot strong{color:#a6edc9;font-weight:600}.grid{display:grid;gap:12px}.two{grid-template-columns:minmax(0,1.35fr) minmax(250px,.8fr)}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-head h2{font-size:12px;margin:0}.panel-head small{font:8px 'DM Mono',monospace;color:#8093a0}.link{background:none;border:0;color:#a9ebc6;font-size:9px}.service-list{display:grid;gap:3px}.service{display:flex;align-items:center;gap:10px;padding:9px 3px;border-top:1px solid #24313d}.service:first-child{border:0}.service-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#1b2d2c;color:#8af0c9}.service-text{flex:1}.service b{display:block;font-size:9px}.service small{display:block;color:#8091a0;font-size:8px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid #315544;border-radius:99px;padding:5px 7px;background:#14251e;color:#9ff1bc;font:7px 'DM Mono',monospace;white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}.status.warn{border-color:#624c34;background:#28221a;color:#ffd19a}.status.warn:before{background:var(--orange);box-shadow:none}.status.off{border-color:#4b4652;background:#211e27;color:#b8aeca}.status.off:before{background:#9987b5;box-shadow:none}.status.bad{border-color:#633844;background:#2a191f;color:#ffacb8}.status.bad:before{background:var(--red);box-shadow:none}.activity{display:grid;gap:9px}.activity-row{display:flex;gap:9px;align-items:flex-start;color:#b9c6cd;font-size:9px;line-height:1.45}.activity-row small{display:block;color:#748895;font-size:8px;margin-top:2px}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);margin-top:4px;flex:none}.activity-dot.orange{background:var(--orange)}.activity-dot.blue{background:var(--blue)}.activity-dot.purple{background:var(--purple)}.table-wrap{overflow:hidden}.table-tools{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #283746}.input,.select,.textarea{border:1px solid #344656;border-radius:8px;background:#0c131c;color:#e1ebf0;padding:8px 10px;font-size:9px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#78d8b3;box-shadow:0 0 0 3px #66efc014}.input{min-width:180px}.table-tools .input{flex:1;max-width:360px}.table-tools .spacer{flex:1}table{width:100%;border-collapse:collapse}th{padding:9px 12px;text-align:left;color:#78909e;background:#111a23;font:8px 'DM Mono',monospace;letter-spacing:.7px;text-transform:uppercase}td{padding:10px 12px;border-top:1px solid #24313d;color:#c7d2da;font-size:9px;vertical-align:middle}tbody tr:hover{background:#ffffff04}.person{display:flex;align-items:center;gap:9px}.person-avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#d7ffb7;background:linear-gradient(135deg,#354d32,#1b4244);font-size:10px;font-weight:800}.person b,.person small{display:block}.person b{color:#edf3f2;font-size:9px}.person small{margin-top:3px;color:#81919b;font:7px 'DM Mono',monospace}.row-actions{display:flex;gap:5px}.mini-btn{border:1px solid #344555;border-radius:7px;background:#18232e;color:#aebfca;padding:5px 7px;font-size:8px}.mini-btn:hover{border-color:#73b795}.tag{display:inline-block;border:1px solid #354552;border-radius:99px;color:#9fb3c0;background:#19232d;padding:4px 6px;font:7px 'DM Mono',monospace}.tag.green{border-color:#315544;background:#14251e;color:#9ff1bc}.tag.orange{border-color:#5e4a32;background:#292219;color:#ffcb91}.tag.red{border-color:#603846;background:#291920;color:#ffacb8}.empty{padding:28px;text-align:center;color:#8497a2;font-size:10px}.toolbar{display:flex;gap:7px;flex-wrap:wrap}.tool-card{padding:14px}.tool-card h3{margin:0 0 7px;font-size:10px}.tool-card p{margin:0 0 11px;color:#8596a2;font-size:8px;line-height:1.55}.field{display:grid;gap:5px;margin:10px 0}.field label{color:#95a7b1;font:8px 'DM Mono',monospace;letter-spacing:.4px}.field .input,.field .select,.field .textarea{width:100%}.textarea{min-height:82px;resize:vertical}.checkline{display:flex;align-items:center;gap:8px;color:#abb9c1;font-size:9px;margin:9px 0}.checkline input{accent-color:#b7ef73}.toggle{display:inline-flex;align-items:center;gap:8px;color:#9eb0ba;font-size:9px}.toggle input{accent-color:#8ee5b9}.callout{padding:11px 12px;border:1px solid #405342;border-radius:10px;background:#18231c;color:#b7c8bc;font-size:9px;line-height:1.6}.callout b{color:#d9ffb1}.dns-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.flow-step{padding:10px;border:1px solid #2d3d4c;border-radius:10px;background:#101923}.flow-step b{display:block;color:#e4f0ef;font-size:9px}.flow-step small{display:block;margin-top:5px;color:#8798a5;font-size:8px;line-height:1.5}.mono{font:8px 'DM Mono',monospace;color:#a7dec5;word-break:break-all}.console-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #2a3b49;border-radius:11px;background:#101923}.console-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#263f42,#1a2a38);display:grid;place-items:center;font-size:17px}.console-card>div:nth-child(2){flex:1}.console-card b{display:block;font-size:10px}.console-card small{display:block;color:#8193a2;font-size:8px;margin-top:4px}.sparkline{height:48px;width:100%;display:block}.toast{position:fixed;bottom:20px;right:22px;z-index:20;opacity:0;transform:translateY(8px);transition:.2s;border:1px solid #5b8169;border-radius:11px;background:linear-gradient(110deg,#1a2c20,#152a31);box-shadow:0 14px 35px #0008;color:#d9ffbd;padding:11px 14px;font-size:10px;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}dialog{width:min(480px,calc(100vw - 30px));border:1px solid #3d5361;border-radius:16px;background:linear-gradient(145deg,#17232f,#101821);color:#eaf1f2;padding:20px;box-shadow:0 24px 90px #000b}dialog::backdrop{background:#03070bbd;backdrop-filter:blur(5px)}.dialog-close{float:right;background:transparent;border:0;color:#a6b5c0;font-size:20px}.dialog-content h2{font-size:17px}.dialog-content p{color:#9aabb6;font-size:10px;line-height:1.6}@media(max-width:1050px){.rail{width:205px}.main{margin-left:205px}.view{padding:20px}.topbar{padding:0 20px}.notice{margin-inline:20px}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.rail{position:sticky;top:0;inset:auto;width:auto;height:auto;padding:9px 12px;background:#0d1419ed;backdrop-filter:blur(16px);border-right:0;border-bottom:1px solid #2b3a44}.brand{padding:0 2px 10px;font-size:14px}.brand-mark{width:30px;height:30px}.brand small{font-size:7px;margin-top:4px}.nav-label,.rail-bottom{display:none}.rail nav{display:flex;overflow:auto;gap:4px;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.nav{white-space:nowrap;padding:7px 9px;border:1px solid #263642;background:#121d25;border-radius:99px;font-size:9px}.nav i{display:none}.nav b{font-size:7px}.main{margin:0}.topbar{height:50px;padding:0 12px}.top-actions{gap:7px}.demo-pill{font-size:7px;padding:5px 7px}.admin-label{display:none}.admin-avatar{width:25px;height:25px}.notice{margin:10px 11px 0;font-size:8px;align-items:flex-start}.notice b{white-space:normal}.view{padding:16px 11px 35px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:13px}.page-head h1{font-size:23px}.stats{gap:7px}.stat{padding:11px}.stat-value{font-size:19px}.stat-label{font-size:7px}.three{grid-template-columns:1fr}.panel{padding:12px}.table-wrap{overflow:auto}table{min-width:700px}.table-tools{flex-wrap:wrap}.input{min-width:0}.dns-flow{grid-template-columns:1fr}.console-card{align-items:flex-start}.hide-mobile{display:none}}