:root{--ink:#e8edf8;--muted:#9ba9c1;--bg:#0c1120;--surface:#151d31;--line:#27334d;--accent:#7c9cff;--success:#38c792;--error:#ff8b8b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#202d52 0,transparent 35%),var(--bg);color:var(--ink);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}header{max-width:1120px;margin:auto;height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:white;text-decoration:none}.brand span{color:var(--accent)}main{max-width:1120px;margin:24px auto 80px;padding:0 24px}.user{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px}.role,.status{border-radius:999px;padding:3px 9px;font-size:12px;text-transform:capitalize;background:#253353;color:#c6d5ff}.link{padding:0;background:transparent;color:var(--muted);font-weight:500}.hero{display:flex;justify-content:space-between;gap:30px;padding:40px 0 30px}.eyebrow{color:#a9bbff;text-transform:uppercase;font-size:12px;letter-spacing:1.6px;font-weight:700;margin:0 0 8px}.hero h1,.login-card h1{font-size:clamp(30px,5vw,48px);line-height:1.08;letter-spacing:-1.8px;max-width:620px;margin:0 0 14px}.hero p{max-width:640px;color:var(--muted);font-size:17px}.metric{min-width:130px;align-self:center;border:1px solid var(--line);background:#11192b;border-radius:14px;padding:18px;text-align:center}.metric strong{display:block;font-size:34px}.metric span,.muted,small{color:var(--muted)}.grid{display:grid;gap:18px;margin:8px 0 18px}.grid.two{grid-template-columns:1fr 1fr}.card,.domain-card,.login-card{background:linear-gradient(135deg,#182239,#121a2d);border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px;box-shadow:0 10px 30px #00000018}.card h2,.domain-card h2{font-size:18px;margin:0 0 14px}.stack{display:grid;gap:14px}label{display:grid;gap:6px;color:#c7d1e9;font-size:13px;font-weight:600}input,textarea{width:100%;background:#0d1425;color:#fff;border:1px solid #33425f;border-radius:8px;padding:11px 12px;font:inherit;outline:none}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c9cff25}button{border:0;border-radius:8px;padding:11px 15px;background:var(--accent);color:#0c1120;font:700 14px inherit;cursor:pointer}button:hover{filter:brightness(1.08)}.danger{background:#d75a67;color:#fff;padding:7px 10px}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:center}.section-title>span{color:var(--muted);font-size:13px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;vertical-align:top}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px}td small{display:block;margin-top:3px}.pending,.queued{background:#4a3b19;color:#ffd980}.active{background:#173e35;color:#8ee9c0}.error{background:#4b242a;color:#ffb4ba}.success{background:#173e35;color:#8ee9c0}.flash{border-radius:10px;padding:12px 14px;margin-bottom:18px}.mini-form{display:grid;gap:9px;margin-top:12px;min-width:245px}.mini-form input{padding:8px}.mini-form button{padding:8px}.empty{color:var(--muted);padding:24px 0}.domain-card{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:14px 0 0;padding:18px}.inline-form{display:flex;gap:8px;align-items:end;min-width:250px}.inline-form label{flex:1}.sub-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.sub-list li{display:flex;align-items:center;gap:9px}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tool-nav a,.back{color:#bdcaff;text-decoration:none;border:1px solid #33425f;border-radius:7px;padding:7px 10px;font-size:13px}.tool-nav a:hover,.back:hover{background:#22304d}.back{display:inline-block}.compact{padding:20px 0 4px}.compact h1{font-size:32px}.login-card{max-width:480px;margin:80px auto}.login-card h1{font-size:34px}code{font:13px ui-monospace,SFMono-Regular,Consolas,monospace;color:#b7c7ff}ol{padding-left:20px}.card li{margin:9px 0}@media(max-width:700px){header,main{padding-left:16px;padding-right:16px}.hero,.domain-card{display:block}.metric{display:inline-block}.grid.two{grid-template-columns:1fr}.inline-form{margin-top:18px;min-width:0}.user>span:first-child{display:none}}
