:root{
    --bg:#0a0a0d; --panel:#131316; --panel2:#17171b; --line:rgba(255,255,255,.09);
    --lime:#c6f24e; --lime-soft:rgba(198,242,78,.14); --lime-line:rgba(198,242,78,.32);
    --text:#f2f2ee; --muted:#8d8d95; --danger:#ff5c68;
    --msg-error-bg:rgba(255,92,104,.1); --msg-error-text:#ff8b93; --msg-error-border:rgba(255,92,104,.3);
    --msg-info-bg:rgba(255,255,255,.03); --msg-info-border:var(--line);
  }
  *{box-sizing:border-box}
  html,body{min-height:100%;margin:0}
  body{
    display:flex;justify-content:center;
    background:
      radial-gradient(60rem 40rem at 15% -10%, rgba(198,242,78,.06), transparent 60%),
      var(--bg);
    color:var(--text);
    font-family:'IBM Plex Sans Arabic', system-ui, -apple-system, sans-serif;
    padding:1.25rem;
  }
  .card{
    width:100%;max-width:25rem;align-self:center;
    background:var(--panel);border:1px solid var(--line);border-radius:22px;
    padding:2.1rem 1.85rem;text-align:center;
  }
  .kicker{
    display:inline-flex;align-items:center;gap:.4rem;
    font-size:.7rem;font-weight:700;color:var(--lime);
    background:var(--lime-soft);border:1px solid var(--lime-line);
    border-radius:999px;padding:.3rem .75rem;margin-bottom:1.1rem;
  }
  .kicker .dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex-shrink:0}
  h1{font-size:1.6rem;margin:0 0 .45rem;font-weight:900;letter-spacing:-.01em;line-height:1.3}
  .sub{color:var(--muted);font-size:.85rem;margin:0 0 1.7rem;line-height:1.65}
  .btn{
    width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;
    padding:.8rem 1rem;border-radius:13px;border:1px solid var(--line);
    background:var(--panel2);color:var(--text);font-family:inherit;font-size:.9rem;font-weight:700;
    cursor:pointer;margin-bottom:.65rem;transition:opacity .15s,border-color .15s;
  }
  .btn:disabled{opacity:.4;cursor:not-allowed}
  .btn svg{flex-shrink:0}
  .btn-badge{
    font-size:.66rem;color:var(--lime);font-weight:700;margin-inline-start:.2rem;
    background:var(--lime-soft);border:1px solid var(--lime-line);border-radius:999px;padding:.15rem .5rem;
  }
  #google-btn-slot{width:100%;margin-bottom:.65rem;display:flex;justify-content:center}
  .msg{font-size:.8rem;line-height:1.7;margin-top:1rem;padding:.75rem .95rem;border-radius:11px}
  .msg.error{background:var(--msg-error-bg);color:var(--msg-error-text);border:1px solid var(--msg-error-border)}
  .msg.ok{background:var(--lime-soft);color:var(--lime);border:1px solid var(--lime-line)}
  .msg.info{background:var(--msg-info-bg);color:var(--muted);border:1px solid var(--msg-info-border)}
  .foot{margin-top:1.6rem;font-size:.68rem;color:#54545a;text-align:center}

  /* ── App shell (post-login) — paper/forest/orange design language ───── */
  body.app-mode{
    --forest:#103d32; --orange:#ef7447; --orange-soft:#f9e1d6; --orange-line:rgba(239,116,71,.35);
    --paper:#f1eee5; --surface:#fffdf8; --ink:#16251f; --muted:#737b76; --border:#d9d8cf;
    --green:#2d8a63; --green-soft:#dceee5; --yellow:#c9952d; --yellow-soft:#f7ecd9;
    --danger:#c94b3f; --danger-soft:#f6e1de;
    --shadow:0 18px 55px rgba(15,49,40,.09);
    --text:var(--ink);
    --msg-error-bg:var(--danger-soft); --msg-error-text:var(--danger); --msg-error-border:rgba(201,75,63,.35);
    --msg-info-bg:var(--surface); --msg-info-border:var(--border);
    display:block; padding:0; background:var(--forest);
  }
  html:has(body.app-mode){background:#103d32}

  .card.app{ display:contents; }

  .success{display:none}
  .success.active{
    display:grid; grid-template-columns:84px minmax(0,1fr);
    height:100vh; padding:10px; overflow:hidden;
  }
  .side{
    height:100%; padding:13px 8px; overflow-y:auto;
    display:flex; flex-direction:column; align-items:center; color:#fff;
  }
  .brand{
    width:50px;height:50px;border-radius:17px 17px 5px 17px;
    background:var(--orange);color:#fff;border:0;
    display:grid;place-items:center;font-size:26px;font-weight:800;cursor:pointer;flex-shrink:0;
    font-family:inherit;
  }
  .side nav{margin-top:36px;width:100%;display:grid;gap:7px;flex:1}
  .side-link{
    width:68px;min-height:64px;border:0;border-radius:16px;background:transparent;
    color:rgba(255,255,255,.66);display:grid;place-items:center;align-content:center;gap:4px;
    margin:auto;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;
  }
  .side-link svg{width:20px;height:20px}
  .side-link span{font-size:10px;font-weight:700}
  .side-link.active{background:rgba(255,255,255,.13);color:#fff}
  .profile{
    width:40px;height:40px;border:1px solid rgba(255,255,255,.24);border-radius:50%;
    background:rgba(255,255,255,.08);color:#fff;margin-top:auto;flex-shrink:0;
    display:grid;place-items:center;overflow:hidden;font-size:15px;font-weight:800;
  }
  .profile img{width:100%;height:100%;object-fit:cover;border-radius:50%}

  .workspace{min-width:0;height:100%;background:var(--paper);position:relative;display:flex;flex-direction:column;overflow:hidden}
  @media(min-width:761px){.workspace{border-radius:0 26px 26px 0}}
  .topbar{
    flex-shrink:0;min-height:64px;padding:10px clamp(16px,3vw,32px);border-bottom:1px solid var(--border);
    display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  }
  .page-name{display:flex;flex-direction:column;gap:3px;min-width:0}
  .page-name strong{font-size:16px;font-weight:800;color:var(--ink)}
  .page-sub{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .page-sub .sep{opacity:.55}
  .live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;box-shadow:0 0 0 0 rgba(45,138,99,.5);animation:livePulse 1.8s infinite}
  @keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(45,138,99,.5)}70%{box-shadow:0 0 0 6px rgba(45,138,99,0)}100%{box-shadow:0 0 0 0 rgba(45,138,99,0)}}
  .topbar-actions{display:flex;gap:8px;flex-shrink:0}

  .icon-btn{
    width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;
    border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--muted);
    cursor:pointer;transition:color .15s,transform .1s;
  }
  .icon-btn:active{transform:scale(.92)}
  .icon-btn.spin svg{animation:spin .7s linear infinite}

  .page-content{flex:1;min-height:0;overflow-y:auto;max-width:1200px;margin:auto;padding:22px clamp(16px,3vw,32px) 60px;color:var(--ink)}
  .screen{display:none}
  .screen.active{display:block}
  .screen.is-loading{opacity:.55;pointer-events:none;transition:opacity .15s}

  /* Numbers / period tabs */
  .numbers-section{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:14px;display:grid;grid-template-columns:auto repeat(4,1fr)}
  .period-tabs{padding:14px;display:grid;align-content:center;gap:4px;border-left:1px solid var(--border)}
  .period-tabs button{min-width:64px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
  .period-tabs button[aria-selected="true"]{background:var(--forest);color:#fff}
  .number{padding:16px clamp(12px,2vw,22px);position:relative}
  .number+.number{border-right:1px solid var(--border)}
  .number>span,.number>small{display:block;color:var(--muted);font-size:11px}
  .number strong{display:inline-block;font-size:clamp(20px,2.2vw,28px);line-height:1.2;font-weight:800;margin-top:5px;color:var(--ink)}
  .number strong small{font-size:11px;font-weight:600;color:var(--muted)}
  .number em{font-style:normal;font-size:11px;font-weight:700;margin-inline-start:6px}
  em.up,.up{color:var(--green)}
  em.down,.down{color:var(--danger)}
  em.flat,.flat{color:var(--muted)}

  /* Panels */
  .trend-panel,.recent-section,.opportunity-panel,.deep-chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:18px}
  .work-grid{display:grid;gap:14px;margin-bottom:14px}
  .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
  .panel-heading>div>span{display:block;color:var(--orange);font-size:11px;font-weight:700;margin-bottom:2px}
  .panel-heading h2{font-size:16px;font-weight:800;margin:0;color:var(--ink)}
  .trend-total{text-align:left}
  .trend-total span{display:block;color:var(--muted);font-size:10px}
  .trend-total strong{font-size:15px;font-weight:800;color:var(--ink)}

  .chart-wrap{margin-top:10px}
  .trend-chart{width:100%;height:220px;overflow:visible;display:block}
  .grid-line{stroke:rgba(22,37,31,.08);stroke-width:1}
  .area-line{fill:rgba(239,116,71,.1)}
  .main-line{fill:none;stroke:var(--orange);stroke-width:3;vector-effect:non-scaling-stroke}
  .trend-chart circle{fill:var(--orange);stroke:var(--surface);stroke-width:4}
  .chart-days{display:grid;grid-template-columns:repeat(7,1fr);padding:0 4px;color:var(--muted);font-size:10px;text-align:center;margin-top:-8px}
  .chart-empty{padding:44px 10px;text-align:center;color:var(--muted);font-size:13px}

  .recent-section{margin-top:0}
  .table-wrap{overflow-x:auto;margin-top:10px}
  table{width:100%;border-collapse:collapse;white-space:nowrap}
  th,td{text-align:right;padding:12px 8px;border-bottom:1px solid var(--border);font-size:12px;color:var(--ink)}
  th{font-size:10px;color:var(--muted);font-weight:700}
  tbody tr:last-child td{border-bottom:0}
  td b,td strong{font-weight:700}
  .table-empty td{text-align:center;color:var(--muted);padding:26px 8px;font-size:12px}

  /* Analytics */
  .analytics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
  .analytics-head h2{font-size:clamp(21px,3vw,28px);font-weight:800;margin:0;color:var(--ink)}
  .analytics-head>div>span{display:block;color:var(--orange);font-size:11px;font-weight:700;margin-bottom:2px}
  .analytics-period{display:grid;gap:5px;color:var(--muted);font-size:11px}
  .analytics-period select{height:38px;min-width:160px;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:0 10px;font-family:inherit;font-size:12px;color:var(--ink);cursor:pointer}

  .analytics-kpis{display:grid;grid-template-columns:repeat(4,1fr);background:var(--forest);color:#fff;border-radius:18px;overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}
  .analytics-kpis article{padding:16px clamp(12px,2.2vw,22px)}
  .analytics-kpis article+article{border-right:1px solid rgba(255,255,255,.13)}
  .analytics-kpis span{display:block;font-size:11px;color:rgba(255,255,255,.6)}
  .analytics-kpis strong{display:block;font-size:clamp(19px,2.4vw,28px);font-weight:800;margin:5px 0}
  .analytics-kpis em{font-style:normal;font-size:11px;font-weight:700}
  .analytics-kpis em.up{color:#8fe3bd}
  .analytics-kpis em.down{color:#f3b3a6}
  .analytics-kpis em.flat{color:rgba(255,255,255,.6)}

  .deep-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
  .metric-switch{display:flex;border:1px solid var(--border);border-radius:10px;padding:3px}
  .metric-switch button{height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:0 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
  .metric-switch button[aria-selected="true"]{background:var(--forest);color:#fff}
  .deep-value{display:flex;align-items:baseline;gap:9px;margin-top:14px;flex-wrap:wrap}
  .deep-value strong{font-size:23px;font-weight:800;color:var(--ink)}
  .deep-value em{font-size:12px}
  .deep-chart-wrap{position:relative;margin-top:4px}
  .deep-chart{width:100%;height:250px;overflow:visible;display:block}
  .deep-grid{stroke:rgba(22,37,31,.08);stroke-width:1}
  .deep-area{fill:rgba(239,116,71,.08)}
  .deep-current{fill:none;stroke:var(--orange);stroke-width:3;vector-effect:non-scaling-stroke}
  .deep-previous{fill:none;stroke:rgba(22,37,31,.28);stroke-width:1.5;stroke-dasharray:5 7;vector-effect:non-scaling-stroke}
  .deep-chart .data-dot{fill:var(--surface);stroke:var(--orange);stroke-width:3;vector-effect:non-scaling-stroke;cursor:pointer}
  .deep-chart .data-dot:hover{fill:var(--orange)}
  .deep-labels{display:grid;color:var(--muted);font-size:10px;text-align:center;margin-top:-12px;padding:0 1px}
  .chart-footer{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-size:10px;color:var(--muted);flex-wrap:wrap}
  .chart-footer span{display:flex;align-items:center;gap:5px}
  .chart-footer i{width:14px;height:2px;background:var(--orange);display:inline-block}
  .chart-footer i.legend-previous{height:1px;background:repeating-linear-gradient(90deg,rgba(22,37,31,.4) 0 4px,transparent 4px 7px)}
  .chart-footer strong{margin-inline-start:auto;color:var(--ink);font-size:11px;font-weight:700}
  .chart-tooltip{position:absolute;z-index:5;transform:translate(-50%,-110%);background:var(--ink);color:#fff;border-radius:9px;padding:7px 10px;pointer-events:none;white-space:nowrap;box-shadow:var(--shadow)}
  .chart-tooltip[hidden]{display:none}
  .chart-tooltip b,.chart-tooltip span,.chart-tooltip small{display:block}
  .chart-tooltip b{font-size:10px;font-weight:700}
  .chart-tooltip span{font-size:12px;font-weight:700}
  .chart-tooltip small{font-size:9px;color:rgba(255,255,255,.65)}
  .opportunity-name b{display:block;font-weight:700;color:var(--ink)}

  /* hs-card / tag / kpi — still used by the WhatsApp campaign detail sheet */
  .hs-card{text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.1rem 1.2rem}
  .tag{
    display:inline-block;font-size:.68rem;font-weight:700;color:var(--orange);
    background:var(--orange-soft);border:1px solid var(--orange-line);
    border-radius:999px;padding:.25rem .7rem;margin-bottom:.7rem;
  }
  .hs-amount{font-size:2.1rem;font-weight:900;letter-spacing:-.01em;color:var(--orange)}
  .hs-sub{font-size:.78rem;color:var(--muted);margin-top:.35rem;padding-top:.6rem;border-top:1px solid var(--border)}
  .kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:.9rem .8rem;text-align:start}
  .kpi-label{font-size:.68rem;color:var(--muted);margin-bottom:.4rem}
  .kpi-amount{font-size:1.15rem;font-weight:900;color:var(--orange);letter-spacing:-.01em}
  .kpi-sub{font-size:.66rem;color:var(--muted);margin-top:.2rem}

  /* DNA */
  .dna-total{font-size:.8rem;color:var(--muted);margin-bottom:1rem}
  .dna-total b{color:var(--ink);font-weight:800}
  .dna-row{margin-bottom:.7rem;cursor:pointer;padding:.5rem;margin-inline:-.5rem;border-radius:10px;transition:background .15s}
  .dna-row:hover,.dna-row:active{background:var(--paper)}
  .dna-row-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;margin-bottom:.3rem}
  .dna-row-name{font-weight:700;color:var(--ink)}
  .dna-row-meta{color:var(--muted);font-size:.72rem}
  .dna-bar{height:7px;border-radius:999px;background:var(--paper);border:1px solid var(--border);overflow:hidden}
  .dna-bar-fill{height:100%;background:var(--orange);border-radius:999px}

  /* WhatsApp */
  .wa-list{display:flex;flex-direction:column;gap:.55rem}
  .wa-row{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:.75rem .9rem;cursor:pointer;transition:border-color .15s,box-shadow .15s}
  .wa-row:hover,.wa-row:active{border-color:var(--orange-line);box-shadow:var(--shadow)}
  .wa-row-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}
  .wa-name{font-size:.82rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}
  .wa-time{font-size:.68rem;color:var(--muted);flex-shrink:0}
  .wa-status{
    display:inline-block;font-size:.64rem;font-weight:700;border-radius:999px;padding:.15rem .55rem;margin-bottom:.5rem;
  }
  .wa-status.completed{color:var(--green);background:var(--green-soft);border:1px solid rgba(45,138,99,.3)}
  .wa-status.draft{color:var(--muted);background:var(--paper);border:1px solid var(--border)}
  .wa-status.failed{color:var(--danger);background:var(--danger-soft);border:1px solid rgba(201,75,63,.3)}
  .wa-stats{display:flex;gap:1rem;font-size:.72rem;color:var(--muted)}
  .wa-stats b{color:var(--ink);font-weight:800}

  /* Google Ads */
  .ads-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
  .ads-head h2{font-size:clamp(21px,3vw,28px);font-weight:800;margin:0;color:var(--ink)}
  .ads-head p{font-size:11px;color:var(--muted);margin:3px 0 0}
  .ads-danger-btn,.ads-primary-btn,.ads-secondary-btn{
    min-height:38px;border-radius:10px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer;
  }
  .ads-danger-btn{border:1px solid rgba(201,75,63,.38);background:var(--danger-soft);color:var(--danger)}
  .ads-primary-btn{border:1px solid var(--forest);background:var(--forest);color:#fff}
  .ads-secondary-btn{border:1px solid var(--border);background:var(--surface);color:var(--ink)}
  .ads-danger-btn:disabled,.ads-primary-btn:disabled,.ads-secondary-btn:disabled{opacity:.45;cursor:not-allowed}
  .ads-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--forest);color:#fff;border-radius:18px;overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}
  .ads-summary article{padding:16px clamp(12px,2.2vw,22px)}
  .ads-summary article+article{border-right:1px solid rgba(255,255,255,.13)}
  .ads-summary span{display:block;font-size:11px;color:rgba(255,255,255,.6)}
  .ads-summary strong{display:block;font-size:clamp(19px,2.4vw,27px);font-weight:800;margin-top:5px}
  .ads-list{display:flex;flex-direction:column;gap:8px}
  .ads-row{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(4,minmax(70px,.55fr)) auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
  .ads-row-name{min-width:0}
  .ads-row-name b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ads-row-name small,.ads-stat span{display:block;color:var(--muted);font-size:10px}
  .ads-stat strong{display:block;font-size:12px;margin-top:2px}
  .ads-status{display:inline-flex;align-items:center;gap:5px;width:max-content;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;margin-top:5px}
  .ads-status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
  .ads-status.enabled{color:var(--green);background:var(--green-soft)}
  .ads-status.paused{color:var(--yellow);background:var(--yellow-soft)}
  .ads-status.other{color:var(--muted);background:var(--paper)}
  .ads-row-actions{display:flex;gap:6px;justify-content:flex-end}
  .ads-form{display:grid;gap:9px}
  .ads-form label{font-size:11px;color:var(--muted);font-weight:700}
  .ads-form input{width:100%;height:42px;border:1px solid var(--border);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit;padding:0 12px;direction:ltr;text-align:left}
  .ads-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}

  /* Bottom sheet */
  .sheet-overlay{
    position:fixed;inset:0;background:rgba(16,37,31,.55);
    display:none;align-items:flex-end;justify-content:center;z-index:50;
  }
  .sheet-overlay.open{display:flex}
  .sheet{
    width:100%;max-width:36rem;max-height:82vh;overflow-y:auto;
    background:var(--surface);border-radius:20px 20px 0 0;border:1px solid var(--border);border-bottom:none;
    padding:1.3rem;text-align:start;color:var(--ink);
  }
  .sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem;margin-bottom:1rem}
  .sheet-head h3{font-size:1.05rem;font-weight:900;margin:0;color:var(--ink)}
  .sheet-donor{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem 0;border-bottom:1px solid var(--border);font-size:.8rem}
  .sheet-donor:last-child{border-bottom:none}
  .sheet-donor-name{font-weight:700;color:var(--ink)}
  .sheet-donor-phone{color:var(--muted);font-size:.7rem;direction:ltr;text-align:end}
  .sheet-donor-amount{color:var(--orange);font-weight:800;flex-shrink:0}
  .sheet-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-bottom:1rem}
  .sheet-search{
    width:100%;padding:.65rem .85rem;border-radius:11px;border:1px solid var(--border);
    background:var(--paper);color:var(--ink);font-family:inherit;font-size:.8rem;margin-bottom:.9rem;
  }
  .sheet-search::placeholder{color:var(--muted)}
  .sheet-search:focus{outline:none;border-color:var(--orange-line)}

  .spinner{
    width:16px;height:16px;border-radius:50%;
    border:2px solid var(--border);border-top-color:var(--orange);
    animation:spin .7s linear infinite;margin:1rem auto;
  }
  @keyframes spin{to{transform:rotate(360deg)}}

  /* ── Responsive: app shell ────────────────────────────────────────── */
  @media(max-width:1150px){
    .numbers-section{grid-template-columns:repeat(4,1fr)}
    .period-tabs{grid-column:1/-1;display:flex;border-left:0;border-bottom:1px solid var(--border);padding:8px}
    .period-tabs button{flex:1}
  }
  @media(min-width:1000px){
    .work-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr)}
  }
  @media(max-width:760px){
    .success.active{display:block;height:auto;min-height:100vh;padding:0;overflow:visible}
    .workspace{display:block;height:auto;min-height:100vh;padding-bottom:76px;overflow:visible}
    .side{
      position:fixed;z-index:30;bottom:0;right:0;left:0;height:64px;min-height:0;overflow:visible;
      background:rgba(16,61,50,.97);backdrop-filter:blur(12px);
      flex-direction:row;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px;
    }
    .brand{width:40px;height:40px;border-radius:13px 13px 5px 13px;font-size:20px;flex-shrink:0}
    .side nav{margin:0;flex:1;display:flex;justify-content:space-around;min-width:0}
    .side-link{width:auto;flex:1;min-width:0;max-width:84px;min-height:50px;border-radius:12px;margin:0}
    .profile{flex-shrink:0;margin-top:0}
    .page-content{flex:none;overflow:visible;padding:20px 14px 44px}
    .numbers-section{grid-template-columns:repeat(2,1fr)}
    .number{padding:14px}
    .number:nth-child(n+4){border-top:1px solid var(--border)}
    .number:nth-child(4){border-right:0}
    .analytics-kpis{grid-template-columns:repeat(2,1fr)}
    .analytics-kpis article:nth-child(3){border-right:0;border-top:1px solid rgba(255,255,255,.13)}
    .analytics-kpis article:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}
    .trend-panel,.recent-section,.opportunity-panel,.deep-chart-panel{padding:14px}
    .trend-chart{height:190px}
    .deep-chart{height:210px}
    .deep-chart-head{flex-direction:column;align-items:stretch}
    .metric-switch button{flex:1}
    .chart-footer strong{width:100%;margin:0}
    .analytics-head{align-items:flex-start;flex-direction:column}
    .ads-summary{grid-template-columns:repeat(2,1fr)}
    .ads-summary article:nth-child(3){border-right:0;border-top:1px solid rgba(255,255,255,.13)}
    .ads-summary article:nth-child(4){border-top:1px solid rgba(255,255,255,.13)}
    .ads-row{grid-template-columns:1fr 1fr;gap:9px}
    .ads-row-name,.ads-row-actions{grid-column:1/-1}
    .ads-row-actions{justify-content:stretch}
    .ads-row-actions button{flex:1}
  }
  @media(max-width:390px){
    .number strong{font-size:19px}
    .side-link span{font-size:9px}
  }
  @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}