:root{--bg:#05080d;--panel:#091017;--panel2:#0c151e;--line:#1b2b34;--text:#dce8ea;--muted:#83979f;--cyan:#48f2e2;--green:#50d89d;--red:#ff7885;--font:DM Sans,Arial,sans-serif;--head:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.platform-brand{font:700 18px var(--head);letter-spacing:.08em;display:flex;gap:10px;align-items:center}.platform-brand span{color:var(--cyan);font-size:14px}.kicker{font-size:9px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.muted{color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-brand{padding:55px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 45% 52%,#0c3437 0,transparent 27%),linear-gradient(145deg,#071018,#04070b);border-right:1px solid var(--line)}.auth-brand h1{font:600 clamp(44px,5vw,72px)/1.05 var(--head);letter-spacing:-.055em;margin:18px 0}.auth-brand h1 em{font-style:normal;color:#8d9da4}.auth-brand div>p:last-child{color:#8fa2aa;max-width:490px;line-height:1.8}.auth-brand small{color:#52676f;letter-spacing:.1em}.auth-card{width:min(480px,80%);margin:auto}.back-link{display:inline-block;color:#789098;font-size:12px;margin-bottom:65px}.auth-card h2{font:600 34px var(--head);margin:10px 0}.platform-form{display:grid;gap:17px;margin-top:32px}.platform-form label,.route-form label{font-size:10px;color:#91a4ab;letter-spacing:.04em}.platform-form input,.route-form input{display:block;width:100%;margin-top:8px;border:1px solid #243842;background:#081118;color:#e1edef;padding:14px 15px;outline:none;transition:.2s}.platform-form input:focus,.route-form input:focus{border-color:#3fc9c1;box-shadow:0 0 0 3px #48f2e20c}.primary-action{border:1px solid var(--cyan);background:var(--cyan);color:#071112;padding:14px 17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.primary-action:hover{background:#80fff4}.primary-action.inline{display:inline-flex;gap:30px;margin-top:28px}.auth-switch{margin-top:25px;color:#758a92;font-size:12px}.auth-switch a{color:var(--cyan)}.flash-stack{display:grid;gap:8px;margin:18px 0}.flash{padding:12px 14px;border:1px solid;font-size:12px}.flash.error{color:#ffabb3;border-color:#763b43;background:#251015}.flash.success{color:#8ff1c0;border-color:#25604a;background:#0b241b}
.dashboard-header{height:72px;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:#060a0f;position:sticky;top:0;z-index:10}.dashboard-header>div{display:flex;align-items:center;gap:22px;color:#8ba0a8;font-size:11px}.dashboard-header form{margin:0}.dashboard-header button,.table-button{background:transparent;color:#a9bbc1;border:1px solid var(--line);padding:8px 12px;cursor:pointer}.dashboard-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.sidebar{border-right:1px solid var(--line);padding:35px 24px;background:#060b10;position:sticky;top:72px;height:calc(100vh - 72px)}.sidebar small{display:block;font-size:8px;letter-spacing:.16em;color:#50656d;margin:25px 12px 9px}.sidebar small:first-child{margin-top:0}.sidebar a{display:block;padding:11px 12px;color:#82969e;font-size:12px;border-left:2px solid transparent}.sidebar a:hover,.sidebar a.active{color:#e2edef;background:#0b141b;border-color:var(--cyan)}.dashboard-content{padding:55px clamp(28px,5vw,80px);min-width:0}.dashboard-content>h1{font:600 43px var(--head);letter-spacing:-.04em;margin:8px 0}.lead{color:#8da0a8;max-width:680px;line-height:1.7}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}.metric-grid article{padding:24px;border:1px solid var(--line);background:var(--panel);min-height:145px}.metric-grid small{font-size:8px;color:#5f747d;letter-spacing:.15em;display:block}.metric-grid strong{font:600 17px var(--head);display:block;margin:25px 0 8px;overflow-wrap:anywhere}.metric-grid strong i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 8px var(--green);margin-right:7px}.metric-grid p{font-size:10px;color:#6d828a}.metric-grid.compact article{min-height:105px}.metric-grid.compact strong{font-size:30px;margin:14px 0 0}
.admin-section{margin-top:65px;scroll-margin-top:95px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-title h2{font:600 24px var(--head);margin:6px 0}.status-chip{font-size:8px;color:var(--green);border:1px solid #245b46;background:#0a2018;padding:7px 9px}.route-form{display:grid;grid-template-columns:.8fr 1fr 1.25fr auto;gap:12px;align-items:end;padding:20px;border:1px solid var(--line);background:#081017;margin-bottom:18px}.route-form .primary-action{height:45px;white-space:nowrap}.joined-input{display:flex;margin-top:8px}.joined-input input{margin:0}.joined-input span{display:flex;align-items:center;padding:0 12px;border:1px solid #243842;border-left:0;color:#6f858d;background:#0b141b;font-size:11px;white-space:nowrap}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:#070d12;min-width:780px}th{text-align:left;padding:12px 16px;font-size:8px;color:#5e747d;letter-spacing:.13em;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #14232b;color:#91a4ab;font-size:11px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td strong{color:#d2dfe2;margin-bottom:4px}td small{font-size:8px;color:#52676f}td a{color:#b8c8cd}td code,.dns-note code{color:#7ccec8;background:#0a171c;padding:4px 6px;font-size:10px}.route-status{font-size:9px}.route-status.on{color:var(--green)}.route-status.off{color:#7b8d94}.actions{display:flex;gap:6px}.actions form{margin:0}.actions button{border:1px solid var(--line);background:#0b141a;color:#96aab1;padding:7px 9px;font-size:9px;cursor:pointer}.actions button.danger{color:#ff929c;border-color:#4d292f}.empty{text-align:center;padding:30px;color:#5e747c}.dns-note{padding:14px;border:1px solid #403a26;background:#17150c;color:#a9a184;font-size:10px;margin:12px 0}.audit-list{border:1px solid var(--line);background:#070d12}.audit-list>div{display:grid;grid-template-columns:150px 1fr auto;gap:20px;padding:13px 16px;border-bottom:1px solid #14232b;align-items:center}.audit-list>div:last-child{border:0}.audit-list span{font-size:9px;color:var(--cyan)}.audit-list b{font-size:10px;font-weight:500;color:#9badb3;overflow-wrap:anywhere}.audit-list small{font-size:8px;color:#52676f}
.password-form{grid-template-columns:repeat(3,1fr) auto}.account-security{max-width:1050px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-card{width:min(480px,88%);padding:45px 0}.back-link{margin-bottom:45px}.dashboard-shell{display:block}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:4px;padding:12px 18px;overflow:auto}.sidebar small{display:none}.sidebar a{white-space:nowrap}.dashboard-content{padding:35px 20px}.metric-grid{grid-template-columns:1fr}.route-form{grid-template-columns:1fr}.audit-list>div{grid-template-columns:1fr;gap:5px}.dashboard-header{padding:0 18px}.dashboard-header>div>span{display:none}}