:root{--blue:#1f6fe0;--blue-bright:#0a8cf5;--navy:#0b1f3a;--night:#000c15;--ink:#1b2430;--muted:#5b6777;--line:#dfe6f0;--bg:#f3f6fb;--ok:#1e8e4e;--ok-bg:#e7f7ee;--warn:#b86e00;--warn-bg:#fff4e0;--bad:#c9353a;--bad-bg:#fdecec;--accent:#9fd0ff;--tile:#eaf3ff;--radius:10px;--shadow:0 2px 8px rgba(11,31,58,.06)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.45;background:#fff}
a{color:var(--blue)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:#fff;text-decoration:none}.logo svg{width:34px;height:34px}
.tag{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#cfe3ff}
.btn{display:inline-block;padding:12px 22px;border-radius:8px;font-weight:700;text-decoration:none;border:2px solid var(--blue);background:var(--blue);color:#fff;cursor:pointer;font-size:15px}
.btn:hover{background:#185bbd;border-color:#185bbd}.btn.ghost{background:transparent;border-color:#fff;color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.1)}
.hero{background:linear-gradient(135deg,var(--night) 0%,var(--navy) 60%,#123a6b 100%);color:#fff;padding:28px 0 72px}
.hero header{display:flex;justify-content:space-between;align-items:center}
.hero h1{font-size:clamp(44px,7vw,76px);line-height:1.02;margin:56px 0 20px;font-weight:800;letter-spacing:-.01em}
.checks{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:8px 24px;max-width:760px}
.checks li{padding-left:30px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px;background:var(--blue-bright);color:#fff;font-size:13px;text-align:center;line-height:20px;font-weight:700}
.cta{display:flex;gap:14px;flex-wrap:wrap}
.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
section{padding:64px 0}h2{color:var(--navy);font-size:30px;margin:4px 0 6px}.sub{color:var(--muted);margin:0 0 28px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);background:#fff}
.card h3{margin:12px 0 4px;color:var(--navy);font-size:17px}.card p{margin:0;color:var(--muted);font-size:14px}
.ico{width:42px;height:42px;border-radius:10px;background:var(--tile);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:20px}
.band{background:var(--navy);color:#fff;border-radius:var(--radius);padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.band b{color:var(--accent)}
.price{font-size:28px;font-weight:800;color:var(--navy)}.price small{font-size:13px;color:var(--muted);font-weight:400}
footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:13px}
.pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:10px;background:var(--ok-bg);color:var(--ok);font-weight:600}
.panel{max-width:560px;margin:60px auto;padding:32px}
.shell{display:flex;min-height:100vh}.side{width:230px;background:var(--navy);color:#cfe3ff;padding:20px 14px;flex-shrink:0}
.side .logo{font-size:19px;margin:0 6px 26px}.side a.nav{display:block;padding:10px 12px;border-radius:8px;color:#cfe3ff;text-decoration:none;font-size:14px;cursor:pointer}
.side a.nav.on,.side a.nav:hover{background:rgba(31,111,224,.35);color:#fff}.main{flex:1;background:var(--bg);padding:24px 32px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}
.kpi .n{font-size:28px;font-weight:800;color:var(--blue)}.kpi .l{color:var(--muted);font-size:13px}
table{width:100%;border-collapse:collapse;font-size:14px}th{background:var(--bg);color:var(--navy);text-align:left;padding:10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid #f0f3f8}
.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.grey{background:#eef1f5;color:var(--muted)}
.demo{background:var(--warn-bg);color:var(--warn);padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:16px}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--night),var(--navy))}
@media(max-width:800px){.side{display:none}.kpis{grid-template-columns:repeat(2,1fr)}}
/* v2: real-data admin (2026-10-26) */
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 14px}.toolbar input,.toolbar select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font:inherit}
.btn.sm{padding:6px 12px;font-size:13px}.btn.sec{background:#fff;color:var(--blue)}.btn.danger{background:#fff;color:var(--bad);border-color:var(--bad)}
.empty{padding:28px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:#fff}
.err{background:var(--bad-bg);color:var(--bad);padding:10px 14px;border-radius:8px;margin:0 0 12px}
.ok{background:var(--ok-bg);color:var(--ok);padding:10px 14px;border-radius:8px;margin:0 0 12px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.mini{display:flex;flex-wrap:wrap;gap:6px}.mini span{background:var(--tile);color:var(--navy);border-radius:6px;padding:2px 8px;font-size:12px}
form.f{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:8px 0 4px}form.f label{font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
form.f input,form.f select,form.f textarea{padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}
.bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:var(--blue)}.bar i.full{background:var(--bad)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#aab4c3;margin-right:6px}.dot.on{background:var(--ok)}
.st{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:0 0 16px}
.st .card{padding:12px 14px}.st .n{font-size:24px;font-weight:800;color:var(--navy)}.st .l{font-size:12px;color:var(--muted)}
td.r,th.r{text-align:right}a.link{cursor:pointer;font-weight:600;text-decoration:none}tr.test td{color:var(--muted)}
.code{font-family:ui-monospace,Consolas,monospace;font-size:12px;background:var(--tile);padding:2px 6px;border-radius:4px}
dialog{border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.25);max-width:640px;width:92%}dialog::backdrop{background:rgba(11,31,58,.45)}