:root{--bg:#f6f7f3;--paper:#fff;--ink:#263c34;--muted:#7b8880;--line:#e8ece6;--mint:#e5eee6;--green:#316b53;--fb:#6e99bb;--tt:#396b55;--ig:#bb9bc2;--hover:#edf2eb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}aside{width:238px;position:fixed;inset:0 auto 0 0;background:var(--paper);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:32px 19px 18px;z-index:2}.brand{display:flex;gap:10px;align-items:center;padding:0 5px 35px}.mark{background:var(--green);color:#fff;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;font-size:26px;font-style:italic}.brand strong{font-size:17px;letter-spacing:-.5px}.brand small{display:block;font-size:8px;letter-spacing:1.4px;margin-top:5px;color:var(--muted)}.space-label{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:14px 13px}.platforms-label{margin-top:34px}nav button,.platform-list button{display:flex;align-items:center;width:100%;border:0;background:none;border-radius:9px;padding:13px;text-align:left;margin:3px 0}nav button span{font-size:20px;width:29px}nav button.active{background:var(--mint);font-weight:600}nav button:hover,.platform-list button:hover{background:var(--hover)}.platform-list small{margin-left:auto;color:var(--muted);font-size:10px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px}.fb{background:var(--fb)}.tt{background:var(--tt)}.ig{background:var(--ig)}.sidebar-note{margin: auto 10px 28px;font-size:11px;color:var(--muted);padding-top:30px}.sidebar-note p{font-size:12px;line-height:1.7}.live{display:inline-block;width:6px;height:6px;border-radius:100%;background:#719b67;margin-right:7px}.profile{border-top:1px solid var(--line);padding:19px 5px 0;display:flex;align-items:center;gap:10px;font-size:12px}.profile>b{padding:12px 9px;border-radius:50%;background:var(--mint);font-size:11px}.profile small{display:block;font-size:10px;margin-top:4px;color:var(--muted)}main{margin-left:238px}header{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid var(--line);font-size:12px;background:var(--paper)}header>div{display:flex;gap:14px;align-items:center}.slash{color:#bdc6bf;padding:0 14px}.button{border:0;border-radius:8px;background:var(--ink);color:var(--paper);padding:11px 16px;font-size:12px}.icon-btn{border:1px solid var(--line);background:none;border-radius:8px;padding:7px 11px;font-size:18px}.hero{background:var(--mint);padding:34px 38px 29px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--green)}h1{font-size:39px;letter-spacing:-1.6px;margin:8px 0;font-weight:600}h1 span{color:#8cae74}.heading p{margin:0;color:var(--muted);font-size:13px}.status{font-size:11px;text-align:right}.status small{display:block;color:var(--muted);margin-top:8px;font-size:10px}.filters{display:flex;gap:11px;align-items:end;margin:28px 0 27px}.filters label{font-size:9px;color:var(--muted);letter-spacing:.5px;flex:1;min-width:0}.filters label:first-child{flex:.55}.filters label:nth-child(4){flex:1.5}select{display:block;margin-top:6px;width:100%;padding:11px 27px 11px 11px;border:1px solid #d3dfd4;border-radius:7px;background:var(--paper);color:var(--ink);font-size:11px;text-overflow:ellipsis}.reset{border:none;background:none;font-size:10px;height:37px;white-space:nowrap}.kpis{display:grid;grid-template-columns:1.6fr 1.15fr 1.1fr .85fr}.kpi{padding:4px 23px;border-left:1px solid #cbd9cc;min-width:0}.kpi:first-child{padding-left:0;border:0}.kpi>span{font-size:11px;color:#617468}.kpi strong{display:block;font-size:35px;font-weight:500;letter-spacing:-1.5px;margin:12px 0 9px;white-space:nowrap;font-variant-numeric:tabular-nums}.main-kpi strong{font-size:43px}.kpi small{font-size:9px;color:var(--muted);line-height:1.5;display:block}.content{padding:25px 38px}.charts{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:23px}.panel-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}h2{font-size:15px;letter-spacing:-.3px;margin:0;font-weight:600}.panel-heading p{color:var(--muted);font-size:10px;margin:7px 0 0}.tag{font-size:8px;letter-spacing:1px;border:1px solid var(--line);padding:6px 8px;border-radius:5px}.line svg{width:100%;height:215px;overflow:visible}.legend{display:flex;gap:18px;margin-top:13px;font-size:10px;color:var(--muted)}#donut{display:flex;justify-content:center;margin:8px 0 17px}#donut svg{width:160px;height:160px}.share-row{display:flex;align-items:center;gap:4px;padding:8px 0;border-top:1px solid var(--line);font-size:11px}.share-row strong{margin-left:auto;font-weight:600}.share-row small{min-width:45px;text-align:right;color:var(--muted);font-size:10px}.insight{background:#eaf0df;border-radius:9px;margin:18px 0;padding:14px 18px;line-height:1.6;font-size:11px;color:#56654b}.table-panel{margin-top:20px}.search{display:flex;border:1px solid var(--line);border-radius:7px;padding:7px 10px;gap:7px;align-items:center}.search input{border:none;background:none;outline:none;width:140px;color:var(--ink);font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:left}th{color:var(--muted);font-weight:500;background:var(--bg);padding:12px 11px;font-size:10px}th button{border:none;background:none;font-size:10px;padding:0}td{padding:13px 11px;border-bottom:1px solid var(--line)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.account-name{display:flex;align-items:center;gap:10px;font-weight:500}.avatar{width:28px;height:28px;display:inline-grid;place-items:center;background:var(--hover);border:1px solid var(--line);border-radius:8px;font-weight:700;font-size:12px}.badge{font-size:9px;background:var(--bg);padding:5px 8px;border-radius:5px}.meter{display:inline-block;width:54px;height:4px;background:var(--line);border-radius:4px;margin-right:9px;vertical-align:middle}.meter i{display:block;height:100%;background:#8caa78;border-radius:4px}tfoot td{font-weight:600;border:0;padding-top:18px}.table-foot{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:18px;gap:15px}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:24px 0 5px;gap:10px}footer b{margin:0 8px;color:#b4c1b5}.notice{background:#fff2d9;color:#826323;padding:12px 16px;border-radius:9px;margin-bottom:18px;font-size:12px}.negative{color:#aa6b50}.positive{color:var(--green)}.empty{padding:65px 10px;text-align:center;color:var(--muted)}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #6a9975;outline-offset:3px}[hidden]{display:none!important}@media(min-width:1600px){.content,.hero{padding-left:55px;padding-right:55px}.line svg{height:260px}}@media(max-width:1150px){aside{width:195px;padding-left:12px;padding-right:12px}main{margin-left:195px}.brand strong{font-size:14px}.brand small{font-size:7px}header,.hero,.content{padding-left:24px;padding-right:24px}.kpi{padding:4px 14px}.kpi strong{font-size:29px}.main-kpi strong{font-size:35px}.charts{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr)}}@media(max-width:850px){aside{position:static;width:100%;padding:15px 20px;display:block}.brand{padding:0}.space-label,.platform-list,.sidebar-note,.profile{display:none}nav{display:flex;margin-top:14px}nav button{font-size:11px;padding:8px}nav button span{font-size:17px;width:25px}main{margin-left:0}header{height:60px}.hero{padding-top:25px}.status{display:none}.kpis{grid-template-columns:1fr 1fr;gap:23px}.kpi:nth-child(3){border:0;padding-left:0}.filters{flex-wrap:wrap}.filters label{flex:1 1 35%!important}.charts{grid-template-columns:1fr}.share{display:grid;grid-template-columns:1fr 1fr}.share .panel-heading{grid-column:1/-1}.share #shares{align-self:center}.table-foot,footer{flex-direction:column}.heading h1{font-size:34px}.panel{padding:18px}.content{padding:18px}.hero{padding:25px 20px}.search input{width:100px}.kpi strong{font-size:32px}.main-kpi strong{font-size:36px}}@media print{aside,header,.filters,.search{display:none}main{margin:0}.hero,.content{padding:16px}.panel{break-inside:avoid}body{font-size:10px}}

/* MGS 2026 · Dark premium · Single permanent theme */
:root{color-scheme:dark;--bg:#0d0f12;--paper:#171a20;--ink:#f1f2f4;--muted:#959ba7;--line:#2a2e37;--mint:#242219;--green:#efd247;--fb:#9daabf;--tt:#f1cf42;--ig:#b699d7;--hover:#242831}
body{background:radial-gradient(ellipse at 90% 0%,#202127 0,transparent 45%),var(--bg);-webkit-font-smoothing:antialiased}aside{background:linear-gradient(180deg,#14161b,#0f1115);border-right:1px solid #2d3038}.brand{display:flex;flex-direction:column;align-items:flex-start;padding:0 13px 25px;gap:9px}.brand-logo{width:143px;height:99px;object-fit:contain}.brand-caption{font-size:8px;letter-spacing:1.8px;color:#a6a8ae;padding-left:2px}nav button{color:#a9adb7;transition:background .2s,color .2s}nav button.active{color:#f5d746;background:linear-gradient(90deg,#3b3420,#25251f);border:1px solid #5b4d27;box-shadow:inset 3px 0 #efd247}nav button.active span{color:#f5d746}nav button:hover,.platform-list button:hover{color:#fff}.space-label{color:#707783}.platform-list small{color:#818793}.sidebar-note{border-left:1px solid #4f4526;padding:0 0 0 12px;margin-top:auto}.live{background:#e7cb51;box-shadow:0 0 8px #e7cb5126}.profile>b{color:#efd247;background:#29261d;border:1px solid #4b4228}header{background:#111318c9;border-bottom:1px solid #272b33}.slash{color:#5b606c}.button{background:linear-gradient(135deg,#f5db68,#d8b52c);color:#191812;font-weight:650;box-shadow:0 3px 12px #0003;transition:filter .2s}.button:hover{filter:brightness(1.1)}.hero{background:radial-gradient(ellipse at 88% 0%,#75612822,transparent 58%),linear-gradient(120deg,#202329,#17191e 70%);border-bottom:1px solid #38352a;position:relative}.hero:before{content:'';position:absolute;left:38px;right:38px;top:0;height:1px;background:linear-gradient(90deg,#d5b74088,transparent)}h1{font-weight:600;letter-spacing:-1.5px;color:#f8f8f9}h1 span{color:#f3d448}.eyebrow{color:#e5c853;font-size:9px;letter-spacing:2.5px}.status{color:#d9d9dc}.status small{color:#858b96}.filters label{color:#9fa5b0}select{background:#14171d;border:1px solid #3a3e47;color:#e1e3e8;border-radius:8px;padding-top:12px;padding-bottom:12px}.reset{color:#b5b9c2}.reset:hover{color:#efd247}.kpis{gap:0}.kpi{border-left:1px solid #393b41}.kpi>span{color:#b3b6bf}.kpi strong{color:#f3f3f6;font-weight:500}.main-kpi strong{background:linear-gradient(110deg,#fff0a8,#e6c038);-webkit-background-clip:text;background-clip:text;color:transparent}.kpi small{color:#8f95a1}.kpi strong.negative{color:#d39481}.kpi strong.positive{color:#e4ce69}.panel{background:linear-gradient(145deg,#1b1e25,#15181e);border:1px solid #2c303a;box-shadow:0 8px 26px #0000001c;border-radius:14px}.panel-heading h2{color:#e9ebef}.tag{background:#202329;color:#bbbfc8;border-color:#383b44}.legend{color:#b1b6c1}.insight{background:linear-gradient(100deg,#29261c,#1c1d20);border:1px solid #494029;color:#bcb8a8;border-radius:9px}.insight b{color:#edce60}.share-row{color:#cbd0d8}.share-row strong{color:#f1f2f4}.search{background:#11141a;border-color:#343842}.search input{color:#e8e9ed}.search input::placeholder{color:#757d8c}th{background:#12151b;color:#a6adba}td{border-bottom:1px solid #2a2e37;color:#d5d8df}tbody tr:hover{background:#ffffff03}.avatar{background:#22262f;border:1px solid #3b404d}.badge{background:#242832;color:#b5bdcd;border:1px solid #343b47}.meter{background:#34363c}.meter i{background:linear-gradient(90deg,#a48932,#f0d35c)}tfoot td{color:#eed36f}.table-foot{color:#858d9c}.notice{background:#302719;border:1px solid #65522e;color:#e1c688}footer{color:#737b89}footer b{color:#a18b3c}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e4c953}.empty{color:#939ba8}@media(max-width:850px){.brand{flex-direction:row;align-items:center;padding:0;gap:16px}.brand-logo{width:88px;height:59px}.brand-caption{font-size:8px}aside{border-bottom:1px solid #30333d}.kpi:nth-child(3){border:0}.hero:before{left:20px;right:20px}}@media print{body{background:#0d0f12!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Primary metrics above filters; monthly change in chart corner. */
.hero .kpis{grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr) minmax(140px,.6fr);margin:34px 0 0;align-items:center;gap:0}
.hero .kpi{padding:6px 28px}.hero .kpi:first-child{padding-left:0}.hero .kpi>span{font-size:13px}.hero .kpi strong{font-size:clamp(38px,4.2vw,60px);font-weight:550;letter-spacing:-1.8px;margin:12px 0}.hero .main-kpi strong{font-size:clamp(40px,4.7vw,66px)}.hero .accounts-kpi strong{font-size:28px;letter-spacing:-.7px;color:#b9c0cc}.hero .accounts-kpi>span{font-size:11px;color:#969daa}.hero .kpi small{font-size:10px}.hero .filters{margin:29px 0 0;padding-top:23px;border-top:1px solid #34353b}.trend-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px}.trend-bottom .legend{flex-wrap:wrap;gap:12px 16px;margin-top:10px;flex:1}.month-comparison{flex:0 0 168px;max-width:100%;text-align:right;border:1px solid #383a42;background:#12151b;border-radius:9px;padding:10px 12px}.month-comparison>span{display:block;font-size:9px;color:#9ba3b0}.month-comparison strong{display:block;font-size:22px;font-weight:550;letter-spacing:-.6px;margin:5px 0}.month-comparison small{display:block;font-size:8px;line-height:1.5;color:#929baa}.month-comparison .negative{color:#d39481}.month-comparison .positive{color:#e4ce69}.content{padding-bottom:30px}
@media(max-width:1150px){.hero .kpi{padding-left:20px;padding-right:20px}.hero .kpi strong{font-size:39px}.hero .main-kpi strong{font-size:45px}.hero .accounts-kpi strong{font-size:26px}.trend-bottom{flex-wrap:wrap}.month-comparison{margin-left:auto}}
@media(max-width:850px){.hero .kpis{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px 0;margin-top:28px}.hero .kpi{padding:0 0 0 17px}.hero .kpi:first-child{padding-left:0}.hero .kpi strong{font-size:clamp(28px,6vw,42px)}.hero .main-kpi strong{font-size:clamp(29px,7vw,46px)}.hero .accounts-kpi{grid-column:1/-1;display:flex;gap:12px;align-items:center;padding:14px 0 0;border-top:1px solid #34353b}.hero .accounts-kpi strong{font-size:22px;margin:0}.hero .accounts-kpi small{margin-left:auto}.hero .filters{margin-top:20px;padding-top:18px}.month-comparison{flex-basis:155px}.trend-bottom{gap:12px}.hero .kpi>span{font-size:11px}}
@media(max-width:450px){.trend-bottom{flex-direction:column}.month-comparison{flex-basis:auto;width:170px;align-self:flex-end}.hero .accounts-kpi small{font-size:9px}.hero .kpi small{font-size:9px}}

/* Mobile: more prominent headline numbers, slightly tighter filters. */
@media(max-width:850px){
.hero .kpis{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.hero .main-kpi strong{font-size:clamp(30px,8.4vw,52px);letter-spacing:-1.5px}
.hero .kpi:not(.main-kpi):not(.accounts-kpi) strong{font-size:clamp(31px,8.8vw,52px);letter-spacing:-1.3px}
.hero .filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding-top:16px;margin-top:17px}
.hero .filters label{font-size:8px;letter-spacing:.4px}
.hero .filters select{font-size:10px;min-height:36px;padding:9px 24px 9px 10px;margin-top:4px;border-radius:7px}
.hero .filters .reset{grid-column:1/-1;justify-self:end;height:26px;font-size:9px;padding:3px 5px}
}
@media(max-width:360px){.hero .main-kpi strong{font-size:28px;letter-spacing:-1.4px}.hero .kpi:not(.main-kpi):not(.accounts-kpi) strong{font-size:30px}.hero .kpi{padding-left:12px}}

/* Followers: monthly closing balance, never cumulative across months. */
.hero .kpis{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);row-gap:20px}
.hero .accounts-kpi{grid-column:1/-1;display:flex;align-items:center;gap:12px;border-left:0;border-top:1px solid #34353b;padding:14px 0 0}.hero .accounts-kpi strong{font-size:22px;margin:0}.hero .accounts-kpi small{margin-left:auto}
.hero .followers-kpi .pending-value{font-size:clamp(22px,2.6vw,34px);letter-spacing:-.7px;color:#8e96a4}.hero .followers-kpi strong{font-size:clamp(30px,3.5vw,48px)}
@media(max-width:850px){.hero .kpis{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hero .followers-kpi{grid-column:1/-1;border-left:0;border-top:1px solid #34353b;padding:18px 0 0}.hero .kpi.followers-kpi strong{font-size:34px}.hero .kpi.followers-kpi .pending-value{font-size:25px}.hero .accounts-kpi{padding:14px 0 0}}

/* Full-width, readable charts with pointer/touch details. */
.charts{align-items:start}.line{position:relative;width:100%;min-width:0}.line svg{display:block;width:100%;height:auto;overflow:visible}.chart-line{stroke-dasharray:1;stroke-dashoffset:0;animation:trace-line .9s ease-out both}.chart-point{cursor:pointer;transition:r .15s;animation:point-in .9s ease-out both}.chart-point:hover,.chart-point:focus{r:7;outline:none;stroke:#fff}.line-hit{cursor:crosshair;pointer-events:stroke}.chart-tooltip{position:absolute;z-index:5;min-width:150px;max-width:calc(100% - 16px);padding:12px 15px;background:#090c12f5;border:1px solid #505666;border-radius:10px;box-shadow:0 8px 25px #0007;pointer-events:none;font-size:12px;line-height:1.5}.chart-tooltip b,.chart-tooltip span,.chart-tooltip strong,.chart-tooltip small{display:block}.chart-tooltip span,.chart-tooltip small{color:#afb7c7}.chart-tooltip strong{font-size:23px;color:#fff;font-variant-numeric:tabular-nums}.trend-bottom{align-items:center;margin-top:8px;gap:12px}.trend-bottom .legend{margin-top:0;font-size:11px;gap:10px 16px}.chart-hint{flex-basis:100%;font-size:10px;color:var(--muted)}.month-comparison{flex-basis:155px;padding:8px 10px}.month-comparison strong{font-size:20px;margin:3px 0}#donut{position:relative;margin:0 0 16px}#donut svg{width:248px;height:248px;max-width:100%;animation:donut-in .85s ease-out both}.donut-segment{cursor:pointer;transition:stroke-width .15s}.donut-segment:hover,.donut-segment:focus{stroke-width:21;outline:none}.share-row{padding:12px 0;font-size:12px;cursor:pointer}.share-row:focus-visible{outline:1px solid var(--green);outline-offset:2px}.share-row small{font-size:11px}
@keyframes trace-line{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes point-in{0%,60%{opacity:0}100%{opacity:1}}@keyframes donut-in{from{opacity:0;transform:scale(.92) rotate(-15deg)}to{opacity:1;transform:none}}
@media(max-width:850px){.charts{gap:16px}.charts .panel{padding:18px 12px}.charts .panel-heading{margin:0 6px 14px}.share{display:block}#donut svg{width:250px;height:250px}#donut{margin-bottom:8px}.share #shares{margin:0 6px}.trend-bottom{padding:0 4px;flex-wrap:nowrap;align-items:center}.trend-bottom .legend{gap:9px;font-size:10px}.legend .dot{margin-right:5px;width:7px;height:7px}.month-comparison{flex:0 0 126px}.month-comparison small{font-size:8px}.chart-hint{font-size:9px}}
@media(max-width:450px){.trend-bottom{flex-direction:row}.month-comparison{width:auto;align-self:center}.charts .panel-heading h2{font-size:14px}.tag{font-size:7px;padding:5px}}
@media(prefers-reduced-motion:reduce){.chart-line,.chart-point,#donut svg{animation:none}.chart-point,.donut-segment{transition:none}}