:root{color-scheme:dark;--bg:#091727;--card:#102538;--line:#284356;--mint:#79efd0;--text:#eef5ff;--muted:#9bb0c3}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh;background:radial-gradient(ellipse at 85% 0,#29305155,transparent 55%),var(--bg);color:var(--text);font:15px 'Segoe UI',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:9px;padding:11px 17px;background:#173448;transition:.15s}button:hover{border-color:var(--mint);background:#204454}button:disabled{opacity:.5;cursor:wait}.primary{background:linear-gradient(100deg,#77e9bc,#6ed5e7);color:#062431;border:none;font-weight:650}.danger{border-color:#b65a75;color:#ffb8c8;background:#4b243a}.quiet{background:transparent}.small{font-size:13px;padding:7px 11px}aside{width:242px;flex-shrink:0;min-height:100vh;padding:28px 18px;background:linear-gradient(170deg,#14364099,#111b32 70%,#25203b);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:14px;align-items:center;font-size:25px;font-weight:650;padding:0 4px 35px}.brand img{width:56px;height:56px}.brand span{display:block;font-size:10px;letter-spacing:4px;color:var(--mint);margin-top:4px}.side-label,.eyebrow{font-size:10px;color:var(--mint);letter-spacing:2px;font-weight:700}.side-label{padding:12px}nav{display:grid;gap:6px}nav button{border:none;text-align:left;color:var(--muted);background:transparent;display:flex;gap:12px;align-items:center;padding:15px 14px}nav button.selected{background:#22535b80;color:var(--mint);box-shadow:inset 3px 0 var(--mint)}.side-bottom{margin-top:auto;padding:28px 9px 0;font-size:12px;color:var(--muted)}small{display:block;color:var(--muted);line-height:1.6;font-size:12px}.side-bottom small{margin-top:12px;font-size:10px}.dot{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:100%;margin-right:6px}main{margin-left:242px;padding:34px 38px;flex:1;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font-size:30px;margin:8px 0 0;font-weight:650}h2{font-size:21px;margin:0 0 12px}h3{margin:0 0 8px;font-size:16px}.header-actions{display:flex;gap:10px;align-items:center}.pill{border:1px solid #317467;border-radius:24px;padding:8px 13px;font-size:12px;color:var(--mint);white-space:nowrap}.hero{position:relative;overflow:hidden;padding:33px;border:1px solid #347b8055;border-radius:18px;background:radial-gradient(ellipse at 15% 5%,#19cfa44d,transparent 55%),radial-gradient(ellipse at 90% 10%,#8c41aa4d,transparent 65%),linear-gradient(120deg,#113f4d,#132035);display:flex;align-items:center;justify-content:space-between;gap:30px}.hero h2{font-size:31px;max-width:560px;line-height:1.2}.hero p{max-width:620px;color:#bdcfde;line-height:1.7}.hero img{width:142px;height:142px;filter:drop-shadow(0 0 28px #48f5d036)}.hero .eyebrow{margin-bottom:14px;display:block}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.card{padding:24px;background:linear-gradient(150deg,#142c3dd9,#102235);border:1px solid var(--line);border-radius:14px}.metric{font-size:34px;color:#e3fff9;font-weight:650;margin:12px 0 3px}.muted,p{color:var(--muted);line-height:1.65}.notice{padding:17px 20px;border:1px solid #746539;border-radius:12px;background:#493f1c3b;color:#ecdcaa;line-height:1.65;margin:20px 0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.toolbar input{max-width:340px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:10px;letter-spacing:1px;color:var(--muted);padding:16px 20px;background:#142d40}td{padding:17px 20px;border-top:1px solid var(--line);font-size:14px}td.actions{white-space:nowrap}td strong{display:block}label{display:grid;gap:7px;margin:17px 0;font-size:13px;color:#d1dfeb}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #3b566b;border-radius:8px;background:#0a1a2b;color:var(--text);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--mint)}textarea{min-height:190px;font:12px Consolas,monospace;line-height:1.6}form{max-width:620px}.setup{max-width:760px;margin:25px auto}.setup .card{margin-top:20px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.steps{list-style:none;padding:0;counter-reset:steps}.steps li{counter-increment:steps;padding:18px 0 18px 45px;border-bottom:1px solid var(--line);position:relative}.steps li:before{content:counter(steps);position:absolute;left:0;border-radius:50%;background:#1e4d56;color:var(--mint);padding:3px 10px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#6f899e;font-size:11px;margin-top:35px;padding-top:20px}#message{padding:14px 20px;background:#194438;border:1px solid #448771;border-radius:10px;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere}#message.error{background:#4e2636;border-color:#b05874;color:#ffd0db}dialog{background:#102338;color:var(--text);border:1px solid #36556c;border-radius:16px;padding:26px;width:min(600px,92vw);max-height:90vh}dialog::backdrop{background:#020b17bb;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.empty{text-align:center;padding:50px;color:var(--muted)}.link{color:var(--mint);text-decoration:none}.stack{display:grid;gap:15px}.wide{grid-column:1/-1}code{color:#a2e7df;overflow-wrap:anywhere}@media(max-width:1000px){aside{width:205px}main{margin-left:205px;padding:25px}.brand{font-size:21px}.grid{grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:flex-end}.hero img{width:95px;height:95px}}@media(max-width:700px){aside{position:static;min-height:auto;width:auto;padding:15px}.side-label,.side-bottom,.brand{display:none}body{display:block}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px}main{margin:0;padding:20px}.hero img{display:none}.row{grid-template-columns:1fr}header{align-items:start}.hero{padding:22px}.hero h2{font-size:25px}footer{display:block}footer span{display:block;margin-top:5px}}