:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;background:#f6f8fc}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.app-shell{min-height:100vh;display:block}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:300px;min-height:100vh;padding:28px 18px;background:#fff;border-right:1px solid #e7ebf2;display:flex;flex-direction:column;gap:34px;transform:translate(-105%);transition:transform .18s ease;box-shadow:18px 0 50px #141b2c24}.sidebar.open{transform:translate(0)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.close-menu,.hamburger{width:44px;height:44px;border:1px solid #dce3ee;background:#fff;color:#152238;border-radius:8px;display:inline-grid;place-items:center}.menu-backdrop{position:fixed;inset:0;z-index:20;border:0;background:#11182757}.brand{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center}.brand strong{font-size:23px;line-height:1}.brand small{grid-column:2;color:#667085;text-transform:uppercase;font-size:11px;letter-spacing:0}.logo-bars{width:34px;height:34px;border-radius:8px;background:linear-gradient(90deg,#185cff 0 18%,transparent 18% 27%,#719bff 27% 45%,transparent 45% 54%,#0d39db 54% 72%,transparent 72% 81%,#48c7ff 81%)}.sidebar nav{display:grid;gap:12px}.sidebar nav button{min-height:58px;display:flex;align-items:center;gap:16px;padding:0 16px;color:#2f3a4c;border-radius:8px;font-weight:650;border:0;background:transparent;text-align:left}.sidebar nav button.active{color:#0648ff;background:#eef4ff}.support{margin-top:auto;border:1px solid #e5eaf2;border-radius:8px;padding:18px;display:grid;grid-template-columns:26px 1fr;gap:4px 10px}.support span{width:24px;height:24px;border:2px solid #165dff;color:#165dff;display:grid;place-items:center;border-radius:50%;font-weight:800}.support strong{font-size:14px}.support small{grid-column:2;color:#0648ff}.dashboard{padding:28px 38px 36px;overflow:hidden}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.topbar>.hamburger{flex:0 0 auto;margin-top:2px}.eyebrow{margin:0 0 2px;color:#617084;font-weight:700}h1{margin:0;font-size:34px;line-height:1.12;letter-spacing:0}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.control,.search,.icon-button,.avatar{height:48px;border:1px solid #dce3ee;background:#fff;border-radius:8px;display:inline-flex;align-items:center;gap:10px;padding:0 14px;color:#1f2937;box-shadow:0 8px 24px #252d430a}.search input{width:150px;border:0;outline:0}.icon-button{width:48px;justify-content:center;padding:0}.avatar{width:48px;justify-content:center;border-radius:50%;background:#e8efff;color:#0b40c9;font-weight:800}.revision-badge{height:48px;display:inline-flex;align-items:center;border:1px solid #d7e7de;background:#f0fbf4;color:#17723a;border-radius:8px;padding:0 14px;font-weight:850;white-space:nowrap}.notice{margin:-10px 0 18px;border:1px solid #f0d9a8;background:#fff8e8;color:#8a5b08;border-radius:8px;padding:13px 16px;font-weight:750}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:18px}.kpi,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:8px;box-shadow:0 12px 30px #242c420f}.kpi{min-height:144px;padding:24px;display:grid;grid-template-columns:58px 1fr 90px;align-items:center;gap:14px}.kpi p,.mini-kpi p{margin:0 0 7px;font-weight:700;font-size:14px}.kpi strong{display:block;font-size:32px;line-height:1}.kpi small,.mini-kpi small,.social-card small{color:#07912d;display:inline-flex;gap:5px;align-items:center;margin-top:16px;font-weight:800}.kpi small.down{color:#07912d}.bubble,.social-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:900}.blue{background:#e9f0ff;color:#15f}.pink{background:#ffe7f1;color:#ed217c}.green{background:#e7f8ec;color:#23a94f}.violet{background:#f0e6ff;color:#7437f0}.orange{background:#fff0e5;color:#f26b2f}.red{background:#ffe8e8;color:#e90f18}.black{background:#111827;color:#fff}.cyan{background:#e5f5ff;color:#0077b5}.spark{width:92px;height:42px}.spark polyline{fill:none;stroke:currentColor;stroke-width:3;color:#244cff}.content-grid{display:grid;grid-template-columns:1.2fr 1.18fr .48fr;gap:18px}.panel{padding:18px}.panel>header{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel h2{margin:0;font-size:21px}.panel header button{border:0;background:transparent;color:#0648ff;font-weight:800}.social-panel,.chart-panel{grid-column:span 1}.sales-panel{grid-column:span 2}.campaign-panel{grid-column:span 1}.insights-panel{grid-row:span 2}.ads-panel{grid-column:span 2}.deploy-panel{grid-column:span 3}.social-grid{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px}.social-card{border:1px solid #e5eaf2;border-radius:8px;padding:14px 12px;text-align:center;min-height:178px}.social-card .social-icon{width:36px;height:36px;margin:0 auto 8px}.social-card h3{margin:0 0 14px;font-size:14px}.social-card strong{display:block;font-size:20px}.social-card p{margin:5px 0 0;color:#5c6678;font-size:13px}.social-card hr{border:0;border-top:1px solid #edf1f6;margin:12px 0}.social-card b{font-size:16px}.social-card small{justify-content:center;margin-top:10px}.social-card small,.kpi small,.mini-kpi small{color:#667085}.legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:12px;font-weight:700}.legend span{display:inline-flex;align-items:center;gap:7px}.dot{width:9px;height:9px;border-radius:50%;background:#ef217c}.dot-1{background:#15f}.dot-2{background:#ef1b1b}.dot-3{background:#111}.dot-4{background:#10a9df}.line-chart{width:100%;height:212px;overflow:visible}.line-chart line{stroke:#e5eaf2;stroke-width:.6}.line-chart polyline{fill:none;stroke:#ef217c;stroke-width:1.8}.line-chart .line-blue{stroke:#15f}.line-chart .line-black{stroke:#111827}.sales-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.mini-kpi{border:1px solid #e9edf5;border-radius:8px;padding:14px;display:flex;gap:12px;align-items:center}.mini-kpi .bubble{width:42px;height:42px;flex:0 0 auto}.mini-kpi strong{font-size:21px}.mini-kpi small{margin-top:6px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px 8px;text-align:left;border-bottom:1px solid #eef2f7}th{color:#596579;font-size:12px}td:not(:first-child),th:not(:first-child){text-align:right}.source{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:8px;vertical-align:-1px}.source.pink{background:#ed217c}.source.blue{background:#15f}.source.green{background:#21b34b}.source.violet{background:#7437f0}.campaign-list{display:grid;gap:11px}.campaign-row{min-height:58px;display:grid;grid-template-columns:32px 1fr 42px 34px 54px 54px;align-items:center;gap:10px}.campaign-row small{display:block;color:#667085;margin-top:3px}.rank{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2f7;font-weight:800}.status{border-radius:999px;padding:5px 9px;background:#e6f8e9;color:#148c32;font-weight:800;font-size:12px;text-align:center}.insights-panel{display:flex;flex-direction:column}.insight{min-height:82px;border:1px solid #e9edf5;border-radius:8px;padding:14px;display:flex;align-items:center;gap:14px}.insight+.insight{margin-top:12px}.insight .social-icon{flex:0 0 auto}.insight strong{display:block;font-size:14px;line-height:1.3}.insight p{margin:5px 0 0;color:#5e6879;font-size:13px}.ad-summary{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:16px}.ad-summary span{border:1px solid #e9edf5;border-radius:8px;padding:12px 8px;font-weight:800;font-size:12px;text-align:center}.bar-chart{height:138px;display:flex;gap:12px;align-items:end;padding:12px 10px 0;border-top:1px solid #eef2f7}.bar-chart span{flex:1;min-width:10px;background:linear-gradient(180deg,#9162ff,#2f73ff);border-radius:4px 4px 0 0}.empty-state{min-height:112px;border:1px dashed #cfd8e6;border-radius:8px;background:#f8fafc;color:#667085;display:grid;place-items:center;text-align:center;padding:18px;font-weight:750}.deploy-summary{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px;margin-bottom:14px}.deploy-summary span{border:1px solid #e7ecf4;border-radius:8px;padding:12px 14px;color:#475467}.deploy-summary strong{display:block;color:#101828;margin-bottom:5px}.deploy-panel pre{margin:0;max-height:190px;overflow:auto;border-radius:8px;background:#111827;color:#d8f7df;padding:14px;font:12px/1.55 Consolas,Liberation Mono,monospace;white-space:pre-wrap}.settings-grid{display:grid;gap:18px}.settings-main{grid-column:1 / -1}.settings-intro{display:flex;gap:12px;align-items:center;border:1px solid #d7e7de;background:#f0fbf4;color:#176c39;border-radius:8px;padding:14px;margin-bottom:16px;font-weight:700}.settings-intro p{margin:0}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.integration-card{border:1px solid #e5eaf2;border-radius:8px;padding:16px;display:grid;gap:13px}.integration-card header{display:flex;gap:12px;align-items:flex-start}.integration-card header>span{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:#eef4ff;color:#0648ff;flex:0 0 auto}.integration-card h3{margin:0 0 4px}.integration-card p{margin:0;color:#667085;font-size:13px}.integration-card label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:800}.integration-card input,.integration-card select{height:42px;border:1px solid #dce3ee;border-radius:8px;padding:0 11px;outline:0;color:#111827;background:#fff}.integration-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.integration-actions button{height:40px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;padding:0 14px;background:#0648ff;color:#fff;font-weight:850}.status-pill{border-radius:999px;padding:6px 10px;background:#eef2f7;color:#475467;font-size:12px;font-weight:850}.status-pill.configured{background:#e6f8e9;color:#148c32}.status-pill.requires_reauth{background:#fff4e5;color:#a45a00}.status-pill.disabled{background:#f2f4f7;color:#667085}.form-message{color:#475467;font-weight:750}.sales-form{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px;align-items:end}.sales-form label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:800}.sales-form input,.sales-form select,.sales-form textarea{border:1px solid #dce3ee;border-radius:8px;padding:0 11px;outline:0}.sales-form input,.sales-form select{height:42px}.sales-form textarea{min-height:78px;padding-top:10px;resize:vertical}.sales-form .wide{grid-column:span 4}.sales-form button{height:42px;border:0;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0648ff;color:#fff;font-weight:850}.login-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;align-items:end}.login-form label{display:grid;gap:7px;color:#344054;font-size:13px;font-weight:800}.login-form input{height:42px;border:1px solid #dce3ee;border-radius:8px;padding:0 11px;outline:0}.login-form button,.session-card button{height:42px;border:0;border-radius:8px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;background:#0648ff;color:#fff;font-weight:850}.session-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e5eaf2;border-radius:8px;padding:14px}.session-card strong,.session-card span{display:block}.session-card span{color:#667085;margin-top:4px}@media(max-width:1280px){.content-grid{grid-template-columns:1fr 1fr}.insights-panel{grid-row:auto}}@media(max-width:900px){.sidebar{width:min(320px,86vw)}.dashboard{padding:18px 14px}.topbar{display:grid;grid-template-columns:44px 1fr}.toolbar{grid-column:1 / -1}.toolbar{justify-content:stretch}.control,.search{flex:1 1 180px}.kpi-grid,.content-grid,.sales-kpis,.ad-summary,.deploy-summary,.integration-grid,.login-form,.sales-form{grid-template-columns:1fr}.sales-form .wide,.kpi,.sales-panel,.ads-panel,.social-panel,.chart-panel,.campaign-panel,.insights-panel,.deploy-panel{grid-column:auto}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}table{min-width:640px}.sales-panel{overflow-x:auto}}