:root{font-family:Inter,system-ui,sans-serif;color:#e9eef7;background:#0a1020}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid #24314e;background:#111a2e}header span{display:block;color:#8ea0bd;font-size:13px;margin-top:4px}button{background:#6d5dfc;color:white;border:0;border-radius:9px;padding:10px 15px;cursor:pointer;font-weight:650}.ghost{background:#25314b}nav{width:100%;padding:14px 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px}nav button{min-width:0;background:#18233a;color:#aab7cc;white-space:normal;line-height:1.15}nav button.active{background:#6d5dfc;color:#fff}main{padding:0 28px 40px;max-width:1500px;margin:auto}.toolbar{display:flex;gap:10px;align-items:center;margin:12px 0 20px;flex-wrap:wrap}input,select,textarea{background:#111a2e;border:1px solid #30405f;color:#eef3fb;border-radius:9px;padding:11px;width:100%}.toolbar input{max-width:420px}.toolbar select{max-width:260px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.card,.change,.auditrow{background:#111a2e;border:1px solid #263654;border-radius:12px;padding:16px}.card h3{margin:0 0 6px}.muted{color:#8ea0bd}.tag{display:inline-block;background:#243354;border-radius:999px;padding:4px 8px;font-size:12px;margin:8px 4px 8px 0}.card button{margin-top:10px}.change,.auditrow{margin:10px 0}.actions{display:flex;gap:8px;margin-top:10px}.auth{display:grid;min-height:100vh;place-items:center}.authbox{width:min(420px,92vw);background:#111a2e;padding:30px;border-radius:16px;border:1px solid #293a5c}.authbox label,dialog label{display:block;margin:16px 0}.error{background:#602a35;padding:10px;border-radius:8px}dialog{width:min(800px,94vw);background:#111a2e;color:#fff;border:1px solid #405276;border-radius:14px}dialog textarea{min-height:420px;font-family:monospace}.close{float:right;background:#283550}@media(max-width:600px){header,main,nav{padding-left:14px;padding-right:14px}nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:10px;padding-bottom:10px}nav button{min-height:42px;padding:7px 4px;font-size:10px}}
.hero{display:flex;justify-content:space-between;align-items:center;padding:34px;border:1px solid #293a5c;border-radius:18px;background:radial-gradient(circle at 85% 10%,#392d8f 0,transparent 38%),linear-gradient(135deg,#121d34,#0d1427);margin:12px 0 18px}.hero h1{font-size:clamp(30px,5vw,54px);margin:7px 0}.hero p{color:#aab7cc;margin:0}.eyebrow{font-size:11px;letter-spacing:.16em;color:#8f83ff}.live{background:#142a29;border:1px solid #285b55;padding:9px 12px;border-radius:999px;color:#74e6d1;font-size:12px}.live i{display:inline-block;width:7px;height:7px;background:#4ee5be;border-radius:50%;margin-right:6px}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}.kpis article,.panel{background:#111a2e;border:1px solid #263654;border-radius:14px;padding:18px}.kpis span{display:block;color:#8ea0bd;font-size:12px}.kpis strong{display:block;font-size:30px;margin-top:8px}.panel h2{margin-top:0}.barrow{display:grid;grid-template-columns:minmax(160px,1fr) 4fr 40px;gap:12px;align-items:center;margin:11px 0}.barrow>div{height:9px;background:#202d49;border-radius:99px;overflow:hidden}.barrow i{display:block;height:100%;background:linear-gradient(90deg,#6d5dfc,#48d7c5);border-radius:99px}.fieldgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}details{margin:12px 0}summary{cursor:pointer;color:#aab7cc}.history{padding:9px 0;border-top:1px solid #263654}.history small{display:block;color:#8ea0bd;margin-top:3px}#review-badge:not(:empty){background:#ec5d71;color:#fff;padding:2px 6px;border-radius:99px;margin-left:4px}@media(max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.hero{padding:22px}.live{display:none}.kpis{grid-template-columns:repeat(2,1fr)}.fieldgrid{grid-template-columns:1fr}.barrow{grid-template-columns:1fr 2fr 28px}}
.progress{height:8px;background:#202d49;border-radius:99px;overflow:hidden;margin:16px 0}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6d5dfc,#48d7c5);transition:width .2s}.onboarding-step{padding:14px;border:1px solid #2c3d5e;border-radius:12px;margin:10px 0}.onboarding-step.active{border-color:#7567ff;background:#151f38}.onboarding-step.done{opacity:.62}.onboarding-step small{display:block;color:#8ea0bd;margin-top:5px}
.header-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.telegram-status.connected{background:#153b34;color:#75efd2;border:1px solid #2c7668}.success-banner{margin:10px auto 0;padding:11px 16px;max-width:calc(100% - 56px);background:#153b34;color:#75efd2;border:1px solid #2c7668;border-radius:10px}.telegram-card{margin-top:18px;padding:18px;background:#0d1729;border:1px solid #2b4860;border-radius:14px}.telegram-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.telegram-card-head h2{margin:6px 0}.status-pill{padding:6px 9px;border-radius:999px;background:#4a3520;color:#ffc979;font-size:12px;white-space:nowrap}.status-pill.verified{background:#153b34;color:#75efd2}.telegram-card dl{margin:14px 0}.telegram-card dl div{padding:9px 0;border-top:1px solid #263654}.telegram-card dt{font-size:12px;color:#8ea0bd}.telegram-card dd{margin:3px 0 0}.danger{background:#6a2c3c}.telegram-card .actions{flex-wrap:wrap}
.telegram-link-options{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center;margin:18px 0}.telegram-link-options img{width:170px;height:170px;background:#fff;border-radius:12px;padding:8px}.telegram-link-options small{display:block;margin-top:7px;color:#8ea0bd;line-height:1.35}.telegram-link-actions{display:grid;gap:8px}.telegram-link-actions a,.telegram-link-actions button{width:100%}@media(max-width:600px){.telegram-link-options{grid-template-columns:1fr}.telegram-link-options #qrPanel{text-align:center}.telegram-link-options img{width:190px;height:190px}}
.workspace-card{background:linear-gradient(145deg,#111a2e,#131d35);border-color:#35476d}.workspace-card p{color:#aab7cc;min-height:42px;line-height:1.45}.workspace-card h3{font-size:21px;margin-top:6px}
