:root{--bg:#090d14;--panel:#111722;--panel2:#161e2b;--line:#263246;--text:#f6f8fb;--muted:#8f9bad;--accent:#5f7cff;--accent2:#8296ff;--ok:#35d07f;--bad:#ff6677;--warn:#ffcc66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -20%,#1d2950 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:rgba(10,14,22,.94);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.brand-mark{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,var(--accent),#8d5bff);box-shadow:0 14px 40px rgba(95,124,255,.28)}.brand-mark.small{width:42px;height:42px;border-radius:13px;font-size:13px}.sidebar nav{display:grid;gap:7px;margin-top:42px}.sidebar nav a,.logout{padding:11px 13px;text-decoration:none;color:var(--muted);border-radius:11px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#151d2a;color:white}.logout:hover{color:white}.content{padding:34px 42px 60px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.topbar h1{margin:2px 0 0;font-size:30px;letter-spacing:-.8px}.eyebrow{margin:0;color:var(--accent2);font-size:11px;font-weight:800;letter-spacing:1.5px}.domain-pill{background:#111a26;border:1px solid var(--line);padding:10px 14px;border-radius:999px;font-size:12px;color:#c9d2e1}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stats article{background:linear-gradient(180deg,#141b27,#0f151f);border:1px solid var(--line);border-radius:16px;padding:19px}.stats span{display:block;color:var(--muted);font-size:12px;margin-bottom:9px}.stats strong{font-size:22px}.stats strong.ok{color:var(--ok)}.stats strong.bad{color:var(--bad)}.small-text{font-size:15px!important}.panel{background:rgba(17,23,34,.94);border:1px solid var(--line);border-radius:19px;padding:24px;margin-top:18px;box-shadow:0 18px 50px rgba(0,0,0,.14)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel h2{margin:3px 0 4px;font-size:20px}.panel-head p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px}.btn{border:0;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--accent),#7e64ff);color:white}.btn.secondary{background:#25314a;color:white;border:1px solid #354565}.btn.ghost{background:#151e2c;color:#dce4ef;border:1px solid var(--line)}.dns-table{overflow-x:auto}.dns-row{min-width:760px;display:grid;grid-template-columns:64px 1fr 2fr 110px 44px;gap:10px;align-items:center;margin-bottom:9px}.dns-head{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:0 4px}.dns-row input,.grid2 input,label textarea{width:100%;background:#0d131d;border:1px solid #2a3649;color:white;border-radius:10px;padding:11px 12px;outline:none}.dns-row input:focus,.grid2 input:focus,label textarea:focus{border-color:var(--accent)}.icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid #402b35;background:#21151b;color:#ff8c9a;font-size:21px;cursor:pointer}.switch{width:44px;height:24px;display:block;position:relative}.switch input{display:none}.switch span{position:absolute;inset:0;background:#30394a;border-radius:999px;cursor:pointer}.switch span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:var(--ok)}.switch input:checked+span:after{transform:translateX(20px)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2 label,.block{font-size:12px;color:#cbd4e2;font-weight:650}.grid2 input,.block textarea{display:block;margin-top:7px}.wide{grid-column:1/-1}.muted{color:var(--muted);font-weight:400}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.toggle-card{display:flex;gap:11px;align-items:flex-start;background:#0d141e;border:1px solid var(--line);padding:15px;border-radius:12px}.toggle-card input{margin-top:3px;accent-color:var(--accent)}.toggle-card b,.toggle-card small{display:block}.toggle-card b{font-size:13px}.toggle-card small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}.block{display:block}.savebar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.savebar code{color:#dce4ef}.endpoint-list{display:grid;gap:9px}.endpoint-list>div{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#0c121b;border:1px solid #202b3b;padding:12px 14px;border-radius:11px}.endpoint-list code{font-size:12px;color:#b9c7ff;overflow-wrap:anywhere}.endpoint-list a{font-size:12px;color:#9aabff;text-decoration:none}.align-right{text-align:right}.alert{border-radius:12px;padding:13px 15px;margin:14px 0;font-size:13px}.alert.success{background:#10251b;border:1px solid #225d3d;color:#8de4b4}.alert.danger{background:#29151a;border:1px solid #66313b;color:#ff9ba7}.alert.warning{background:#2a2211;border:1px solid #695527;color:#ffe0a0}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(420px,100%);background:rgba(17,23,34,.96);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.4);text-align:center}.login-card .brand-mark{margin:0 auto 18px}.login-card h1{margin:0;font-size:26px}.login-card .muted{margin:5px 0 24px}.stack{display:grid;gap:15px;text-align:left}.stack label{font-size:12px;color:#cbd4e2;font-weight:650}.stack input{display:block;width:100%;margin-top:7px;background:#0c121b;border:1px solid var(--line);color:white;padding:12px;border-radius:10px}.stack .btn{margin-top:3px}.tiny{color:#657187;font-size:10px;margin:22px 0 0}footer{color:#5f6b7c;font-size:11px;text-align:center;padding:28px 0 0}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;flex-direction:row;padding:14px 18px}.sidebar nav{display:none}.brand small{display:none}.logout{align-self:center}.content{padding:22px 16px 40px}.stats{grid-template-columns:1fr 1fr}.toggle-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.grid2{grid-template-columns:1fr}.wide{grid-column:auto}.savebar{align-items:flex-start;flex-direction:column}.savebar .btn{width:100%}}@media(max-width:520px){.stats{grid-template-columns:1fr}.panel{padding:18px}.domain-pill{font-size:10px}.topbar h1{font-size:25px}}