:root{--bg: #0B1626;--bar: #0D1B2E;--card: #12223A;--card-2: #0D1B2E;--line: #1E3352;--line-2: #1A2D49;--line-3: #2A4468;--text: #E6EEF7;--text-2: #C7D5E6;--muted: #A9BCD3;--dim: #4A6283;--nav-on: #17304F;--teal: #2EC4B6;--teal-ink: #062A2A;--teal-text: #5EEAD4;--teal-soft: rgba(46,196,182,.14);--amber: #F59E0B;--amber-text: #FBBF24;--amber-line: #5C4410;--amber-soft: rgba(245,158,11,.12);--amber-ink: #2A1A00;--red: #F87171;--red-soft: rgba(248,113,113,.12);--flyerz: #F2994A;--cpay: #5B8DEF;--orders: #2EC4B6;--leads: #B794F4;--cur: #2EC4B6;--prev: #8A9BB3;--prev-track: #2A3D5A;--dim-line: #5B7396;--mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg)}body{color:var(--text);font:14px/1.45 IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif;min-height:100vh}a{color:var(--teal-text)}a:hover{color:#99f6e4}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:12px}.hidden{display:none!important}.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:12px 32px;border-bottom:1px solid var(--line);background:var(--bar);position:sticky;top:0;z-index:20}.top-left{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;min-width:0}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:16px}.brand-mark{width:32px;height:32px;border-radius:8px;background:var(--teal);color:var(--teal-ink);display:grid;place-items:center;font-weight:700}.nav{display:flex;flex-wrap:wrap;gap:4px}.nav a{padding:9px 12px;border-radius:8px;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:8px}.nav a.on{background:var(--nav-on);color:var(--text);font-weight:500}.badge{background:var(--amber);color:var(--amber-ink);font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.top-right{display:flex;align-items:center;gap:12px}.pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-3);color:var(--muted);display:inline-flex;align-items:center;gap:6px}.pill.warn{color:var(--amber-text);border-color:var(--amber-line);background:var(--amber-soft)}.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);display:inline-block}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-3);background:var(--nav-on);font-weight:600;cursor:pointer}main{max-width:1400px;margin:0 auto;padding:24px 32px 48px;display:flex;flex-direction:column;gap:20px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}h1{margin:0;font-size:26px;font-weight:600}h2{margin:0;font-size:16px;font-weight:600}.sub{color:var(--muted);margin-top:4px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.seg{display:flex;flex-wrap:wrap;background:#12223a;border:1px solid var(--line);border-radius:10px;padding:3px}.seg button{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--text-2);cursor:pointer;font-size:13px}.seg button.on{background:var(--teal);color:var(--teal-ink);font-weight:600}label.field{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:2px}.field select,.field input,input.text,select.text{height:40px;min-width:140px;background:#12223a;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:13px}.strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px;padding:14px 20px;background:#0f2a3a;border:1px solid #1B4A5A;border-radius:12px}.strip .lead{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--teal-text)}.row{display:flex;flex-wrap:wrap;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}.card.grow{flex:999 1 600px}.card.side,.card.third{flex:1 1 340px}.card-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 14px;display:flex;flex-direction:column;gap:12px;cursor:default;transition:border-color .15s}.kpi:hover{border-color:var(--line-3)}.kpi .t{display:flex;justify-content:space-between;align-items:center;color:var(--text-2);font-weight:500;gap:8px}.kpi .v{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.kpi .num{font-size:32px;font-weight:600;line-height:1.05;letter-spacing:-.01em;color:var(--text)}.kpi .num small{font-size:15px;font-weight:500;color:var(--muted)}.kpi .foot{font-size:12px;color:var(--muted)}.kpi .pair{display:flex;flex-direction:column;gap:10px}.kpi .per{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lab num" "track track";align-items:baseline;column-gap:10px;row-gap:6px}.kpi .per .lab{grid-area:lab;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi .per .lab i{width:8px;height:8px;border-radius:2px;flex:none}.kpi .per.cur .lab{color:var(--text-2);font-weight:600}.kpi .per.cur .lab i{background:var(--cur)}.kpi .per.prev .lab i{background:var(--prev)}.kpi .per .num,.kpi .per .num2{grid-area:num;text-align:right}.kpi .per .num2{font-size:18px;font-weight:600;color:var(--prev)}.kpi .track{grid-area:track;height:6px;border-radius:3px;background:var(--card-2);overflow:hidden;display:block}.kpi .track span{display:block;height:100%;border-radius:3px}.kpi .per.cur .track span{background:var(--cur)}.kpi .per.prev .track span{background:var(--prev-track)}.kpi .trend{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line-2);padding-top:10px;margin-top:auto}.kpi .trend>span{font-size:11px;color:var(--dim-line);white-space:nowrap}.kpi .spark{width:100%;height:28px;display:block}.eyebrow{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px}.vs{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:8px;font-size:13px}.vs>span:not(.muted){display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;border:1px solid var(--line-3);background:var(--card)}.vs .cur{color:var(--text);font-weight:600;border-color:#2ec4b673!important}.vs i,.pdot{width:8px;height:8px;border-radius:2px;display:inline-block}.vs .cur i,.pdot.cur{background:var(--cur)}.vs .prev i,.pdot.prev{background:var(--prev)}.pdot{margin-right:6px;vertical-align:1px}.tbl.cmp td:nth-child(2){color:var(--text);font-weight:600}.tbl.cmp td:nth-child(3){color:var(--prev)}.tbl.cmp tbody tr:hover td{background:#ffffff05}.chip{font-size:12px;padding:2px 8px;border-radius:999px;white-space:nowrap}.chip.good{color:var(--teal-text);background:var(--teal-soft)}.chip.bad{color:var(--amber-text);background:var(--amber-soft)}.chip.flat{color:var(--muted);background:#a9bcd31f}.flag{color:var(--amber-text)}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{padding:10px 8px;font-weight:500;text-align:left;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px 8px;border-bottom:1px solid var(--line-2);vertical-align:top}.tbl td.n,.tbl th.n{text-align:right;font-family:var(--mono)}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#2ec4b60d}.legend{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-2)}.legend span{display:flex;align-items:center;gap:6px}.sw{width:10px;height:10px;border-radius:3px;display:inline-block}.bar{height:6px;background:var(--card-2);border-radius:3px;overflow:hidden;display:flex}.bar>div{height:6px}.prod-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 60px 60px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid var(--line);cursor:pointer}.prod-row .n{font-family:var(--mono);text-align:right}.notice{padding:12px 14px;border-radius:10px;font-size:13px}.notice.warn{background:var(--amber-soft);border:1px solid var(--amber-line);color:var(--amber-text)}.notice.info{background:var(--teal-soft);border:1px solid #1B4A5A;color:var(--teal-text)}.notice.err{background:var(--red-soft);border:1px solid #7F1D1D;color:var(--red)}.empty{color:var(--muted);padding:24px;text-align:center}.btn{min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--line-3);background:transparent;color:var(--text);cursor:pointer;font-size:13px;font-weight:500}.btn.primary{background:var(--teal);color:var(--teal-ink);border-color:var(--teal);font-weight:600}.btn.ghost{border-color:var(--teal);color:var(--teal-text)}.btn.danger{border-color:#7f1d1d;color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.opt{min-height:36px;padding:0 12px;border-radius:8px;font-size:12px;cursor:pointer;border:1px solid var(--line-3);background:transparent;color:var(--text-2)}.opt.sugg{border:1px dashed var(--teal-text);background:#2ec4b614;color:var(--teal-text)}.opt.on{border-color:var(--teal);background:var(--teal);color:var(--teal-ink);font-weight:600}.fb{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--card-2);border:1px solid var(--line-2)}.fb.low{background:var(--amber-soft);border-color:var(--amber-line)}.score{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;font-family:var(--mono);background:#2ec4b629;color:var(--teal-text)}.fb.low .score{background:var(--amber);color:var(--amber-ink)}.heat{display:grid;gap:3px;min-width:360px}.heat .cell{height:22px;border-radius:3px}.heat .lab{font-size:11px;color:var(--muted)}.heat .tot{text-align:right;color:var(--text-2);align-self:center}.heat .band{font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heat .band.am{background:#5b8def38;color:#a9c4fa}.heat .band.pm{background:#b794f438;color:#d6c2fa}.heat .band.night{background:#a9bcd31a;color:var(--muted)}.load{display:inline-block;min-width:46px;padding:4px 10px;border-radius:999px;text-align:center;font-weight:700}.load.light,.sw.wl.light{background:#5b8def29;color:#a9c4fa}.load.healthy,.sw.wl.healthy{background:var(--teal-soft);color:var(--teal-text)}.load.ceiling,.sw.wl.ceiling{background:var(--amber-soft);color:var(--amber-text)}.load.over,.sw.wl.over{background:var(--red-soft);color:var(--red)}.wl-tbl td{vertical-align:middle}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a12b3;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--card);border:1px solid var(--line-3);border-radius:var(--radius);width:min(1100px,100%);padding:20px;display:flex;flex-direction:column;gap:14px}.drop{border:1.5px dashed var(--line-3);border-radius:12px;padding:28px;text-align:center;color:var(--muted);cursor:pointer}.drop.over{border-color:var(--teal);color:var(--teal-text)}.signin{max-width:420px;margin:12vh auto;padding:28px}@media (max-width: 720px){.top{padding:10px 16px;position:static}main{padding:16px 16px 40px}h1{font-size:21px}.kpi .num{font-size:28px}.nav a{padding:8px 10px}.card{padding:16px}}