@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#f5f6f5;--ink:#182623;--muted:#7d8985;--green:#14775f;--border:#e4e9e6;--font:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-weight:550;transition:background .16s,box-shadow .16s;display:inline-flex}button:hover:not(:disabled){background:#f1f5f2}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.primary,.login form>button{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 3px #0d4c2820}button.primary:hover:not(:disabled){background:#105e4c}a{color:var(--green);align-items:center;gap:4px;text-decoration:none;display:inline-flex}input,select,textarea{color:var(--ink);background:#fff;border:1px solid #dce3df;border-radius:7px;min-width:0;padding:10px 12px}input:focus,select:focus,textarea:focus{outline:2px solid #8ab7a6}textarea{resize:vertical;min-height:100px}label{flex-direction:column;gap:8px;font-weight:550;display:flex}label input,label select,label textarea{width:100%}.shell{min-height:100vh;display:flex}.shell>aside{border-right:1px solid var(--border);z-index:15;background:#fff;flex-direction:column;width:238px;padding:30px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:-.8px;align-items:center;gap:9px;padding:0 10px;font-size:23px;display:flex}.wordmark i{border:7px solid var(--green);border-radius:8px;width:27px;height:27px;display:block;position:relative;transform:rotate(-12deg)}.wordmark i:after{content:"";background:#91bc79;border:2px solid #fff;border-radius:3px;width:7px;height:7px;position:absolute;bottom:-8px;right:-8px}nav{flex-direction:column;gap:5px;margin-top:42px;display:flex}nav button{color:#63726d;background:0 0;border:0;border-radius:7px;justify-content:flex-start;padding:12px 15px;font-size:13px;font-weight:500}nav button.active{color:#166c55;background:#eaf3ed;font-weight:650}nav button.active>span{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:22px 2px 2px;display:flex}.sidebar-bottom div{flex-direction:column;gap:4px;font-size:12px;display:flex}.sidebar-bottom span:not(.avatar){color:var(--muted)}.sidebar-bottom button{border:0;margin-left:auto;padding:5px}.avatar{color:#3a5c33;background:#e1eadd;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.avatar.small{width:30px;height:30px;font-size:12px}.workspace{width:calc(100% - 238px);margin-left:238px}header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 38px;display:flex}.breadcrumb{color:#7f8a86;align-items:center;gap:14px;font-size:12px;display:flex}.breadcrumb b{color:#34463e;font-weight:500}.header-right{color:#718078;align-items:center;gap:10px;font-size:12px;display:flex}.header-right button{border:0;margin:0 12px;padding:6px}.live-dot{background:#b2bcaf;border-radius:50%;width:6px;height:6px}.workspace main{max-width:1800px;margin:auto;padding:38px}.title-row{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.eyebrow{letter-spacing:2px;color:#87938c;margin-bottom:10px;font-size:9px;font-weight:650}h1{font-family:"Manrope",var(--font);letter-spacing:-1.25px;margin:0;font-size:30px;font-weight:750}h2{letter-spacing:-.3px;margin:0;font-size:15px;font-weight:650}h3{letter-spacing:-.1px;margin:0;font-size:13px;font-weight:650}.title-row>.primary{padding:12px 15px;font-size:12px}.filters{gap:10px;margin-bottom:26px;display:flex}.filters select{cursor:pointer;min-width:145px;padding:9px 32px 9px 12px;font-size:12px}.date-range{background:#fff;border:1px solid #dce3df;border-radius:7px;align-items:center;gap:2px;margin-left:auto;padding:0 9px;font-size:11px;display:flex}.date-range input{border:0;width:118px;padding:8px 3px;font-size:11px}.date-range span{color:#9eaaa4}.kpis{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.kpi{border:1px solid var(--border);background:#fff;border-radius:10px;min-height:135px;padding:21px 22px;box-shadow:0 2px 3px #18262303}.kpi>div{color:#718078;justify-content:space-between;align-items:center;font-size:12px;display:flex}.kpi>div svg{color:#9daca4}.kpi strong{font-family:"Manrope",var(--font);letter-spacing:-1.2px;margin-top:21px;font-size:32px;font-weight:650;display:block}.kpi-foot{display:none}.overview-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,1fr);gap:22px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:23px;overflow:hidden;box-shadow:0 2px 4px #18262303}.panel-title{justify-content:space-between;align-items:center;gap:14px;padding:23px 24px;display:flex}.panel-title>span{color:var(--muted);font-size:12px}.panel-title>button{font-size:11px}.chart-panel{padding-bottom:16px}.chart-panel .recharts-responsive-container{padding:15px 20px 0 0;font-size:10px}.chart-empty{color:#8e9a94;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:270px;font-size:12px;display:flex}.chart-empty svg{color:#9bad9f}.chart-empty b{font-weight:500}.text-button{color:var(--green);background:0 0;border:0;padding:4px;font-size:11px}.badge{color:#758176;white-space:nowrap;text-transform:capitalize;background:#f5f7f4;border:1px solid #e5e9e5;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:500;display:inline-block}.badge.good{color:#21745b;background:#eef7ee;border-color:#dceedd}.badge.bad{color:#a25645;background:#fff1ed;border-color:#f5ded6}.platform{color:#58665e;background:#edf1ee;border:1px solid #e6eae7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:700;display:inline-flex}.platform.youtube{color:#d6554b;background:#fff0ef}.platform.facebook{color:#5577bd;background:#eef3ff}.platform.instagram{color:#ab638a;background:#fbf0f6}.platform.threads,.platform.tiktok,.platform.x{color:#2d3430;background:#f2f2f2}.connection-row{border-top:1px solid #f1f3f1;align-items:center;gap:12px;padding:13px 24px;display:flex}.connection-row b{font-size:12px;font-weight:500}.connection-row>span:last-child{color:var(--muted);margin-left:auto;font-size:11px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:0 24px 24px;display:grid}.brand-card{border:1px solid var(--border);text-align:left;background:#fdfefd;justify-content:flex-start;gap:14px;min-height:90px;padding:18px}.brand-card img{object-fit:cover;background:#e8ede7;border-radius:10px;width:45px;height:45px}.brand-card>div{flex-direction:column;gap:7px;display:flex}.brand-card span{color:var(--muted);font-size:11px;font-weight:400}.brand-card svg{color:#8b9c90;margin-left:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#859088;white-space:nowrap;background:#fafbf9;border-block:1px solid #edf0ec;padding:13px 22px;font-size:11px;font-weight:500}td{overflow-wrap:anywhere;border-bottom:1px solid #edf0ec;max-width:380px;padding:18px 22px;line-height:1.5}tr:last-child td{border:0}.empty{text-align:center;color:#98a198;padding:35px;font-size:12px;display:block}.account-cell{align-items:center;gap:12px;display:flex}.account-cell>div{flex-direction:column;gap:3px;display:flex}.account-cell b{font-size:12px;font-weight:550}.account-cell span:not(.platform){color:var(--muted);font-size:10px}.actions{justify-content:flex-end;gap:6px;display:flex}.actions button{white-space:nowrap;padding:7px 10px;font-size:11px}.capability-grid{grid-template-columns:repeat(2,1fr);gap:0 24px;padding:0 22px;display:grid}details{border-top:1px solid var(--border);padding:15px 0;font-size:11px}summary{cursor:pointer;font-weight:550}details>div{flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;display:flex}details>div>span:first-child{text-transform:capitalize;margin-right:auto}details code{overflow-wrap:anywhere;width:100%;font-size:9px}details>div>span:last-child:not(.badge){color:var(--muted);width:100%;line-height:1.5}.alert{color:#8b7447;background:#fffcf0;border:1px solid #e1dac3;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:12px;display:flex}.error{color:#9b4e41;background:#fff4ef}.alert button{background:0 0;border:0;padding:0}.mcp-bar{border-top:1px solid var(--border);justify-content:space-between;padding:20px 24px;font-size:12px;display:flex}.signal{border-top:1px solid var(--border);padding:20px 24px}.signal p{color:#718078;font-size:12px;line-height:1.6}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17271e66;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;gap:20px;width:100%;max-width:580px;max-height:90vh;padding:26px;font-size:12px;display:flex;overflow:auto;box-shadow:0 20px 90px #0d271c33}.modal .panel-title{padding:0}.modal .panel-title button{border:0;padding:3px}.form-grid{gap:12px;display:flex}.form-grid label{flex:1;min-width:0}.check{flex-direction:row;align-items:center;gap:10px;font-size:12px;font-weight:400;display:flex}.check input{width:auto;accent-color:var(--green)}fieldset{border:1px solid var(--border);border-radius:7px;flex-direction:column;gap:12px;padding:14px;display:flex}legend{padding:0 6px}.login{background:#f2f5f0;justify-content:center;align-items:center;min-height:100vh;display:flex}.login form{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:25px;width:370px;padding:35px;display:flex;box-shadow:0 16px 65px #18342308}.login .wordmark{padding:0;font-size:25px}.login h1{margin-top:10px;font-size:24px}.login label{font-size:12px}.login button{padding:12px}.login .error{border-radius:7px;margin:0;padding:12px;font-size:12px}.mobile-menu{display:none}@media (min-width:1600px){.workspace main{padding:45px 56px}header{padding:0 56px}.kpi{min-height:150px}.overview-grid{grid-template-columns:2fr 1fr}}@media (max-width:1150px){.shell>aside{width:205px;padding-inline:12px}.wordmark{font-size:19px}.workspace{width:calc(100% - 205px);margin-left:205px}.workspace main{padding:28px}.kpis{gap:12px}.kpi{padding:18px}.kpi strong{font-size:27px}.overview-grid{grid-template-columns:1.5fr 1fr}header{padding-inline:28px}.brand-card{padding:14px}.brand-card h3{font-size:12px}.brand-grid{gap:10px;padding:0 18px 18px}}@media (max-width:850px){.shell>aside{width:238px;transform:translate(-100%)}.shell>aside.open{transform:translate(0);box-shadow:10px 0 50px #13342520}.workspace{width:100%;margin-left:0}.mobile-menu{border:0;margin-right:6px;padding:4px;display:inline-flex}.workspace main{padding:24px}header{height:65px;padding:0 24px}.kpis{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.date-range{margin-left:0}.capability-grid,.brand-grid{grid-template-columns:1fr}}@media (max-width:500px){.workspace main{padding:20px 14px}.title-row{gap:10px}h1{font-size:25px}.title-row>.primary{padding:9px;font-size:10px}.header-right{font-size:10px}.header-right .small{display:none}.header-right button{margin:0}.breadcrumb{gap:6px;font-size:10px}.filters{gap:7px}.filters select{width:calc(50% - 4px);min-width:0}.date-range{justify-content:center;width:100%}.date-range input{width:45%}.kpi{padding:17px 14px}.kpi>div{font-size:10px}.kpi strong{font-size:28px}.panel-title,.modal{padding:20px}.modal-backdrop{padding:12px}}