:root{--bg:#06070a;--panel:#0d1118;--line:#252d3a;--text:#f7f9fc;--muted:#98a1b3;--purple:#8b5cff;--cyan:#20f4e3}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.ht-bg{background:radial-gradient(circle at 80% 0,#27174c55,transparent 40%),var(--bg);color:var(--text);min-height:100vh}.ht-brand{color:var(--cyan);font-weight:900;letter-spacing:.15em}.ht-auth{min-height:100vh;display:grid;place-items:center;padding:20px}.ht-card{background:#0d1118e8;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 24px 80px #0007;margin:18px 0}.ht-auth .ht-card{width:min(430px,100%)}h1{font-size:clamp(30px,6vw,52px);margin:.3em 0;background:linear-gradient(90deg,#fff,#b28cff,var(--cyan));-webkit-background-clip:text;color:transparent}h2,h3{margin-top:0}p{color:var(--muted);line-height:1.6}label{display:block;color:#b4bccb;margin:13px 0 6px}input,select,textarea{width:100%;background:#070a0f;border:1px solid #303a4a;border-radius:12px;color:#fff;padding:12px}button,.btn{background:linear-gradient(90deg,var(--purple),#b44cff);color:#fff;border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.check input{width:auto}.ht-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.ht-shell aside{border-right:1px solid var(--line);padding:24px 16px;background:#080b10}.ht-shell aside a,.ht-shell .link{display:block;width:100%;text-align:left;color:#9ba5b7;padding:12px;border-radius:10px;text-decoration:none;background:transparent}.ht-shell aside a.active{background:#161128;color:#d7c8ff}.ht-shell main{padding:28px;max-width:1400px;width:100%}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article{background:#0e131b;border:1px solid var(--line);border-radius:16px;padding:18px}.kpis span{color:var(--muted)}.kpis b{display:block;font-size:30px;margin-top:6px;color:var(--cyan)}.flow{border:1px solid #303849;border-radius:14px;padding:18px;text-align:center;background:#080c12}.flow strong{color:#b28cff}.ht-error{background:#35151d;border:1px solid #7b2f40;padding:12px;border-radius:12px}.ht-success{background:#0c302d;border:1px solid #1b8277;padding:12px;border-radius:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#070a0f;padding:14px;border-radius:12px;color:#aab5c7}@media(max-width:760px){.ht-shell{grid-template-columns:1fr}.ht-shell aside{display:flex;gap:6px;align-items:center;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px}.ht-shell aside .ht-brand{margin-right:auto}.ht-shell main{padding:18px}.kpis{grid-template-columns:1fr 1fr}}