:root{
      --bg:#0b1020;
      --panel:#0f1730;
      --card:rgba(255,255,255,.06);
      --card2:rgba(255,255,255,.04);
      --border:rgba(255,255,255,.10);
      --text:#eaf1ff;
      --muted:#97a8cc;
      --primary:#2a3bff;
      --good:#27c08b;
      --warn:#ffb020;
      --bad:#ff5c7a;
      --info:#66a3ff;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
      background: radial-gradient(1200px 600px at 20% 0%, #15255a 0%, var(--bg) 55%);
      color:var(--text);
    }
    #app{
      opacity:1;
    }
    .siteVersionBadge{
      display:inline-flex;
      align-items:center;
      justify-content:flex-end;
      padding:0;
      font-size:12px;
      font-weight:600;
      line-height:1;
      letter-spacing:.02em;
      user-select:none;
      pointer-events:none;
      background:transparent;
      box-shadow:none;
      border:0;
      border-radius:0;
      color:#202734;
      opacity:.72;
      white-space:nowrap;
    }
    .siteVersionBadge .siteVersionValue{
      display:inline-block;
      text-shadow:none;
    }
    .siteVersionBadge .siteVersionEnv,
    .siteVersionBadge .siteVersionFlag{
      display:none;
    }
    body.login-theme .siteVersionBadge{
      color:#141922;
      opacity:.68;
    }
    body.panel-theme .siteVersionBadge{
      color:#11161f;
      opacity:.72;
    }
    body.login-theme .loginMetaRow .siteVersionBadge{
      position:absolute;
      top:10px;
      right:12px;
      margin:0;
      align-self:auto;
      font-size:11px;
      opacity:.8;
    }
    body.panel-theme .feedHeadRight .siteVersionBadge{
      margin-left:2px;
      align-self:center;
    }
    @media (max-width: 760px){
      .siteVersionBadge{
        font-size:11px;
        opacity:.58;
      }
      .siteVersionBadge .siteVersionEnv,
      .siteVersionBadge .siteVersionFlag{
        display:none;
      }
      body.login-theme .loginMetaRow .siteVersionBadge{
        top:8px;
        right:10px;
        margin-left:0;
        font-size:10px;
        opacity:.76;
      }
      body.panel-theme .feedHeadRight .siteVersionBadge{
        order:10;
        width:100%;
        justify-content:flex-end;
        margin-top:-2px;
      }
    }
    #app.app-enter{
      animation:appViewIn .24s cubic-bezier(.22,.61,.36,1) both;
    }
    #app.app-leave{
      opacity:0;
      transform:translateY(8px);
      transition:opacity .16s ease, transform .16s ease;
      pointer-events:none;
    }
    @keyframes appViewIn{
      from{opacity:0; transform:translateY(8px);}
      to{opacity:1; transform:translateY(0);}
    }
    body.login-theme{
      color:#1c2c52;
      background:
        radial-gradient(1000px 460px at 6% 0%, #dbe9ff 0%, transparent 55%),
        radial-gradient(900px 420px at 95% 10%, #ffe9d6 0%, transparent 52%),
        linear-gradient(180deg, #f5f8fd 0%, #edf3fb 100%);
    }
    body.panel-theme{
      --text:#1b3764;
      --muted:#5f789f;
      --border:rgba(25, 80, 156, .18);
      --card:rgba(255,255,255,.90);
      --card2:rgba(244,248,255,.92);
      --primary:#0a51bd;
      --good:#1f986f;
      --warn:#eb8a18;
      --bad:#cd4458;
      --info:#2c72db;
      color:var(--text);
      background:
        radial-gradient(980px 440px at 10% 0%, #d7e8ff 0%, transparent 56%),
        radial-gradient(760px 380px at 96% 0%, #ffe7d4 0%, transparent 50%),
        linear-gradient(180deg, #f6f9ff 0%, #edf3fb 100%);
      overflow:hidden;
    }
    body.panel-theme .brand h1{
      color:#004996;
    }
    body.panel-theme .brand small{
      color:#5f789f;
    }
    body.panel-theme .pill{
      background:#ffffff;
      border:1px solid #ccdbef;
      color:#4f668e;
      box-shadow:0 6px 16px rgba(19, 72, 145, .08);
    }
    body.panel-theme .dot.off{
      background:rgba(73, 106, 153, .32);
    }
    body.panel-theme .btn{
      box-shadow:0 8px 18px rgba(10, 81, 189, .24);
    }
    body.panel-theme .btn.secondary{
      background:#edf4ff;
      color:#214473;
      border:1px solid #c6d7ee;
      box-shadow:none;
    }
    body.panel-theme .btn.good{
      background:#187e5e;
      color:#ffffff;
    }
    body.panel-theme .btn.warn{
      background:#f2a03f;
      color:#3d2600;
    }
    body.panel-theme .btn.danger{
      background:#ffe8eb;
      color:#a93044;
      border:1px solid #f1c2cc;
      box-shadow:none;
    }
    body.panel-theme .card{
      background: linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
      border:1px solid #d0def2;
      box-shadow:
        0 20px 45px rgba(13, 63, 135, .10),
        0 6px 16px rgba(13, 63, 135, .06);
    }
    body.panel-theme .hint{
      color:#5f789f;
    }
    body.panel-theme .divider{
      background:#e1eaf7;
    }
    body.panel-theme input,
    body.panel-theme select{
      background:#f8fbff;
      border:1px solid #c5d7ef;
      color:#17345f;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
    }
    body.panel-theme input::placeholder{
      color:#89a2c7;
    }
    body.panel-theme input:focus,
    body.panel-theme select:focus{
      border-color:#0b4fb9;
      box-shadow:
        0 0 0 3px rgba(11, 79, 185, .16),
        inset 0 1px 0 rgba(255,255,255,.95);
    }
    body.panel-theme .filterSelect{
      background-color:#f7fbff;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23335588' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 12px center;
      background-size:14px 10px;
      border:1px solid #c5d7ef;
      color:#22467a;
      text-shadow:none;
      box-shadow:
        0 6px 14px rgba(13, 63, 135, .09),
        inset 0 0 0 1px rgba(255,255,255,.62);
    }
    body.panel-theme .filterSelect.day{
      background-color:#f7fbff;
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23335588' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm13 8H4v10h16V10z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23335588' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-position:left 12px center, right 12px center;
      background-repeat:no-repeat, no-repeat;
      background-size:16px 16px, 14px 10px;
    }
    body.panel-theme .kpi{
      background:#ffffff;
      border:1px solid #d1e0f4;
      box-shadow:0 10px 22px rgba(17, 66, 140, .08);
    }
    body.panel-theme .kpi .label,
    body.panel-theme .kpi .sub{
      color:#5b749b;
    }
    body.panel-theme .tableWrap{
      border:1px solid #d2e1f4;
      background:#ffffff;
    }
    body.panel-theme table{
      background:#ffffff;
    }
    body.panel-theme tbody tr:nth-child(odd){
      background:#ffffff;
    }
    body.panel-theme tbody tr:nth-child(even){
      background:#f4f8ff;
    }
    body.panel-theme th,
    body.panel-theme td{
      border-bottom:1px solid #e2ebf8;
      color:#1f3c69;
    }
    body.panel-theme td{
      font-size:16px;
      font-weight:700;
    }
    body.panel-theme th{
      background:linear-gradient(180deg, #e8f1ff 0%, #e0ebfb 100%);
      color:#3f608f;
      font-size:15px;
      font-weight:900;
      border-bottom:1px solid #c8d9f1;
    }
    body.panel-theme .thSortBtn{
      border:1px solid #b9cde9;
      background:#f7fbff;
      color:#2a4d81;
      padding:3px 6px;
      font-size:14px;
      font-weight:900;
    }
    body.panel-theme .thSortBtn:disabled{
      opacity:1;
      cursor:default;
      border:1px solid #b9cde9;
      background:#f7fbff;
      color:#2a4d81;
    }
    body.panel-theme .rowMenuBtn{
      border:1px solid #c7d7ef;
      background:#ffffff;
      color:#2a4d81;
    }
    body.panel-theme .rowMenuPop{
      background:#ffffff;
      border:1px solid #cddcf0;
      box-shadow:0 14px 30px rgba(13, 63, 135, .16);
    }
    body.panel-theme .rowMenuItem{
      border:1px solid #d4e1f3;
      background:#f8fbff;
      color:#244a7f;
    }
    body.panel-theme .rowMenuInfo{
      border:1px solid #d4e1f3;
      background:#f7fbff;
    }
    body.panel-theme .rowMenuInfoLabel{
      color:#59739b;
    }
    body.panel-theme .rowMenuInfoValue{
      color:#1f3c69;
    }
    body.panel-theme .rowMenuInline input{
      border:1px solid #c6d8ef;
      background:#ffffff;
      color:#15345f;
    }
    body.panel-theme .cooValue{
      color:#1f3c69;
    }
    body.panel-theme .chip{
      background:#f4f8ff;
      border:1px solid #cfe0f5;
      color:#2a4f83;
    }
    body.panel-theme .chip.good{
      border-color:#9ad7be;
      color:#1f7f5f;
      background:#e9f9f1;
    }
    body.panel-theme .chip.warn{
      border-color:#f2cd95;
      color:#9a6108;
      background:#fff3e3;
    }
    body.panel-theme .chip.bad{
      border-color:#f0b4bf;
      color:#a3384a;
      background:#ffecef;
    }
    body.panel-theme .chip.info{
      border-color:#9fc2f3;
      color:#255cae;
      background:#eaf2ff;
    }
    body.panel-theme .saleCard{
      border:1px solid #d1e0f4;
      background:#ffffff;
      box-shadow:0 10px 20px rgba(17, 66, 140, .07);
    }
    body.panel-theme .tableFooterBar{
      border-top:1px solid #e1eaf7;
    }
    body.panel-theme .modal-backdrop{
      background:rgba(20, 52, 99, .26);
    }
    body.panel-theme .modal{
      background:#ffffff;
      border:1px solid #cfdef2;
      color:#1a355f;
      box-shadow:0 24px 48px rgba(14, 61, 128, .20);
    }
    body.panel-theme textarea{
      background:#f8fbff;
      border:1px solid #c8d9ef;
      color:#17345f;
    }
    .wrap{max-width:1220px; margin:18px auto; padding:0 14px;}
    .topbar{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; flex-wrap:wrap;}
    .brand h1{margin:0; font-size:20px}
    .brand small{color:var(--muted)}
    .pill{
      display:inline-flex; align-items:center; gap:10px;
      padding:9px 12px; border-radius:999px;
      background:var(--card2);
      border:1px solid var(--border);
      color:var(--muted);
      font-size:12px;
    }
    .dot{
      width:9px;
      height:9px;
      border-radius:50%;
      background:var(--good);
      box-shadow:0 0 0 rgba(39,192,139,.55);
      animation:livePulse 1.45s ease-in-out infinite;
    }
    .dot.off{
      background:rgba(255,255,255,.25);
      box-shadow:none;
      animation:none;
    }
    @keyframes livePulse{
      0%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(39,192,139,.52);
      }
      70%{
        transform:scale(1.08);
        box-shadow:0 0 0 8px rgba(39,192,139,0);
      }
      100%{
        transform:scale(1);
        box-shadow:0 0 0 0 rgba(39,192,139,0);
      }
    }
    .btn{
      border:none; cursor:pointer;
      padding:10px 12px; border-radius:12px;
      background:var(--primary); color:white; font-weight:800;
      transition: transform .05s ease, opacity .15s ease;
      white-space:nowrap;
      font-size:13px;
    }
    .btn:active{transform:scale(.98)}
    .btn.secondary{background: rgba(255,255,255,.10); color:var(--text)}
    .btn.good{background: var(--good)}
    .btn.warn{background: var(--warn); color:#0b1020}
    .btn.danger{background: rgba(255,92,122,.20); color:#ffd1da; border:1px solid rgba(255,92,122,.35)}
    .btn:disabled{opacity:.45; cursor:not-allowed}

    .grid{display:grid; grid-template-columns: 1.35fr .65fr; gap:12px;}
    @media (max-width: 980px){ .grid{grid-template-columns:1fr;} }

    .card{
      background: linear-gradient(180deg, var(--card), rgba(255,255,255,.03));
      border:1px solid var(--border);
      box-shadow: 0 10px 40px rgba(0,0,0,.25);
      border-radius:18px;
      padding:12px;
    }
    .row{display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end;}
    .panelHead{
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      gap:10px;
      text-align:center;
      width:100%;
    }
    .panelHeadText{
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:4px;
    }
    .panelHeadTitle{
      font-weight:900;
      font-size:14px;
    }
    .panelHeadHint{
      font-weight:700;
      font-size:13px;
    }
    .panelHeadControls{
      width:100%;
      justify-content:center;
    }
    .panelHeadControls label{
      text-align:left;
    }
    label{display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:12px;}
    input, select{
      background:rgba(0,0,0,.25);
      border:1px solid rgba(255,255,255,.12);
      color:var(--text);
      padding:10px 10px; border-radius:12px; outline:none;
      min-width:160px;
      font-size:14px;
    }

    .filterSelect{
      appearance:none;
      background:
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)),
        rgba(8,12,26,.7);
      border:1px solid rgba(255,255,255,.18);
      padding:10px 38px 10px 40px;
      border-radius:14px;
      font-weight:800;
      letter-spacing:.2px;
      color:#eef4ff;
      text-shadow:0 1px 0 rgba(0,0,0,.4);
      box-shadow:
        0 8px 18px rgba(0,0,0,.25),
        inset 0 0 0 1px rgba(255,255,255,.04);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23c8d6ff' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:right 12px center;
      background-size:14px 10px;
    }
    .filterSelect.day{
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23c8d6ff' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm13 8H4v10h16V10z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23c8d6ff' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-position:left 12px center, right 12px center;
      background-repeat:no-repeat, no-repeat;
      background-size:16px 16px, 14px 10px;
    }
    .filterSelect.type{
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23c8d6ff' d='M3 5h18v2H3V5zm0 6h18v2H3v-2zm0 6h18v2H3v-2z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23c8d6ff' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-position:left 12px center, right 12px center;
      background-repeat:no-repeat, no-repeat;
      background-size:16px 16px, 14px 10px;
    }
    input::placeholder{color:rgba(232,239,255,.45)}
    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;}
    .hint{color:var(--muted); font-size:12px; line-height:1.45}
    .actions{display:flex; gap:8px; flex-wrap:wrap;}
    .divider{height:1px; background:rgba(255,255,255,.08); margin:12px 0}
    .toast{
      margin-top:10px;
      color:var(--muted);
      font-size:12px;
      min-height:16px;
      transform:translateY(0);
      opacity:1;
    }
    .toast.toast-pop{
      animation:toastPop .28s ease;
    }
    @keyframes toastPop{
      0%{opacity:0; transform:translateY(4px);}
      100%{opacity:1; transform:translateY(0);}
    }

    .cards{
      display:flex;
      justify-content:center;
      gap:10px;
      margin-top:10px;
      flex-wrap:wrap;
    }
    .kpi{
      background: rgba(0,0,0,.18);
      border:1px solid rgba(255,255,255,.10);
      border-radius:16px;
      padding:12px;
      width: 260px;
      max-width: 100%;
      text-align:center;
    }
    @media (max-width: 980px){
      .kpi{ width: calc(50% - 10px); text-align:center; }
    }
    @media (max-width: 520px){
      .kpi{ width: 100%; }
    }
    .kpi .label{color:var(--muted); font-size:12px}
    .kpi .value{font-size:18px; font-weight:900; margin-top:6px}
    .kpi .sub{color:var(--muted); font-size:12px; margin-top:2px}

    .tableWrap{overflow:auto; border-radius:14px; border:1px solid rgba(255,255,255,.08); margin-top:10px;}
    table{width:100%; border-collapse:collapse; min-width:920px; background:rgba(0,0,0,.10);}
    .movTable{table-layout:fixed; width:100%; min-width:920px;}
    .movTable th, .movTable td{padding:7px 4px; border-bottom:1px solid rgba(255,255,255,.08); font-size:15px; vertical-align:top;}
    .movTable td{font-weight:600;}
    .movTable th{color:var(--muted); font-weight:800; text-align:left; background:rgba(0,0,0,.12);}
    .movTable th:first-child, .movTable td:first-child{padding-left:10px;}
    .movTable th:last-child, .movTable td:last-child{padding-right:8px;}
    .movTable .col-type{width:148px;}
    .movTable .col-id{width:52px;}
    .movTable .col-horario{width:186px;}
    .movTable.isAdmin .col-loja{width:84px;}
    .movTable .col-valor{width:112px;}
    .movTable td.col-valor{font-weight:700;}
    .movTable .col-status{width:138px;}
    .movTable .col-coo{width:124px;}
    .movTable .col-actions{width:42px; text-align:center;}
    .movTable.isStore .col-horario{width:192px;}
    .movTable th.col-type, .movTable td.col-type{padding-right:1px;}
    .movTable th.col-id, .movTable td.col-id{padding-left:1px; padding-right:1px;}
    .movTable th.col-horario, .movTable td.col-horario{padding-right:1px;}
    .movTable th.col-valor, .movTable td.col-valor{padding-left:1px;}
    tbody tr:nth-child(odd){background:rgba(255,255,255,.02);}
    tbody tr:nth-child(even){background:rgba(0,0,0,.06);}
    .thSortBtn{
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      color:var(--text);
      border-radius:10px;
      padding:3px 6px;
      font-size:14px;
      font-weight:800;
      cursor:pointer;
    }
    .thSortBtn:disabled{opacity:.55; cursor:default;}
    .thIconBtn{min-width:32px; text-align:center; padding:5px 8px;}
    .rowMenu{position:relative; display:inline-block;}
    .rowMenuBtn{
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.06);
      color:var(--text);
      border-radius:10px;
      padding:6px 10px;
      font-size:14px;
      font-weight:900;
      cursor:pointer;
      min-width:34px;
      line-height:1;
    }
    .rowMenuPop{
      position:absolute;
      top:calc(100% + 6px);
      right:0;
      min-width:190px;
      z-index:30;
      background:rgba(10,15,30,.98);
      border:1px solid rgba(255,255,255,.14);
      border-radius:12px;
      box-shadow:0 10px 30px rgba(0,0,0,.35);
      padding:6px;
      display:none;
      flex-direction:column;
      gap:6px;
    }
    .rowMenuPop.show{display:flex;}
    .rowMenuItem{
      width:100%;
      text-align:left;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      color:var(--text);
      border-radius:10px;
      padding:8px 10px;
      font-size:12px;
      font-weight:700;
      cursor:pointer;
    }
    .rowMenuItem:disabled{opacity:.45; cursor:not-allowed;}
    .rowMenuInfo{
      border:1px solid rgba(255,255,255,.10);
      border-radius:10px;
      padding:7px 8px;
      background:rgba(255,255,255,.03);
    }
    .rowMenuInfoLabel{
      font-size:10px;
      font-weight:800;
      color:var(--muted);
      margin-bottom:3px;
      text-transform:uppercase;
      letter-spacing:.2px;
    }
    .rowMenuInfoValue{
      font-size:12px;
      font-weight:700;
      word-break:break-all;
      line-height:1.3;
    }
    .rowMenuInline{
      display:flex;
      flex-direction:column;
      gap:6px;
      padding:4px;
    }
    .rowMenuInline input{
      width:100%;
      min-width:160px;
      padding:8px 10px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.04);
      color:var(--text);
    }
    .rowMenuInlineActions{
      display:flex;
      gap:6px;
    }
    .rowMenuInlineActions .rowMenuItem{
      text-align:center;
      padding:7px 8px;
    }
    .cooCellWrap{
      display:flex;
      flex-direction:column;
      gap:2px;
      align-items:flex-start;
      min-width:140px;
    }
    .cooLabel{
      font-size:10px;
      font-weight:800;
      letter-spacing:.2px;
      text-transform:uppercase;
      color:var(--muted);
      line-height:1.2;
    }
    .cooValue{
      font-size:15px;
      font-weight:800;
      line-height:1.25;
      color:var(--text);
      white-space:pre-line;
    }
    .cooBtn{
      padding:6px 10px;
      font-size:12px;
    }
    .inlineCooWrap{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
      width:100%;
    }
    .inlineCooWrap input{
      flex:1;
      min-width:120px;
    }
    .modal.createSaleModal{
      width:430px;
      max-width:92vw;
      border-radius:18px;
      padding:14px;
    }
    .createSaleModal .row{
      flex-direction:column;
      align-items:stretch;
      gap:10px;
    }
    .createSaleModal label{
      width:100%;
    }
    .chip{
      display:inline-flex; align-items:center; gap:6px;
      padding:6px 10px; border-radius:999px;
      background: rgba(255,255,255,.07);
      border:1px solid rgba(255,255,255,.10);
      font-size:12px;
    }
    .chip.good{border-color: rgba(39,192,139,.45); color:#bff5e2}
    .chip.warn{border-color: rgba(255,176,32,.45); color:#ffe1a6}
    .chip.bad{border-color: rgba(255,92,122,.45); color:#ffc2cd}
    .chip.info{border-color: rgba(102,163,255,.55); color:#cfe4ff}

    .mobileList{display:none;}
    @media (max-width: 720px){
      .tableWrap{display:none;}
      .mobileList{display:block; margin-top:10px;}
      .saleCard{
        border:1px solid rgba(255,255,255,.10);
        background: rgba(0,0,0,.16);
        border-radius:16px;
        padding:12px;
        margin-bottom:10px;
      }
      input, select{min-width: 100%;}
      .panelHeadControls label{width:min(260px, 100%);}
      .panelHeadControls .btn.good{width:min(260px, 100%);}
    }

    .modal-backdrop{
      position:fixed; inset:0; background:rgba(0,0,0,.55);
      display:none; align-items:center; justify-content:center; padding:18px;
      z-index:9999;
      opacity:0;
      pointer-events:none;
      transition:opacity .18s ease;
    }
    .modal-backdrop.is-open{
      opacity:1;
      pointer-events:auto;
    }
    .modal{
      max-width:920px; width:100%;
      background:rgba(15,22,45,.96);
      border:1px solid rgba(255,255,255,.10);
      border-radius:18px; padding:14px;
      box-shadow: 0 10px 40px rgba(0,0,0,.35);
      transform:translateY(10px) scale(.985);
      opacity:.9;
      transition:transform .2s ease, opacity .2s ease;
    }
    .modal-backdrop.is-open .modal{
      transform:translateY(0) scale(1);
      opacity:1;
    }
    textarea{
      width:100%; min-height:170px;
      background:rgba(0,0,0,.25);
      border:1px solid rgba(255,255,255,.10);
      color:var(--text); border-radius:12px; padding:10px;
      resize:vertical;
      font-size:12px;
    }

    .center{
      min-height: calc(100vh - 40px);
      display:flex; align-items:center; justify-content:center;
    }
    .loginBox{
      width: 520px; max-width: 100%;
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
      border:1px solid var(--border);
      border-radius:22px;
      padding:16px;
      box-shadow: 0 10px 40px rgba(0,0,0,.28);
    }
    .loginHead{display:flex; align-items:center; justify-content:space-between; gap:10px;}
    .loginHead h2{margin:0; font-size:18px}
    .badge{font-size:12px; color:var(--muted); border:1px solid rgba(255,255,255,.12); padding:6px 10px; border-radius:999px; background:rgba(0,0,0,.18)}
    .qrImg{max-width:320px; width:100%; border-radius:14px; border:1px solid rgba(255,255,255,.10); background:#fff;}

    body.login-theme .center{
      min-height: calc(100vh - 24px);
      padding: 12px;
    }
    body.login-theme .loginBox{
      width:560px;
      background: linear-gradient(170deg, #ffffff 0%, #f7fafe 100%);
      border:1px solid #d4e1f3;
      border-radius:24px;
      box-shadow:
        0 30px 70px rgba(11, 52, 123, .14),
        0 8px 18px rgba(11, 52, 123, .08);
      color:#1c2c52;
      padding:20px;
    }
    body.login-theme .loginHead h2{
      color:#004996;
      font-size:22px;
      letter-spacing:.1px;
    }
    body.login-theme .loginBox .hint{
      color:#6279a1;
      font-size:13px;
      font-weight:600;
    }
    body.login-theme .loginSubhead{
      color:#4f6792;
      letter-spacing:.1px;
    }
    body.login-theme .loginBox .divider{
      background:#e2ebf7;
    }
    body.login-theme .badge{
      border-color:rgba(237,119,3,.38);
      background:#fff1e3;
      color:#d06100;
      font-weight:800;
    }
    body.login-theme .loginBox label{
      color:#344c76;
      font-weight:700;
      font-size:13px;
    }
    body.login-theme .loginBox input,
    body.login-theme .loginBox select{
      background:#f8fbff;
      color:#11244a;
      border:1px solid #c7d8ef;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
    }
    body.login-theme .loginBox input::placeholder{
      color:#89a2c7;
    }
    body.login-theme .loginBox input:focus,
    body.login-theme .loginBox select:focus{
      border-color:#0b4fb9;
      box-shadow:
        0 0 0 3px rgba(11, 79, 185, .16),
        inset 0 1px 0 rgba(255,255,255,.9);
    }
    body.login-theme .loginBox .btn{
      background: linear-gradient(180deg, #0d57c6 0%, #083c99 100%);
      border:1px solid #073682;
      min-width:130px;
      letter-spacing:.2px;
      box-shadow: 0 8px 18px rgba(8, 60, 153, .25);
    }
    body.login-theme .loginBox .btn:hover{
      filter:brightness(1.06);
    }
    body.login-theme #loginToast{
      color:#b54c00;
      font-weight:700;
    }
    body.login-theme .loginPolicy{
      color:#425c89;
      line-height:1.6;
      font-weight:600;
    }
    body.login-theme .loginPolicy b{
      color:#0d4ca8;
      font-weight:800;
    }

    body.login-theme .loginBox.loginBoxEnhanced{
      width:min(1100px, 100%);
      display:grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
      gap:14px;
      padding:14px;
      border-radius:28px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.62)),
        radial-gradient(240px 110px at 6% 0%, rgba(13,87,198,.10), transparent 70%);
    }
    body.login-theme .loginPanelForm{
      min-width:0;
      position:relative;
      border-radius:20px;
      border:1px solid #dbe6f5;
      background:#ffffff;
      padding:20px;
      box-shadow:
        0 14px 28px rgba(11, 52, 123, .06),
        inset 0 1px 0 rgba(255,255,255,.95);
      display:flex;
      flex-direction:column;
      gap:0;
    }
    body.login-theme .loginBrandRow{
      display:flex;
      align-items:flex-start;
      gap:14px;
      padding-right:58px;
    }
    body.login-theme .loginBrandMark{
      width:54px;
      height:54px;
      border-radius:16px;
      display:grid;
      place-items:center;
      background:
        linear-gradient(180deg, #e7fff8 0%, #d7fff3 100%);
      border:1px solid #b4ead8;
      box-shadow:0 10px 20px rgba(0, 179, 134, .12);
      flex:0 0 auto;
    }
    body.login-theme .loginBrandMark svg{
      width:30px;
      height:30px;
      display:block;
    }
    body.login-theme .loginEyebrow{
      font-size:11px;
      text-transform:uppercase;
      letter-spacing:.16em;
      color:#6c83ac;
      font-weight:800;
      margin-top:2px;
      margin-bottom:6px;
    }
    body.login-theme .loginPanelForm h2{
      margin:0;
      color:#0f2f61;
      font-size:28px;
      line-height:1.12;
      letter-spacing:-.02em;
    }
    body.login-theme .loginSubhead{
      margin-top:8px;
      font-size:13px;
      line-height:1.45;
      max-width:480px;
    }
    body.login-theme .loginMetaRow{
      margin-top:14px;
      display:flex;
      align-items:center;
      justify-content:flex-start;
      gap:12px;
      flex-wrap:wrap;
    }
    body.login-theme .loginMetaRow .badge{
      border-color:rgba(0,179,134,.24);
      background:#e9fff8;
      color:#028760;
      font-weight:800;
    }
    body.login-theme .loginMetaHint{
      font-size:12px;
      font-weight:700;
      color:#6982ac;
    }
    body.login-theme .loginForm{
      display:block;
    }
    body.login-theme .loginFieldsRow{
      align-items:flex-start;
      gap:12px;
    }
    body.login-theme .loginFieldsRow > label{
      min-width:220px;
    }
    body.login-theme .loginPasswordWrap{
      position:relative;
      display:flex;
      align-items:center;
    }
    body.login-theme .loginPasswordWrap input{
      width:100%;
      padding-right:44px;
    }
    body.login-theme .loginPasswordToggle{
      position:absolute;
      right:8px;
      top:50%;
      transform:translateY(-50%);
      width:30px;
      height:30px;
      min-width:30px;
      padding:0;
      border:0;
      border-radius:10px;
      background:transparent;
      color:#5f789f;
      box-shadow:none;
      display:grid;
      place-items:center;
      cursor:pointer;
    }
    body.login-theme .loginPasswordToggle:hover{
      background:rgba(11, 79, 185, .08);
      color:#0d4ca8;
      filter:none;
    }
    body.login-theme .loginPasswordToggle:focus-visible{
      outline:none;
      background:rgba(11, 79, 185, .10);
      box-shadow:0 0 0 3px rgba(11, 79, 185, .14);
      color:#0d4ca8;
    }
    body.login-theme .loginPasswordToggle svg{
      width:18px;
      height:18px;
      display:block;
    }
    body.login-theme .loginPasswordToggleSlash{
      position:absolute;
      width:16px;
      height:2px;
      border-radius:999px;
      background:currentColor;
      transform:rotate(-35deg);
      opacity:.9;
      transition:opacity .18s ease, transform .18s ease;
      pointer-events:none;
    }
    body.login-theme .loginPasswordToggle.is-visible .loginPasswordToggleSlash{
      opacity:0;
      transform:rotate(-35deg) scale(.75);
    }
    body.login-theme .loginForm .toast{
      min-height:22px;
      margin-top:10px;
    }
    body.login-theme .loginFieldNote{
      margin-top:10px;
      color:#56719d;
      font-size:12px;
      line-height:1.45;
    }
    body.login-theme .loginFieldNote b{
      color:#0c4ca7;
    }
    body.login-theme .loginActionsRow{
      margin-top:12px;
      align-items:center;
      gap:12px;
    }
    body.login-theme .loginEnterBtn{
      min-width:180px;
      min-height:42px;
      border-radius:14px;
      padding:11px 16px;
    }
    body.login-theme .loginInlineInfo{
      font-size:12px;
      font-weight:700;
      color:#6b83ab;
    }
    body.login-theme .loginNoticeBoard{
      border-radius:16px;
      border:1px dashed #cfdff3;
      background:
        linear-gradient(180deg, #fbfdff 0%, #f7fbff 100%);
      min-height:108px;
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    body.login-theme .loginNoticeHeader{
      font-size:12px;
      font-weight:800;
      color:#58739e;
      letter-spacing:.02em;
    }
    body.login-theme .loginNoticeBody{
      flex:1;
      border-radius:12px;
      border:1px solid rgba(199, 216, 239, .7);
      background:
        repeating-linear-gradient(
          135deg,
          rgba(233, 242, 255, .38) 0,
          rgba(233, 242, 255, .38) 10px,
          rgba(255,255,255,.7) 10px,
          rgba(255,255,255,.7) 20px
        );
      min-height:58px;
    }
    body.login-theme .loginNoticeBoard.is-live{
      border-style:solid;
      border-color:#d4e2f6;
      background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow:0 10px 20px rgba(18, 67, 140, .06);
    }
    body.login-theme .loginNoticeBoard.is-live.tone-info{
      border-color:#d3e2f7;
      background:
        radial-gradient(220px 80px at 0% 0%, rgba(44,114,219,.08), transparent 80%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    }
    body.login-theme .loginNoticeBoard.is-live.tone-success{
      border-color:#c9eadb;
      background:
        radial-gradient(220px 90px at 0% 0%, rgba(31,152,111,.10), transparent 80%),
        linear-gradient(180deg, #ffffff 0%, #f8fffb 100%);
    }
    body.login-theme .loginNoticeBoard.is-live.tone-warning{
      border-color:#f2ddbb;
      background:
        radial-gradient(220px 90px at 0% 0%, rgba(235,138,24,.10), transparent 80%),
        linear-gradient(180deg, #fffdfa 0%, #fffaf2 100%);
    }
    body.login-theme .loginNoticeBody.loginNoticeBodyContent{
      min-height:58px;
      background:#ffffff;
      border-style:solid;
      display:flex;
      flex-direction:column;
      gap:6px;
      padding:10px 12px;
    }
    body.login-theme .loginNoticeBody.loginNoticeBodyContent.is-rotating{
      animation:campaignSwapIn .34s ease;
    }
    body.login-theme .loginNoticeTitle{
      color:#173867;
      font-weight:800;
      font-size:13px;
      line-height:1.25;
    }
    body.login-theme .loginNoticeText{
      color:#58739e;
      font-size:12px;
      line-height:1.45;
      white-space:normal;
    }
    body.login-theme .loginPolicyGrid{
      display:grid;
      gap:10px;
      color:#425c89;
      line-height:1.45;
      font-weight:600;
      font-size:13px;
    }
    body.login-theme .loginPolicyItem{
      display:flex;
      align-items:flex-start;
      gap:10px;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid #dce7f7;
      background:#f8fbff;
    }
    body.login-theme .loginPolicyGlyph{
      flex:0 0 auto;
      min-width:36px;
      height:24px;
      border-radius:999px;
      padding:0 8px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:11px;
      font-weight:900;
      letter-spacing:.06em;
      color:#0b4fb9;
      border:1px solid #c9dbf3;
      background:#edf4ff;
    }

    body.login-theme .loginVisualPanel{
      position:relative;
      min-width:0;
      min-height:520px;
      border-radius:20px;
      padding:18px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.28);
      background:
        radial-gradient(520px 240px at 10% 0%, rgba(84, 182, 255, .26), transparent 62%),
        radial-gradient(440px 220px at 90% 8%, rgba(255, 184, 90, .18), transparent 62%),
        linear-gradient(140deg, #0a49a5 0%, #0d6bd0 42%, #16a07f 100%);
      color:#ecf5ff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
      display:flex;
      flex-direction:column;
      gap:12px;
      isolation:isolate;
    }
    body.login-theme .loginVisualPanel::before,
    body.login-theme .loginVisualPanel::after{
      content:"";
      position:absolute;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      filter:blur(.2px);
      z-index:-1;
    }
    body.login-theme .loginVisualPanel::before{
      width:220px;
      height:220px;
      top:-70px;
      right:-40px;
    }
    body.login-theme .loginVisualPanel::after{
      width:140px;
      height:140px;
      left:-24px;
      bottom:84px;
      background:rgba(255,255,255,.06);
    }
    body.login-theme .loginVisualHeader{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      flex-wrap:wrap;
    }
    body.login-theme .loginVisualTag{
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.09);
      color:#f2fbff;
      border-radius:999px;
      padding:7px 10px;
      font-size:11px;
      font-weight:800;
      letter-spacing:.03em;
      backdrop-filter: blur(6px);
    }
    body.login-theme .loginVisualStatus{
      display:inline-flex;
      align-items:center;
      gap:8px;
      font-size:12px;
      font-weight:700;
      color:rgba(241,248,255,.92);
      background:rgba(5, 32, 80, .18);
      border:1px solid rgba(255,255,255,.14);
      border-radius:999px;
      padding:7px 10px;
      backdrop-filter: blur(6px);
    }
    body.login-theme .loginVisualStatusDot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:#74ffd6;
      box-shadow:0 0 0 6px rgba(116,255,214,.12);
    }
    body.login-theme .loginVisualCanvas{
      position:relative;
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
      min-height:290px;
    }
    body.login-theme .loginVisualGlow{
      position:absolute;
      inset:22px 38px 44px;
      border-radius:28px;
      background:
        radial-gradient(180px 100px at 20% 15%, rgba(255,255,255,.22), transparent 70%),
        radial-gradient(230px 120px at 80% 82%, rgba(255,255,255,.10), transparent 72%);
      border:1px solid rgba(255,255,255,.07);
      opacity:.8;
      pointer-events:none;
    }
    body.login-theme .loginPhoneMock{
      position:relative;
      width:240px;
      height:410px;
      border-radius:34px;
      padding:12px;
      background: linear-gradient(180deg, #12274f 0%, #0a1835 100%);
      border:1px solid rgba(255,255,255,.18);
      box-shadow:
        0 28px 44px rgba(4, 16, 42, .45),
        inset 0 1px 0 rgba(255,255,255,.08);
      transform:rotate(-11deg);
      z-index:2;
    }
    body.login-theme .loginPhoneNotch{
      position:absolute;
      left:50%;
      top:8px;
      transform:translateX(-50%);
      width:74px;
      height:12px;
      border-radius:0 0 12px 12px;
      background:#081326;
      border:1px solid rgba(255,255,255,.06);
      z-index:3;
    }
    body.login-theme .loginPhoneScreen{
      height:100%;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.10);
      padding:18px 14px 14px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),
        radial-gradient(160px 90px at 50% 15%, rgba(100, 179, 255, .20), transparent 70%),
        linear-gradient(160deg, #0f4da8 0%, #0f6dbe 45%, #118f88 100%);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      gap:16px;
      position:relative;
      overflow:hidden;
    }
    body.login-theme .loginPhoneScreen::before{
      content:"";
      position:absolute;
      inset:auto -20px -30px auto;
      width:120px;
      height:120px;
      border-radius:50%;
      background:rgba(255,255,255,.08);
      filter:blur(1px);
    }
    body.login-theme .loginPhoneTitle{
      margin-top:8px;
      font-size:14px;
      font-weight:800;
      letter-spacing:.02em;
      color:#f4fbff;
      text-shadow:0 1px 0 rgba(0,0,0,.12);
    }
    body.login-theme .loginPhoneRing{
      width:154px;
      height:154px;
      border-radius:50%;
      position:relative;
      display:grid;
      place-items:center;
      margin-top:8px;
    }
    body.login-theme .loginPhoneRing .ring{
      position:absolute;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.22);
      box-shadow: inset 0 0 0 1px rgba(16, 231, 194, .06);
    }
    body.login-theme .loginPhoneRing .r1{ width:154px; height:154px; }
    body.login-theme .loginPhoneRing .r2{ width:112px; height:112px; border-color:rgba(255,255,255,.30); }
    body.login-theme .loginPhoneRing .r3{ width:74px; height:74px; border-color:rgba(116,255,214,.45); }
    body.login-theme .loginPhoneRing .ringCenter{
      width:38px;
      height:38px;
      transform:rotate(45deg);
      border-radius:10px;
      background:linear-gradient(180deg, #6ff7d0 0%, #18d5a6 100%);
      box-shadow:
        0 8px 18px rgba(8, 32, 65, .24),
        inset 0 1px 0 rgba(255,255,255,.4);
      border:1px solid rgba(255,255,255,.25);
    }
    body.login-theme .loginPhoneLines{
      width:100%;
      display:grid;
      gap:8px;
      padding:0 4px;
      margin-top:4px;
    }
    body.login-theme .loginPhoneLines div{
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.15);
      border:1px solid rgba(255,255,255,.06);
    }
    body.login-theme .loginPhoneLines div:nth-child(1){ width:84%; }
    body.login-theme .loginPhoneLines div:nth-child(2){ width:68%; }
    body.login-theme .loginPhoneLines div:nth-child(3){ width:76%; }
    body.login-theme .loginPhoneAmount{
      margin-top:auto;
      width:100%;
      text-align:center;
      font-weight:900;
      font-size:22px;
      letter-spacing:.02em;
      color:#ffffff;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      border-radius:14px;
      padding:10px 12px;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    }
    body.login-theme .loginFloatCard{
      position:absolute;
      display:flex;
      align-items:center;
      gap:10px;
      min-width:170px;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(7, 27, 66, .34);
      color:#f2fbff;
      box-shadow:0 14px 28px rgba(3, 12, 32, .20);
      backdrop-filter: blur(9px);
      z-index:3;
    }
    body.login-theme .loginFloatCard small{
      display:block;
      font-size:10px;
      font-weight:700;
      color:rgba(232, 245, 255, .82);
      letter-spacing:.05em;
      text-transform:uppercase;
      margin-bottom:1px;
    }
    body.login-theme .loginFloatCard b{
      display:block;
      font-size:12px;
      line-height:1.2;
      font-weight:800;
    }
    body.login-theme .loginFloatIcon{
      flex:0 0 auto;
      width:34px;
      height:34px;
      border-radius:12px;
      display:grid;
      place-items:center;
      font-weight:900;
      font-size:11px;
      letter-spacing:.06em;
      color:#ffffff;
      border:1px solid rgba(255,255,255,.22);
      background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
    }
    body.login-theme .loginFloatCheck{ top:32px; left:8px; transform:rotate(-6deg); }
    body.login-theme .loginFloatLock{ right:4px; top:132px; transform:rotate(6deg); }
    body.login-theme .loginFloatFinance{ left:14px; bottom:24px; transform:rotate(4deg); }
    body.login-theme .loginFloatCheck .loginFloatIcon{
      background:linear-gradient(180deg, rgba(64, 255, 193, .38), rgba(28, 191, 149, .20));
    }
    body.login-theme .loginFloatLock .loginFloatIcon{
      background:linear-gradient(180deg, rgba(255, 203, 119, .34), rgba(255, 160, 72, .16));
    }
    body.login-theme .loginFloatFinance .loginFloatIcon{
      background:linear-gradient(180deg, rgba(113, 194, 255, .34), rgba(56, 144, 231, .16));
    }
    body.login-theme .loginVisualStats{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px;
      position:relative;
      z-index:3;
    }
    body.login-theme .loginVisualStat{
      min-width:0;
      padding:12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(6, 25, 60, .22);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
      backdrop-filter: blur(8px);
    }
    body.login-theme .loginVisualStat small{
      display:block;
      font-size:10px;
      font-weight:800;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:rgba(233, 246, 255, .78);
    }
    body.login-theme .loginVisualStat strong{
      display:block;
      margin-top:4px;
      color:#ffffff;
      font-size:14px;
      line-height:1.2;
      letter-spacing:.01em;
    }
    body.login-theme .loginVisualStat span{
      display:block;
      margin-top:5px;
      font-size:11px;
      line-height:1.35;
      color:rgba(236, 247, 255, .86);
    }

    @media (max-width: 980px){
      body.login-theme .loginBox.loginBoxEnhanced{
        grid-template-columns:1fr;
        width:min(760px, 100%);
      }
      body.login-theme .loginVisualPanel{
        min-height:430px;
      }
      body.login-theme .loginPhoneMock{
        width:212px;
        height:362px;
      }
      body.login-theme .loginPhoneRing{
        width:132px;
        height:132px;
      }
      body.login-theme .loginPhoneRing .r1{ width:132px; height:132px; }
      body.login-theme .loginPhoneRing .r2{ width:96px; height:96px; }
      body.login-theme .loginPhoneRing .r3{ width:64px; height:64px; }
    }
    @media (max-width: 720px){
      body.login-theme .center{
        min-height: calc(100vh - 16px);
        padding:8px;
      }
      body.login-theme .loginBox.loginBoxEnhanced{
        padding:10px;
        border-radius:20px;
        gap:10px;
      }
      body.login-theme .loginPanelForm{
        padding:16px;
      }
      body.login-theme .loginPanelForm h2{
        font-size:22px;
      }
      body.login-theme .loginFieldsRow{
        gap:10px;
      }
      body.login-theme .loginFieldsRow > label{
        min-width:100%;
      }
      body.login-theme .loginPasswordToggle{
        right:7px;
      }
      body.login-theme .loginActionsRow{
        flex-direction:column;
        align-items:stretch;
      }
      body.login-theme .loginEnterBtn{
        width:100%;
      }
      body.login-theme .loginInlineInfo{
        text-align:center;
      }
      body.login-theme .loginVisualPanel{
        min-height:390px;
        padding:14px;
      }
      body.login-theme .loginVisualTag{
        font-size:10px;
      }
      body.login-theme .loginFloatCard{
        min-width:150px;
        padding:9px 10px;
      }
      body.login-theme .loginFloatLock{
        right:0;
        top:120px;
      }
      body.login-theme .loginFloatFinance{
        left:8px;
        bottom:18px;
      }
      body.login-theme .loginVisualStats{
        grid-template-columns:1fr;
      }
    }
    @media (max-width: 520px){
      body.login-theme .loginVisualPanel{
        min-height:340px;
      }
      body.login-theme .loginPhoneMock{
        width:188px;
        height:318px;
        transform:rotate(-8deg);
      }
      body.login-theme .loginPhoneAmount{
        font-size:18px;
        padding:8px 10px;
      }
      body.login-theme .loginFloatCheck{
        left:4px;
        top:18px;
      }
      body.login-theme .loginFloatLock{
        display:none;
      }
      body.login-theme .loginFloatFinance{
        left:auto;
        right:6px;
        bottom:10px;
      }
      body.login-theme .loginFloatCard b{
        font-size:11px;
      }
    }

    .tableFooterBar{
      margin-top:10px;
      padding-top:10px;
      border-top:1px solid rgba(255,255,255,.08);
      display:flex;
      justify-content:flex-end;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
    }
    .perPageWrap{
      display:flex;
      align-items:center;
      gap:10px;
      color:var(--muted);
      font-size:12px;
    }
    .pageControls{
      align-items:center;
      gap:8px;
    }
    .perPageWrap select{
      min-width:110px;
      padding:8px 10px;
      border-radius:12px;
    }
    @media (max-width: 720px){
      .pageControls{
        width:100%;
        justify-content:flex-end;
      }
    }

    .ifoodShell{
      max-width:none;
      width:100%;
      margin:0;
      padding:0;
      background:#0f1218;
      height:100vh;
      overflow:hidden;
    }
    .panelLayout{
      display:grid;
      grid-template-columns: 292px minmax(0, 1fr);
      gap:0;
      align-items:stretch;
      min-height:100vh;
      background:#0f1218;
    }
    .sidePanel{
      position:sticky;
      top:0;
      min-height:100vh;
      border-radius:0;
      overflow:hidden;
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:18px 14px;
    }
    .sideBrand h1{
      margin:0;
      font-size:28px;
      font-weight:900;
      letter-spacing:.2px;
    }
    .sideBrand small{
      margin-top:4px;
      display:block;
      color:rgba(255,255,255,.72);
      font-size:14px;
    }
    .sideGroup{
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .sideGroup .btn{
      width:100%;
      justify-content:center;
    }
    .sidePanel .actionGroup .pill{
      width:100%;
      justify-content:center;
    }
    .btnCreateSaleMain .labelMobile{
      display:none;
    }
    .btnCreateSaleMain .labelFull{
      display:inline;
    }
    .sideGroup label{
      width:100%;
      color:rgba(255,255,255,.72);
      font-size:12px;
      font-weight:700;
    }
    .sideKpis .cards{
      width:100%;
      gap:8px;
      justify-content:flex-start;
      flex-direction:column;
      align-items:stretch;
      margin-top:4px;
    }
    .sideKpis .kpi{
      width:100%;
      padding:10px 12px;
      text-align:left;
    }
    .sideKpis .kpi .value{
      font-size:20px;
      margin-top:2px;
    }

    .feedPanel{
      min-height:100vh;
      border-radius:18px 0 0 18px;
      display:flex;
      flex-direction:column;
      gap:10px;
      padding:16px;
      overflow:hidden;
    }
    .feedHead{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
      flex-wrap:wrap;
    }
    .feedHeadRight{
      display:flex;
      align-items:flex-end;
      gap:10px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }
    .mobileDateBox{
      display:none;
      align-items:center;
      gap:6px;
    }
    .mobileDateBox label{
      display:flex;
      margin:0;
      gap:0;
    }
    .mobileDateBox .filterSelect.day{
      min-width:138px;
    }
    .mobileDateBox input[type="date"]{
      min-width:150px;
      height:39px;
    }
    .feedSortBar{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .feedList{
      border:1px solid #d7e3f5;
      border-radius:16px;
      background:#ffffff;
      padding:10px;
      height:auto;
      flex:1;
      min-height:320px;
      overflow:auto;
      transition:opacity .2s ease, transform .2s ease, filter .2s ease;
    }
    .feedList.is-switching{
      animation:feedSwitch .24s ease;
    }
    .feedList.is-sorting{
      animation:feedSort .2s ease;
    }
    @keyframes feedSwitch{
      0%{opacity:.68; transform:translateY(4px); filter:saturate(.92);}
      100%{opacity:1; transform:translateY(0); filter:saturate(1);}
    }
    @keyframes feedSort{
      0%{opacity:.78; transform:translateY(2px);}
      100%{opacity:1; transform:translateY(0);}
    }
    .feedItem{
      position:relative;
      z-index:1;
      isolation:isolate;
      border:1px solid #d8e4f6;
      border-radius:14px;
      background:#f9fcff;
      padding:12px;
      margin-bottom:10px;
      display:flex;
      gap:14px;
      justify-content:space-between;
      align-items:center;
      transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    }
    .feedItem.is-menu-open{
      z-index:60;
    }
    .feedItem.is-new{
      animation:feedItemNew .55s cubic-bezier(.22,.61,.36,1);
      border-color:#a6c5ef;
      box-shadow:0 10px 22px rgba(33, 97, 183, .16);
    }
    .feedItem.is-recent{
      border-color:#86d4ac;
      background:linear-gradient(180deg, #f5fff9 0%, #effcf5 100%);
      animation:feedItemRecentPulse 1.75s ease-in-out infinite;
    }
    .feedItem.is-new.is-recent{
      animation:feedItemNew .55s cubic-bezier(.22,.61,.36,1), feedItemRecentPulse 1.75s ease-in-out infinite;
    }
    @keyframes feedItemNew{
      0%{opacity:0; transform:translateY(8px) scale(.985);}
      65%{opacity:1; transform:translateY(0) scale(1.01);}
      100%{opacity:1; transform:translateY(0) scale(1);}
    }
    @keyframes feedItemRecentPulse{
      0%, 100%{
        background:linear-gradient(180deg, #f5fff9 0%, #effcf5 100%);
        box-shadow:0 0 0 0 rgba(39,192,139,.24), 0 10px 20px rgba(39,192,139,.08);
      }
      70%{
        background:linear-gradient(180deg, #f0fdf6 0%, #e7f9f0 100%);
        box-shadow:0 0 0 8px rgba(39,192,139,0), 0 12px 24px rgba(39,192,139,.12);
      }
    }
    .feedLead{
      display:flex;
      gap:10px;
      align-items:flex-start;
      min-width:0;
      flex:1;
    }
    .feedType{
      flex:0 0 156px;
      min-width:156px;
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }
    .feedType .chip{
      width:100%;
      justify-content:center;
      white-space:nowrap;
    }
    .feedTypeGlyph{
      width:34px;
      height:34px;
      border-radius:999px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      align-self:center;
      border:1px solid #bfd2f1;
      background:#eef4ff;
      color:#2d5a95;
      box-shadow:0 8px 18px rgba(25, 80, 156, .14);
    }
    .feedTypeGlyph svg{
      width:18px;
      height:18px;
      display:block;
    }
    .feedTypeGlyphPix{
      width:34px;
      height:34px;
      border-radius:999px;
      border-color:#bfd2f1;
      background:#eef4ff;
      color:#4db6ac;
      box-shadow:0 8px 18px rgba(25, 80, 156, .14);
    }
    .feedTypeGlyphPix svg{
      width:20px;
      height:20px;
    }
    .feedTypeGlyphQr{
      border-color:#bfd2f1;
      background:#eef4ff;
      color:#2d5a95;
    }
    .feedMain{
      display:flex;
      flex-direction:column;
      gap:4px;
      min-width:0;
      flex:1;
    }
    .feedTitle{
      font-size:14px;
      font-weight:800;
      color:#29497a;
    }
    .feedValue{
      font-size:30px;
      line-height:1;
      font-weight:900;
      color:#123e7d;
    }
    .feedMeta{
      font-size:12px;
      color:#5d7599;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
      max-width:100%;
    }
    .feedMetaGhost{
      visibility:hidden;
      pointer-events:none;
    }
    .feedTrail{
      display:flex;
      align-items:center;
      justify-content:flex-end;
      gap:8px;
      flex-wrap:wrap;
      min-width:260px;
    }
    .feedTrail .cooCellWrap{
      min-width:unset;
    }
    .feedLoadInfo{
      text-align:center;
      padding:10px 4px 6px;
      font-weight:700;
    }
    .streamInfo{
      margin-top:2px;
      font-size:12px;
      line-height:1.55;
    }

    @media (prefers-reduced-motion: reduce){
      #app, #app.app-enter, #app.app-leave,
      .dot, .toast.toast-pop, .modal-backdrop, .modal,
      .feedList, .feedList.is-switching, .feedList.is-sorting,
      .feedItem, .feedItem.is-new{
        animation:none !important;
        transition:none !important;
        transform:none !important;
      }
    }

    body.panel-theme .sidePanel{
      background:linear-gradient(180deg, #16181d 0%, #0f1218 100%);
      border:0;
      border-right:1px solid #1e2635;
      box-shadow:none;
      color:#f3f6ff;
    }
    body.panel-theme .sidePanel .divider{
      background:rgba(255,255,255,.10);
    }
    body.panel-theme .sidePanel .pill{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      color:#d5e0ff;
      box-shadow:none;
    }
    body.panel-theme .sidePanel .btn.secondary{
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
      color:#f2f6ff;
    }
    body.panel-theme .sidePanel .btn.good{
      background:#1f9f75;
      border:1px solid #28bb8a;
      color:#f3fffb;
    }
    body.panel-theme .sidePanel .btn.danger{
      background:rgba(228,69,93,.20);
      border:1px solid rgba(238,105,127,.45);
      color:#ffd6de;
    }
    body.panel-theme .sidePanel .kpi{
      background:rgba(255,255,255,.06);
      border:1px solid rgba(255,255,255,.16);
      color:#f4f7ff;
      box-shadow:none;
    }
    body.panel-theme .sidePanel .kpi .label,
    body.panel-theme .sidePanel .kpi .sub{
      color:#b8c7e7;
    }
    body.panel-theme .sidePanel .filterSelect,
    body.panel-theme .sidePanel input[type="date"]{
      background:#0f151f;
      border:1px solid rgba(255,255,255,.2);
      color:#ebf2ff;
      box-shadow:none;
    }
    body.panel-theme .sidePanel .filterSelect.day{
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23d8e4ff' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm13 8H4v10h16V10z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23d8e4ff' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-position:left 12px center, right 12px center;
      background-repeat:no-repeat, no-repeat;
      background-size:16px 16px, 14px 10px;
    }
    body.panel-theme .feedPanel{
      background:linear-gradient(180deg, #f9fbff 0%, #f3f7fe 100%);
      border:0;
      box-shadow:none;
    }
    body.panel-theme .feedSortBar .thSortBtn{
      background:#ffffff;
    }
    body.panel-theme .feedPanel{
      position:relative;
      border-radius:20px 0 0 20px;
      border-left:1px solid #d7e4f7;
      background:
        radial-gradient(420px 180px at 0% 0%, rgba(10,81,189,.08), transparent 70%),
        radial-gradient(420px 180px at 100% 0%, rgba(24,160,127,.06), transparent 70%),
        linear-gradient(180deg, #f9fbff 0%, #f2f7ff 100%);
      padding:18px;
      gap:12px;
    }
    body.panel-theme .feedPanel::before{
      content:"";
      position:absolute;
      inset:14px 14px auto 14px;
      height:1px;
      background:linear-gradient(90deg, rgba(10,81,189,.08), rgba(10,81,189,.02), rgba(24,160,127,.08));
      pointer-events:none;
    }
    body.panel-theme .feedHead{
      padding:14px 16px;
      border-radius:18px;
      border:1px solid #d7e4f7;
      background:
        radial-gradient(260px 110px at 10% 0%, rgba(10,81,189,.08), transparent 70%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow:
        0 14px 28px rgba(14, 61, 128, .07),
        inset 0 1px 0 rgba(255,255,255,.92);
      align-items:center;
    }
    body.panel-theme .feedHead .panelHeadTitle{
      font-size:18px;
      color:#123a74;
      letter-spacing:-.02em;
      display:flex;
      align-items:center;
      gap:10px;
    }
    body.panel-theme .feedHead .panelHeadTitle::before{
      content:"";
      width:10px;
      height:10px;
      border-radius:50%;
      background:linear-gradient(180deg, #16b488 0%, #08956d 100%);
      box-shadow:0 0 0 6px rgba(22,180,136,.12);
      flex:0 0 auto;
    }
    body.panel-theme .feedHead .panelHeadHint{
      margin-top:4px;
      color:#5b77a6;
      font-weight:700;
      letter-spacing:.01em;
    }
    body.panel-theme .feedHeadRight{
      align-items:center;
      gap:10px;
    }
    @media (min-width: 761px){
      body.panel-theme .feedCoreShell > .feedHead > .feedHeadRight{
        padding-top:10px;
      }
      body.panel-theme .feedHeadRight .siteVersionBadge.is-panel{
        position:absolute;
        top:5px;
        right:10px;
        margin:0;
        font-size:11px;
        line-height:1;
        opacity:.8;
      }
    }
    body.panel-theme #pageInfo{
      padding:8px 10px;
      border-radius:999px;
      border:1px solid #d4e1f5;
      background:#f7fbff;
      color:#5b77a6;
      font-weight:700;
      min-height:34px;
      display:inline-flex;
      align-items:center;
    }
    body.panel-theme .mobileDateBox{
      padding:6px;
      border-radius:14px;
      border:1px solid #dbe6f7;
      background:#ffffff;
      box-shadow:0 8px 18px rgba(14, 61, 128, .06);
    }
    body.panel-theme .feedSortBar{
      padding:8px;
      border-radius:16px;
      border:1px solid #dbe7f8;
      background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      box-shadow:0 10px 22px rgba(14, 61, 128, .05);
      gap:7px;
    }
    body.panel-theme .feedSortBar .thSortBtn{
      border:1px solid #d4e2f6;
      border-radius:12px;
      background:linear-gradient(180deg, #ffffff 0%, #f5faff 100%);
      color:#264b81;
      font-weight:800;
      box-shadow:0 4px 12px rgba(14, 61, 128, .04);
    }
    body.panel-theme .feedSortBar .thSortBtn:hover{
      filter:brightness(1.02);
    }
    body.panel-theme .feedList{
      position:relative;
      border-color:#d7e4f7;
      border-radius:18px;
      background:
        linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(248,251,255,.97) 100%);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 12px 26px rgba(14, 61, 128, .05);
      padding:12px;
    }
    body.panel-theme .feedItem{
      border-color:#d9e6f8;
      border-radius:16px;
      background:
        radial-gradient(150px 70px at 0% 0%, rgba(10,81,189,.05), transparent 75%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      box-shadow:0 10px 20px rgba(14, 61, 128, .05);
      padding:13px;
    }
    body.panel-theme .feedItem:hover{
      border-color:#cbdcf4;
      box-shadow:0 14px 26px rgba(14, 61, 128, .08);
      transform:translateY(-1px);
    }
    body.panel-theme .feedItem.is-menu-open,
    body.panel-theme .feedItem.is-menu-open:hover{
      z-index:80;
    }
    body.panel-theme .feedValue{
      color:#0f3d7f;
      letter-spacing:-.02em;
    }
    body.panel-theme .feedMeta{
      color:#5f799f;
    }
    body.panel-theme .streamInfo{
      margin-top:0;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid #dae7f8;
      background:
        radial-gradient(180px 80px at 0% 0%, rgba(44,114,219,.05), transparent 75%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      color:#59759f;
      box-shadow:0 8px 18px rgba(14, 61, 128, .04);
    }
    body.panel-theme .createSaleModal{
      border-radius:20px;
      border:1px solid #d4e3f7;
      background:
        radial-gradient(220px 90px at 0% 0%, rgba(10,81,189,.06), transparent 75%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow:0 20px 44px rgba(14, 61, 128, .16);
    }

    .panelCampaignBanner{
      display:flex;
      align-items:center;
      gap:10px;
      padding:9px 12px;
      border-radius:14px;
      border:1px solid #d8e5f7;
      background:
        radial-gradient(220px 100px at 0% 0%, rgba(44,114,219,.06), transparent 72%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      box-shadow:0 10px 22px rgba(14, 61, 128, .05);
    }
    .panelCampaignBanner.tone-success{
      border-color:#cbe9dc;
      background:
        radial-gradient(220px 100px at 0% 0%, rgba(31,152,111,.10), transparent 72%),
        linear-gradient(180deg, #ffffff 0%, #f8fffb 100%);
    }
    .panelCampaignBanner.tone-warning{
      border-color:#f0dfbf;
      background:
        radial-gradient(220px 100px at 0% 0%, rgba(235,138,24,.10), transparent 72%),
        linear-gradient(180deg, #fffefa 0%, #fffaf2 100%);
    }
    .panelCampaignPill{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:108px;
      padding:6px 9px;
      border-radius:999px;
      border:1px solid #cfddf4;
      background:#edf4ff;
      color:#234f8f;
      font-weight:900;
      font-size:11px;
      letter-spacing:.04em;
      text-transform:uppercase;
    }
    .panelCampaignBanner.tone-success .panelCampaignPill{
      border-color:#b7e0cd;
      background:#e8fbf2;
      color:#167656;
    }
    .panelCampaignBanner.tone-warning .panelCampaignPill{
      border-color:#efd6a8;
      background:#fff2dc;
      color:#8f5606;
    }
    .panelCampaignContent{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .panelCampaignBanner.is-rotating{
      animation:campaignSwapIn .34s ease;
    }
    .panelCampaignTitle{
      color:#173967;
      font-weight:900;
      font-size:13px;
      line-height:1.2;
    }
    .panelCampaignText{
      color:#5b769f;
      font-size:11px;
      line-height:1.3;
    }
    .panelInstabilityBanner{
      display:flex;
      align-items:center;
      gap:10px;
      padding:9px 12px;
      border-radius:14px;
      border:1px solid #f0b8b8;
      background:
        radial-gradient(220px 100px at 0% 0%, rgba(217,48,37,.16), transparent 72%),
        linear-gradient(180deg, #fff6f6 0%, #fff0f0 100%);
      box-shadow:0 10px 22px rgba(176, 0, 32, .12);
    }
    .panelInstabilityBanner.is-pulsing{
      animation:instabilityPulse 1.8s ease-in-out infinite;
    }
    .panelInstabilityPill{
      flex:0 0 auto;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      align-self:center;
      min-width:108px;
      padding:6px 9px;
      border-radius:999px;
      border:1px solid #f5b3b3;
      background:#ffe9e9;
      color:#9f1111;
      font-weight:900;
      font-size:11px;
      letter-spacing:.04em;
      text-transform:uppercase;
      text-align:center;
    }
    .panelInstabilityContent{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .panelInstabilityHeader{
      text-transform:uppercase;
      letter-spacing:.01em;
    }
    .panelTopAlerts{
      display:flex;
      align-items:stretch;
      gap:10px;
      padding:0 16px;
    }
    .panelTopAlerts #panelCampaignSlot{
      flex:7 1 0;
      min-width:0;
    }
    .panelTopAlerts #panelInstabilitySlot{
      flex:3 1 0;
      min-width:0;
      display:flex;
      justify-content:flex-end;
    }
    .panelTopAlerts #panelCampaignSlot:empty,
    .panelTopAlerts #panelInstabilitySlot:empty{
      display:none;
    }
    .panelTopAlerts #panelCampaignSlot:not(:empty),
    .panelTopAlerts #panelInstabilitySlot:not(:empty){
      display:flex;
      flex-direction:column;
      padding-top:12px;
    }
    .panelTopAlerts #panelCampaignSlot .panelCampaignBanner,
    .panelTopAlerts #panelInstabilitySlot .panelInstabilityBanner{
      width:100%;
      margin:0;
      min-height:80px;
      height:auto;
      align-items:center;
      overflow:hidden;
      flex:1 1 auto;
    }
    .panelTopAlerts #panelCampaignSlot .panelCampaignPill,
    .panelTopAlerts #panelInstabilitySlot .panelInstabilityPill{
      align-self:center;
      min-width:88px;
      font-size:10px;
      padding:5px 7px;
    }
    .panelTopAlerts #panelCampaignSlot .panelCampaignContent,
    .panelTopAlerts #panelInstabilitySlot .panelInstabilityContent{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .panelTopAlerts #panelCampaignSlot .panelCampaignTitle{
      font-size:clamp(12px, .8vw, 14px);
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .panelTopAlerts #panelCampaignSlot .panelCampaignText{
      font-size:clamp(10px, .68vw, 12px);
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .panelTopAlerts #panelInstabilitySlot .panelInstabilityHeader{
      font-size:clamp(12px, .8vw, 14px);
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .panelTopAlerts #panelInstabilitySlot .panelInstabilityMessage{
      font-size:clamp(10px, .68vw, 12px);
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    .panelBottomInfo{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }
    .panelBottomInfo .streamInfo{
      margin:0;
      flex:1;
    }
    .campaignSlotItemsWrap{
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .campaignItemEditor{
      margin:0;
      padding:10px;
      border:1px solid #dbe7f8;
      border-radius:12px;
      background:
        radial-gradient(150px 70px at 0% 0%, rgba(44,114,219,.04), transparent 78%),
        #fbfdff;
      display:flex;
      flex-direction:column;
      gap:8px;
      min-width:0;
    }
    .campaignItemEditor legend{
      padding:0 6px;
      color:#2a538f;
      font-size:12px;
      font-weight:900;
      letter-spacing:.02em;
    }
    .campaignItemEditor textarea{
      min-height:86px;
      resize:vertical;
    }
    .campaignItemToggle{
      width:fit-content;
    }
    @keyframes campaignSwapIn{
      0%{
        opacity:.35;
        transform:translateY(4px) scale(.995);
      }
      100%{
        opacity:1;
        transform:translateY(0) scale(1);
      }
    }
    @keyframes instabilityPulse{
      0%, 100%{
        box-shadow:
          0 10px 22px rgba(176, 0, 32, .12),
          0 0 0 0 rgba(217, 48, 37, .30);
      }
      50%{
        box-shadow:
          0 12px 24px rgba(176, 0, 32, .17),
          0 0 0 8px rgba(217, 48, 37, 0);
      }
    }
    @media (prefers-reduced-motion: reduce){
      body.login-theme .loginNoticeBody.loginNoticeBodyContent.is-rotating,
      .panelCampaignBanner.is-rotating,
      .panelInstabilityBanner.is-pulsing{
        animation:none;
      }
    }

    .adminCampaignBtn{
      font-weight:800;
    }
    .adminCampaignStatus{
      margin-top:6px;
      font-weight:700;
      line-height:1.35;
    }
    .adminCampaignStatus.is-on{
      color:#9cf0d1;
    }
    .adminStationStatus{
      appearance:none;
      margin-top:6px;
      width:100%;
      border:1px solid rgba(161,205,255,.32);
      background:linear-gradient(180deg, rgba(17,88,192,.28) 0%, rgba(10,71,160,.16) 100%);
      border-radius:14px;
      padding:10px 12px;
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:2px;
      color:#f7fbff;
      text-align:left;
      cursor:pointer;
      font:inherit;
      box-shadow:0 10px 24px rgba(4,18,45,.18);
    }
    .adminStationStatus:hover{
      border-color:rgba(184,221,255,.46);
      background:linear-gradient(180deg, rgba(22,101,217,.34) 0%, rgba(12,80,184,.22) 100%);
    }
    .adminStationStatusTitle{
      font-size:12px;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#aee6ff;
    }
    .adminStationStatusText{
      font-size:13px;
      font-weight:800;
      line-height:1.25;
      color:#ffffff;
    }
    .adminCampaignModal{
      max-width:980px;
      border-radius:22px;
      padding:16px;
    }
    .adminStationModal{
      max-width:1080px;
    }
    .adminStationSummaryGrid{
      margin-top:12px;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:12px;
    }
    .adminStationSummaryCard{
      border-radius:16px;
      border:1px solid #d7e4f7;
      background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      box-shadow:0 8px 18px rgba(14,61,128,.05);
      padding:12px 14px;
      display:flex;
      flex-direction:column;
      gap:4px;
    }
    .adminStationSummaryCard small{
      color:#6c85ad;
      font-weight:800;
      text-transform:uppercase;
      letter-spacing:.08em;
      font-size:11px;
    }
    .adminStationSummaryCard strong{
      font-size:28px;
      line-height:1;
      color:#123d79;
    }
    .adminStationSummaryCard span{
      color:#5e789f;
      font-weight:700;
      font-size:12px;
    }
    .adminStationSections{
      margin-top:12px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .adminStationList{
      display:flex;
      flex-direction:column;
      gap:10px;
      max-height:min(58vh, 640px);
      overflow:auto;
      padding-right:4px;
    }
    .adminStationItem{
      border-radius:14px;
      border:1px solid #d8e6f7;
      background:
        radial-gradient(150px 70px at 0% 0%, rgba(44,114,219,.05), transparent 75%),
        linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
    }
    .adminStationItem.is-active{
      border-color:#9edcc4;
      box-shadow:0 10px 20px rgba(12,97,71,.08);
    }
    .adminStationItemHead{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
    }
    .adminStationItemTitle{
      color:#113c78;
      font-weight:900;
      font-size:16px;
      line-height:1.2;
    }
    .adminStationItemMeta{
      margin-top:3px;
      color:#6683a9;
      font-size:12px;
      font-weight:700;
      line-height:1.35;
    }
    .adminStationBadge{
      border-radius:999px;
      border:1px solid #d6e3f6;
      background:#f3f7ff;
      color:#5f79a0;
      padding:6px 10px;
      font-size:12px;
      font-weight:900;
      white-space:nowrap;
    }
    .adminStationBadge.is-on{
      border-color:#a7dfc7;
      background:#e9fbf1;
      color:#1f7b54;
    }
    .adminStationMetrics{
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:6px 10px;
      color:#35557f;
      font-size:12px;
      line-height:1.35;
    }
    .adminStationRenameRow{
      display:flex;
      gap:8px;
      align-items:center;
    }
    .adminStationRenameRow input{
      flex:1;
      min-width:0;
    }
    .adminCampaignHead{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
    }
    .adminCampaignEyebrow{
      font-size:11px;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:#6c85ad;
      margin-bottom:4px;
    }
    .adminCampaignTitle{
      font-size:20px;
      font-weight:900;
      color:#12386f;
      line-height:1.15;
      margin-bottom:4px;
    }
    .adminCampaignMeta{
      border:1px solid #dbe7f8;
      background:#f7fbff;
      color:#5e789f;
      padding:9px 10px;
      border-radius:12px;
      font-weight:700;
    }
    .adminCampaignGrid{
      margin-top:12px;
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:12px;
    }
    .adminCampaignCard{
      border-radius:16px;
      border:1px solid #d7e4f7;
      background:
        radial-gradient(180px 80px at 0% 0%, rgba(44,114,219,.05), transparent 75%),
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
      padding:12px;
      display:flex;
      flex-direction:column;
      gap:10px;
      box-shadow:0 8px 18px rgba(14,61,128,.05);
    }
    .adminCampaignCardHead{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:10px;
      flex-wrap:wrap;
    }
    .adminCampaignCardHead h3{
      margin:0;
      color:#123d79;
      font-size:15px;
      line-height:1.2;
    }
    .adminCampaignCardHead small{
      display:block;
      margin-top:3px;
      color:#6480a8;
      font-size:12px;
      font-weight:700;
    }
    .adminCampaignToggle{
      flex-direction:row;
      align-items:center;
      gap:6px;
      margin:0;
      padding:6px 10px;
      border:1px solid #d4e2f6;
      background:#f7fbff;
      border-radius:999px;
      color:#34557f;
      font-weight:800;
      font-size:12px;
    }
    .adminCampaignToggle input{
      min-width:auto;
      width:14px;
      height:14px;
      margin:0;
      padding:0;
      accent-color:#0b57c6;
      box-shadow:none;
    }
    .adminCampaignCard textarea{
      min-height:120px;
      resize:vertical;
    }
    .adminCampaignActions{
      justify-content:flex-end;
    }
    @media (max-width: 980px){
      .adminCampaignGrid{
        grid-template-columns:1fr;
      }
      .adminStationSummaryGrid,
      .adminStationSections{
        grid-template-columns:1fr;
      }
      .panelCampaignBanner{
        flex-direction:row;
        align-items:center;
      }
      .panelCampaignPill{
        min-width:80px;
        width:auto;
      }
      .panelInstabilityBanner{
        flex-direction:row;
        align-items:center;
      }
      .panelInstabilityPill{
        min-width:80px;
        width:auto;
      }
      .panelTopAlerts #panelCampaignSlot{
        flex:7 1 0;
      }
      .panelTopAlerts #panelInstabilitySlot{
        flex:3 1 0;
        min-width:0;
      }
    }
    @media (max-width: 720px){
      body.panel-theme .feedHead{
        padding:12px;
        border-radius:16px;
      }
      body.panel-theme #pageInfo{
        width:100%;
        justify-content:center;
      }
      body.panel-theme .feedSortBar{
        padding:7px;
      }
      .panelCampaignBanner{
        padding:8px 10px;
        border-radius:12px;
      }
      .adminCampaignModal{
        padding:12px;
        border-radius:18px;
      }
      .adminStationStatus{
        padding:9px 10px;
      }
      .adminCampaignTitle{
        font-size:18px;
      }
      .adminCampaignCard{
        padding:10px;
      }
      .adminStationItem{
        padding:10px;
      }
      .adminStationMetrics{
        grid-template-columns:1fr;
      }
      .adminStationRenameRow{
        flex-direction:column;
        align-items:stretch;
      }
      .adminCampaignCard textarea{
        min-height:104px;
      }
      .campaignItemEditor textarea{
        min-height:78px;
      }
      .adminCampaignActions{
        width:100%;
      }
      .adminCampaignActions .btn{
        width:100%;
      }
    }

    /* Desktop/Tablet: colunas em altura fixa, com rolagem apenas no painel da direita */
    @media (min-width: 761px){
      .panelLayout{
        height:100vh;
        overflow:hidden;
      }
      .sidePanel{
        height:100vh;
        min-height:0;
      }
      .feedPanel{
        height:100vh;
        min-height:0;
      }
      .feedList{
        min-height:0;
      }
    }

    @media (max-width: 1200px){
      .panelLayout{
        grid-template-columns:240px minmax(0, 1fr);
      }
      .sidePanel{
        gap:7px;
        padding:14px 10px;
      }
      .sideBrand h1{
        font-size:24px;
      }
      .sideBrand small{
        font-size:12px;
      }
      .sideGroup .btn{
        font-size:12px;
        padding:8px 9px;
      }
      .sideGroup label{
        font-size:11px;
      }
      .sideKpis{
        display:flex;
      }
      .sideKpis .hint{
        font-size:11px;
      }
      .sideKpis .cards{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:6px;
        margin-top:2px;
      }
      .sideKpis .kpi{
        padding:8px 7px;
        border-radius:11px;
      }
      .sideKpis .kpi .label{
        font-size:10px;
      }
      .sideKpis .kpi .value{
        font-size:16px;
      }
      .sideKpis .kpi .sub{
        font-size:10px;
      }
      .feedValue{
        font-size:27px;
      }
      .feedList{min-height:0;}
    }
    @media (max-width: 900px){
      .panelLayout{
        grid-template-columns:202px minmax(0, 1fr);
      }
      .sidePanel{
        padding:12px 8px;
      }
      .sideGroup label{
        font-size:11px;
      }
      .sideKpis .cards{
        gap:5px;
      }
      .sideKpis .kpi{
        padding:7px 6px;
        border-radius:10px;
      }
      .sideKpis .kpi .label,
      .sideKpis .kpi .sub{
        font-size:9px;
      }
      .sideKpis .kpi .value{
        font-size:14px;
      }
      .feedPanel{
        padding:12px;
      }
      .feedType{
        flex:0 0 148px;
        min-width:148px;
      }
      .feedList{
        min-height:0;
      }
      .feedItem{
        padding:10px;
      }
      .feedValue{
        font-size:24px;
      }
    }
    @media (max-width: 760px){
      .panelLayout{
        grid-template-columns:1fr;
        min-height:100vh;
        background:#f3f7fe;
      }
      .sidePanel{
        position:fixed;
        top:auto;
        left:0;
        right:0;
        bottom:0;
        z-index:1200;
        min-height:0;
        height:auto;
        border-radius:16px 16px 0 0;
        padding:10px 10px calc(12px + env(safe-area-inset-bottom, 0px));
        display:block;
        overflow:visible;
        box-shadow:0 -10px 28px rgba(8,18,41,.28);
      }
      .sideBrand,
      .sideKpis,
      .sidePanel > .divider{
        display:none;
      }
      .sideGroup{
        flex-direction:row;
        align-items:center;
        gap:8px;
        flex:0 0 auto;
      }
      .sidePanel .actionGroup{
        display:grid;
        grid-template-columns:repeat(4, minmax(0, 1fr));
        gap:8px;
        width:100%;
      }
      .sidePanel .actionGroup .btn,
      .sidePanel .actionGroup .pill{
        width:100%;
        min-width:0;
        height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:0 10px;
        border-radius:12px;
        font-size:13px;
      }
      .btnCreateSaleMain .labelFull{
        display:none;
      }
      .btnCreateSaleMain .labelMobile{
        display:inline;
      }
      .sidePanel .actionGroup .dot{
        margin-right:2px;
      }
      .sidePanel .dateGroup{
        display:none;
      }
      .feedPanel{
        min-height:100vh;
        border-radius:0;
        padding:12px 10px calc(96px + env(safe-area-inset-bottom, 0px));
      }
      .feedHead{
        align-items:flex-start;
      }
      .feedHeadRight{
        width:100%;
        justify-content:space-between;
        align-items:flex-start;
      }
      .feedHead #pageInfo{
        max-width:55%;
      }
      .mobileDateBox{
        display:flex;
      }
      .feedList{
        height:calc(100vh - 236px);
        min-height:280px;
        flex:none;
      }
      .feedItem{
        flex-direction:column;
        align-items:flex-start;
        width:100%;
        min-height:176px;
      }
      .feedLead{
        width:100%;
      }
      .feedMain{
        width:100%;
        min-width:0;
      }
      .feedTitle{
        white-space:normal;
        overflow:visible;
        text-overflow:clip;
        max-width:100%;
        line-height:1.25;
      }
      .feedValue{
        font-size:22px;
      }
      .feedTrail{
        width:100%;
        justify-content:flex-start;
        min-width:0;
      }
      .feedType{
        flex:0 0 136px;
        min-width:136px;
      }
    }

    /* Telas com altura baixa (tablet/desktop reduzido): encolhe proporcionalmente o painel esquerdo */
    @media (min-width: 761px) and (max-height: 760px){
      .panelLayout{
        grid-template-columns:232px minmax(0, 1fr);
      }
      .sidePanel{
        padding:10px 8px;
        gap:6px;
      }
      .sideBrand h1{
        font-size:22px;
      }
      .sideBrand small{
        font-size:11px;
      }
      .sideGroup{
        gap:6px;
      }
      .sideGroup .btn{
        min-height:34px;
        padding:6px 8px;
        font-size:12px;
      }
      .sideGroup label{
        font-size:10px;
      }
      .sideGroup .filterSelect.day{
        min-height:36px;
        padding-top:8px;
        padding-bottom:8px;
      }
      .sideKpis .cards{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:5px;
      }
      .sideKpis .kpi{
        padding:7px;
        border-radius:12px;
      }
      .sideKpis .kpi .label{
        font-size:10px;
      }
      .sideKpis .kpi .value{
        font-size:16px;
        margin-top:1px;
      }
      .sideKpis .kpi .sub{
        font-size:10px;
        margin-top:0;
      }
      .feedList{
        min-height:0;
      }
      .feedPanel{
        padding:10px;
        gap:6px;
      }
      .feedHead{
        gap:6px;
      }
      .feedHead .panelHeadTitle{
        font-size:20px;
      }
      .feedHead .panelHeadHint{
        font-size:12px;
      }
      .feedSortBar{
        gap:6px;
      }
      .feedSortBar .thSortBtn{
        padding:2px 5px;
        font-size:12px;
      }
      .feedItem{
        padding:9px;
        margin-bottom:8px;
        gap:10px;
      }
      .feedTitle{
        font-size:13px;
      }
      .feedValue{
        font-size:24px;
      }
      .feedMeta{
        font-size:11px;
      }
      .feedTrail{
        gap:6px;
      }
      .streamInfo{
        font-size:11px;
        line-height:1.35;
      }
    }

    @media (min-width: 761px) and (max-height: 700px){
      .panelLayout{
        grid-template-columns:220px minmax(0, 1fr);
      }
      .sidePanel{
        padding:8px 7px;
        gap:4px;
      }
      .sideBrand h1{
        font-size:19px;
      }
      .sideBrand small{
        font-size:10px;
      }
      .sideGroup{
        gap:4px;
      }
      .sideGroup .btn,
      .sideGroup .pill{
        min-height:30px;
        padding:4px 7px;
        font-size:11px;
      }
      .sideGroup label{
        font-size:10px;
      }
      .sideGroup .filterSelect.day{
        min-height:32px;
        padding-top:7px;
        padding-bottom:7px;
      }
      .sideKpis .cards{
        gap:4px;
      }
      .sideKpis .kpi{
        padding:6px;
        border-radius:10px;
      }
      .sideKpis .kpi .label{
        font-size:9px;
      }
      .sideKpis .kpi .value{
        font-size:14px;
      }
      .sideKpis .kpi .sub{
        font-size:9px;
      }
      .feedPanel{
        padding:8px;
        gap:4px;
      }
      .feedHead{
        gap:4px;
      }
      .feedHead .panelHeadTitle{
        font-size:18px;
      }
      .feedHead .panelHeadHint,
      .feedHead #pageInfo{
        font-size:11px;
      }
      .feedSortBar{
        gap:4px;
      }
      .feedSortBar .thSortBtn{
        font-size:11px;
        padding:2px 5px;
      }
      .feedList{
        min-height:0;
        padding:7px;
      }
      .feedItem{
        padding:7px;
        margin-bottom:6px;
        gap:6px;
      }
      .feedTitle{
        font-size:12px;
      }
      .feedValue{
        font-size:22px;
      }
      .feedMeta{
        font-size:10px;
        line-height:1.3;
      }
      .feedTrail{
        min-width:200px;
        gap:4px;
      }
      .feedTrail .cooBtn{
        font-size:11px;
        padding:5px 8px;
      }
      .feedTrail .chip{
        font-size:11px;
        padding:4px 8px;
      }
      .rowMenuBtn{
        min-width:30px;
        padding:5px 8px;
      }
      .streamInfo{
        margin-top:0;
        font-size:10px;
        line-height:1.28;
      }
    }

    /* Ajustes finos do redesign: painel esquerdo com paleta do login e painel central unificado */
    body.panel-theme .sidePanel{
      position:relative;
      isolation:isolate;
      color:#eef7ff;
      border-right:1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(380px 180px at 10% 0%, rgba(84,182,255,.26), transparent 62%),
        radial-gradient(320px 180px at 100% 12%, rgba(255,184,90,.14), transparent 65%),
        radial-gradient(260px 180px at 10% 88%, rgba(116,255,214,.09), transparent 70%),
        linear-gradient(145deg, #083f96 0%, #0d67cb 45%, #169a7a 100%);
      box-shadow:
        inset -1px 0 0 rgba(255,255,255,.08),
        inset 0 1px 0 rgba(255,255,255,.10);
    }
    body.panel-theme .sidePanel::before,
    body.panel-theme .sidePanel::after{
      content:"";
      position:absolute;
      border-radius:999px;
      pointer-events:none;
      z-index:-1;
      background:rgba(255,255,255,.08);
      filter:blur(.2px);
    }
    body.panel-theme .sidePanel::before{
      width:190px;
      height:190px;
      top:-56px;
      right:-44px;
    }
    body.panel-theme .sidePanel::after{
      width:132px;
      height:132px;
      left:-26px;
      bottom:84px;
      background:rgba(255,255,255,.06);
    }
    body.panel-theme .sideBrand{
      padding:14px 14px 12px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.16);
      background:
        linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(7,33,82,.12) 100%);
      box-shadow:
        0 10px 22px rgba(4, 28, 79, .18),
        inset 0 1px 0 rgba(255,255,255,.16);
      backdrop-filter: blur(6px);
    }
    body.panel-theme .sideBrand h1{
      color:#f4fbff;
      letter-spacing:-.02em;
      text-shadow:0 1px 0 rgba(0,0,0,.08);
    }
    body.panel-theme .sideBrand small{
      color:rgba(236,245,255,.86);
    }
    body.panel-theme .sideBrand small b{
      color:#ffffff;
    }
    body.panel-theme .sidePanel .divider{
      margin:4px 0;
      height:1px;
      background:linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.22), rgba(255,255,255,.06));
    }
    body.panel-theme .sidePanel .sideGroup{
      padding:10px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.14);
      background:
        linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(6,27,70,.10) 100%);
      box-shadow:
        0 10px 22px rgba(4, 29, 82, .14),
        inset 0 1px 0 rgba(255,255,255,.12);
      backdrop-filter: blur(6px);
    }
    body.panel-theme .sidePanel .sideGroup label{
      color:rgba(239,248,255,.84);
    }
    body.panel-theme .sidePanel .hint{
      color:rgba(232,242,255,.86);
    }
    body.panel-theme .sidePanel .actionGroup .pill{
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
      color:#f2fbff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 8px 16px rgba(4, 28, 79, .12);
    }
    body.panel-theme .sidePanel .actionGroup .dot{
      background:#74ffd6;
      box-shadow:0 0 0 5px rgba(116,255,214,.14);
    }
    body.panel-theme .sidePanel .btn{
      border-radius:13px;
      font-weight:800;
      letter-spacing:.01em;
      box-shadow:0 10px 18px rgba(4, 29, 82, .14);
    }
    body.panel-theme .sidePanel .btn.secondary{
      background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%);
      border:1px solid rgba(255,255,255,.20);
      color:#f4fbff;
      text-shadow:0 1px 0 rgba(0,0,0,.06);
    }
    body.panel-theme .sidePanel .btn.secondary:hover{
      background:linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.10) 100%);
    }
    body.panel-theme .sidePanel .btn.good{
      background:linear-gradient(180deg, #e9fff9 0%, #c9fff0 100%);
      border:1px solid #9de9d1;
      color:#065d46;
      box-shadow:
        0 12px 22px rgba(2, 109, 82, .16),
        inset 0 1px 0 rgba(255,255,255,.75);
    }
    body.panel-theme .sidePanel .btn.good:hover{
      filter:brightness(1.03);
    }
    body.panel-theme .sidePanel .btn.danger{
      background:linear-gradient(180deg, rgba(255,245,247,.18) 0%, rgba(255,132,156,.10) 100%);
      border:1px solid rgba(255,190,202,.30);
      color:#ffeaf0;
    }
    body.panel-theme .sidePanel .adminCampaignBtn{
      border-color:rgba(116,255,214,.30);
      box-shadow:
        0 10px 18px rgba(4, 29, 82, .14),
        inset 0 0 0 1px rgba(116,255,214,.08);
    }
    body.panel-theme .sidePanel .filterSelect,
    body.panel-theme .sidePanel input[type="date"]{
      background:rgba(5, 31, 79, .20);
      border:1px solid rgba(255,255,255,.20);
      color:#eef7ff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 6px 14px rgba(4, 29, 82, .10);
    }
    body.panel-theme .sidePanel .filterSelect:focus,
    body.panel-theme .sidePanel input[type="date"]:focus{
      border-color:rgba(116,255,214,.42);
      box-shadow:
        0 0 0 3px rgba(116,255,214,.12),
        inset 0 1px 0 rgba(255,255,255,.12);
    }
    body.panel-theme .sidePanel .filterSelect.day{
      background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23e8f6ff' d='M7 2h2v2h6V2h2v2h3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V2zm13 8H4v10h16V10z'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath fill='%23dff6ff' d='M1.6 1.2L7 6.6l5.4-5.4L14 2.8 7 9.8 0 2.8z'/%3E%3C/svg%3E");
      background-position:left 12px center, right 12px center;
      background-repeat:no-repeat, no-repeat;
      background-size:16px 16px, 14px 10px;
    }
    body.panel-theme .sidePanel .filterSelect option{
      color:#11244a;
    }
    body.panel-theme .sidePanel .kpi{
      background:
        linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(6,29,72,.12) 100%);
      border:1px solid rgba(255,255,255,.16);
      color:#f6fbff;
      box-shadow:
        0 10px 18px rgba(4, 29, 82, .12),
        inset 0 1px 0 rgba(255,255,255,.12);
    }
    body.panel-theme .sidePanel .kpi .label,
    body.panel-theme .sidePanel .kpi .sub{
      color:rgba(232,242,255,.80);
    }
    body.panel-theme .sidePanel .kpi .value{
      color:#ffffff;
      text-shadow:0 1px 0 rgba(0,0,0,.06);
    }
    body.panel-theme .adminCampaignStatus{
      margin-top:8px;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(5, 31, 79, .18);
      color:rgba(236,245,255,.92);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
    }
    body.panel-theme .adminCampaignStatus.is-on{
      color:#cffff0;
      border-color:rgba(116,255,214,.24);
      background:
        radial-gradient(160px 70px at 0% 0%, rgba(116,255,214,.12), transparent 80%),
        rgba(5, 31, 79, .18);
    }

    body.panel-theme .feedPanel{
      gap:10px;
    }
    body.panel-theme .feedCoreShell{
      min-width:0;
      min-height:0;
      flex:1;
      display:flex;
      flex-direction:column;
      border-radius:20px;
      border:1px solid #d8e5f8;
      background:
        radial-gradient(360px 150px at 0% 0%, rgba(10,81,189,.06), transparent 70%),
        radial-gradient(320px 140px at 100% 0%, rgba(24,160,127,.05), transparent 70%),
        linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
      box-shadow:
        0 14px 28px rgba(14, 61, 128, .07),
        inset 0 1px 0 rgba(255,255,255,.92);
      overflow:hidden;
    }
    body.panel-theme .feedCoreShell > .feedHead{
      position:relative;
      margin:0;
      padding:14px 16px 12px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      border-bottom:1px solid rgba(215,228,247,.78);
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts{
      display:flex;
      align-items:stretch;
      gap:10px;
      padding:0 16px;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot{
      flex:7 1 0;
      min-width:0;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot{
      flex:3 1 0;
      min-width:0;
      display:flex;
      justify-content:flex-end;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot:empty,
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot:empty{
      display:none;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot:not(:empty),
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot:not(:empty){
      display:flex;
      flex-direction:column;
      padding-top:12px;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignBanner,
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityBanner{
      width:100%;
      margin:0;
      min-height:80px;
      height:auto;
      align-items:center;
      overflow:hidden;
      flex:1 1 auto;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignPill,
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityPill{
      align-self:center;
      min-width:88px;
      font-size:10px;
      padding:5px 7px;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignContent,
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityContent{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignTitle{
      font-size:clamp(12px, .8vw, 14px);
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignText{
      font-size:clamp(10px, .68vw, 12px);
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityHeader{
      font-size:clamp(12px, .8vw, 14px);
      line-height:1.2;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityMessage{
      font-size:clamp(10px, .68vw, 12px);
      line-height:1.3;
      white-space:normal;
      overflow-wrap:anywhere;
      word-break:break-word;
    }
    body.panel-theme .feedCoreShell > .feedSortBar{
      margin:0;
      padding:10px 16px 12px;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      gap:7px;
    }
    body.panel-theme .feedCoreShell > .feedList{
      margin:0;
      border:0;
      border-top:1px solid rgba(215,228,247,.7);
      border-radius:0;
      background:transparent;
      box-shadow:none;
      padding:12px 16px 8px;
    }
    body.panel-theme .feedCoreShell > .panelBottomInfo{
      margin:0;
      border:0;
      border-top:1px solid rgba(215,228,247,.74);
      border-radius:0;
      background:
        radial-gradient(180px 80px at 0% 0%, rgba(44,114,219,.04), transparent 75%),
        linear-gradient(180deg, rgba(255,255,255,.74) 0%, rgba(248,251,255,.92) 100%);
      box-shadow:none;
      padding:10px 16px 12px;
    }
    body.panel-theme .feedCoreShell > .panelBottomInfo .streamInfo{
      margin:0;
      padding:0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
      color:#59759f;
      flex:1;
    }
    body.panel-theme .feedCoreShell .panelCampaignBanner{
      margin:0;
      box-shadow:0 10px 20px rgba(14, 61, 128, .05);
    }

    @media (max-width: 980px){
      body.panel-theme .sidePanel .sideGroup{
        padding:9px;
        border-radius:14px;
      }
      body.panel-theme .sideBrand{
        padding:12px 12px 10px;
      }
    }

    @media (max-width: 760px){
      body.panel-theme .sidePanel{
        border-right:0;
        border-top:1px solid rgba(255,255,255,.16);
        background:
          radial-gradient(280px 120px at 10% -8%, rgba(84,182,255,.24), transparent 62%),
          radial-gradient(220px 120px at 100% 10%, rgba(255,184,90,.12), transparent 70%),
          linear-gradient(145deg, #083f96 0%, #0d67cb 48%, #169a7a 100%);
        box-shadow:
          0 -10px 28px rgba(8,18,41,.28),
          inset 0 1px 0 rgba(255,255,255,.12);
      }
      body.panel-theme .sidePanel::before{
        width:110px;
        height:110px;
        top:-42px;
        right:-30px;
      }
      body.panel-theme .sidePanel::after{
        display:none;
      }
      body.panel-theme .sidePanel .sideGroup{
        padding:0;
        border:0;
        background:transparent;
        box-shadow:none;
        backdrop-filter:none;
      }
      body.panel-theme .sidePanel .actionGroup .btn,
      body.panel-theme .sidePanel .actionGroup .pill{
        border:1px solid rgba(255,255,255,.18);
        background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(4,28,79,.14) 100%);
        color:#f5fbff;
        box-shadow:
          0 8px 16px rgba(4, 29, 82, .16),
          inset 0 1px 0 rgba(255,255,255,.10);
      }
      body.panel-theme .sidePanel .actionGroup .btn.good{
        background:linear-gradient(180deg, #e9fff9 0%, #d8fff4 100%);
        border-color:#a9efdc;
        color:#065d46;
      }
      body.panel-theme .sidePanel .actionGroup .btn.danger{
        background:linear-gradient(180deg, rgba(255,246,249,.18) 0%, rgba(255,141,163,.10) 100%);
        border-color:rgba(255,194,206,.24);
        color:#fff2f6;
      }
      body.panel-theme .feedCoreShell{
        border-radius:18px;
      }
      body.panel-theme .feedCoreShell > .feedHead{
        padding:12px 12px 10px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts{
        padding:0 12px;
        gap:8px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot:not(:empty),
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot:not(:empty){
        padding-top:10px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot{
        flex:7 1 0;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot{
        flex:3 1 0;
        min-width:0;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignBanner,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityBanner{
        min-height:76px;
        height:auto;
      }
      body.panel-theme .feedCoreShell > .feedSortBar{
        padding:8px 12px 10px;
      }
      body.panel-theme .feedCoreShell > .feedList{
        padding:10px 12px 8px;
      }
      body.panel-theme .feedCoreShell > .panelBottomInfo{
        padding:8px 12px 10px;
      }
    }

    /* Fundo global do painel (usa a paleta do painel esquerdo por trás do painel direito) */
    body.panel-theme .ifoodShell{
      position:relative;
      background:
        radial-gradient(380px 180px at 10% 0%, rgba(84,182,255,.26), transparent 62%),
        radial-gradient(320px 180px at 100% 12%, rgba(255,184,90,.14), transparent 65%),
        radial-gradient(260px 180px at 10% 88%, rgba(116,255,214,.09), transparent 70%),
        linear-gradient(145deg, #083f96 0%, #0d67cb 45%, #169a7a 100%);
    }
    body.panel-theme .ifoodShell::before,
    body.panel-theme .ifoodShell::after{
      content:"";
      position:absolute;
      border-radius:999px;
      pointer-events:none;
      background:rgba(255,255,255,.08);
      z-index:0;
    }
    body.panel-theme .ifoodShell::before{
      width:260px;
      height:260px;
      top:-70px;
      right:-48px;
    }
    body.panel-theme .ifoodShell::after{
      width:180px;
      height:180px;
      left:-34px;
      bottom:120px;
      background:rgba(255,255,255,.06);
    }
    body.panel-theme .panelLayout{
      position:relative;
      z-index:1;
      background:transparent;
    }
    body.panel-theme .sidePanel{
      border:1px solid rgba(206, 223, 248, .28);
      box-shadow:
        12px 0 28px rgba(7, 37, 95, .22),
        0 14px 30px rgba(4, 22, 58, .32);
      position:relative;
      z-index:3;
    }
    body.panel-theme .feedPanel{
      border-left:0;
      box-shadow:
        -6px 0 18px rgba(4, 29, 82, .05),
        0 14px 28px rgba(14, 61, 128, .05);
      position:relative;
      z-index:1;
    }
    body.panel-theme .feedPanel::before{
      display:none;
    }

    @media (max-width: 760px){
      body.panel-theme .ifoodShell::before{
        width:150px;
        height:150px;
        top:-44px;
        right:-26px;
      }
      body.panel-theme .ifoodShell::after{
        width:110px;
        height:110px;
        left:-18px;
        bottom:96px;
      }
    }

    /* Ajustes de usabilidade/responsividade (admin + mobile) */
    body.panel-theme .feedHead .panelHeadTitle::before{
      display:none;
    }

    .adminCampaignBtn .labelMobile{
      display:none;
    }

    .adminCampaignModal{
      max-height:calc(100vh - 36px);
      overflow:auto;
      overscroll-behavior:contain;
      -webkit-overflow-scrolling:touch;
    }

    @media (min-width: 1201px){
      body.panel-theme .sideKpis .cards{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:6px;
        margin-top:2px;
      }
      body.panel-theme .sideKpis .kpi{
        padding:8px 7px;
        border-radius:11px;
      }
      body.panel-theme .sideKpis .kpi .label{
        font-size:10px;
      }
      body.panel-theme .sideKpis .kpi .value{
        font-size:16px;
      }
      body.panel-theme .sideKpis .kpi .sub{
        font-size:10px;
      }
    }

    @media (min-width: 1600px){
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignBanner,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityBanner{
        min-height:88px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignTitle,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityHeader{
        font-size:15px;
        line-height:1.2;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignText,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityMessage{
        font-size:12px;
        line-height:1.3;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignPill,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityPill{
        font-size:11px;
        padding:6px 9px;
      }
    }

    @media (max-width: 760px){
      body.panel-theme .sidePanel{
        position:fixed;
        top:auto;
        left:0;
        right:0;
        bottom:0;
        border-top:1px solid rgba(188, 210, 238, .92);
        background:
          radial-gradient(280px 120px at 10% -8%, rgba(84,182,255,.24), transparent 62%),
          radial-gradient(220px 120px at 100% 10%, rgba(255,184,90,.12), transparent 70%),
          linear-gradient(145deg, #083f96 0%, #0d67cb 48%, #169a7a 100%);
        backdrop-filter:none;
        box-shadow:
          0 -8px 20px rgba(8,18,41,.10),
          inset 0 1px 0 rgba(255,255,255,.55);
      }
      body.panel-theme .feedPanel{
        height:100svh;
        min-height:100svh;
        padding:0 0 calc(72px + env(safe-area-inset-bottom, 0px));
        background:#f3f7fe;
        box-shadow:none;
        overflow:hidden;
        border:0;
        border-radius:0;
      }
      body.panel-theme .feedPanel::before{
        display:none;
      }
      body.panel-theme .feedCoreShell{
        height:100%;
        min-height:0;
        border:0;
        border-radius:0;
        box-shadow:none;
      }
      body.panel-theme .feedCoreShell > .feedHead{
        padding:10px 10px 8px;
        border-bottom:0;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts{
        padding:0 10px;
        flex-direction:column;
        align-items:stretch;
        gap:0;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot:not(:empty),
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot:not(:empty){
        padding-top:8px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot{
        max-width:none;
        min-width:0;
        margin-left:0;
        flex:1 1 auto;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignBanner,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityBanner{
        min-height:72px;
        height:auto;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignContent,
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityContent{
        gap:2px;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignTitle{
        font-size:11px;
        line-height:1.2;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelCampaignSlot .panelCampaignText{
        font-size:10px;
        line-height:1.25;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityHeader{
        font-size:11px;
        line-height:1.2;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
      }
      body.panel-theme .feedCoreShell > .panelTopAlerts > #panelInstabilitySlot .panelInstabilityMessage{
        font-size:10px;
        line-height:1.25;
        white-space:normal;
        overflow-wrap:anywhere;
        word-break:break-word;
      }
      body.panel-theme .feedHead{
        align-items:flex-start;
      }
      body.panel-theme .feedHeadRight{
        width:auto;
        margin-left:auto;
        justify-content:flex-start;
        align-items:flex-end;
        gap:4px;
        flex-direction:column;
      }
      body.panel-theme #pageInfo{
        width:auto;
        max-width:none;
        min-height:22px;
        padding:3px 6px;
        font-size:10px;
        line-height:1.15;
        white-space:nowrap;
      }
      body.panel-theme .mobileDateBox{
        width:auto;
        padding:4px;
        border-radius:12px;
        box-shadow:none;
      }
      body.panel-theme .mobileDateBox .filterSelect.day{
        min-width:116px;
      }
      body.panel-theme .mobileDateBox input[type="date"]{
        min-width:126px;
        height:34px;
      }
      body.panel-theme .feedCoreShell > .feedSortBar{
        padding:5px 10px 8px;
      }
      body.panel-theme .feedCoreShell > .feedList{
        padding:10px 10px calc(28px + env(safe-area-inset-bottom, 0px));
      }
      body.panel-theme .feedCoreShell > .panelBottomInfo{
        padding:8px 10px 10px;
        gap:0;
      }
      .feedList{
        height:auto;
        min-height:0;
        flex:1;
        overflow:auto;
        -webkit-overflow-scrolling:touch;
      }
      #adminCampaignStatus{
        display:none;
      }
      .adminCampaignBtn .labelFull{
        display:none;
      }
      .adminCampaignBtn .labelMobile{
        display:inline;
      }
      .sidePanel .actionGroup.is-admin{
        grid-template-columns:repeat(5, minmax(0, 1fr));
        gap:6px;
      }
      .sidePanel .actionGroup.is-admin .btn,
      .sidePanel .actionGroup.is-admin .pill{
        min-width:0;
        height:46px;
        padding:0 4px;
        font-size:11px;
        line-height:1.05;
      }
      .sidePanel .actionGroup.is-admin .btn{
        white-space:normal;
        text-align:center;
      }
      .sidePanel .actionGroup.is-admin .pill{
        flex-direction:column;
        gap:2px;
      }
      .sidePanel .actionGroup.is-admin .dot{
        margin-right:0;
      }
      .sidePanel .actionGroup.is-admin #liveText{
        white-space:normal;
        text-align:center;
        line-height:1.05;
        font-size:10px;
      }
      #campaignBg{
        align-items:flex-start;
        padding:10px 8px;
        overflow:auto;
      }
      #campaignBg .adminCampaignModal{
        width:100%;
        max-height:calc(100svh - 20px);
        overflow:auto;
        margin:0 auto;
      }
    }

    /* Override final (desktop): painel esquerdo com destaque e fundo branco unificado */
    @media (min-width: 761px){
      body.panel-theme .ifoodShell,
      body.panel-theme .panelLayout{
        background:#f3f7fe !important;
      }
      body.panel-theme .panelLayout > .sidePanel{
        top:0;
        height:calc(100vh - 20px);
        min-height:calc(100vh - 20px);
        margin:10px -12px 10px 10px;
        border-radius:22px;
        border:1px solid rgba(214, 229, 248, .92);
        box-shadow:
          0 0 0 1px rgba(255,255,255,.20) inset,
          14px 0 28px rgba(6, 34, 86, .18),
          0 16px 30px rgba(4, 24, 64, .26),
          inset 0 1px 0 rgba(255,255,255,.22);
        z-index:5;
      }
      body.panel-theme .panelLayout > .feedPanel{
        border:0 !important;
        border-radius:0 !important;
        background:#f3f7fe !important;
        box-shadow:none !important;
      }
      body.panel-theme .panelLayout > .feedPanel::before{
        display:none !important;
      }
      body.panel-theme .panelLayout > .feedPanel > .feedCoreShell{
        border:0 !important;
        border-radius:0 !important;
        background:transparent !important;
        box-shadow:none !important;
      }
    }