:root{
  --bg:#0c111b;--panel:#141c29;--panel2:#101722;--line:#263246;
  --text:#eef3fb;--muted:#8fa0b7;--accent:#e7b34a;--good:#33c48d;
  --warn:#f0b84b;--bad:#ef6464;--blue:#5da8ff;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.layout{display:flex;min-height:100vh}
.sidebar{width:245px;background:#090e16;border-right:1px solid var(--line);padding:22px 16px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 24px}
.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#f6cf74,#b17818);display:grid;place-items:center;color:#111;font-weight:900;font-size:22px}
.brand strong,.brand small{display:block}
.brand small,.sidebar-footer small{color:var(--muted)}
nav{display:grid;gap:6px}
nav a{padding:12px 13px;border-radius:10px;color:#aebbd0;display:flex;gap:10px;align-items:center}
nav a:hover,nav a.active{background:#182234;color:#fff}
nav a.active{box-shadow:inset 3px 0 0 var(--accent)}
.sidebar-footer{margin-top:auto;padding:16px 8px;border-top:1px solid var(--line)}
.sidebar-footer strong{display:block;margin-top:4px}
.main{margin-left:245px;width:calc(100% - 245px);padding:26px}
.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
.topbar h1{margin:0;font-size:28px}.topbar p{margin:5px 0 0;color:var(--muted)}
.today{background:var(--panel);border:1px solid var(--line);padding:10px 14px;border-radius:10px;color:var(--muted)}
.grid{display:grid;gap:16px}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}
.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:18px}
.card h2,.card h3{margin:0 0 14px}.muted{color:var(--muted)}
.kpi small{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em}.kpi strong{display:block;font-size:28px;margin-top:8px}
.progress{height:12px;background:#243044;border-radius:999px;overflow:hidden}.progress span{height:100%;display:block;background:linear-gradient(90deg,var(--accent),#ffe0a1)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 12px}.section-title h2{margin:0;font-size:20px}
table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{font-size:12px;color:var(--muted);text-transform:uppercase}tr:last-child td{border-bottom:0}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.good{background:#14372d;color:#65ddb3}.badge.warn{background:#3a2d13;color:#ffd274}.badge.bad{background:#3b2020;color:#ff9393}.badge.neutral{background:#243044;color:#b8c7da}
form{display:grid;gap:14px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
label{font-size:13px;color:#b8c5d8;display:grid;gap:7px}input,select,textarea{width:100%;background:#0c131e;border:1px solid #334158;color:#fff;border-radius:10px;padding:11px 12px;outline:none}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#7a6330}
button,.btn{border:0;border-radius:10px;background:var(--accent);color:#15110a;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.secondary{background:#243044;color:#dce6f4}.actions{display:flex;gap:10px;flex-wrap:wrap}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:16px}.alert.success{background:#14372d;color:#7ce0bb}.alert.error{background:#3b2020;color:#ffa3a3}
.workbar{display:grid;grid-template-columns:150px 1fr 78px;gap:12px;align-items:center;margin:12px 0}.bar{height:10px;background:#253146;border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:#d2a541}
.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.hero .big{font-size:42px;font-weight:900;margin:10px 0}
.funnel{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.funnel .step{background:#111a27;border:1px solid var(--line);padding:14px 8px;border-radius:12px;text-align:center}.funnel .step strong{display:block;font-size:20px;margin-top:6px}.funnel .step small{color:var(--muted);font-size:10px;text-transform:uppercase}
.note{background:#111926;border:1px dashed #34445d;border-radius:12px;padding:14px;color:#b9c6d8}
@media(max-width:1000px){.sidebar{width:78px}.brand>div:last-child,.sidebar nav a:not(.active){font-size:0}.sidebar nav a span{font-size:20px}.sidebar-footer{display:none}.main{margin-left:78px;width:calc(100% - 78px)}.grid.cols-4,.grid.cols-3{grid-template-columns:repeat(2,1fr)}.funnel{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.main{padding:14px}.grid.cols-4,.grid.cols-3,.grid.cols-2,.hero,.form-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.today{display:none}.workbar{grid-template-columns:105px 1fr 58px}}