:root{--bg:#f6f7fb;--card:#fff;--text:#121b2c;--muted:#718096;--line:#e6e9f0;--accent:#7041f4;--soft:#efeaff;--good:#14835f;--bad:#be3d4b;--neutral:#687386;--shadow:0 10px 30px rgba(18,27,44,.055)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}
.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.brand strong{display:block;font-size:16px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#9b65ff,#6c3df4);display:grid;place-items:center;color:#fff;font-weight:900}.nav a{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:10px;text-decoration:none;color:var(--muted);font-weight:700;margin:3px 0}.nav a.active,.nav a:hover{background:var(--soft);color:var(--accent)}.nav .section{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#a0a9b8;margin:25px 13px 8px}.sidebar-foot{margin-top:auto;font-size:11px;color:var(--muted);padding:10px}.user-mini{margin-top:8px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#21a475;margin-right:6px}
.main{padding:32px 36px 60px;max-width:1540px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:20px}.eyebrow{font-size:11px;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}h1{font-size:30px;margin:0 0 5px;letter-spacing:-.025em}.subtitle{color:var(--muted);margin:0}.filters,.searchbar{display:flex;gap:10px;flex-wrap:wrap}select,input,textarea{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text);font:inherit}select{font-weight:650}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:21px 0}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.kpi{padding:17px}.label{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.value{font-size:27px;font-weight:850;margin-top:8px;letter-spacing:-.03em}.hint{font-size:11px;color:var(--muted);margin-top:4px}.trend{display:inline-block;font-size:11px;font-weight:800;margin-top:8px}.trend.good{color:var(--good)}.trend.bad{color:var(--bad)}.trend.neutral{color:var(--neutral)}.grid2{display:grid;grid-template-columns:1.45fr 1fr;gap:15px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:12px}.panel h2{font-size:16px;margin:0}.panel small{color:var(--muted)}.chart{height:245px;display:flex;align-items:end;gap:10px;padding:16px 2px 2px;border-top:1px solid var(--line)}.bar-wrap{flex:1;text-align:center;color:var(--muted);font-size:10px;min-width:9px}.bar{background:linear-gradient(180deg,#9865ff,#7041f4);border-radius:6px 6px 2px 2px;min-height:5px;margin-bottom:7px}
table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;padding:10px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em}td{padding:12px 10px;border-bottom:1px solid var(--line);font-weight:550}.num{text-align:right}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:11px;font-weight:800}.empty{padding:48px 18px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:6px}.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 12px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:750;cursor:pointer}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.metric-list{display:grid;gap:11px}.metric-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.metric-row:last-child{border-bottom:0}.metric-row span{color:var(--muted)}.metric-row strong{font-size:13px}.content-title{font-weight:800}.meta{font-size:11px;color:var(--muted);margin-top:3px}.status{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#667085}.status.running,.status.active,.status.published{background:#eaf8f2;color:#147a57}.status.done{background:#ece9ff;color:#6846dd}.status.draft,.status.planned{background:#f2f4f7;color:#667085}.status.paused{background:#fff4dc;color:#8a6215}.connection{display:flex;align-items:center;justify-content:space-between;padding:18px}.connection-left{display:flex;gap:12px;align-items:center}.platform-icon{width:38px;height:38px;border-radius:11px;background:#f1f3f7;display:grid;place-items:center;font-weight:850}.connection h3{margin:0 0 3px;font-size:14px}.connection p{margin:0;color:var(--muted);font-size:11px}.notice{padding:13px 15px;border-radius:11px;background:#fff9e7;border:1px solid #f2e4ad;color:#705c1b;font-size:12px;margin-bottom:15px}.danger-note{background:#fff0f2;border-color:#f2c5cb;color:#8f2835}.progress{height:10px;background:#eceff4;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#9b65ff,#7041f4);border-radius:999px}.goal-card{padding:18px}.goal-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.goal-top strong{font-size:23px}.goal-top span{font-size:11px;color:var(--muted)}.actions{display:flex;gap:7px;justify-content:flex-end}.back{color:var(--muted);text-decoration:none;font-size:12px;font-weight:700}.alert-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.alert-row:last-child{border-bottom:0}
.login-body{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.login-card{width:min(430px,100%);padding:30px}.login-brand{margin-bottom:24px}
@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.nav{display:flex;flex-wrap:wrap}.nav .section,.sidebar-foot{display:none}.main{padding:24px}.kpis{grid-template-columns:repeat(2,1fr)}.grid2,.grid3{grid-template-columns:1fr}}@media(max-width:650px){.kpis{grid-template-columns:1fr}.top{flex-direction:column}.filters{width:100%}}