:root{color-scheme:dark;--bg:#071019;--panel:#101d28;--line:#203240;--cyan:#27e1c1;--orange:#ff7a45;--muted:#91a2ae}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -20%,#133a45 0,transparent 35%),var(--bg);color:#edf7f8;font:15px/1.5 Inter,system-ui,sans-serif}a{color:var(--cyan);text-decoration:none}
header{height:101px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));background:#071019dd;position:sticky;top:0;backdrop-filter:blur(16px);z-index:3}
.brand{display:flex;align-items:center;gap:18px}.brand img{display:block;width:290px;height:88px;object-fit:contain}.brand span{border-left:1px solid var(--line);padding-left:18px;color:var(--cyan);font-size:21px;font-weight:900;letter-spacing:.04em}nav{display:flex;gap:24px;align-self:flex-end;padding-bottom:17px}
.shell{max-width:1120px;margin:auto;padding:42px 24px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.hero h1{font-size:44px;line-height:1;margin:10px 0}.hero p,.muted,.section-title p{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--cyan);font-weight:800}
.card{background:linear-gradient(145deg,#122431,#0d1821);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 20px 70px #0004}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-title h2,.section-title p{margin:0}.button,button{border:0;background:var(--cyan);color:#04211c;padding:11px 17px;border-radius:10px;font-weight:800;cursor:pointer}
label{display:flex;flex-direction:column;gap:6px;color:#c4d2da;font-weight:600}input,textarea{width:100%;border:1px solid var(--line);background:#07131c;color:white;border-radius:10px;padding:11px;font:inherit}textarea{font-family:ui-monospace,monospace}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}form{display:grid;gap:16px}.check{flex-direction:row;align-items:center}.check input{width:auto}
.table{border-top:1px solid var(--line)}.tr{display:grid;grid-template-columns:2fr .6fr .8fr .7fr;gap:16px;align-items:center;padding:15px 5px;border-bottom:1px solid var(--line)}.tr small{display:block;color:var(--muted)}.tr span:last-child{text-align:right}.head{color:var(--muted);font-size:12px;text-transform:uppercase}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#687680;margin-right:8px}.dot.live{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(440px,100%)}.login-brand{display:flex;align-items:center;gap:16px}.login-brand img{width:245px;height:70px;object-fit:contain}.login-brand strong{border-left:1px solid var(--line);padding-left:16px;color:var(--cyan);font-size:24px}.success,.error{padding:13px 16px;border-radius:10px;margin-bottom:18px}.success{background:#123a32;color:#8cfbe5}.error{background:#472122;color:#ffb5ad}.empty{color:var(--muted);padding:24px;text-align:center}
@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{align-items:start;gap:20px}.hero h1{font-size:34px}header{height:88px}.brand img{width:165px;height:54px}.brand span{font-size:16px}nav{padding-bottom:12px;gap:14px}.tr{grid-template-columns:1.6fr .5fr .7fr}.tr span:last-child{grid-column:1/-1;text-align:left}.head span:last-child{display:none}}