:root{--bg:#f5f6fb;--ink:#12182d;--muted:#7d86a0;--line:#e5e8f2;--panel:#fff;--navy:#0b1020;--violet:#766cf6;--mint:#48c49b;--orange:#f2a85b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}.topbar{height:72px;padding:0 30px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand b{display:block}.brand small{display:block;color:#9da7c5;font-size:10px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#766cf6,#48c49b);font-size:19px}.top-actions{display:flex;gap:18px;align-items:center}.pulse{color:#8ce3bf;font-size:11px}.top-link{color:#ced5ff;text-decoration:none;font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e6e1ff;color:#5b4eb6;font-size:10px;font-weight:800}.shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:220px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;flex-shrink:0}.side-caption{margin:0 10px 9px;color:#a0a8bc;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.side-caption.space{margin-top:25px}.side-link{display:flex;align-items:center;gap:11px;padding:10px 11px;margin:2px 0;border-radius:9px;color:#747e98;text-decoration:none;font-size:12px}.side-link.active{background:#eeedff;color:#6255df;font-weight:800}.side-link span{flex:1}.sidebar-foot{margin-top:28px;padding:14px;border:1px solid #dfe1ff;border-radius:12px;background:#f2f1ff}.sidebar-foot small,.sidebar-foot b,.sidebar-foot span{display:block}.sidebar-foot small{color:#7269dc;font-size:9px;font-weight:800;letter-spacing:.1em}.sidebar-foot b{margin:5px 0;font-size:11px}.sidebar-foot span{color:#8b91aa;font-size:10px}.main{width:100%;max-width:1420px;padding:38px 40px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.eyebrow{color:#929ab1;font-size:9px;font-weight:800;letter-spacing:.15em}.welcome h1{margin:7px 0 3px;font-size:30px;letter-spacing:-.05em}.welcome p{color:var(--muted);margin:0}.button{display:inline-flex;padding:10px 14px;border-radius:9px;text-decoration:none;border:0;font:700 12px inherit;cursor:pointer}.primary{background:var(--navy);color:#fff}.notice-stack{display:grid;gap:7px;margin-bottom:17px}.notice{display:flex;gap:10px;padding:10px 13px;border-radius:8px;font-size:11px}.notice b{min-width:105px}.success{background:#e7f8f0;color:#1b8a63}.warning{background:#fff0df;color:#b46d19}.info{background:#eeebff;color:#6655cd}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.kpis article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 34px #1d28500b}.kpis article{padding:16px}.kpi-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;margin-bottom:11px;font-weight:800}.violet{background:#eceaff;color:#6b5bec}.mint{background:#def8ed;color:#2cab7e}.orange{background:#fff0dc;color:#db943f}.blue{background:#e5edff;color:#5f7ce1}.kpis small,.kpis strong,.kpis em{display:block}.kpis small{color:var(--muted);font-size:10px}.kpis strong{font-size:19px;margin:4px 0}.kpis em{font-size:10px;color:#2da97e;font-style:normal}.grid-main{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px}.grid-bottom{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.panel-head h2{margin:4px 0 0;font-size:16px}.panel-head a{color:#655de2;text-decoration:none;font-size:11px}.panel-head select{border:1px solid var(--line);border-radius:7px;padding:7px;color:var(--muted);font-size:11px}.chart-wrap{display:grid;grid-template-columns:45px 1fr;gap:9px}.chart-labels{height:235px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#a0a8bb;font-size:9px}.chart-wrap svg{width:100%;height:235px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,#eef0f5 47px)}.chart-days{display:flex;justify-content:space-between;color:#a0a8bb;font-size:9px;margin:5px 0 0 54px}.funnel-row{display:grid;grid-template-columns:1fr auto;gap:5px;margin:14px 0;color:#7b849e;font-size:11px}.funnel-row b{color:var(--ink)}.bar{grid-column:1/-1;height:8px;border-radius:10px;background:#ebeaff;position:relative;overflow:hidden}.bar:after{content:"";display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#766cf6,#48c49b)}.b1:after{width:100%}.b2:after{width:76%}.b3:after{width:53%}.b4:after{width:35%}.b5:after{width:25%}.check{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f0f1f5;font-size:11px}.check b{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#def8ed;color:#21a979}.check span{flex:1}.check em{font-style:normal;color:#42aa83;font-size:10px}.check.pending b{background:#fff0dc;color:#d4872e}.check.pending em{color:#c78942}.score{padding:5px 8px;background:#eeedff;border-radius:7px;color:#6255df;font-size:10px;font-weight:800}.donut{width:155px;height:155px;margin:12px auto;border-radius:50%;background:conic-gradient(#766cf6 0 48%,#48c49b 48% 80%,#f2a85b 80%);display:grid;place-items:center}.donut-hole{width:104px;height:104px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center}.donut-hole b,.donut-hole small{display:block}.donut-hole b{font-size:18px}.donut-hole small{color:var(--muted);font-size:10px}.legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;color:#7b849e;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.footer-note{text-align:center;color:#a0a8bb;font-size:10px;margin-top:20px}@media(max-width:900px){.sidebar{width:185px}.main{padding:28px 20px}.kpis{grid-template-columns:repeat(2,1fr)}.grid-main,.grid-bottom{grid-template-columns:1fr}}@media(max-width:620px){.topbar{padding:0 14px}.top-actions .pulse,.top-actions .top-link{display:none}.sidebar{width:100%;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 8px}.side-caption,.sidebar-foot{display:none}.side-link{justify-content:center;gap:4px;padding:8px 3px;font-size:10px}.side-link span{flex:initial}.shell{display:block}.main{padding:22px 12px}.welcome{align-items:start;gap:10px}.welcome h1{font-size:23px}.welcome .button{white-space:nowrap}.notice{align-items:start;flex-direction:column;gap:2px}.kpis{gap:8px}.kpis article{padding:12px}.kpis strong{font-size:16px}.panel{padding:15px}.chart-labels{height:180px}.chart-wrap svg{height:180px}.chart-days{margin-left:54px}}