/* S4G_CUSTOMER_FIRST_CORE_CSS_V11 */

    :root{
      --bg:#030a14;
      --bg2:#06111f;
      --panel:#08192c;
      --panel2:#0b213a;
      --card:#0c2440;
      --card2:#0a1d33;
      --text:#f7fbff;
      --muted:#8393a7;
      --line:rgba(255,255,255,.075);
      --accent:#258cff;
      --accent2:#126ce0;
      --gold:#f0ca63;
      --danger:#ff6b7a;
      --shadow:0 18px 50px rgba(0,0,0,.28);
      --radius:17px;
    }

    *{box-sizing:border-box}
    html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
    body{
      background:
        radial-gradient(circle at 50% -10%, color-mix(in srgb,var(--accent) 10%,transparent), transparent 36%),
        linear-gradient(180deg,var(--bg2),var(--bg) 42%);
      overflow-x:hidden;
    }
    button,input{font:inherit}
    button{cursor:pointer}
    .app{width:min(100%,580px);margin:auto;min-height:100vh;padding:14px 14px 108px}
    .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 2px 13px}
    .brand{display:flex;align-items:center;gap:9px;min-width:0}
    .logo{
      width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
      background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,var(--panel)),var(--panel));
      border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.06);
    }
    .logo svg{width:25px;height:25px;color:var(--accent)}
    .brand-name{font-weight:900;font-size:20px;letter-spacing:.2px;white-space:nowrap}
    .brand-name b{color:var(--gold)}
    .brand-sub{font-size:10px;color:var(--muted);margin-top:1px}
    .top-actions{display:flex;gap:7px}
    .icon-btn{
      width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.035);
      color:var(--text);display:grid;place-items:center
    }
    .icon-btn svg{width:20px;height:20px}
    .userline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 9px}
    .user-pill{
      height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));
      border-radius:999px;display:flex;align-items:center;gap:7px;font-size:11px;color:#dce6ef;
      background:color-mix(in srgb,var(--accent) 6%,rgba(255,255,255,.02))
    }
    .avatar{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#03241f;font-weight:900;font-size:10px}
    .status{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}
    .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}

    .balance{
      border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));
      border-radius:var(--radius);padding:15px 15px 14px;margin-bottom:9px;
      background:
        radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 42%),
        linear-gradient(140deg,var(--panel),var(--panel2));
      box-shadow:var(--shadow);
    }
    .balance-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .balance-label{font-size:11px;color:var(--muted)}
    .balance-value{font-size:34px;font-weight:900;letter-spacing:.2px;margin-top:3px;direction:ltr;text-align:right}
    .deposit{
      flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);
      color:var(--accent);padding:10px 12px;border-radius:12px;font-weight:800;font-size:12px
    }

    .announcement{
      position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);
      background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent) 18%,var(--panel2)));
      padding:14px 15px;min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:10px;
      margin-bottom:8px
    }
    .announcement:after{
      content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:-45px;bottom:-70px;
      background:color-mix(in srgb,var(--accent) 20%,transparent);filter:blur(16px)
    }
    .ann-text{position:relative;z-index:1}
    .ann-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--gold);border:1px solid rgba(240,202,99,.24);padding:4px 7px;border-radius:999px;background:rgba(240,202,99,.07)}
    .ann-title{font-size:20px;font-weight:900;margin-top:9px}
    .ann-desc{font-size:10px;color:#b4c0cd;margin-top:4px}
    .ann-icon{position:relative;z-index:1;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);display:grid;place-items:center}
    .ann-icon svg{width:29px;height:29px;color:var(--accent)}

    .ticker{
      height:31px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;
      background:rgba(255,255,255,.025);padding:0 10px;margin-bottom:10px;overflow:hidden
    }
    .ticker-badge{color:var(--gold);font-size:11px;flex:0 0 auto}
    .ticker-track{overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
    .ticker-text{display:inline-block;font-size:10px;color:#bfc9d4;animation:tick 16s linear infinite;padding-inline-start:100%}
    @keyframes tick{to{transform:translateX(100%)}}
    [dir="ltr"] .ticker-text{animation-name:tickltr}
    @keyframes tickltr{to{transform:translateX(-100%)}}

    .search{
      height:43px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);
      display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:16px
    }
    .search svg{width:19px;height:19px;color:#8393a7;flex:0 0 auto}
    .search input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}
    .search input::placeholder{color:#718095}

    .section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
    .section-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900}
    .section-mark{width:4px;height:24px;border-radius:4px;background:var(--accent);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,transparent)}
    .count{font-size:10px;color:var(--muted)}

    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
    .category{
      min-height:128px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card2);
      color:var(--text);padding:0;text-align:inherit;transition:.16s transform,.16s border-color
    }
    .category:active{transform:scale(.97)}
    .category:hover{border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}
    .cat-visual{
      height:82px;display:grid;place-items:center;position:relative;
      background:
        radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 42%),
        linear-gradient(145deg,var(--card),#0a1b31)
    }
    .cat-visual:after{content:"";position:absolute;inset:auto 12px 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 32%,transparent),transparent)}
    .cat-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line)}
    .cat-icon svg{width:24px;height:24px;color:var(--gold)}
    .cat-name{font-size:10px;font-weight:800;text-align:center;padding:9px 5px 4px}
    .cat-sub{font-size:8px;color:var(--gold);text-align:center;padding-bottom:9px}
    .empty{display:none;text-align:center;color:var(--muted);font-size:12px;padding:30px 0}

    .footer{padding:24px 0 4px;text-align:center;color:#66758a;font-size:9px}
    .footer-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
    .footer-links span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid var(--line)}

    .bottom-wrap{
      position:fixed;z-index:20;left:0;right:0;bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));
      background:linear-gradient(180deg,transparent,var(--bg) 28%);
    }
    .bottom{
      width:min(calc(100% - 24px),540px);margin:auto;height:65px;border:1px solid var(--line);border-radius:19px;
      background:rgba(7,19,34,.95);backdrop-filter:blur(18px);box-shadow:0 18px 45px #000;
      display:grid;grid-template-columns:repeat(4,1fr);padding:6px
    }
    .nav{
      border:0;background:transparent;color:#708096;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px
    }
    .nav svg{width:20px;height:20px}
    .nav.active{background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}

    .backdrop{
      position:fixed;inset:0;z-index:39;background:rgba(0,0,0,.58);backdrop-filter:blur(5px);
      opacity:0;pointer-events:none;transition:.22s
    }
    .backdrop.show{opacity:1;pointer-events:auto}

    .drawer{
      position:fixed;z-index:40;top:0;bottom:0;right:0;width:min(91vw,430px);
      transform:translateX(103%);
      border-left:1px solid var(--line);
      background:linear-gradient(180deg,var(--panel),var(--bg2) 70%,var(--bg));
      box-shadow:-28px 0 70px rgba(0,0,0,.48);
      transition:.28s cubic-bezier(.2,.8,.2,1);
      display:flex;flex-direction:column;
      padding:calc(12px + env(safe-area-inset-top)) 12px calc(14px + env(safe-area-inset-bottom));
      overflow:hidden;
    }
    [dir="ltr"] .drawer{right:auto;left:0;transform:translateX(-103%);border-left:0;border-right:1px solid var(--line)}
    .drawer.show,[dir="ltr"] .drawer.show{transform:translateX(0)}
    .drawer-head{
      display:flex;align-items:center;justify-content:space-between;
      padding:4px 3px 12px;border-bottom:1px solid var(--line)
    }
    .drawer-title{font-weight:950;font-size:19px}
    .close{
      border:1px solid var(--line);background:rgba(255,255,255,.04);
      color:var(--text);width:39px;height:39px;border-radius:13px;font-size:18px
    }
    .drawer-user{
      margin:12px 0 10px;padding:12px;border:1px solid var(--line);border-radius:16px;
      background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 45%),rgba(255,255,255,.025);
      display:flex;align-items:center;justify-content:space-between;gap:10px
    }
    .drawer-user-main{display:flex;align-items:center;gap:10px;min-width:0}
    .drawer-avatar{
      width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 16%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      color:var(--accent);font-weight:950
    }
    .drawer-user-name{font-weight:900;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .drawer-user-sub{color:var(--muted);font-size:9px;margin-top:3px}
    .mini-balance{text-align:center;padding:7px 9px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:12px}
    .mini-balance small{display:block;color:var(--muted);font-size:8px;margin-bottom:2px}
    .mini-balance strong{font-size:12px}

    .menu-scroll{overflow:auto;overscroll-behavior:contain;padding:2px 1px 14px}
    .menu-scroll::-webkit-scrollbar{width:0}
    .menu-group{padding:5px 0 7px}
    .menu-label{font-size:9px;color:#66788f;padding:8px 10px 5px}
    .menu-item{
      width:100%;min-height:48px;border:0;background:transparent;color:#d9e3ed;
      border-radius:13px;padding:0 10px;display:flex;align-items:center;gap:11px;text-align:inherit;
      font-size:12px;font-weight:800;transition:.14s
    }
    .menu-item:active{transform:scale(.985)}
    .menu-item:hover{background:rgba(255,255,255,.035)}
    .menu-item.active{background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}
    .menu-icon{
      width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;
      background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--accent)
    }
    .menu-icon svg{width:19px;height:19px}
    .menu-text{flex:1}
    .menu-side{font-size:9px;color:var(--muted)}
    .menu-sep{height:1px;background:var(--line);margin:4px 7px}

    .inline-panel{
      max-height:0;overflow:hidden;opacity:0;transition:.22s ease;padding:0 9px
    }
    .inline-panel.open{max-height:260px;opacity:1;padding-top:5px;padding-bottom:8px}
    .inline-panel-inner{
      border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);padding:9px
    }
    .setting-label{font-size:9px;color:#8c9bae;margin-bottom:7px}
    .seg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
    .seg.lang{grid-template-columns:repeat(2,1fr)}
    .choice{
      min-height:35px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.022);
      color:#b9c5d0;font-size:9px;font-weight:800;padding:6px
    }
    .choice.active{
      border-color:color-mix(in srgb,var(--accent) 45%,transparent);
      background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)
    }
    .colors{display:flex;gap:9px;align-items:center;padding:3px 2px 1px}
    .color{
      width:29px;height:29px;border-radius:50%;border:3px solid var(--panel);outline:1px solid var(--line)
    }
    .color.active{outline:2px solid #fff;transform:scale(1.08)}
    .c1{background:#19d3bd}.c2{background:#5b8cff}.c3{background:#ae7cff}.c4{background:#f06292}.c5{background:#f0b35f}

    .toggle{
      width:42px;height:24px;border-radius:999px;background:#243348;border:1px solid var(--line);
      padding:2px;display:flex;align-items:center;transition:.18s
    }
    .toggle-dot{width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s;transform:translateX(0)}
    .toggle.on{background:var(--accent)}
    .toggle.on .toggle-dot{transform:translateX(-18px)}
    [dir="ltr"] .toggle.on .toggle-dot{transform:translateX(18px)}

    .api-card{
      border:1px solid var(--line);border-radius:12px;background:#05101c;padding:9px;
      display:flex;align-items:center;gap:7px
    }
    .api-value{
      flex:1;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
      font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;color:#91a2b5
    }
    .copy-btn{
      border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
      background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);
      border-radius:9px;padding:7px 9px;font-size:9px;font-weight:900
    }
    .api-note{font-size:8px;line-height:1.6;color:#687a90;margin-top:7px}

    .dev-credit{
      margin-top:8px;border-top:1px solid var(--line);padding:14px 8px 3px;text-align:center
    }
    .dev-small{font-size:9px;color:#718198}
    .dev-avatar{
      width:66px;height:66px;margin:9px auto 6px;border-radius:16px;padding:4px;overflow:hidden;
      border:1px solid color-mix(in srgb,var(--accent) 36%,var(--line));
      background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 13%,#07111d),#07101b);
      box-shadow:0 10px 24px rgba(0,0,0,.22),0 0 20px color-mix(in srgb,var(--accent) 12%,transparent)
    }
    .dev-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px;background:#fff}
    .dev-name{font-size:13px;font-weight:950;letter-spacing:.55px;margin-top:3px;color:#eef5fb}
    .dev-links{display:flex;justify-content:center;gap:8px;margin-top:9px}
    .dev-link{
      width:39px;height:39px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);
      color:#d9e4ee;display:grid;place-items:center;text-decoration:none
    }
    .dev-link svg{width:20px;height:20px}
    .dev-link.telegram{color:#36aeea}
    .dev-link.whatsapp{color:#35d07f}
















    /* ===== V21 LIVE MIRROR IMPORT JOB ===== */
    .import-job-panel{
      display:none;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,var(--panel));
      padding:11px;margin:10px 0
    }
    .import-job-panel.show{display:block}
    .import-job-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .import-job-title{font-size:11px;font-weight:1000}
    .import-job-status{font-size:8px;font-weight:1000;color:var(--accent)}
    .import-job-phase{font-size:8px;color:var(--muted);margin-top:7px;line-height:1.7}
    .import-job-track{
      height:9px;border:1px solid var(--line);border-radius:999px;overflow:hidden;
      background:rgba(255,255,255,.025);margin:9px 0
    }
    .import-job-bar{height:100%;width:0;background:var(--accent);transition:width .3s ease}
    .import-job-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
    .import-job-stat{
      border:1px solid var(--line);border-radius:9px;padding:6px;text-align:center;
      background:rgba(255,255,255,.018)
    }
    .import-job-stat strong{display:block;font-size:10px}
    .import-job-stat span{display:block;font-size:6px;color:var(--muted);margin-top:2px}
    .import-job-message{font-size:7px;color:var(--muted);line-height:1.7;margin-top:7px}
    .import-job-panel.success{border-color:rgba(69,209,154,.28)}
    .import-job-panel.error{border-color:rgba(255,92,110,.28)}
    .import-job-panel.error .import-job-status{color:#ff7182}

    /* ===== V21 EXACT PUBLIC-STORE TREE BROWSER ===== */
    .live-item-main{display:flex;align-items:center;gap:10px;min-width:0}
    .live-item-thumb{
      width:72px;height:72px;flex:0 0 72px;border-radius:13px;overflow:hidden;
      border:1px solid var(--line);background:rgba(255,255,255,.025);display:grid;place-items:center
    }
    .live-item-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .live-item-thumb .fallback{font-size:25px}
    .live-tree-level{
      display:inline-flex;align-items:center;gap:5px;margin-top:5px;padding:4px 7px;
      border:1px solid rgba(42,210,194,.15);border-radius:999px;
      color:var(--accent);font-size:7px;background:rgba(42,210,194,.04)
    }
    .live-import-note{
      border:1px solid rgba(69,209,154,.18);background:rgba(69,209,154,.05);
      color:#62d8a8;border-radius:11px;padding:9px;font-size:8px;line-height:1.8;margin-top:8px
    }

    /* ===== V17 CATALOG IMAGES + REBUILD ===== */
    .cat-visual.has-image,.catalog-folder-icon.has-image{
      overflow:hidden;padding:0;background:rgba(255,255,255,.025)
    }
    .cat-visual.has-image img,.catalog-folder-icon.has-image img{
      width:100%;height:100%;object-fit:cover;display:block
    }
    .public-product-main{display:flex;gap:10px;align-items:flex-start;min-width:0}
    .public-product-image{
      width:58px;height:58px;flex:0 0 58px;border-radius:12px;overflow:hidden;
      border:1px solid var(--line);background:rgba(255,255,255,.02);display:grid;place-items:center
    }
    .public-product-image img{width:100%;height:100%;object-fit:cover}
    .public-product-image .fallback{font-size:22px;color:var(--muted)}
    .catalog-admin-thumb{
      width:48px;height:48px;border-radius:11px;overflow:hidden;flex:0 0 48px;
      border:1px solid var(--line);background:rgba(255,255,255,.02);display:grid;place-items:center
    }
    .catalog-admin-thumb img{width:100%;height:100%;object-fit:cover}
    .catalog-admin-thumb span{font-size:18px;color:var(--muted)}
    .catalog-node-head-left{display:flex;align-items:center;gap:9px;min-width:0}
    .catalog-image-editor{
      border:1px solid var(--line);border-radius:13px;padding:9px;background:rgba(255,255,255,.015)
    }
    .catalog-image-preview{
      width:88px;height:88px;border-radius:14px;overflow:hidden;border:1px solid var(--line);
      background:rgba(255,255,255,.025);display:grid;place-items:center;margin-bottom:8px
    }
    .catalog-image-preview img{width:100%;height:100%;object-fit:cover}
    .catalog-image-preview span{font-size:9px;color:var(--muted);text-align:center;padding:8px}
    .catalog-image-controls{display:flex;gap:6px;flex-wrap:wrap}
    .catalog-image-controls input[type=file]{
      max-width:100%;font-size:7px;color:var(--muted)
    }
    .catalog-image-clear{
      min-height:32px;border:1px solid rgba(255,92,110,.18);border-radius:8px;
      background:rgba(255,92,110,.05);color:#ff7182;padding:0 9px;font-size:7px;font-weight:900
    }
    .provider-center-btn.danger{
      color:#ff7182;border-color:rgba(255,92,110,.22);background:rgba(255,92,110,.05)
    }

    /* ===== V16 PROVIDER CONTROL CENTER ===== */
    .provider-center{
      display:none;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
      border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 4%,var(--panel)),var(--panel));
      padding:13px;margin:10px 0 13px
    }
    .provider-center.show{display:block;animation:pageIn .18s ease}
    .provider-center-head{
      display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px
    }
    .provider-center-title{font-size:16px;font-weight:1000}
    .provider-center-sub{font-size:7px;color:var(--muted);margin-top:4px;direction:ltr;text-align:right}
    .provider-center-stats{
      display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:10px
    }
    .provider-center-stat{
      border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);
      min-height:76px;padding:9px;display:flex;flex-direction:column;justify-content:center
    }
    .provider-center-stat span{font-size:7px;color:var(--muted)}
    .provider-center-stat strong{font-size:15px;margin-top:5px;direction:ltr;overflow:hidden;text-overflow:ellipsis}
    .provider-center-stat.accent strong{color:var(--accent)}
    .provider-center-actions{
      display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px
    }
    .provider-center-btn{
      min-height:42px;border:1px solid var(--line);border-radius:11px;
      background:rgba(255,255,255,.024);color:var(--text);font-size:7.5px;font-weight:950;padding:6px
    }
    .provider-center-btn.primary{background:var(--accent);color:#03231e;border-color:transparent}
    .provider-center-btn.api{color:#62d5ff;border-color:rgba(98,213,255,.2)}
    .provider-center-btn.warn{color:#f0ca63;border-color:rgba(240,202,99,.2)}
    .provider-center-tabs{
      display:flex;gap:6px;overflow:auto;border-top:1px solid var(--line);padding-top:10px;margin-top:2px
    }
    .provider-center-tabs::-webkit-scrollbar{height:0}
    .provider-center-tab{
      flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);
      color:var(--muted);padding:7px 10px;font-size:7.5px;font-weight:950
    }
    .provider-center-tab.active{
      color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
      background:color-mix(in srgb,var(--accent) 7%,transparent)
    }
    .provider-center-body{margin-top:10px}
    .provider-searchline{
      display:flex;gap:7px;align-items:center;margin-bottom:8px
    }
    .provider-searchline input{
      flex:1;min-height:40px;border:1px solid var(--line);border-radius:10px;
      background:rgba(255,255,255,.02);color:var(--text);padding:0 10px;outline:0;font-size:9px
    }
    .provider-diagnostic{
      border:1px solid var(--line);border-radius:12px;padding:9px;background:rgba(255,255,255,.018);
      margin-bottom:7px
    }
    .provider-diagnostic.ok{border-color:rgba(69,209,154,.18)}
    .provider-diagnostic.bad{border-color:rgba(255,92,110,.18)}
    .provider-diagnostic-title{font-size:9px;font-weight:950}
    .provider-diagnostic-text{font-size:7px;color:var(--muted);line-height:1.7;margin-top:4px}
    .provider-log{
      border:1px solid var(--line);border-radius:12px;padding:9px;margin-bottom:7px;background:rgba(255,255,255,.018)
    }
    .provider-log-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .provider-log-action{font-size:9px;font-weight:950}
    .provider-log-status{font-size:7px;font-weight:950}
    .provider-log-status.success{color:#45d19a}.provider-log-status.error{color:#ff7182}
    .provider-log-meta{font-size:7px;color:var(--muted);line-height:1.7;margin-top:5px}
    .provider-import-result{
      display:none;margin:8px 0;border:1px solid rgba(69,209,154,.2);border-radius:12px;
      background:rgba(69,209,154,.055);color:#62d8a8;padding:9px;font-size:8px;line-height:1.7;font-weight:900
    }
    .provider-import-result.show{display:block}
    .catalog-admin-filters{
      display:grid;grid-template-columns:2fr 1fr;gap:7px;margin:9px 0 11px
    }
    .catalog-admin-filters input,.catalog-admin-filters select{
      min-height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);
      color:var(--text);padding:0 10px;font-size:9px;outline:0
    }
    @media(max-width:420px){
      .provider-center-stats{grid-template-columns:repeat(2,1fr)}
      .provider-center-actions{grid-template-columns:repeat(2,1fr)}
      .catalog-admin-filters{grid-template-columns:1fr}
    }

    /* ===== V15 FASTCARD-COMPATIBLE PROVIDERS + LIVE ORDERING ===== */
    .provider-preset-note{
      margin-top:7px;border:1px solid rgba(98,213,255,.17);border-radius:10px;
      background:rgba(98,213,255,.055);color:#8bdef7;padding:8px;
      font-size:7px;line-height:1.7
    }
    .provider-action.test{color:#62d5ff;border-color:rgba(98,213,255,.18)}
    .provider-adapter-badge{
      padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;
      border:1px solid rgba(98,213,255,.18);background:rgba(98,213,255,.055);color:#62d5ff
    }
    .purchase-backdrop{
      position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.68);
      backdrop-filter:blur(7px);opacity:0;pointer-events:none;transition:.2s
    }
    .purchase-backdrop.show{opacity:1;pointer-events:auto}
    .purchase-modal{
      position:fixed;z-index:101;left:50%;top:50%;
      width:min(calc(100% - 22px),500px);max-height:88vh;overflow:auto;
      transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;
      border:1px solid var(--line);border-radius:22px;background:var(--panel);
      box-shadow:0 28px 90px rgba(0,0,0,.55);padding:15px;transition:.22s
    }
    .purchase-modal.show{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}
    .purchase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
    .purchase-name{font-size:17px;font-weight:1000;line-height:1.5}
    .purchase-price{font-size:21px;color:var(--accent);font-weight:1000;direction:ltr;margin-top:4px}
    .purchase-meta{font-size:8px;color:var(--muted);margin-top:5px}
    .purchase-fields{display:grid;gap:9px;margin-top:13px}
    .purchase-field label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
    .purchase-field input,.purchase-field select{
      width:100%;min-height:46px;border:1px solid var(--line);border-radius:11px;
      background:rgba(255,255,255,.025);color:var(--text);padding:0 10px;outline:0;font-size:11px
    }
    .purchase-summary{
      margin-top:11px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
      border-radius:13px;background:color-mix(in srgb,var(--accent) 5%,transparent);padding:10px
    }
    .purchase-summary-row{
      display:flex;align-items:center;justify-content:space-between;gap:8px;
      padding:6px 0;border-top:1px solid var(--line)
    }
    .purchase-summary-row:first-child{border-top:0}
    .purchase-summary-key{font-size:8px;color:var(--muted)}
    .purchase-summary-value{font-size:11px;font-weight:950;direction:ltr}
    .purchase-submit{
      width:100%;min-height:48px;margin-top:11px;border:0;border-radius:12px;
      background:var(--accent);color:#03231e;font-size:11px;font-weight:1000
    }
    .purchase-submit:disabled{opacity:.5}
    .purchase-result{
      display:none;margin-top:10px;border-radius:12px;padding:10px;
      border:1px solid var(--line);font-size:9px;line-height:1.8
    }
    .purchase-result.show{display:block}
    .purchase-result.ok{color:#45d19a;border-color:rgba(69,209,154,.2);background:rgba(69,209,154,.06)}
    .purchase-result.bad{color:#ff7182;border-color:rgba(255,92,110,.2);background:rgba(255,92,110,.06)}

    /* ===== V14 PROVIDERS + CATALOG MANAGEMENT ===== */
    .admin-hub-nav{
      display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 11px
    }
    .admin-hub-btn{
      min-height:48px;border:1px solid var(--line);border-radius:13px;
      background:var(--panel);color:var(--muted);font-size:8px;font-weight:950;padding:7px
    }
    .admin-hub-btn.active{
      color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--panel));
      border-color:color-mix(in srgb,var(--accent) 28%,var(--line))
    }
    .admin-v14-section{display:none}
    .admin-v14-section.active{display:block;animation:pageIn .18s ease}

    .provider-toolbar,.catalog-toolbar{
      display:flex;gap:7px;flex-wrap:wrap;margin:9px 0 11px
    }
    .provider-list{display:grid;gap:9px}
    .provider-card{
      border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:12px
    }
    .provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
    .provider-name{font-size:13px;font-weight:950}
    .provider-url{
      margin-top:3px;font-size:7px;color:var(--muted);direction:ltr;text-align:right;
      white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px
    }
    [dir="ltr"] .provider-url{text-align:left}
    .provider-profit{
      flex:0 0 auto;padding:6px 8px;border-radius:999px;
      border:1px solid rgba(69,209,154,.19);background:rgba(69,209,154,.065);
      color:#54d7a3;font-size:8px;font-weight:950
    }
    .provider-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
    .provider-chip{
      padding:5px 7px;border:1px solid var(--line);border-radius:999px;
      background:rgba(255,255,255,.025);font-size:7px;color:var(--muted);font-weight:900
    }
    .provider-chip.ok{color:#45d19a;border-color:rgba(69,209,154,.18)}
    .provider-chip.off{color:#ff7182;border-color:rgba(255,92,110,.18)}
    .provider-balance{
      margin-top:9px;border:1px solid color-mix(in srgb,var(--accent) 19%,var(--line));
      border-radius:12px;background:color-mix(in srgb,var(--accent) 4%,transparent);
      padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px
    }
    .provider-balance span{font-size:8px;color:var(--muted)}
    .provider-balance strong{font-size:12px;color:var(--accent);direction:ltr}
    .provider-actions{
      display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px
    }
    .provider-action{
      min-height:35px;border:1px solid var(--line);border-radius:9px;
      background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:950
    }
    .provider-action.primary{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line))}
    .provider-action.danger{color:#ff7182;border-color:rgba(255,92,110,.16)}
    .provider-action.warn{color:#f0ca63;border-color:rgba(240,202,99,.18)}

    .v14-form{
      display:none;border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:13px;margin:10px 0
    }
    .v14-form.show{display:block;animation:pageIn .18s ease}
    .v14-form-head{
      display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px
    }
    .v14-form-title{font-size:15px;font-weight:950}
    .v14-close{
      width:34px;height:34px;border:1px solid var(--line);border-radius:10px;
      background:rgba(255,255,255,.025);color:var(--text)
    }
    .advanced-box{
      border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.015);
      padding:8px;margin:8px 0
    }
    .advanced-box summary{cursor:pointer;font-size:9px;font-weight:900;color:var(--muted)}
    .advanced-box[open] summary{margin-bottom:9px;color:var(--accent)}

    .live-browser{
      display:none;border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:12px;margin-top:10px
    }
    .live-browser.show{display:block}
    .live-browser-head{
      display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:9px
    }
    .live-browser-title{font-size:14px;font-weight:950}
    .live-browser-sub{font-size:7px;color:var(--muted);margin-top:3px}
    .live-category-list,.live-product-list{display:grid;gap:7px}
    .live-item{
      border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:10px
    }
    .live-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .live-item-name{font-size:10px;font-weight:950}
    .live-item-id{font-size:7px;color:var(--muted);direction:ltr;margin-top:3px}
    .live-item-price{font-size:11px;font-weight:950;color:var(--accent);direction:ltr}
    .live-item-actions{display:flex;gap:6px;margin-top:8px}
    .live-item-btn{
      flex:1;min-height:34px;border:1px solid var(--line);border-radius:9px;
      background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:950
    }
    .live-item-btn.primary{background:var(--accent);color:#03231e;border-color:transparent}

    .import-dialog{
      display:none;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      border-radius:16px;background:var(--panel2);padding:12px;margin:9px 0
    }
    .import-dialog.show{display:block}
    .import-target-name{
      font-size:11px;font-weight:950;color:var(--accent);margin-bottom:9px
    }

    .catalog-tree{display:grid;gap:7px}
    .catalog-node{
      border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:10px
    }
    .catalog-node-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .catalog-node-name{font-size:11px;font-weight:950}
    .catalog-node-path{font-size:7px;color:var(--muted);margin-top:3px}
    .catalog-node-actions{display:flex;gap:5px;margin-top:8px}
    .catalog-node-btn{
      flex:1;min-height:32px;border:1px solid var(--line);border-radius:8px;
      background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:900
    }
    .catalog-product-admin{
      border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:10px
    }
    .product-admin-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
    .product-admin-name{font-size:10px;font-weight:950}
    .product-admin-meta{font-size:7px;color:var(--muted);margin-top:3px}
    .product-admin-price{font-size:11px;color:var(--accent);font-weight:950;direction:ltr}

    /* Public catalog */
    .catalog-page{padding-top:4px}
    .catalog-public-head{
      display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:10px
    }
    .catalog-public-title{font-size:21px;font-weight:950}
    .catalog-breadcrumb{font-size:7px;color:var(--muted);margin-top:4px}
    .catalog-back{
      min-height:38px;border:1px solid var(--line);border-radius:11px;
      background:var(--panel);color:var(--text);padding:0 10px;font-size:8px;font-weight:900
    }
    .catalog-children{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
    .catalog-child{
      min-height:112px;border:1px solid var(--line);border-radius:15px;background:var(--panel);
      color:var(--text);padding:10px;text-align:center
    }
    .catalog-folder-icon{
      width:42px;height:42px;margin:0 auto 8px;border-radius:12px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-size:19px
    }
    .catalog-child-name{font-size:9px;font-weight:950;line-height:1.45}
    .catalog-products{display:grid;gap:8px}
    .public-product{
      border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:11px
    }
    .public-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
    .public-product-name{font-size:11px;font-weight:950;line-height:1.5}
    .public-product-desc{font-size:7px;color:var(--muted);line-height:1.6;margin-top:4px}
    .public-product-price{font-size:14px;color:var(--accent);font-weight:1000;direction:ltr;white-space:nowrap}
    .public-product-bottom{
      margin-top:9px;padding-top:9px;border-top:1px solid var(--line);
      display:flex;align-items:center;justify-content:space-between;gap:8px
    }
    .public-product-type{
      padding:5px 7px;border-radius:999px;border:1px solid rgba(69,209,154,.17);
      background:rgba(69,209,154,.055);color:#45d19a;font-size:7px;font-weight:950
    }
    .public-product-buy{
      min-height:34px;border:0;border-radius:9px;background:var(--accent);color:#03231e;
      padding:0 12px;font-size:8px;font-weight:1000
    }
    .catalog-empty{
      border:1px dashed var(--line);border-radius:15px;padding:24px;text-align:center;
      color:var(--muted);font-size:9px;line-height:1.7
    }
    @media(max-width:420px){
      .provider-actions{grid-template-columns:repeat(2,1fr)}
      .admin-hub-nav{grid-template-columns:1fr}
      .catalog-children{grid-template-columns:repeat(2,1fr)}
    }

    /* ===== V13 ACCOUNT + SERVER HISTORY + ORDERS ===== */

    /* Smaller deposit note */
    .deposit-method-note{
      margin:6px 0 8px !important;
      padding:6px 8px !important;
      border-radius:9px !important;
      font-size:7.5px !important;
      line-height:1.5 !important;
    }
    .deposit-method-note-head{
      font-size:8px !important;
      margin-bottom:2px !important;
      gap:4px !important;
    }

    /* Deposit details additions */
    .deposit-credit-message{
      margin-top:10px;border:1px solid rgba(69,209,154,.2);
      border-radius:12px;background:rgba(69,209,154,.065);
      padding:10px;color:#55d9a5;font-size:9px;line-height:1.8;
      font-weight:900;text-align:center
    }
    .history-credit-line{
      margin-top:8px;border-radius:10px;padding:8px 9px;
      background:rgba(69,209,154,.055);border:1px solid rgba(69,209,154,.14);
      font-size:8px;line-height:1.65;color:#8fddbd
    }
    .history-account-line{
      margin-top:7px;display:flex;align-items:center;justify-content:space-between;
      gap:8px;font-size:8px;color:var(--muted)
    }
    .history-account-line strong{color:var(--text);direction:ltr;font-size:8.5px}

    /* Orders page */
    .orders-page{padding-top:4px}
    .orders-tools{
      border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:11px;margin-bottom:10px
    }
    .orders-search{
      display:flex;align-items:center;gap:7px;border:1px solid var(--line);
      border-radius:12px;background:rgba(255,255,255,.025);padding:0 10px;min-height:44px
    }
    .orders-search svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}
    .orders-search input{
      flex:1;border:0;outline:0;background:transparent;color:var(--text);
      font-size:10px;min-width:0
    }
    .orders-dates{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
    .orders-date-field label{display:block;font-size:7px;color:var(--muted);margin-bottom:4px}
    .orders-date-field input{
      width:100%;min-height:39px;border:1px solid var(--line);border-radius:10px;
      background:rgba(255,255,255,.025);color:var(--text);padding:0 8px;font-size:9px
    }
    .orders-quick{display:flex;gap:6px;overflow:auto;margin-top:8px;padding-bottom:2px}
    .orders-quick::-webkit-scrollbar{height:0}
    .orders-filter{
      flex:0 0 auto;border:1px solid var(--line);border-radius:999px;
      background:rgba(255,255,255,.025);color:var(--muted);
      padding:7px 10px;font-size:8px;font-weight:950;white-space:nowrap
    }
    .orders-filter.active{
      color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,var(--line));
      background:color-mix(in srgb,var(--accent) 8%,transparent)
    }
    .orders-filter.accepted.active{color:#45d19a;border-color:rgba(69,209,154,.22);background:rgba(69,209,154,.07)}
    .orders-filter.rejected.active{color:#ff7182;border-color:rgba(255,92,110,.2);background:rgba(255,92,110,.07)}
    .orders-filter.processing.active{color:#f0ca63;border-color:rgba(240,202,99,.22);background:rgba(240,202,99,.07)}
    .orders-filter.changed.active{color:#9bb6ff;border-color:rgba(130,160,255,.22);background:rgba(130,160,255,.07)}
    .orders-filter.api.active{color:#62d5ff;border-color:rgba(98,213,255,.22);background:rgba(98,213,255,.07)}
    .orders-count-line{
      display:flex;align-items:center;justify-content:space-between;gap:8px;
      margin:10px 2px 8px;font-size:8px;color:var(--muted)
    }
    .orders-count-line strong{color:var(--text);font-size:10px}
    .orders-list{display:grid;gap:8px}
    .order-card{
      border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:12px
    }
    .order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
    .order-id{font-size:8px;color:var(--accent);font-weight:950;direction:ltr}
    .order-date{font-size:7px;color:var(--muted);margin-top:4px}
    .order-product{font-size:12px;font-weight:950;line-height:1.55;margin-top:9px}
    .order-meta{
      display:flex;align-items:center;justify-content:space-between;gap:8px;
      border-top:1px solid var(--line);margin-top:9px;padding-top:9px
    }
    .order-price{font-size:12px;font-weight:950;direction:ltr}
    .order-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
    .order-status,.order-source{
      padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;border:1px solid var(--line)
    }
    .order-status.accepted{color:#45d19a;background:rgba(69,209,154,.07);border-color:rgba(69,209,154,.18)}
    .order-status.rejected{color:#ff7182;background:rgba(255,92,110,.07);border-color:rgba(255,92,110,.18)}
    .order-status.processing{color:#f0ca63;background:rgba(240,202,99,.07);border-color:rgba(240,202,99,.18)}
    .order-status.status_changed{color:#9bb6ff;background:rgba(130,160,255,.07);border-color:rgba(130,160,255,.18)}
    .order-source.api{color:#62d5ff;background:rgba(98,213,255,.07);border-color:rgba(98,213,255,.18)}
    .order-note{
      margin-top:8px;border-radius:10px;background:rgba(255,255,255,.02);
      border:1px solid var(--line);padding:8px;font-size:8px;color:var(--muted);line-height:1.7
    }
    .orders-empty{
      border:1px dashed var(--line);border-radius:16px;padding:28px 14px;
      text-align:center;color:var(--muted);font-size:9px;line-height:1.8
    }
    @media(max-width:360px){.orders-dates{grid-template-columns:1fr}}

    /* ===== V12 USER TX VERIFY + DEPOSIT NOTE + ACCOUNT TOTALS ===== */
    .deposit-method-note{
      display:none;margin:10px 0 12px;border:1px solid rgba(240,202,99,.28);
      border-radius:14px;background:rgba(240,202,99,.075);padding:11px 12px;
      color:#e6cc83;font-size:9px;line-height:1.9;white-space:pre-wrap
    }
    .deposit-method-note.show{display:block}
    .deposit-method-note-head{
      display:flex;align-items:center;gap:6px;font-size:9px;font-weight:950;
      color:#f0ca63;margin-bottom:5px
    }
    .invoice-tx-input-row{display:flex;gap:7px;align-items:center}
    .invoice-tx-input{
      flex:1;min-height:43px;border:1px solid var(--line);border-radius:10px;
      background:rgba(255,255,255,.025);color:var(--text);outline:0;padding:0 10px;
      direction:ltr;text-align:left;font-size:12px;font-weight:900
    }
    .invoice-tx-input:focus{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
    .verify-tx-btn{
      min-height:43px;border:0;border-radius:10px;padding:0 12px;background:#25c97b;
      color:#03261a;font-size:9px;font-weight:1000;white-space:nowrap
    }
    .verify-tx-btn:disabled{opacity:.45}
    .tx-verified{
      margin-top:7px;display:none;border:1px solid rgba(69,209,154,.2);
      border-radius:10px;background:rgba(69,209,154,.065);padding:8px 9px;
      color:#45d19a;font-size:8px;font-weight:900
    }
    .tx-verified.show{display:block}
    .stat-sub-value{font-size:8px;color:var(--muted);direction:ltr;text-align:right;margin-top:3px}
    [dir="ltr"] .stat-sub-value{text-align:left}
    .auto-success-breakdown{
      display:none;margin:12px 0;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,transparent);padding:11px;text-align:initial
    }
    .auto-success-breakdown.show{display:block}
    .auto-success-row{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:7px 0;border-top:1px solid var(--line)
    }
    .auto-success-row:first-child{border-top:0}
    .auto-success-key{font-size:8px;color:var(--muted)}
    .auto-success-val{font-size:10px;font-weight:950;direction:ltr;text-align:left}
    .auto-success-foot{
      margin-top:9px;border-radius:11px;background:rgba(69,209,154,.07);
      border:1px solid rgba(69,209,154,.18);color:#45d19a;padding:9px;
      font-size:9px;line-height:1.8;font-weight:900
    }

    /* ===== V11 INVOICE -> DETECT -> CONFIRM FLOW ===== */
    .invoice-summary{display:none;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--panel)),var(--panel));padding:13px;text-align:initial}
    .invoice-summary.show{display:block}
    .invoice-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:8px 0;border-top:1px solid var(--line)}
    .invoice-row:first-of-type{border-top:0}.invoice-key{font-size:8px;color:var(--muted)}
    .invoice-val{font-size:10px;font-weight:950;direction:ltr;text-align:left}.invoice-val.accent{font-size:15px;color:var(--accent)}
    .invoice-tx-box{margin-top:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);padding:9px}
    .invoice-tx-label{font-size:8px;color:var(--muted);margin-bottom:6px}
    .invoice-tx-value{min-height:42px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);display:flex;align-items:center;padding:0 10px;font-size:11px;font-weight:950;direction:ltr;color:var(--text)}
    .invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}
    .invoice-btn{min-height:46px;border-radius:12px;font-size:11px;font-weight:950;border:1px solid var(--line)}
    .invoice-btn.cancel{background:rgba(255,72,92,.09);color:#ff6f80;border-color:rgba(255,72,92,.22)}
    .invoice-btn.continue{background:#25c97b;color:#03261a;border-color:transparent}
    .invoice-btn:disabled{opacity:.4;filter:grayscale(.35);cursor:not-allowed}
    .confirm-live-box{display:none;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:17px;background:color-mix(in srgb,var(--accent) 4%,transparent);padding:12px;margin-top:12px}
    .confirm-live-box.show{display:block}
    .confirm-live-title{font-size:13px;font-weight:950;margin-bottom:8px}
    .confirm-live-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line)}
    .confirm-live-row:first-of-type{border-top:0}.confirm-live-key{font-size:8px;color:var(--muted)}
    .confirm-live-val{font-size:10px;font-weight:950;text-align:left;direction:ltr}.confirm-live-val.usd{color:#45d19a}.confirm-live-val.syp{color:var(--gold)}
    .fx-admin-note{font-size:7px;color:var(--muted);line-height:1.6;margin-top:4px}

    /* ===== V10 API SYRIA LIVE INTEGRATION ===== */
    .api-live-box{grid-column:1/-1;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:15px;background:color-mix(in srgb,var(--accent) 4%,transparent);padding:11px}
    .api-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
    .api-live-title{font-size:10px;font-weight:950}
    .api-live-status{padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted)}
    .api-live-status.ok{color:#45d19a;border-color:rgba(69,209,154,.2);background:rgba(69,209,154,.07)}
    .api-live-status.bad{color:#ff7284;border-color:rgba(255,92,110,.18);background:rgba(255,92,110,.06)}
    .api-token-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
    .api-token-action{min-height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);font-size:8px;font-weight:900}
    .api-token-action.primary{background:var(--accent);color:#03231e;border-color:transparent}
    .api-account-select{margin-top:8px}
    .secure-warning{margin-top:8px;border:1px dashed rgba(240,202,99,.24);border-radius:10px;padding:8px;color:#c9b57f;font-size:7px;line-height:1.7}
    .live-payment-instruction{display:none;margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:16px;background:color-mix(in srgb,var(--accent) 5%,transparent);padding:12px;text-align:initial}
    .live-payment-instruction.show{display:block}
    .live-pay-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
    .live-pay-title{font-size:11px;font-weight:950}.live-pay-expire{font-size:7px;color:var(--gold)}
    .live-pay-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line)}
    .live-pay-row:first-of-type{border-top:0}.live-pay-key{font-size:8px;color:var(--muted)}
    .live-pay-value{font-size:10px;font-weight:950;direction:ltr;text-align:left;word-break:break-all}.live-pay-value.accent{color:var(--accent);font-size:15px}
    .live-copy{border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);border-radius:9px;padding:6px 8px;font-size:7px;font-weight:950}
    .live-wait{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:9px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:8px;color:var(--muted)}
    .live-wait.paid{color:#45d19a;border-color:rgba(69,209,154,.2);background:rgba(69,209,154,.06)}

    /* ===== V9 PAYMENT IMAGES + BONUS/FEE + DEPOSIT DETAILS ===== */
    .method-media{
      width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
      overflow:hidden;background:color-mix(in srgb,var(--accent) 8%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
      margin-bottom:10px
    }
    .method-media img{width:100%;height:100%;object-fit:cover}
    .method-media-fallback{font-size:10px;font-weight:1000;color:var(--accent);padding:4px;text-align:center}
    .method-offers{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
    .offer-badge{
      padding:5px 7px;border-radius:999px;font-size:7px;font-weight:1000;
      border:1px solid var(--line);background:rgba(255,255,255,.025)
    }
    .offer-badge.bonus{
      color:#45d19a;background:rgba(69,209,154,.07);border-color:rgba(69,209,154,.18)
    }
    .offer-badge.fee{
      color:#f0ca63;background:rgba(240,202,99,.07);border-color:rgba(240,202,99,.18)
    }
    .admin-image-upload{
      min-height:105px;border:1px dashed color-mix(in srgb,var(--accent) 32%,var(--line));
      border-radius:13px;background:color-mix(in srgb,var(--accent) 4%,transparent);
      display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer
    }
    .admin-image-upload input{display:none}
    .admin-image-preview{
      width:64px;height:64px;border-radius:14px;overflow:hidden;display:grid;place-items:center;
      background:rgba(255,255,255,.035);border:1px solid var(--line);flex:0 0 64px
    }
    .admin-image-preview img{width:100%;height:100%;object-fit:cover;display:none}
    .admin-image-preview img.show{display:block}
    .admin-image-placeholder{font-size:9px;color:var(--muted);text-align:center;padding:6px}
    .admin-image-copy{min-width:0}
    .admin-image-title{font-size:9px;font-weight:950}
    .admin-image-sub{font-size:7px;color:var(--muted);line-height:1.6;margin-top:3px}
    .admin-image-actions{display:flex;gap:6px;margin-top:7px}
    .admin-image-action{
      border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);
      border-radius:9px;padding:6px 8px;font-size:7px;font-weight:900
    }
    .admin-image-action.danger{color:#ff7284;border-color:rgba(255,92,110,.16);background:rgba(255,92,110,.05)}
    .calc-box{
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 4%,transparent);
      padding:11px;margin-top:12px
    }
    .calc-row{
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      padding:7px 0;border-top:1px solid var(--line)
    }
    .calc-row:first-child{border-top:0}
    .calc-key{font-size:8px;color:var(--muted)}
    .calc-value{font-size:10px;font-weight:950;direction:ltr}
    .calc-value.bonus{color:#45d19a}
    .calc-value.fee{color:#f0ca63}
    .calc-value.final{color:var(--accent);font-size:14px}

    .history-details-btn{
      width:100%;min-height:36px;margin-top:9px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
      border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,transparent);
      color:var(--accent);font-size:8px;font-weight:950
    }
    .deposit-details-backdrop{
      position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);
      opacity:0;pointer-events:none;transition:.2s
    }
    .deposit-details-backdrop.show{opacity:1;pointer-events:auto}
    .deposit-details-modal{
      position:fixed;z-index:81;left:50%;top:50%;
      width:min(calc(100% - 22px),500px);max-height:88vh;overflow:auto;
      transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;
      border:1px solid var(--line);border-radius:22px;background:var(--panel);
      box-shadow:0 28px 90px rgba(0,0,0,.52);padding:15px;transition:.22s
    }
    .deposit-details-modal.show{
      transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto
    }
    .details-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
    .details-title{font-size:18px;font-weight:950}
    .details-close{
      width:36px;height:36px;border-radius:11px;border:1px solid var(--line);
      background:rgba(255,255,255,.03);color:var(--text);font-size:16px
    }
    .details-amount{
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:17px;
      background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel));
      padding:15px;text-align:center;margin-bottom:10px
    }
    .details-amount small{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
    .details-amount strong{font-size:25px;color:var(--accent);direction:ltr}
    .details-list{border:1px solid var(--line);border-radius:15px;overflow:hidden}
    .details-row{
      min-height:48px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;
      border-top:1px solid var(--line)
    }
    .details-row:first-child{border-top:0}
    .details-key{font-size:8px;color:var(--muted)}
    .details-val{font-size:9px;font-weight:900;text-align:left;max-width:64%;word-break:break-word}
    .details-val.bonus{color:#45d19a}
    .details-val.fee{color:#f0ca63}
    .details-receipt{
      display:none;margin-top:10px;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:center
    }
    .details-receipt.show{display:block}
    .details-receipt img{max-width:100%;max-height:260px;border-radius:12px;object-fit:contain}
    .details-notes{
      margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:10px;
      background:rgba(255,255,255,.02);font-size:8px;line-height:1.8;color:var(--muted);white-space:pre-wrap
    }

    /* ===== V8 DYNAMIC PAYMENT ADMIN ===== */
    .admin-shell{display:none;padding-top:4px}
    .admin-shell.active{display:block;animation:pageIn .18s ease}
    .admin-hero{
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
      border-radius:20px;background:linear-gradient(145deg,var(--panel),var(--panel2));
      padding:15px;margin-bottom:11px
    }
    .admin-hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
    .admin-title{font-size:20px;font-weight:950}
    .admin-sub{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.7}
    .admin-badge{
      padding:6px 9px;border-radius:999px;font-size:8px;font-weight:950;
      color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line))
    }
    .admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
    .admin-btn{
      border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.03);
      color:var(--text);min-height:39px;padding:0 11px;font-size:9px;font-weight:900
    }
    .admin-btn.primary{background:var(--accent);color:#03231e;border-color:transparent}
    .admin-btn.danger{color:#ff7284;background:rgba(255,92,110,.07);border-color:rgba(255,92,110,.16)}
    .admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:11px}
    .admin-stat{
      border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:11px;text-align:center
    }
    .admin-stat strong{display:block;font-size:18px;color:var(--accent)}
    .admin-stat span{font-size:8px;color:var(--muted)}
    .admin-list{display:grid;gap:8px}
    .admin-method{
      border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:12px
    }
    .admin-method-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .admin-method-main{display:flex;align-items:center;gap:9px;min-width:0}
    .admin-method-icon{
      width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 9%,transparent);
      color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
      font-size:10px;font-weight:1000;flex:0 0 42px
    }
    .admin-method-name{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .admin-method-meta{font-size:8px;color:var(--muted);margin-top:3px}
    .status-switch{
      width:42px;height:24px;border-radius:999px;border:1px solid var(--line);
      background:#29374a;padding:2px;display:flex;align-items:center;transition:.18s;flex:0 0 42px
    }
    .status-switch span{width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s}
    .status-switch.on{background:var(--accent)}
    .status-switch.on span{transform:translateX(-18px)}
    [dir="ltr"] .status-switch.on span{transform:translateX(18px)}
    .admin-method-info{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
    .admin-chip{
      padding:5px 7px;border-radius:999px;border:1px solid var(--line);
      background:rgba(255,255,255,.025);font-size:7px;color:var(--muted);font-weight:900
    }
    .admin-chip.accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 23%,var(--line))}
    .admin-method-actions{display:flex;gap:6px;margin-top:10px}
    .admin-mini{
      flex:1;min-height:35px;border:1px solid var(--line);border-radius:10px;
      background:rgba(255,255,255,.025);color:var(--text);font-size:8px;font-weight:900
    }
    .admin-mini.danger{color:#ff7284;background:rgba(255,92,110,.055)}
    .admin-form{
      display:none;border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:13px;margin-top:10px
    }
    .admin-form.show{display:block;animation:pageIn .18s ease}
    .admin-form-title{font-size:16px;font-weight:950;margin-bottom:11px}
    .admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .admin-field{margin-bottom:9px}
    .admin-field.full{grid-column:1/-1}
    .admin-field label{display:block;font-size:8px;color:var(--muted);margin-bottom:5px}
    .admin-input,.admin-select,.admin-textarea{
      width:100%;min-height:40px;border:1px solid var(--line);border-radius:11px;
      background:rgba(255,255,255,.025);color:var(--text);outline:0;padding:9px;font-size:10px
    }
    .admin-textarea{min-height:78px;resize:vertical}
    .admin-checks{display:flex;gap:8px;flex-wrap:wrap}
    .admin-check{
      display:flex;align-items:center;gap:6px;padding:8px 9px;border:1px solid var(--line);
      border-radius:10px;background:rgba(255,255,255,.02);font-size:8px;color:var(--muted)
    }
    .admin-check input{accent-color:var(--accent)}
    .server-secret{
      border:1px dashed rgba(240,202,99,.24);border-radius:12px;padding:10px;
      background:rgba(240,202,99,.045);color:#c9b57f;font-size:8px;line-height:1.7
    }
    .admin-save-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
    .admin-empty{
      border:1px dashed var(--line);border-radius:16px;padding:24px;text-align:center;color:var(--muted);font-size:9px
    }
    .admin-login{
      width:min(100%,420px);margin:28px auto 0;border:1px solid var(--line);border-radius:20px;
      background:var(--panel);padding:16px;text-align:center
    }
    .admin-lock{
      width:62px;height:62px;border-radius:19px;display:grid;place-items:center;margin:0 auto 11px;
      background:color-mix(in srgb,var(--accent) 10%,transparent);
      color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));font-size:25px
    }
    .admin-login h3{margin:0;font-size:18px}
    .admin-login p{font-size:8px;color:var(--muted);line-height:1.7}
    @media(max-width:420px){
      .admin-grid{grid-template-columns:1fr}
      .admin-field.full{grid-column:auto}
    }

    /* ===== V7 AUTOMATIC PAYMENT METHODS ===== */
    .auto-method-grid{grid-template-columns:repeat(2,1fr)}
    .auto-method-card{min-height:154px}
    .auto-provider-badge{
      display:inline-flex;align-items:center;gap:5px;margin-top:8px;
      padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;
      color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))
    }
    .auto-provider-badge .live-dot{
      width:6px;height:6px;border-radius:50%;background:var(--accent);
      box-shadow:0 0 9px color-mix(in srgb,var(--accent) 65%,transparent)
    }
    .provider-logo{
      width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 9%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));
      color:var(--accent);font-size:12px;font-weight:1000;letter-spacing:-.3px;margin-bottom:10px
    }
    .provider-logo.usdt{border-radius:50%;font-size:16px}
    .provider-logo.binance{font-size:10px}
    .provider-logo.kaza{font-size:11px}
    .auto-session-box{
      margin-top:12px;border:1px solid color-mix(in srgb,var(--accent) 23%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 5%,transparent);padding:12px
    }
    .auto-session-row{
      display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;
      border-top:1px solid var(--line)
    }
    .auto-session-row:first-child{border-top:0;padding-top:0}
    .auto-session-row:last-child{padding-bottom:0}
    .auto-session-key{font-size:8px;color:var(--muted)}
    .auto-session-val{font-size:9px;font-weight:900;color:var(--text)}
    .auto-session-val.accent{color:var(--accent)}
    .secure-pill{
      display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;
      background:rgba(69,209,154,.07);border:1px solid rgba(69,209,154,.18);
      color:#45d19a;font-size:7px;font-weight:950
    }
    .gateway-features{
      display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0 0
    }
    .gateway-feature{
      min-height:55px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);
      display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
      padding:7px;text-align:center
    }
    .gateway-feature strong{font-size:9px;color:var(--accent)}
    .gateway-feature span{font-size:7px;color:var(--muted);line-height:1.4}
    @media(max-width:360px){
      .auto-method-grid{grid-template-columns:1fr}
    }

    /* ===== V6 SMART DEPOSIT METHODS ===== */
    .method-type{
      position:absolute;top:10px;left:10px;z-index:2;
      padding:5px 7px;border-radius:999px;font-size:7px;font-weight:950;
      border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted)
    }
    [dir="ltr"] .method-type{left:auto;right:10px}
    .method-type.auto{
      color:var(--accent);
      border-color:color-mix(in srgb,var(--accent) 26%,var(--line));
      background:color-mix(in srgb,var(--accent) 8%,transparent)
    }
    .currency-selector{margin-top:12px;display:none}
    .currency-selector.show{display:block}
    .currency-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}
    .currency-pick{
      min-width:74px;min-height:38px;border:1px solid var(--line);border-radius:11px;
      background:rgba(255,255,255,.025);color:var(--muted);font-size:10px;font-weight:900;padding:7px 10px
    }
    .currency-pick.active{
      color:var(--accent);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));
      background:color-mix(in srgb,var(--accent) 9%,transparent)
    }
    .payment-instructions{
      border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022);
      padding:11px;margin-top:11px
    }
    .payment-instructions-head{
      display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px
    }
    .payment-instructions-title{font-size:9px;color:var(--muted);font-weight:900}
    .copy-small{
      border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);
      border-radius:9px;padding:6px 9px;font-size:8px;font-weight:950
    }
    .payment-instructions-text{
      white-space:pre-wrap;font-size:9px;line-height:1.9;color:#c1ccd6
    }
    .requirements-chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 2px}
    .req-chip{
      padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.025);
      border:1px solid var(--line);font-size:7px;color:var(--muted);font-weight:900
    }
    .req-chip.on{
      color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--line));
      background:color-mix(in srgb,var(--accent) 7%,transparent)
    }

    .receipt-box{margin-top:13px}
    .receipt-upload{
      min-height:108px;border:1px dashed color-mix(in srgb,var(--accent) 36%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 4%,transparent);
      display:flex;align-items:center;justify-content:center;gap:10px;padding:13px;cursor:pointer;text-align:center
    }
    .receipt-upload input{display:none}
    .receipt-icon{
      width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 42px;
      background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent);
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));font-size:18px
    }
    .receipt-title{font-size:10px;font-weight:950}
    .receipt-sub{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.6}
    .receipt-preview{
      display:none;margin-top:8px;border:1px solid var(--line);border-radius:13px;padding:8px;
      align-items:center;gap:9px;background:rgba(255,255,255,.02)
    }
    .receipt-preview.show{display:flex}
    .receipt-thumb{
      width:48px;height:48px;border-radius:10px;object-fit:cover;background:rgba(255,255,255,.04);border:1px solid var(--line)
    }
    .receipt-file{min-width:0;flex:1}
    .receipt-name{font-size:9px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .receipt-size{font-size:7px;color:var(--muted);margin-top:3px}
    .remove-receipt{
      border:1px solid rgba(255,92,110,.18);background:rgba(255,92,110,.07);color:#ff7284;
      width:32px;height:32px;border-radius:9px;font-size:13px
    }

    .auto-pay-box{
      display:none;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,var(--panel)),var(--panel));
      padding:15px;margin-top:14px;text-align:center
    }
    .auto-pay-box.show{display:block}
    .auto-pay-icon{
      width:58px;height:58px;margin:0 auto 10px;border-radius:18px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);
      border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));font-size:25px
    }
    .auto-pay-title{font-size:14px;font-weight:950}
    .auto-pay-text{font-size:8px;color:var(--muted);line-height:1.8;margin:5px auto 12px;max-width:310px}
    .auto-pay-btn{
      width:100%;min-height:46px;border:0;border-radius:12px;background:var(--accent);color:#03231e;
      font-size:11px;font-weight:950
    }
    .auto-status{
      margin-top:10px;border:1px solid var(--line);border-radius:11px;padding:9px;
      font-size:8px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:6px
    }
    .pulse-dot{
      width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(240,202,99,.4);
      animation:pulseDot 1.5s infinite
    }
    @keyframes pulseDot{70%{box-shadow:0 0 0 7px rgba(240,202,99,0)}100%{box-shadow:0 0 0 0 rgba(240,202,99,0)}}
    .auto-info{
      margin-top:9px;padding:9px;border-radius:11px;background:rgba(255,255,255,.02);
      border:1px solid var(--line);font-size:8px;line-height:1.7;color:var(--muted)
    }

    /* ===== V5 DEPOSIT FLOW ===== */
    .deposit-page{padding-top:4px}
    .deposit-hero{
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
      border-radius:20px;padding:16px;margin-bottom:12px;
      background:
        radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 32%),
        linear-gradient(145deg,var(--panel),var(--panel2));
      position:relative;overflow:hidden
    }
    .deposit-hero:after{
      content:"";position:absolute;width:150px;height:150px;border-radius:50%;
      left:-55px;bottom:-85px;background:color-mix(in srgb,var(--accent) 13%,transparent);filter:blur(16px)
    }
    .deposit-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
    .deposit-hero-title{font-size:20px;font-weight:950}
    .deposit-hero-sub{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.7}
    .deposit-balance-box{
      min-width:112px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
      border-radius:15px;background:color-mix(in srgb,var(--accent) 7%,transparent);padding:10px;text-align:center
    }
    .deposit-balance-box small{display:block;font-size:8px;color:var(--muted);margin-bottom:3px}
    .deposit-balance-box strong{font-size:15px;direction:ltr;display:block}

    .deposit-section-title{
      display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 2px 10px
    }
    .deposit-section-title h3{margin:0;font-size:16px;font-weight:950}
    .deposit-section-title span{font-size:8px;color:var(--muted)}
    .method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
    .method-card{
      min-height:148px;border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:13px;color:var(--text);text-align:inherit;position:relative;overflow:hidden;
      transition:.16s transform,.16s border-color
    }
    .method-card:active{transform:scale(.98)}
    .method-card:hover{border-color:color-mix(in srgb,var(--accent) 32%,var(--line))}
    .method-card:after{
      content:"";position:absolute;width:92px;height:92px;border-radius:50%;
      left:-35px;bottom:-48px;background:color-mix(in srgb,var(--accent) 10%,transparent);filter:blur(7px)
    }
    .method-icon{
      width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 10%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));color:var(--accent);
      margin-bottom:11px
    }
    .method-icon svg{width:23px;height:23px}
    .method-name{font-size:12px;font-weight:950;line-height:1.45;min-height:34px}
    .method-currency{font-size:9px;color:var(--muted);margin-top:5px}
    .method-badge{
      display:inline-flex;align-items:center;gap:4px;margin-top:9px;
      border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));
      background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);
      border-radius:999px;padding:5px 7px;font-size:8px;font-weight:900
    }

    .wizard-wrap{display:none}
    .wizard-wrap.active{display:block;animation:pageIn .18s ease}
    .method-picker.hidden{display:none}
    .wizard-header{
      display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px
    }
    .wizard-selected{
      display:flex;align-items:center;gap:9px;min-width:0
    }
    .wizard-selected .method-icon{width:40px;height:40px;margin:0;flex:0 0 40px}
    .wizard-selected-name{font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .wizard-selected-sub{font-size:8px;color:var(--muted);margin-top:3px}
    .change-method{
      border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);
      border-radius:10px;padding:7px 9px;font-size:8px;font-weight:900
    }
    .steps{
      display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 18px
    }
    .step-item{text-align:center}
    .step-line{height:4px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:6px;overflow:hidden}
    .step-line span{display:block;width:0;height:100%;background:var(--accent);transition:.2s}
    .step-item.active .step-line span,.step-item.done .step-line span{width:100%}
    .step-label{font-size:8px;color:#607085;font-weight:800}
    .step-item.active .step-label,.step-item.done .step-label{color:var(--accent)}

    .wizard-card{
      border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:15px;margin-bottom:10px
    }
    .wizard-title{font-size:21px;font-weight:950;display:flex;align-items:center;gap:8px}
    .wizard-title-icon{color:var(--accent);font-size:24px}
    .wizard-desc{font-size:9px;color:var(--muted);margin-top:5px;line-height:1.7}
    .amount-label{font-size:10px;color:var(--accent);font-weight:900;margin:18px 0 7px}
    .amount-input-wrap{
      min-height:86px;border:2px solid color-mix(in srgb,var(--accent) 55%,transparent);
      border-radius:17px;background:color-mix(in srgb,var(--accent) 5%,transparent);
      display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;
      box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 4%,transparent) inset
    }
    .amount-input{
      width:100%;border:0;outline:0;background:transparent;color:var(--accent);text-align:center;
      font-size:31px;font-weight:950;direction:ltr
    }
    .amount-unit{font-size:12px;color:var(--muted);font-weight:900}
    .deposit-note{
      margin-top:9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022);
      padding:9px 10px;font-size:8px;color:var(--muted);line-height:1.7
    }

    .payment-box{
      border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));
      border-radius:16px;background:color-mix(in srgb,var(--accent) 5%,transparent);
      padding:12px;margin-top:14px
    }
    .payment-label{font-size:9px;color:var(--muted)}
    .payment-account{
      display:flex;align-items:center;gap:8px;margin-top:7px
    }
    .payment-account-value{
      flex:1;min-height:44px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.03);
      display:flex;align-items:center;padding:0 10px;font-size:10px;color:#cbd6e0;direction:ltr;text-align:left;
      overflow:hidden;text-overflow:ellipsis;white-space:nowrap
    }
    .copy-account{
      width:44px;height:44px;border-radius:11px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-weight:950
    }
    .qr-placeholder{
      margin:12px auto 0;width:160px;aspect-ratio:1;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));
      border-radius:18px;background:
        linear-gradient(45deg, color-mix(in srgb,var(--accent) 7%,transparent) 25%, transparent 25% 50%, color-mix(in srgb,var(--accent) 7%,transparent) 50% 75%, transparent 75%) 0 0/24px 24px;
      display:grid;place-items:center;text-align:center;color:var(--muted);font-size:8px;line-height:1.6;padding:18px
    }
    .tx-field{margin-top:13px}
    .tx-field label{display:block;font-size:10px;color:#b6c2ce;margin-bottom:6px}
    .tx-field input,.tx-field textarea{
      width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);
      color:var(--text);outline:0;padding:11px;font-size:11px
    }
    .tx-field textarea{min-height:82px;resize:vertical}
    .tx-help{font-size:8px;color:var(--muted);line-height:1.7;margin-top:5px}

    .review-box{border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:14px}
    .review-row{
      min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border-top:1px solid var(--line)
    }
    .review-row:first-child{border-top:0}
    .review-key{font-size:9px;color:var(--muted)}
    .review-value{font-size:11px;font-weight:900;text-align:left;word-break:break-word}
    .review-value.accent{color:var(--accent);font-size:15px}

    .wizard-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:12px}
    .wizard-action{
      min-height:48px;border-radius:13px;font-weight:950;font-size:12px;border:1px solid var(--line)
    }
    .wizard-action.back{background:rgba(255,255,255,.025);color:var(--text)}
    .wizard-action.next{background:var(--accent);color:#03231e;border-color:transparent}
    .wizard-action.full{grid-column:1/-1}

    .success-card{
      display:none;text-align:center;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));
      border-radius:20px;background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--accent) 7%,var(--panel2)));
      padding:26px 16px;margin-top:8px
    }
    .success-card.show{display:block;animation:pageIn .2s ease}
    .success-icon{
      width:66px;height:66px;border-radius:20px;background:color-mix(in srgb,var(--accent) 13%,transparent);
      border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));display:grid;place-items:center;
      margin:0 auto 12px;color:var(--accent);font-size:30px
    }
    .success-title{font-size:19px;font-weight:950}
    .success-text{font-size:9px;color:var(--muted);line-height:1.8;margin:7px auto 13px;max-width:310px}
    .deposit-ref{
      display:inline-block;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);
      padding:7px 10px;font-size:9px;direction:ltr;color:#b7c4d1;margin-bottom:12px
    }

    .history-filters{display:flex;gap:6px;overflow:auto;padding-bottom:3px;margin-bottom:10px}
    .history-filters::-webkit-scrollbar{height:0}
    .history-filter{
      flex:0 0 auto;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--muted);
      padding:8px 11px;border-radius:11px;font-size:9px;font-weight:900
    }
    .history-filter.active{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
    .history-list{display:grid;gap:8px}
    .history-card{
      border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:12px
    }
    .history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .history-ref{font-size:9px;color:var(--accent);font-weight:900;direction:ltr}
    .history-status{font-size:8px;padding:5px 7px;border-radius:999px;font-weight:900}
    .history-status.pending{color:#f0ca63;background:rgba(240,202,99,.08);border:1px solid rgba(240,202,99,.18)}
    .history-status.done{color:#45d19a;background:rgba(69,209,154,.08);border:1px solid rgba(69,209,154,.18)}
    .history-status.failed{color:#ff7f8d;background:rgba(255,127,141,.08);border:1px solid rgba(255,127,141,.2)}
    .history-method{font-size:11px;font-weight:900;margin-top:9px}
    .history-meta{font-size:8px;color:var(--muted);margin-top:5px;display:flex;align-items:center;justify-content:space-between;gap:8px}
    .history-amount{color:var(--accent);font-size:13px;font-weight:950;direction:ltr}
    .history-empty{
      border:1px dashed var(--line);border-radius:16px;padding:24px;text-align:center;color:var(--muted);font-size:10px
    }

    @media(max-width:360px){
      .method-grid{grid-template-columns:1fr}
      .stats{grid-template-columns:1fr 1fr}
    }

    /* ===== V4 AUTH + ACCOUNT ===== */
    .auth-actions{
      display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0 10px
    }
    .auth-btn{
      min-height:42px;border-radius:12px;border:1px solid var(--line);
      font-weight:900;font-size:11px;padding:8px 10px
    }
    .auth-btn.primary{
      background:var(--accent);color:#03231e;border-color:transparent;
      box-shadow:0 9px 26px color-mix(in srgb,var(--accent) 20%,transparent)
    }
    .auth-btn.secondary{background:rgba(255,255,255,.035);color:var(--text)}
    .logout-btn{
      width:100%;min-height:44px;border-radius:12px;border:1px solid rgba(255,92,110,.18);
      background:rgba(255,92,110,.08);color:#ff7284;font-weight:900;font-size:11px;
      display:none;align-items:center;justify-content:center;gap:8px;margin:7px 0 1px
    }
    .logout-btn.show{display:flex}
    .logout-btn svg{width:18px;height:18px}

    .page{
      display:none;
      animation:pageIn .18s ease
    }
    .page.active{display:block}
    @keyframes pageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

    .account-page{padding-top:4px}
    .account-top{
      display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 13px
    }
    .account-title{font-size:21px;font-weight:950}
    .account-sub{font-size:10px;color:var(--muted);margin-top:3px}
    .back-home{
      border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);
      height:39px;padding:0 12px;border-radius:12px;font-weight:800;font-size:11px
    }
    .stats{
      display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px
    }
    .stat-card{
      border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),var(--panel2));
      padding:13px;min-height:96px;position:relative;overflow:hidden
    }
    .stat-card:after{
      content:"";position:absolute;width:80px;height:80px;border-radius:50%;inset:auto -25px -35px auto;
      background:color-mix(in srgb,var(--accent) 12%,transparent);filter:blur(8px)
    }
    .stat-icon{
      width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
      background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);
      border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));margin-bottom:8px
    }
    .stat-icon svg{width:18px;height:18px}
    .stat-label{font-size:9px;color:var(--muted)}
    .stat-value{font-size:18px;font-weight:950;margin-top:3px;direction:ltr;text-align:right}
    [dir="ltr"] .stat-value{text-align:left}

    .account-card{
      border:1px solid var(--line);border-radius:18px;background:var(--panel);
      padding:14px;margin-bottom:10px;box-shadow:0 10px 35px rgba(0,0,0,.08)
    }
    .account-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}
    .account-card-title{font-size:16px;font-weight:950}
    .account-card-desc{font-size:9px;color:var(--muted);margin-top:3px}
    .pill-status{
      padding:6px 9px;border-radius:999px;border:1px solid rgba(240,202,99,.23);
      background:rgba(240,202,99,.07);color:var(--gold);font-size:9px;font-weight:900
    }
    .field{margin-bottom:11px}
    .field label{display:block;font-size:10px;color:#aab7c4;margin-bottom:6px}
    .input-wrap{
      min-height:44px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);
      display:flex;align-items:center;gap:7px;padding:0 10px
    }
    .input-wrap input{
      flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;min-width:0
    }
    .input-wrap input::placeholder{color:#637489}
    .eye-btn{
      border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px
    }
    .wide-btn{
      width:100%;min-height:44px;border-radius:12px;border:0;background:var(--accent);color:#03231e;
      font-weight:950;font-size:12px;margin-top:3px
    }
    .wide-btn.dark{
      background:color-mix(in srgb,var(--text) 92%,transparent);color:var(--bg)
    }
    .wide-btn.ghost{
      background:rgba(255,255,255,.035);color:var(--text);border:1px solid var(--line)
    }
    .security-row{
      display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line)
    }
    .security-row:first-of-type{border-top:0}
    .security-main{display:flex;align-items:center;gap:9px}
    .security-icon{
      width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
      background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--accent)
    }
    .security-icon svg{width:18px;height:18px}
    .security-name{font-size:11px;font-weight:900}
    .security-sub{font-size:8px;color:var(--muted);margin-top:2px}
    .security-action{
      border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);
      border-radius:10px;padding:7px 9px;font-size:9px;font-weight:850
    }
    .session{
      border:1px solid var(--line);border-radius:13px;padding:11px;background:rgba(255,255,255,.02)
    }
    .session-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .session-title{font-size:11px;font-weight:900}
    .new-device{font-size:8px;padding:5px 7px;border-radius:999px;color:var(--gold);background:rgba(240,202,99,.07);border:1px solid rgba(240,202,99,.2)}
    .session-meta{font-size:8px;color:var(--muted);margin-top:5px;line-height:1.7;direction:ltr;text-align:right}
    [dir="ltr"] .session-meta{text-align:left}

    .modal-backdrop{
      position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);
      opacity:0;pointer-events:none;transition:.2s
    }
    .modal-backdrop.show{opacity:1;pointer-events:auto}
    .auth-modal{
      position:fixed;z-index:71;left:50%;top:50%;width:min(calc(100% - 24px),470px);
      transform:translate(-50%,-46%) scale(.97);opacity:0;pointer-events:none;
      border:1px solid var(--line);border-radius:22px;background:var(--panel);
      box-shadow:0 28px 90px rgba(0,0,0,.48);padding:15px;transition:.22s
    }
    .auth-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
    .auth-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
    .auth-modal-title{font-size:18px;font-weight:950}
    .auth-close{
      width:36px;height:36px;border-radius:11px;border:1px solid var(--line);
      background:rgba(255,255,255,.035);color:var(--text);font-size:17px
    }
    .auth-switch{
      display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid var(--line);
      background:rgba(255,255,255,.025);border-radius:13px;margin-bottom:13px
    }
    .auth-tab{
      min-height:36px;border:0;border-radius:9px;background:transparent;color:var(--muted);
      font-size:10px;font-weight:900
    }
    .auth-tab.active{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}
    .auth-form{display:none}
    .auth-form.active{display:block}
    .auth-help{
      display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);margin:3px 0 10px
    }
    .link-btn{border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:900;padding:0}
    .terms-check{display:flex;align-items:flex-start;gap:7px;font-size:8px;color:var(--muted);line-height:1.7;margin:3px 0 10px}
    .terms-check input{margin-top:3px;accent-color:var(--accent)}
    .auth-note{font-size:8px;color:#66798e;text-align:center;line-height:1.7;margin-top:9px}

    .toast{
      position:fixed;z-index:50;left:50%;top:15px;transform:translate(-50%,-130%);background:#0c2137;border:1px solid var(--line);
      color:#e9f0f6;padding:9px 13px;border-radius:12px;font-size:11px;box-shadow:var(--shadow);transition:.2s
    }
    .toast.show{transform:translate(-50%,0)}

    @media(max-width:360px){
      .app{padding-inline:10px}
      .grid{gap:6px}
      .category{min-height:119px}
      .cat-visual{height:76px}
      .balance-value{font-size:30px}
    }
  
    /* ===== V21 PRODUCT GRID ===== */
    .catalog-products{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:8px !important;
      align-items:stretch
    }
    .public-product{
      position:relative;border-radius:14px !important;padding:7px !important;
      min-width:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between
    }
    .public-product-top{display:block !important}
    .public-product-main{display:block !important}
    .public-product-image{
      width:100% !important;height:auto !important;aspect-ratio:1/1;display:grid !important;
      border-radius:11px !important;margin-bottom:7px;overflow:hidden
    }
    .public-product-name{
      font-size:8.5px !important;line-height:1.45 !important;text-align:center;
      min-height:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
    }
    .public-product-desc{display:none}
    .public-product-price{
      font-size:10px !important;text-align:center;margin-top:5px;color:var(--accent) !important
    }
    .public-product-bottom{
      border-top:0 !important;margin-top:6px !important;padding-top:0 !important;
      display:block !important;text-align:center
    }
    .public-product-type{display:none !important}
    .public-product-buy{
      width:100%;min-height:29px !important;padding:0 4px !important;font-size:7px !important
    }
    .public-product.unavailable{opacity:.72}
    .public-product.unavailable:after{
      content:"غير متاح الآن";position:absolute;top:13px;right:12px;
      background:rgba(225,67,83,.92);color:#fff;border-radius:999px;
      padding:4px 6px;font-size:6.5px;font-weight:1000;z-index:2
    }
    .public-product.unavailable .public-product-buy{
      background:rgba(255,255,255,.08) !important;color:var(--muted) !important
    }
    @media(max-width:360px){
      .catalog-products{gap:6px !important}
      .public-product{padding:6px !important}
      .public-product-name{font-size:7.7px !important}
    }

    /* ===== V27 PROVIDER-LIKE UNIFIED CATALOG ===== */
    .grid,.catalog-children,.catalog-products{
      display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:8px !important;align-items:start
    }
    .category,.catalog-child,.public-product{
      border:0 !important;background:transparent !important;border-radius:0 !important;
      padding:0 !important;min-height:0 !important;overflow:visible !important;
      color:var(--text);box-shadow:none !important
    }
    .cat-visual,.catalog-folder-icon,.public-product-image{
      width:100% !important;height:auto !important;aspect-ratio:1/1 !important;
      border-radius:11px !important;overflow:hidden !important;margin:0 0 6px !important;
      display:grid !important;place-items:center !important;
      background:color-mix(in srgb,var(--card) 86%,#000 14%) !important;
      border:1px solid var(--line) !important
    }
    .cat-visual.has-image img,.catalog-folder-icon.has-image img,.public-product-image img{
      width:100% !important;height:100% !important;object-fit:contain !important;
      object-position:center !important;background:transparent !important;display:block
    }
    .cat-visual:after{display:none !important}
    .cat-icon,.catalog-folder-icon span,.public-product-image .fallback{
      width:100%;height:100%;border:0 !important;border-radius:0 !important;background:transparent !important;
      display:grid;place-items:center;font-size:28px;color:var(--muted)
    }
    .cat-name,.catalog-child-name,.public-product-name{
      padding:0 3px !important;margin:0 !important;text-align:center !important;
      font-size:9.5px !important;font-weight:950 !important;line-height:1.4 !important;
      min-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
    }
    .cat-sub{display:none !important}
    .catalog-public-title{font-size:21px}
    .catalog-breadcrumb{font-size:7px}
    .catalog-children{margin-bottom:8px !important}
    .public-product-price{
      font-size:9px !important;text-align:center !important;margin:3px 0 0 !important;
      color:var(--accent) !important;direction:ltr
    }
    .public-product-bottom{display:none !important}
    .public-product.unavailable{opacity:.66}
    .public-product.unavailable:after{
      content:"غير متاح";position:absolute;top:6px;right:6px;z-index:3;
      background:rgba(205,67,79,.94);color:white;border-radius:7px;padding:4px 6px;
      font-size:6px;font-weight:1000
    }
    .public-product{position:relative;cursor:pointer}
    .public-product.unavailable{cursor:not-allowed}
    .catalog-unified-note{
      display:none !important
    }
    @media(max-width:360px){
      .grid,.catalog-children,.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
      .cat-name,.catalog-child-name,.public-product-name{font-size:8px !important}
    }

    /* V27 editor UX: simple fixed sheet instead of hunting through the admin page. */
    #catalogNodeEditor.show,#catalogProductEditor.show{
      display:block !important;position:fixed;z-index:120;left:50%;top:50%;
      width:min(calc(100% - 18px),560px);max-height:90vh;overflow:auto;
      transform:translate(-50%,-50%);margin:0 !important;padding:14px !important;
      border-radius:20px !important;box-shadow:0 30px 100px rgba(0,0,0,.72);
      background:var(--panel2) !important
    }
    .catalog-editor-backdrop{
      display:none;position:fixed;inset:0;z-index:119;background:rgba(0,0,0,.68);backdrop-filter:blur(5px)
    }
    .catalog-editor-backdrop.show{display:block}
    .catalog-image-editor{display:grid;grid-template-columns:118px 1fr;gap:10px;align-items:center}
    .catalog-image-preview{
      width:118px !important;height:118px !important;margin:0 !important;border-radius:13px !important;
      background:#071526 !important
    }
    .catalog-image-preview img{width:100% !important;height:100% !important;object-fit:contain !important}
    .catalog-image-controls{display:grid !important;gap:7px !important}
    .catalog-image-controls input[type=file]{
      width:100%;border:1px dashed color-mix(in srgb,var(--accent) 35%,var(--line));
      border-radius:10px;padding:9px;background:color-mix(in srgb,var(--accent) 4%,transparent)
    }
    .catalog-image-hint{font-size:7px;color:var(--muted);line-height:1.6;margin-top:5px}

    /* V27 LIVE sections manager — sections only, never products. */
    .live-sections-panel{display:none;margin-top:10px;border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:11px}
    .live-sections-panel.show{display:block}
    .live-sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px}
    .live-section-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:8px;min-width:0}
    .live-section-media{width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#071526;border:1px solid var(--line);display:grid;place-items:center}
    .live-section-media img{width:100%;height:100%;object-fit:contain}
    .live-section-media span{font-size:28px}
    .live-section-name{font-size:9px;font-weight:950;line-height:1.4;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .live-section-path{font-size:6.5px;color:var(--muted);line-height:1.5;margin-top:3px;min-height:20px}
    .live-section-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}
    .live-section-actions button{min-height:31px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:900}
    .live-section-actions button.primary{background:var(--accent);color:#03231e;border-color:transparent}


    /* ===== V27 FAST IMAGES + FULL-VIEW MEDIA ===== */
    .cat-visual,.catalog-folder-icon,.public-product-image{
      background:#071526 !important;contain:layout paint;transform:translateZ(0)
    }
    .cat-visual img,.catalog-folder-icon img,.public-product-image img{
      width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;
      pointer-events:none !important;user-select:none;transition:opacity .18s ease
    }
    .catalog-child,.category,.public-product{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
    .public-product-image{aspect-ratio:1/1 !important;min-height:0 !important}
    .public-product-image img{max-width:100%;max-height:100%}

    /* ===== V27 BANNER SLIDER ===== */
    .banner-shell{position:relative;margin-bottom:10px;border-radius:17px;overflow:hidden;border:1px solid var(--line);background:#071526;box-shadow:var(--shadow)}
    .banner-stage{position:relative;width:100%;aspect-ratio:16/6;min-height:112px;display:grid;place-items:center;overflow:hidden}
    .banner-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .32s ease;display:grid;place-items:center;background:#071526}
    .banner-slide.active{opacity:1;pointer-events:auto}
    .banner-slide a{display:block;width:100%;height:100%}
    .banner-slide img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;background:#071526}
    .banner-fallback{position:absolute;inset:0;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:radial-gradient(circle at 90% 15%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 40%),linear-gradient(135deg,#0b2138,#063244)}
    .banner-fallback .ann-title{font-size:20px}
    .banner-dots{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:5}
    .banner-dot{width:6px;height:6px;border:0;border-radius:999px;background:rgba(255,255,255,.38);padding:0}
    .banner-dot.active{width:17px;background:var(--accent)}

    /* ===== V27 PURCHASE DETAILS ===== */
    .purchase-secondary-price{font-size:9px;color:#9db1c4;margin-top:3px;direction:ltr}
    .purchase-description{display:none;margin:10px 0 3px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);color:#cbd8e5;font-size:9px;line-height:1.8;white-space:pre-wrap}
    .purchase-description.show{display:block}

    /* ===== V27 SIMPLE CATALOG ADMIN NAVIGATOR ===== */
    #adminSectionCatalog > .catalog-admin-filters,#manageCatalogProductsBtn{display:none !important}
    #liveSectionsManager .catalog-admin-filters{display:none !important}
    .catalog-browse-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 9px;padding:8px 9px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018)}
    .catalog-browse-path{font-size:8px;color:var(--muted);line-height:1.6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .catalog-browse-back{min-height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:var(--text);padding:0 10px;font-size:8px;font-weight:900}
    .catalog-node-content-title{font-size:9px;font-weight:1000;margin:10px 2px 6px;color:var(--accent)}
    .catalog-product-admin-card{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:8px;display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center;margin-bottom:7px}
    .catalog-product-admin-card img{width:58px;height:58px;object-fit:contain;border-radius:9px;background:#071526}
    .catalog-product-admin-card .fallback{width:58px;height:58px;display:grid;place-items:center;border-radius:9px;background:#071526}
    .catalog-product-admin-name{font-size:9px;font-weight:950;line-height:1.45}
    .catalog-product-admin-meta{font-size:7px;color:var(--muted);margin-top:3px}
    .catalog-product-admin-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
    .catalog-product-admin-actions button{min-height:30px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:900}

    /* ===== V27 BANNER ADMIN ===== */
    .admin-v14-section#adminSectionBanners{display:none}
    .admin-v14-section#adminSectionBanners.active{display:block}
    .banner-admin-list{display:grid;gap:8px;margin-top:10px}
    .banner-admin-card{border:1px solid var(--line);border-radius:14px;padding:9px;background:rgba(255,255,255,.018)}
    .banner-admin-preview{width:100%;aspect-ratio:16/6;border-radius:10px;overflow:hidden;background:#071526;border:1px solid var(--line);display:grid;place-items:center}
    .banner-admin-preview img{width:100%;height:100%;object-fit:contain}
    .banner-admin-info{display:flex;justify-content:space-between;gap:8px;margin-top:7px;font-size:7px;color:var(--muted)}
    .banner-admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}
    .banner-admin-actions button{min-height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--text);font-size:8px;font-weight:900}
    .banner-admin-actions .danger{color:#ff7685;border-color:rgba(255,92,110,.25)}
    .banner-editor{display:none;margin-top:10px;border:1px solid var(--line);border-radius:16px;padding:11px;background:var(--panel)}
    .banner-editor.show{display:block}
    .banner-editor-preview{width:100%;aspect-ratio:16/6;border-radius:11px;overflow:hidden;background:#071526;border:1px dashed var(--line);display:grid;place-items:center;margin-bottom:9px}
    .banner-editor-preview img{width:100%;height:100%;object-fit:contain}


    /* ===== V27.1 COMPLETE IMAGE DISPLAY EVERYWHERE ===== */
    .catalog-admin-thumb img,
    .catalog-image-preview img,
    .live-section-media img,
    .provider-live-thumb img,
    .live-thumb img,
    .category img,
    .catalog-child img,
    .catalog-product-admin-card img,
    .banner-admin-preview img,
    .banner-editor-preview img{
      object-fit:contain !important;
      object-position:center !important;
      background:#071526 !important;
    }
    .catalog-image-preview,.catalog-admin-thumb,.live-section-media{
      background:#071526 !important;
    }


    /* ===== V27 PERFORMANCE + UNIFIED CATALOG ===== */
    .catalog-unified-grid{
      display:grid !important;
      grid-template-columns:repeat(3,minmax(0,1fr)) !important;
      gap:10px 8px !important;
      align-items:start !important;
      width:100%;
    }
    .catalog-unified-item{
      display:block;min-width:0;padding:0;margin:0;border:0;background:transparent;color:var(--text);
      text-align:center;position:relative;content-visibility:auto;contain-intrinsic-size:140px;
      -webkit-tap-highlight-color:transparent;touch-action:manipulation
    }
    .catalog-unified-media{
      width:100%;aspect-ratio:1/1;border-radius:11px;overflow:hidden;
      display:grid;place-items:center;background:#071526;border:1px solid var(--line);
      margin:0 0 6px;position:relative;transform:translateZ(0)
    }
    .catalog-unified-media img{
      width:100% !important;height:100% !important;max-width:100%;max-height:100%;
      object-fit:contain !important;object-position:center !important;
      display:block;background:#071526;pointer-events:none
    }
    .catalog-unified-fallback{font-size:27px;color:var(--muted)}
    .catalog-unified-name{
      min-height:28px;padding:0 2px;font-size:9px;font-weight:950;line-height:1.45;text-align:center;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
    }
    .catalog-unified-price{
      direction:ltr;color:var(--accent);font-size:9px;font-weight:900;margin-top:3px;min-height:14px
    }
    .catalog-unified-item.unavailable{opacity:.62}
    .catalog-unified-item.unavailable:after{
      content:"غير متاح الآن";position:absolute;top:5px;right:5px;z-index:2;
      padding:4px 6px;border-radius:7px;background:rgba(205,67,79,.94);color:#fff;font-size:6px;font-weight:1000
    }
    @media(max-width:360px){
      .catalog-unified-grid{gap:8px 6px !important}
      .catalog-unified-name{font-size:8px}
    }

    /* Images never block navigation; first visible row is prioritized, the rest stays lazy. */
    img{image-rendering:auto}
    .category,.catalog-unified-item{will-change:auto}

    /* ===== V27 LOGO LOADER ===== */
    .app-loader{
      position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
      background:rgba(2,9,18,.72);backdrop-filter:blur(8px);
      opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease
    }
    .app-loader.show{opacity:1;visibility:visible;pointer-events:auto}
    .app-loader-card{display:grid;justify-items:center;gap:8px;transform:translateY(-4vh)}
    .app-loader-logo{
      width:76px;height:76px;border-radius:50%;display:grid;place-items:center;position:relative;
      background:radial-gradient(circle,#0d2038 52%,#040c18 53%);
      box-shadow:0 0 35px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 0 22px rgba(255,255,255,.025)
    }
    .app-loader-orbit{
      position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.08);
      border-top-color:var(--accent);border-right-color:var(--gold);
      animation:s4gSpin .75s linear infinite
    }
    .app-loader-four{
      font-size:42px;line-height:1;font-weight:1000;font-style:italic;
      background:linear-gradient(180deg,#fff2a9,#d99e20 70%,#fff2a9);
      -webkit-background-clip:text;background-clip:text;color:transparent;
      text-shadow:0 0 18px rgba(255,200,68,.15)
    }
    .app-loader-brand{font-size:11px;font-weight:1000;letter-spacing:.5px}
    .app-loader-brand b{color:var(--gold)}
    .app-loader-text{font-size:8px;color:var(--muted)}
    @keyframes s4gSpin{to{transform:rotate(360deg)}}

    /* ===== V27 ORDER DETAILS ===== */
    .order-info-btn{
      margin-top:9px;width:100%;min-height:34px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));
      border-radius:10px;background:color-mix(in srgb,var(--accent) 7%,transparent);color:var(--accent);
      font-size:8px;font-weight:1000
    }
    .order-details-backdrop{
      display:none;position:fixed;inset:0;z-index:230;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)
    }
    .order-details-backdrop.show{display:block}
    .order-details-modal{
      display:none;position:fixed;z-index:231;left:50%;top:50%;transform:translate(-50%,-50%);
      width:min(calc(100% - 20px),540px);max-height:88vh;overflow:auto;
      border:1px solid var(--line);border-radius:20px;background:var(--panel);
      padding:14px;box-shadow:0 28px 90px rgba(0,0,0,.7)
    }
    .order-details-modal.show{display:block}
    .order-details-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:11px}
    .order-details-title{font-size:18px;font-weight:1000}
    .order-details-sub{font-size:7px;color:var(--muted);margin-top:3px}
    .order-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
    .order-detail-cell{border:1px solid var(--line);border-radius:11px;padding:9px;background:rgba(255,255,255,.02);min-width:0}
    .order-details-label{font-size:7px;color:var(--muted);margin-bottom:4px}
    .order-detail-value{font-size:9px;font-weight:900;line-height:1.5;overflow-wrap:anywhere}
    .order-system-response,.order-input-data{margin-top:8px;border:1px solid var(--line);border-radius:11px;padding:9px;background:rgba(255,255,255,.02)}
    .order-system-response pre{
      margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#c8d7e7;font-size:8px;line-height:1.65;
      direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace
    }
    .order-input-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:8px}
    .order-input-row:last-child{border-bottom:0}
    .order-input-row span:first-child{color:var(--muted)}

    /* ===== V27 BANNER SAVE UX ===== */
    #saveBannerBtn:disabled{opacity:.55;cursor:wait}


    /* Never show a half-decoded progressive image. It fades in only after full load/decode. */
    .s4g-media{opacity:0 !important;transition:opacity .14s ease !important}
    .s4g-media.loaded{opacity:1 !important}
    .catalog-unified-media,.cat-visual,.banner-slide{
      background-color:#071526;
    }


    /* ===== V27 instant fulfillment / rich descriptions / deposit polish ===== */
    .purchase-description{font-size:10px !important;line-height:1.95 !important;padding:12px 13px !important;text-align:start;white-space:normal !important}
    .purchase-description .desc-title{font-size:8px;color:var(--muted);margin-bottom:7px;font-weight:900}
    .purchase-description .desc-rich{font-size:10px;color:var(--text)}
    .purchase-description .desc-rich div,.purchase-description .desc-rich p{margin:3px 0}
    .admin-rich-toolbar{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0}
    .rich-color-btn,.rich-cmd-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);font-weight:950;color:var(--text)}
    .rich-color-dot{display:block;width:16px;height:16px;border-radius:50%;margin:auto;border:1px solid rgba(255,255,255,.25)}
    .admin-rich-description{min-height:128px;max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:12px;font-size:10px;line-height:1.95;outline:none;text-align:start}
    .admin-rich-description:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
    .rich-desc-hint{font-size:7px;color:var(--muted);line-height:1.7;margin-top:6px}
    .order-complete-banner{display:none;margin:0 0 12px;padding:15px;border:1px solid rgba(34,197,94,.3);border-radius:18px;background:linear-gradient(145deg,rgba(34,197,94,.14),rgba(20,184,166,.08));text-align:center}
    .order-complete-banner.show{display:block}.order-complete-banner strong{display:block;color:#39e58c;font-size:17px;margin-bottom:4px}.order-complete-banner span{color:var(--muted);font-size:8px}
    .order-system-response{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:16px;padding:12px;background:rgba(255,255,255,.025);margin-top:11px}
    .order-system-response pre{white-space:pre-wrap;word-break:break-word;margin:7px 0 0;font:800 10px/1.8 system-ui;color:#dce9f4;direction:auto;text-align:start}
    .order-response-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px}.order-response-btn{min-height:42px;border-radius:12px;border:1px solid var(--line);font-size:9px;font-weight:950;background:var(--panel-2);color:var(--text)}
    .order-response-btn.copy{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.order-response-btn.dispute{color:#ff7383;border-color:rgba(255,83,106,.28);background:rgba(255,83,106,.06)}
    .order-dispute-note{display:none;margin-top:8px;padding:9px 11px;border-radius:11px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);color:#f6c768;font-size:8px;line-height:1.7}.order-dispute-note.show{display:block}
    .deposit-live-conversion{display:none;margin:9px 0 2px;padding:10px 12px;border-radius:13px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,transparent),transparent);font-size:9px;color:var(--muted);text-align:center}.deposit-live-conversion.show{display:block}.deposit-live-conversion strong{color:var(--accent);font-size:13px;margin-inline:4px}
    #pageDeposit .wizard-wrap{background:radial-gradient(circle at 80% 15%,rgba(20,184,166,.11),transparent 36%),linear-gradient(180deg,#021c17,#071018 38%,#05080b);border-radius:24px;padding-bottom:12px}
    #pageDeposit .wizard-card{border-color:rgba(32,202,147,.18);background:linear-gradient(155deg,rgba(0,54,42,.72),rgba(8,13,16,.9));box-shadow:0 18px 50px rgba(0,0,0,.18)}
    #pageDeposit .wizard-title{font-size:19px;color:#fff}#pageDeposit .wizard-title-icon{color:#20d39d}#pageDeposit .amount-input-wrap{border:2px solid rgba(32,211,157,.78);border-radius:22px;background:rgba(0,43,33,.45);min-height:96px}#pageDeposit .amount-input{font-size:28px;color:#20d39d;text-align:center;font-weight:1000}#pageDeposit .amount-unit{color:#20d39d;font-weight:950}
    #pageDeposit .steps .step-item.active .step-line span{background:#20d39d;box-shadow:0 0 16px rgba(32,211,157,.4)}#pageDeposit .live-payment-instruction{border:1px solid rgba(32,211,157,.3);background:linear-gradient(155deg,rgba(0,67,50,.9),rgba(5,23,19,.94));border-radius:22px}#pageDeposit .live-pay-title{font-size:15px;color:#20d39d}#pageDeposit .invoice-summary{background:rgba(0,30,24,.55);border-color:rgba(32,211,157,.27)}
    #pageDeposit .invoice-btn.cancel{background:rgba(239,68,68,.12);color:#ff7482;border-color:rgba(239,68,68,.28)}#pageDeposit .invoice-btn.continue{background:#20cc91;color:#02251a}
    .details-ref-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.035);font-size:8px;font-weight:900;direction:ltr;margin-top:9px}.deposit-balance-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.deposit-balance-card{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.025);padding:12px;text-align:center}.deposit-balance-card span{display:block;color:var(--muted);font-size:8px;margin-bottom:7px}.deposit-balance-card strong{font-size:12px;color:var(--text);direction:ltr}.deposit-balance-card.after strong{color:#25d89b}.deposit-credit-message{border-color:rgba(34,197,94,.25) !important;background:rgba(34,197,94,.07) !important;color:#91f1bd !important}
    @media print{body *{visibility:hidden !important}#orderDetailsModal,#orderDetailsModal *{visibility:visible !important}#orderDetailsModal{position:absolute !important;inset:0 !important;width:100% !important;max-width:none !important;max-height:none !important;overflow:visible !important;box-shadow:none !important;background:#fff !important;color:#111 !important}#orderDetailsClose,.order-response-actions{display:none !important}#orderDetailsModal *{color:#111 !important;border-color:#ddd !important;background:#fff !important}}


    /* ===== V27 CONTROL CENTER + SPEED UX ===== */
    .balance-syp-eq{font-size:8px;color:var(--muted);margin-top:3px;direction:ltr;text-align:start}
    .user-pill{gap:7px}
    .membership-mini{width:28px;height:28px;border-radius:9px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:rgba(255,190,67,.08);display:grid;place-items:center;overflow:hidden;padding:0;cursor:pointer;color:var(--gold);font-size:8px;font-weight:1000}
    .membership-mini img{width:100%;height:100%;object-fit:contain}
    .catalog-section-search{display:flex;align-items:center;gap:8px;margin:10px 0 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025);padding:0 12px;min-height:46px}
    .catalog-section-search svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}
    .catalog-section-search input{width:100%;border:0;background:transparent;color:var(--text);font:inherit;outline:0;font-size:10px}
    .purchase-summary-row.v27-secondary{color:var(--muted);font-size:8px}
    .purchase-summary-row.v27-discount{color:#f3c95f;background:rgba(243,201,95,.05);border-radius:9px;padding:7px 8px;margin-top:4px}
    .support-fab{position:fixed;left:max(18px,calc((100vw - 720px)/2 + 18px));bottom:94px;z-index:150;width:48px;height:48px;border-radius:50%;border:2px solid rgba(63,220,139,.55);background:#1fd174;color:#041b12;box-shadow:0 10px 30px rgba(17,213,116,.24);display:grid;place-items:center;font-size:20px;font-weight:1000;transition:.2s}
    [dir="ltr"] .support-fab{left:auto;right:max(18px,calc((100vw - 720px)/2 + 18px))}
    .support-fab.open{transform:rotate(45deg)}
    .support-dock{position:fixed;left:max(17px,calc((100vw - 720px)/2 + 17px));bottom:150px;z-index:149;display:grid;gap:7px;opacity:0;transform:translateY(15px) scale(.94);pointer-events:none;transition:.18s}
    [dir="ltr"] .support-dock{left:auto;right:max(17px,calc((100vw - 720px)/2 + 17px))}
    .support-dock.open{opacity:1;transform:none;pointer-events:auto}
    .support-channel{position:relative;width:45px;height:45px;border-radius:14px;border:1px solid var(--line);background:#0b1b2e;color:#fff;display:grid;place-items:center;text-decoration:none;font-size:9px;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.25)}
    .support-channel.wa{background:#123828;color:#66f2a7}.support-channel.tg{background:#102d47;color:#62bff7}.support-channel.ig{background:#321a35;color:#fb8bd5}
    .support-channel svg{width:24px;height:24px;display:block}
    .support-channel-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;border-radius:10px;background:#f2c94c;color:#231900;border:2px solid #0b1b2e;display:grid;place-items:center;font-size:7px}
    .legal-backdrop,.simple-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);z-index:170;opacity:0;pointer-events:none;transition:.18s}
    .legal-backdrop.show,.simple-backdrop.show{opacity:1;pointer-events:auto}
    .legal-modal,.simple-modal{position:fixed;z-index:171;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(92vw,620px);max-height:78vh;overflow:auto;background:#091b2e;border:1px solid var(--line);border-radius:22px;padding:18px;opacity:0;pointer-events:none;transition:.18s;box-shadow:0 30px 90px rgba(0,0,0,.45)}
    .legal-modal.show,.simple-modal.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
    .legal-head,.simple-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.legal-head h3,.simple-head h3{margin:0;font-size:18px}.legal-close,.simple-close{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--text);font-size:18px}
    .legal-body{font-size:10px;line-height:2;color:#d8e3ee;white-space:pre-wrap}
    .membership-card{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02);padding:12px}.membership-card img,.membership-placeholder{width:64px;height:64px;border-radius:16px;object-fit:contain;background:#071526;border:1px solid var(--line);display:grid;place-items:center;font-size:24px}.membership-name{font-size:18px;font-weight:1000}.membership-meta{font-size:8px;color:var(--muted);margin-top:4px}.member-progress{height:8px;background:#06101d;border-radius:10px;overflow:hidden;margin-top:9px;border:1px solid var(--line)}.member-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#57e9d7);width:0}.membership-next{font-size:8px;color:var(--muted);margin-top:6px}
    .ledger-page,.referral-page{padding-top:4px}.ledger-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.ledger-tab{min-height:38px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px;font-weight:950}.ledger-tab.active{color:var(--accent);border-color:rgba(25,211,189,.35);background:rgba(25,211,189,.06)}.ledger-list{display:grid;gap:8px}.ledger-card{border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02);padding:11px}.ledger-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.ledger-title{font-size:10px;font-weight:950}.ledger-amount{font-size:11px;font-weight:1000;direction:ltr}.ledger-amount.plus{color:#43df94}.ledger-amount.minus{color:#ff7c8a}.ledger-meta{font-size:7px;color:var(--muted);margin-top:5px}.ledger-view{margin-top:8px;width:100%;min-height:32px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--text);font-size:8px;font-weight:900}
    .referral-hero{border:1px solid rgba(25,211,189,.22);border-radius:19px;background:linear-gradient(135deg,rgba(25,211,189,.08),rgba(41,120,210,.05));padding:15px}.referral-number{font-size:25px;font-weight:1000;color:var(--accent);direction:ltr}.referral-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.referral-stat{padding:10px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.referral-stat span{font-size:7px;color:var(--muted)}.referral-stat strong{display:block;font-size:13px;margin-top:4px;direction:ltr}.referral-linkbox{display:flex;gap:6px;margin:10px 0}.referral-linkbox input{flex:1;min-width:0;border:1px solid var(--line);border-radius:11px;background:#071526;color:var(--text);padding:10px;font-size:8px;direction:ltr}.referral-linkbox button{min-width:70px;border:1px solid rgba(25,211,189,.3);border-radius:11px;background:rgba(25,211,189,.08);color:var(--accent);font-weight:900}.referral-withdraw{margin-top:12px;border:1px solid var(--line);border-radius:16px;padding:12px;background:rgba(255,255,255,.018)}
    .admin-card-v27{border:1px solid var(--line);border-radius:16px;padding:11px;background:rgba(255,255,255,.018);margin-top:9px}.admin-card-v27 h4{margin:0 0 8px;font-size:12px}.admin-preview-square{width:88px;height:88px;border:1px solid var(--line);border-radius:16px;background:#071526;display:grid;place-items:center;overflow:hidden;margin-bottom:7px}.admin-preview-square img{width:100%;height:100%;object-fit:contain}.membership-admin-list,.referral-admin-list{display:grid;gap:8px}.membership-admin-item,.referral-admin-item{border:1px solid var(--line);border-radius:14px;padding:9px;background:rgba(255,255,255,.02)}.membership-admin-top{display:grid;grid-template-columns:54px 1fr;gap:9px;align-items:center}.membership-admin-top img,.membership-admin-icon{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#071526;display:grid;place-items:center}.admin-inline-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.admin-inline-actions button{min-height:31px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--text);font-size:7px;font-weight:900;padding:0 10px}.admin-inline-actions .danger{color:#ff7586}.admin-inline-actions .primary{color:var(--accent);border-color:rgba(25,211,189,.25)}
    .deposit-countdown{font-variant-numeric:tabular-nums;direction:ltr;color:#ffd05b!important;font-weight:1000}
    @media(max-width:520px){.support-fab{bottom:91px}.support-dock{bottom:146px}.legal-modal,.simple-modal{width:94vw}.referral-grid{grid-template-columns:1fr 1fr}}



    /* ===== V28 WALLET + MEMBERSHIP + SUPPORT UX ===== */
    .userline{align-items:center}
    .user-pill{max-width:82%;min-height:36px;height:auto;padding:4px 6px 4px 9px;border-radius:999px;gap:7px;overflow:hidden}
    .user-pill #homeUserName{font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:118px}
    .membership-mini{width:auto;min-width:72px;max-width:132px;height:28px;padding:2px 7px 2px 4px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(240,202,99,.38);background:linear-gradient(135deg,rgba(240,202,99,.14),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.06),0 5px 18px rgba(240,202,99,.08);color:#f4d36e;flex:0 0 auto}
    .membership-mini-media{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(240,202,99,.14);overflow:hidden;font-size:12px;flex:0 0 22px}
    .membership-mini-media img{width:100%;height:100%;object-fit:contain}.membership-mini-label{font-size:8px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.membership-mini-arrow{font-size:13px;line-height:1;opacity:.7}
    .drawer-membership{display:inline-flex;align-items:center;gap:5px;margin-top:4px;padding:3px 7px;border-radius:999px;border:1px solid rgba(240,202,99,.22);background:rgba(240,202,99,.06);color:#efd06f;font-size:7px;font-weight:900;max-width:150px}.drawer-membership img{width:16px;height:16px;border-radius:50%;object-fit:contain}
    .wallet-history-hero{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:22px;padding:15px;margin:8px 0 13px;background:radial-gradient(circle at 85% 0%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 42%),linear-gradient(145deg,#09182a,#08121f);box-shadow:var(--shadow)}
    .wallet-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wallet-history-kicker{font-size:8px;color:var(--muted);font-weight:900}.wallet-history-balance{font-size:29px;font-weight:1000;direction:ltr;text-align:right;margin-top:3px}.wallet-history-eq{font-size:8px;color:var(--accent);direction:ltr;text-align:right;margin-top:3px}
    .wallet-new-deposit{min-width:112px;min-height:43px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(255,255,255,.025));color:var(--accent);font-size:9px;font-weight:1000}.wallet-history-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.wallet-history-stat{border:1px solid var(--line);border-radius:13px;padding:9px;background:rgba(255,255,255,.025)}.wallet-history-stat span{display:block;color:var(--muted);font-size:7px}.wallet-history-stat strong{display:block;margin-top:4px;font-size:11px;direction:ltr}
    #pageDeposits .history-filters{position:sticky;top:4px;z-index:8;padding:5px;background:rgba(3,10,20,.86);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:11px}#pageDeposits .history-filter{min-width:0;padding-inline:3px;font-size:7px}#pageDeposits .history-card{border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012));box-shadow:0 9px 24px rgba(0,0,0,.12)}
    .membership-page{padding-top:4px}.member-v28-hero{position:relative;overflow:hidden;border:1px solid rgba(240,202,99,.3);border-radius:24px;padding:18px;margin:8px 0 12px;background:radial-gradient(circle at 88% 8%,rgba(240,202,99,.16),transparent 34%),radial-gradient(circle at 12% 100%,rgba(25,211,189,.10),transparent 38%),linear-gradient(145deg,#0b1624,#0a1019);box-shadow:0 24px 60px rgba(0,0,0,.25)}.member-v28-hero:after{content:"";position:absolute;inset:auto -40px -70px auto;width:160px;height:160px;border:1px solid rgba(240,202,99,.08);border-radius:50%}
    .member-v28-current{display:grid;grid-template-columns:74px 1fr;gap:13px;align-items:center;position:relative;z-index:1}.member-v28-emblem{width:74px;height:74px;border-radius:21px;border:1px solid rgba(240,202,99,.28);background:linear-gradient(145deg,rgba(240,202,99,.10),rgba(255,255,255,.025));display:grid;place-items:center;overflow:hidden;font-size:30px;box-shadow:inset 0 1px rgba(255,255,255,.08)}.member-v28-emblem img{width:100%;height:100%;object-fit:contain;padding:5px}.member-v28-label{font-size:8px;color:#d7b84f;font-weight:900}.member-v28-name{font-size:24px;font-weight:1000;margin-top:2px}.member-v28-desc{font-size:8px;color:var(--muted);line-height:1.7;margin-top:4px}
    .member-v28-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.member-v28-chip{padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:7px;color:#d8e2ec}.member-v28-chip.gold{border-color:rgba(240,202,99,.26);color:#f3cf62;background:rgba(240,202,99,.06)}.member-v28-progress{border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.022);padding:13px;margin:11px 0 15px}.member-v28-progress-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;font-weight:1000}.member-v28-progress-head b{color:#f1ce63}.member-v28-track{height:10px;border-radius:999px;background:#050d16;border:1px solid var(--line);overflow:hidden;margin:10px 0 7px}.member-v28-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#61ead8,#f0ca63);box-shadow:0 0 20px rgba(25,211,189,.26)}.member-v28-progress-foot{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:7px}.member-v28-progress-foot strong{color:var(--text)}
    .member-levels-head{display:flex;align-items:end;justify-content:space-between;margin:4px 2px 9px}.member-levels-head h3{margin:0;font-size:15px}.member-levels-head span{font-size:7px;color:var(--muted)}.member-level-list{display:grid;gap:9px}.member-level-card{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:17px;padding:11px;background:rgba(255,255,255,.022);overflow:hidden}.member-level-card.current{border-color:rgba(240,202,99,.4);background:linear-gradient(135deg,rgba(240,202,99,.075),rgba(255,255,255,.018))}.member-level-card.locked{opacity:.64}.member-level-card.current:before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:linear-gradient(#f4d164,var(--accent))}.member-level-img{width:58px;height:58px;border-radius:15px;border:1px solid var(--line);background:#07111e;display:grid;place-items:center;overflow:hidden;font-size:22px}.member-level-img img{width:100%;height:100%;object-fit:contain;padding:3px}.member-level-name{font-size:12px;font-weight:1000}.member-level-condition{font-size:7px;color:var(--muted);margin-top:4px;line-height:1.6}.member-level-discount{font-size:8px;color:#efd06d;margin-top:4px;font-weight:900}.member-level-state{width:30px;height:30px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;font-size:13px;color:var(--muted)}.member-level-card.current .member-level-state{color:#06150f;background:#39dd8d;border-color:#39dd8d}.member-level-card.unlocked:not(.current) .member-level-state{color:var(--accent);border-color:rgba(25,211,189,.28);background:rgba(25,211,189,.06)}
    #pageLedger .ledger-tabs{position:sticky;top:4px;z-index:8;padding:5px;background:rgba(3,10,20,.86);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px}#pageLedger .ledger-card{padding:12px;border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012));box-shadow:0 8px 24px rgba(0,0,0,.1)}.ledger-type-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.025);font-size:15px;flex:0 0 34px}.ledger-type-icon.plus{color:#45df95;background:rgba(69,223,149,.07);border-color:rgba(69,223,149,.22)}.ledger-type-icon.minus{color:#ff7f8d;background:rgba(255,127,141,.06);border-color:rgba(255,127,141,.2)}.ledger-type-icon.neutral{color:#f0ca63;background:rgba(240,202,99,.06);border-color:rgba(240,202,99,.2)}.ledger-card-head.v28{align-items:center}.ledger-card-main{display:flex;align-items:center;gap:9px;min-width:0}.ledger-card-copy{min-width:0}.ledger-view{min-height:36px;border-color:rgba(25,211,189,.18);color:var(--accent)}
    .support-fab{left:max(17px,calc((100vw - 720px)/2 + 17px));bottom:94px;width:58px;height:58px;border-radius:50%;border:1px solid rgba(54,238,146,.45);background:linear-gradient(145deg,#2ee98e,#15bd68);color:#032016;box-shadow:0 12px 34px rgba(22,211,112,.28),inset 0 1px rgba(255,255,255,.32);font-size:0;transition:transform .2s,box-shadow .2s}.support-fab.open{transform:rotate(90deg);background:linear-gradient(145deg,#87d68b,#65bd72)}.support-fab-glyph{font-size:25px;line-height:1;font-weight:500}.support-fab.open .support-fab-glyph{font-size:31px}.support-dock{left:max(21px,calc((100vw - 720px)/2 + 21px));bottom:162px;gap:9px;transform:translateY(12px) scale(.9)}.support-channel{width:50px;height:50px;border-radius:50%;border:0;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .16s,filter .16s}.support-channel:hover{transform:scale(1.07);filter:brightness(1.08)}.support-channel.wa{background:#43c66a;color:#fff}.support-channel.tg{background:#2a9be7;color:#fff}.support-channel.ig{background:linear-gradient(145deg,#f05d7d,#b649c8);color:#fff}.support-channel.fb{background:#2377df;color:#fff}.support-channel.yt{background:#e84654;color:#fff}.support-channel svg{width:25px;height:25px}.support-channel-badge{top:-3px;right:-4px;border-color:#07111e}.support-channel:after{content:attr(data-label);position:absolute;left:58px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:5px 8px;border-radius:8px;background:#0c1a2a;border:1px solid var(--line);color:#dce6ef;font-size:7px;font-weight:900;opacity:0;pointer-events:none;transition:.15s;box-shadow:0 6px 18px rgba(0,0,0,.2)}.support-channel:hover:after{opacity:1}
    @media(max-width:420px){.user-pill #homeUserName{max-width:88px}.membership-mini{max-width:108px;min-width:64px}.wallet-history-top{align-items:center}.wallet-new-deposit{min-width:100px}.member-v28-current{grid-template-columns:66px 1fr}.member-v28-emblem{width:66px;height:66px}.member-level-card{grid-template-columns:52px 1fr auto}.member-level-img{width:52px;height:52px}.support-channel:after{display:none}}


    /* ===== V29 VISUAL SYSTEM / MEMBERSHIP / REFERRAL / SUPPORT ===== */
    :root{--v29-blue:#258cff;--v29-blue2:#1464e8;--v29-cyan:#29c7ff;--v29-soft:rgba(37,140,255,.12);--v29-line:rgba(75,164,255,.24)}
    .v29-page-head{align-items:center;margin-bottom:10px}
    .account-back,.back-home{min-height:39px!important;padding:0 13px!important;border-radius:12px!important;border:1px solid var(--v29-line)!important;background:linear-gradient(145deg,rgba(37,140,255,.15),rgba(13,49,91,.34))!important;color:#8fceff!important;font-size:9px!important;font-weight:1000!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 25px rgba(0,0,0,.12)!important;display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap}
    .account-back:before,.back-home:before{content:"‹";width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(37,140,255,.16);color:#d9f1ff;font-size:18px;line-height:1}
    .account-back:active,.back-home:active{transform:scale(.97)}

    /* Membership V29 */
    .member-v29-page{padding-top:4px}
    .member-v29-hero{position:relative;overflow:hidden;border:1px solid var(--v29-line);border-radius:25px;padding:16px;margin:8px 0 11px;background:radial-gradient(circle at 82% 12%,rgba(41,199,255,.18),transparent 30%),radial-gradient(circle at 9% 95%,rgba(37,140,255,.16),transparent 34%),linear-gradient(145deg,#071a30,#07111f 62%,#06101d);box-shadow:0 25px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
    .member-v29-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(107,185,255,.14) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(110deg,transparent 22%,#000 82%);opacity:.55;pointer-events:none}
    .member-v29-glow{position:absolute;width:190px;height:190px;border-radius:50%;left:-90px;top:-95px;background:rgba(37,140,255,.13);filter:blur(28px)}
    .member-v29-topline{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.member-v29-brand{font-size:8px;font-weight:1000;letter-spacing:1.4px;color:#8bcaff;direction:ltr}.member-v29-current-pill{font-size:7px;font-weight:950;color:#b7e8ff;border:1px solid rgba(41,199,255,.26);background:rgba(41,199,255,.075);border-radius:999px;padding:5px 8px}.member-v29-current-pill:first-letter{color:var(--v29-cyan)}
    .member-v29-main{position:relative;z-index:1;display:grid;grid-template-columns:78px 1fr;gap:13px;align-items:center}.member-v29-emblem{width:78px;height:78px;border-radius:22px;border:1px solid rgba(63,164,255,.34);background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.08),transparent 38%),linear-gradient(145deg,rgba(37,140,255,.16),rgba(7,24,44,.86));display:grid;place-items:center;overflow:hidden;font-size:31px;color:#dff3ff;box-shadow:0 14px 34px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.07)}.member-v29-emblem img{width:100%;height:100%;object-fit:contain;padding:5px}.member-v29-eyebrow{font-size:7px;color:#74baf0;font-weight:900}.member-v29-name{font-size:25px;font-weight:1000;line-height:1.25;margin-top:2px}.member-v29-desc{font-size:8px;line-height:1.75;color:#8fa2b6;margin-top:4px}
    .member-v29-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.member-v29-metric{min-width:0;border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:9px 8px;background:rgba(255,255,255,.025);text-align:center}.member-v29-metric span{display:block;color:#758aa0;font-size:6.6px;white-space:nowrap}.member-v29-metric strong{display:block;margin-top:4px;color:#eaf7ff;font-size:11px;direction:ltr}.member-v29-metric:first-child strong{color:#5dccff}
    .member-v29-progressbox{position:relative;z-index:1;margin-top:10px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(2,10,19,.46);padding:11px}.member-v29-progress-head{display:flex;justify-content:space-between;gap:8px;font-size:8px;font-weight:950}.member-v29-progress-head b{color:#66c9ff}.member-v29-track{height:8px;border-radius:999px;background:#03101d;border:1px solid rgba(255,255,255,.06);overflow:hidden;margin:9px 0 6px}.member-v29-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--v29-blue2),var(--v29-blue),var(--v29-cyan));box-shadow:0 0 20px rgba(41,199,255,.32)}.member-v29-progress-foot{display:flex;justify-content:space-between;gap:10px;color:#708397;font-size:7px}.member-v29-progress-foot strong{color:#d6edff}
    .member-v29-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:14px}.member-v29-benefit{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(37,140,255,.025));padding:10px;min-height:106px}.member-v29-benefit-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(37,140,255,.24);background:rgba(37,140,255,.09);color:#65c8ff;font-size:13px;font-weight:1000;margin-bottom:8px}.member-v29-benefit b{display:block;font-size:8px}.member-v29-benefit small{display:block;color:#72869a;font-size:6.4px;line-height:1.65;margin-top:4px}.member-levels-head.v29{align-items:center}.member-levels-head.v29>div:first-child span{display:block;margin-top:3px}.member-v29-unlocked{padding:6px 8px;border-radius:999px;border:1px solid var(--v29-line);background:var(--v29-soft);color:#75c8ff;font-size:7px;font-weight:950;white-space:nowrap}
    .member-level-list{gap:8px}.member-level-card{grid-template-columns:25px 52px 1fr 31px!important;gap:8px!important;padding:10px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(7,21,37,.56))!important}.member-level-card.current{border-color:rgba(37,140,255,.46)!important;background:linear-gradient(135deg,rgba(37,140,255,.12),rgba(41,199,255,.035))!important;box-shadow:0 11px 32px rgba(0,0,0,.13)}.member-level-card.current:before{background:linear-gradient(var(--v29-cyan),var(--v29-blue))!important}.member-level-index{font-size:7px;color:#52677d;font-weight:1000;direction:ltr}.member-level-img{width:52px!important;height:52px!important;border-radius:14px!important;background:#061526!important}.member-level-copy{min-width:0}.member-level-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.member-level-name{font-size:11px!important}.member-current-tag{padding:3px 6px;border-radius:999px;background:rgba(37,140,255,.12);border:1px solid rgba(37,140,255,.25);color:#75c9ff;font-size:6px;font-weight:1000}.member-level-condition{font-size:6.6px!important}.member-level-discount{color:#5bc8ff!important;font-size:7.5px!important}.member-level-state{border-radius:10px!important}.member-level-card.current .member-level-state{color:#dff8ff!important;background:linear-gradient(145deg,var(--v29-blue),#1aaee8)!important;border-color:transparent!important}.member-level-card.unlocked:not(.current) .member-level-state{color:#66c9ff!important;border-color:rgba(37,140,255,.28)!important;background:rgba(37,140,255,.07)!important}

    /* Referral V29 */
    .referral-v29-hero{position:relative;overflow:hidden;border:1px solid var(--v29-line);border-radius:22px;padding:15px;background:radial-gradient(circle at 85% 0%,rgba(41,199,255,.15),transparent 38%),linear-gradient(145deg,#071b31,#07111f);box-shadow:0 18px 45px rgba(0,0,0,.18)}.referral-v29-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.referral-v29-hero-top span{display:block;font-size:7px;color:#7c91a7}.referral-v29-hero-top strong{display:block;font-size:28px;color:#61c9ff;direction:ltr;margin-top:3px}.referral-v29-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(37,140,255,.26);background:rgba(37,140,255,.09);color:#66c9ff;font-size:22px}.referral-v29-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.referral-v29-stats>div{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.022);padding:9px}.referral-v29-stats span{display:block;font-size:6.5px;color:#71859a}.referral-v29-stats b{display:block;font-size:10px;margin-top:4px;direction:ltr}
    .referral-v29-how{margin-top:10px;border:1px solid var(--line);border-radius:19px;padding:13px;background:rgba(255,255,255,.018)}.referral-v29-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;margin-bottom:10px}.referral-v29-section-head h3{margin:0;font-size:14px}.referral-v29-section-head p{margin:3px 0 0;font-size:7px;color:#72869b}.referral-v29-section-head>span{flex:0 0 auto;border:1px solid var(--v29-line);background:var(--v29-soft);color:#7acbff;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:950;direction:ltr}.referral-v29-methods{display:grid;gap:8px}.referral-v29-method{position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:15px;padding:10px;background:#071421;opacity:.68;transition:.18s}.referral-v29-method.active{opacity:1;border-color:rgba(37,140,255,.38);background:linear-gradient(135deg,rgba(37,140,255,.095),rgba(41,199,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.03)}.referral-v29-method-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(37,140,255,.23);background:rgba(37,140,255,.08);color:#66c9ff;font-size:17px;font-weight:1000}.referral-v29-method-copy b{font-size:9px}.referral-v29-method-copy p{font-size:6.7px;color:#708397;line-height:1.6;margin:3px 0}.referral-v29-method-copy strong{font-size:11px;color:#66c9ff;direction:ltr}.referral-v29-state{font-size:6px;color:#677a8f;border:1px solid var(--line);border-radius:999px;padding:4px 6px;white-space:nowrap}.referral-v29-method.active .referral-v29-state{color:#7fd2ff;border-color:rgba(37,140,255,.27);background:rgba(37,140,255,.08)}.referral-v29-summary{margin-top:8px;border-radius:12px;padding:9px 10px;background:rgba(37,140,255,.055);border:1px solid rgba(37,140,255,.16);font-size:7px;color:#8da5bb;line-height:1.75}.referral-v29-summary strong{color:#62caff}.referral-v29-summary b{color:#dcefff}
    .referral-v29-linkcard{margin-top:10px;border:1px solid var(--line);border-radius:17px;padding:12px;background:rgba(255,255,255,.018)}.referral-v29-linkhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.referral-v29-linkhead b{display:block;font-size:10px}.referral-v29-linkhead span{display:block;font-size:6.8px;color:#73889d;margin-top:3px}.referral-v29-linkhead code{direction:ltr;color:#66c9ff;background:rgba(37,140,255,.08);border:1px solid rgba(37,140,255,.18);padding:5px 7px;border-radius:9px;font-size:7px}.referral-linkbox{margin:9px 0 0!important}.referral-linkbox input{background:#061526!important;border-color:rgba(37,140,255,.14)!important}.referral-linkbox button{border-color:rgba(37,140,255,.32)!important;background:linear-gradient(145deg,rgba(37,140,255,.20),rgba(37,140,255,.08))!important;color:#82d0ff!important;min-width:82px!important}.referral-withdraw.v29{border-color:rgba(37,140,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(37,140,255,.018))}.referral-withdraw.v29 .wide-btn{background:linear-gradient(135deg,var(--v29-blue),#22aee8)!important;color:#fff!important;border-color:transparent!important}
    .referral-admin-v29{border-color:rgba(37,140,255,.18)}

    /* Support: smaller + home only */
    .support-fab{left:max(18px,calc((100vw - 720px)/2 + 18px))!important;bottom:93px!important;width:44px!important;height:44px!important;border:1px solid rgba(37,140,255,.38)!important;background:linear-gradient(145deg,#2a9cff,#1772e8)!important;color:#fff!important;box-shadow:0 10px 28px rgba(22,116,230,.28),inset 0 1px rgba(255,255,255,.25)!important}.support-fab-glyph{font-size:20px!important}.support-fab.open{background:linear-gradient(145deg,#4caaff,#2a7ad7)!important}.support-fab.open .support-fab-glyph{font-size:25px!important}.support-dock{left:max(18px,calc((100vw - 720px)/2 + 18px))!important;bottom:143px!important;gap:7px!important}.support-channel{width:43px!important;height:43px!important}.support-channel svg{width:22px!important;height:22px!important}.support-hidden{display:none!important}

    /* Deposit: remove the unrelated green treatment and use the store blue/cyan system. */
    #pageDeposit .deposit-hero{border-color:rgba(37,140,255,.25)!important;background:radial-gradient(circle at 14% 12%,rgba(41,199,255,.15),transparent 34%),linear-gradient(145deg,#071b31,#071425)!important}
    #pageDeposit .deposit-balance-box,#pageDeposit .method-icon,#pageDeposit .provider-logo{border-color:rgba(37,140,255,.28)!important;background:rgba(37,140,255,.08)!important;color:#70ccff!important}
    #pageDeposit .method-card:hover{border-color:rgba(37,140,255,.38)!important}#pageDeposit .method-card:after{background:rgba(37,140,255,.10)!important}#pageDeposit .auto-provider-badge{color:#72ceff!important;background:rgba(37,140,255,.07)!important;border-color:rgba(37,140,255,.20)!important}#pageDeposit .auto-provider-badge .live-dot{background:#2fa8ff!important;box-shadow:0 0 10px rgba(47,168,255,.55)!important}
    #pageDeposit .deposit-method-note{border-color:rgba(37,140,255,.23)!important;background:linear-gradient(135deg,rgba(37,140,255,.11),rgba(7,24,42,.75))!important;color:#9ab4c9!important}#pageDeposit .deposit-method-note-head{color:#6ccaff!important}
    #pageDeposit .step-line span{background:linear-gradient(90deg,var(--v29-blue),var(--v29-cyan))!important}#pageDeposit .step-item.active .step-label,#pageDeposit .step-item.done .step-label,#pageDeposit .wizard-title-icon,#pageDeposit .amount-label{color:#66caff!important}
    #pageDeposit .wizard-card{border-color:rgba(37,140,255,.13)!important;background:linear-gradient(145deg,#081a2c,#071421)!important}#pageDeposit .amount-input-wrap{border-color:rgba(37,140,255,.60)!important;background:rgba(37,140,255,.055)!important;box-shadow:0 0 28px rgba(37,140,255,.06) inset!important}#pageDeposit .amount-input{color:#64c8ff!important}
    #pageDeposit .deposit-live-conversion,#pageDeposit .payment-box{border-color:rgba(37,140,255,.23)!important;background:rgba(37,140,255,.055)!important}#pageDeposit .deposit-live-conversion strong,#pageDeposit .review-value.accent{color:#67cbff!important}
    #pageDeposit .wizard-action.next,#pageDeposit .auto-pay-btn,#pageDeposit .invoice-btn.continue{background:linear-gradient(135deg,var(--v29-blue),#21afe6)!important;color:#fff!important;border-color:transparent!important}#pageDeposit .deposit-balance-card.after strong{color:#65caff!important}#pageDeposit .deposit-credit-message{border-color:rgba(37,140,255,.24)!important;background:rgba(37,140,255,.07)!important;color:#8bd5ff!important}
    #pageDeposit .currency-pick.active{border-color:rgba(37,140,255,.4)!important;background:rgba(37,140,255,.11)!important;color:#70ceff!important}

    @media(max-width:420px){.member-v29-main{grid-template-columns:70px 1fr}.member-v29-emblem{width:70px;height:70px}.member-v29-metrics{gap:5px}.member-v29-metric{padding:8px 5px}.member-v29-benefit{padding:8px;min-height:104px}.member-level-card{grid-template-columns:22px 48px 1fr 29px!important}.member-level-img{width:48px!important;height:48px!important}.referral-v29-method{grid-template-columns:38px 1fr}.referral-v29-method-icon{width:38px;height:38px}.referral-v29-state{grid-column:2;justify-self:start}.support-channel:after{display:none!important}}


    /* ================= V30 — unified blue UI / numeric IDs / Fortune Wheel ================= */
    .user-id-badge{display:inline-flex;align-items:center;gap:4px;min-height:22px;padding:3px 8px;border-radius:999px;border:1px solid rgba(71,170,255,.26);background:linear-gradient(145deg,rgba(37,140,255,.13),rgba(13,72,140,.14));color:#8ed4ff;font-size:7px;font-weight:1000;direction:ltr;letter-spacing:.35px;box-shadow:inset 0 1px rgba(255,255,255,.04)}
    .drawer-user-subline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.drawer-user-subline .drawer-user-sub{margin:0!important}
    .account-id-card{margin:10px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-radius:17px;border:1px solid rgba(37,140,255,.22);background:radial-gradient(circle at 92% 0%,rgba(41,199,255,.12),transparent 45%),linear-gradient(145deg,#071a2c,#07131f);box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 30px rgba(0,0,0,.12)}
    .account-id-card span{display:block;font-size:7px;color:#778fa7}.account-id-card small{display:block;font-size:6.4px;color:#60768d;margin-top:3px;line-height:1.55}.account-id-card strong{display:inline-flex;align-items:center;gap:5px;padding:8px 12px;border-radius:12px;background:rgba(37,140,255,.11);border:1px solid rgba(37,140,255,.25);color:#7fd0ff;font-size:14px;font-weight:1000;direction:ltr;white-space:nowrap}

    /* Deposit V30: force the complete invoice/wizard treatment into the store blue palette. */
    #pageDeposit .live-payment-instruction{border:1px solid rgba(48,157,255,.32)!important;background:radial-gradient(circle at 100% 0%,rgba(54,181,255,.12),transparent 38%),linear-gradient(155deg,#071c31,#07131f)!important;box-shadow:inset 0 1px rgba(255,255,255,.035),0 12px 36px rgba(0,0,0,.14)!important}
    #pageDeposit .live-pay-title{color:#69caff!important;font-size:14px!important;letter-spacing:.15px}
    #pageDeposit .live-pay-row{border-color:rgba(66,156,241,.13)!important}.live-copy{border-color:rgba(57,157,255,.24)!important;background:rgba(37,140,255,.10)!important;color:#87d2ff!important}.live-copy:active{background:rgba(37,140,255,.20)!important}
    #pageDeposit .invoice-summary,#pageDeposit .review-card,#pageDeposit .payment-box{background:linear-gradient(145deg,rgba(14,46,78,.76),rgba(7,21,35,.90))!important;border-color:rgba(48,151,245,.22)!important}
    #pageDeposit .step-item.active .step-line span,#pageDeposit .step-item.done .step-line span{background:linear-gradient(90deg,#258cff,#31c3ff)!important;box-shadow:0 0 18px rgba(37,140,255,.38)!important}
    #pageDeposit .deposit-countdown{min-width:104px;min-height:38px;padding:7px 12px;border-radius:13px;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(63,169,255,.30);background:linear-gradient(145deg,rgba(37,140,255,.16),rgba(18,91,177,.08));color:#8ed7ff!important;font-size:13px!important;font-weight:1000!important;letter-spacing:.7px;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(20,100,200,.12);direction:ltr;font-variant-numeric:tabular-nums}
    #pageDeposit .deposit-method-note-head{color:#73ccff!important}#pageDeposit .deposit-method-note{border-color:rgba(51,157,255,.22)!important;background:linear-gradient(145deg,rgba(24,90,150,.16),rgba(7,26,45,.75))!important}
    #pageDeposit .amount-input-wrap:focus-within{border-color:#3caaff!important;box-shadow:0 0 0 3px rgba(37,140,255,.08),inset 0 0 28px rgba(37,140,255,.05)!important}

    /* Search inside catalog */
    .catalog-section-search:focus-within{border-color:rgba(52,162,255,.42);box-shadow:0 0 0 3px rgba(37,140,255,.06);background:rgba(37,140,255,.045)}

    /* Fortune Wheel */
    .wheel-page{padding-top:4px}.wheel-hero{position:relative;overflow:hidden;margin-top:10px;border:1px solid rgba(40,146,236,.22);border-radius:24px;padding:16px;background:radial-gradient(circle at 82% 0%,rgba(47,177,255,.18),transparent 40%),radial-gradient(circle at 0% 100%,rgba(44,88,218,.12),transparent 42%),linear-gradient(145deg,#071b31,#06111f);box-shadow:0 18px 48px rgba(0,0,0,.18)}
    .wheel-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,black,transparent 72%);pointer-events:none}.wheel-hero-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.wheel-hero-copy span{display:block;font-size:7px;color:#7891aa}.wheel-hero-copy strong{display:block;font-size:27px;color:#7bd0ff;margin-top:3px;direction:ltr}.wheel-spin-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:13px;border:1px solid rgba(50,160,255,.25);background:rgba(37,140,255,.08);color:#96d9ff;font-size:8px;font-weight:950}.wheel-spin-pill b{font-size:16px;color:#fff;direction:ltr}
    .wheel-stage{position:relative;display:grid;place-items:center;margin:20px auto 7px;min-height:330px}.wheel-glow{position:absolute;width:286px;height:286px;border-radius:50%;background:radial-gradient(circle,rgba(47,173,255,.16),transparent 65%);filter:blur(18px)}
    .fortune-pointer{position:absolute;z-index:8;top:7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:0;border-bottom:31px solid #d8f4ff;filter:drop-shadow(0 5px 9px rgba(32,158,255,.55))}.fortune-pointer:after{content:"";position:absolute;left:-8px;top:5px;width:16px;height:16px;border-radius:50%;background:#258cff;box-shadow:0 0 16px rgba(37,140,255,.8)}
    .fortune-wheel-shell{position:relative;width:286px;height:286px;border-radius:50%;padding:9px;background:linear-gradient(145deg,#5bc8ff,#1b67d9 45%,#78d5ff);box-shadow:0 0 0 4px rgba(9,29,48,.96),0 0 0 7px rgba(68,174,255,.26),0 24px 55px rgba(0,0,0,.34),0 0 36px rgba(37,140,255,.23)}
    .fortune-wheel{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:conic-gradient(from -36deg,#247ff0 0 72deg,#0c1b30 72deg 144deg,#25b4ea 144deg 216deg,#10192c 216deg 288deg,#234fc9 288deg 360deg);transition:transform 4.8s cubic-bezier(.13,.78,.12,1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),inset 0 0 34px rgba(0,0,0,.26)}
    .fortune-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -1deg,rgba(255,255,255,.16) 0 1deg,transparent 1deg 72deg);pointer-events:none}.fortune-wheel:after{content:"";position:absolute;inset:19%;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 8px rgba(4,14,26,.19)}
    .wheel-segment-label{position:absolute;z-index:3;left:50%;top:50%;width:77px;text-align:center;color:#f4fbff;font-size:7px;font-weight:1000;line-height:1.35;text-shadow:0 2px 5px rgba(0,0,0,.65);transform:translate(-50%,-50%) rotate(var(--a)) translateY(-93px) rotate(var(--b));pointer-events:none}.wheel-segment-label small{display:block;color:#b9e6ff;font-size:6px;margin-top:2px}.wheel-segment-label.lose{color:#a9bed2}
    .wheel-center{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;border:5px solid #071522;background:radial-gradient(circle at 38% 28%,#5bc9ff,#217ee7 48%,#0b3f92);box-shadow:0 0 0 2px rgba(116,215,255,.65),0 10px 30px rgba(0,0,0,.42),0 0 25px rgba(37,140,255,.36)}
    .wheel-center button{width:100%;height:100%;border:0;border-radius:50%;background:transparent;color:white;font-size:14px;font-weight:1000;cursor:pointer}.wheel-center button:disabled{opacity:.6;cursor:default}.wheel-center span{display:block;font-size:7px;color:#d2eeff;margin-top:-8px}
    .wheel-result{display:none;margin-top:10px;border-radius:17px;padding:12px 13px;border:1px solid rgba(43,160,255,.20);background:rgba(37,140,255,.055);text-align:center}.wheel-result.show{display:block;animation:wheelPop .35s ease}.wheel-result b{display:block;font-size:14px;color:#8ed7ff}.wheel-result span{display:block;font-size:7px;color:#7890a7;margin-top:4px;line-height:1.7}@keyframes wheelPop{from{transform:scale(.96);opacity:0}to{transform:none;opacity:1}}
    .wheel-rules{display:grid;gap:8px;margin-top:12px}.wheel-rule{display:grid;grid-template-columns:42px 1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:10px 11px;background:rgba(255,255,255,.019)}.wheel-rule-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(37,140,255,.09);border:1px solid rgba(37,140,255,.20);color:#79ceff;font-size:17px}.wheel-rule b{display:block;font-size:9px}.wheel-rule p{margin:3px 0 0;color:#71859a;font-size:6.7px;line-height:1.55}.wheel-rule-status{font-size:7px;color:#7dcfff;padding:5px 7px;border-radius:999px;border:1px solid rgba(37,140,255,.20);background:rgba(37,140,255,.06);white-space:nowrap}.wheel-section{margin-top:12px;border:1px solid var(--line);border-radius:18px;padding:13px;background:rgba(255,255,255,.017)}.wheel-section h3{margin:0;font-size:13px}.wheel-section-sub{font-size:6.7px;color:#70849a;margin-top:3px}.wheel-promos{display:grid;gap:7px;margin-top:9px}.wheel-promo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid rgba(37,140,255,.17);border-radius:13px;background:rgba(37,140,255,.045)}.wheel-promo b{font-size:8px;color:#8ed6ff}.wheel-promo span{font-size:6.5px;color:#7b90a6;direction:ltr}.wheel-history{display:grid;gap:7px;margin-top:9px}.wheel-history-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border-bottom:1px solid rgba(255,255,255,.05)}.wheel-history-item:last-child{border-bottom:0}.wheel-history-item b{font-size:8px}.wheel-history-item span{font-size:6.5px;color:#70859a;direction:ltr}
    .menu-item.wheel-menu .menu-icon{color:#83d5ff;background:rgba(37,140,255,.09);border-radius:10px}.menu-side.wheel-count{min-width:23px;text-align:center;background:rgba(37,140,255,.10);border:1px solid rgba(37,140,255,.19);border-radius:999px;color:#85d3ff;font-weight:1000;padding:3px 6px}
    @media(max-width:380px){.fortune-wheel-shell{width:258px;height:258px}.wheel-glow{width:258px;height:258px}.wheel-stage{min-height:300px}.wheel-segment-label{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-84px) rotate(var(--b));width:68px;font-size:6.5px}.wheel-center{width:76px;height:76px}.wheel-rule{grid-template-columns:38px 1fr}.wheel-rule-icon{width:38px;height:38px}.wheel-rule-status{grid-column:2;justify-self:start}}


    /* ===== V31 CUSTOMER API CENTER ===== */
    .api-access-page{padding-bottom:110px}.api-v31-hero{position:relative;overflow:hidden;margin-top:10px;border:1px solid rgba(55,158,255,.24);border-radius:24px;padding:18px;background:radial-gradient(circle at 86% 0%,rgba(47,174,255,.19),transparent 39%),radial-gradient(circle at 0% 110%,rgba(38,84,219,.14),transparent 42%),linear-gradient(145deg,#071b31,#06111f);box-shadow:0 18px 48px rgba(0,0,0,.20)}
    .api-v31-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
    .api-v31-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.api-v31-kicker{font-size:7px;color:#7190ab;text-transform:uppercase;letter-spacing:1.1px}.api-v31-head h2{font-size:20px;margin:5px 0 4px}.api-v31-head p{font-size:7px;line-height:1.65;color:#7890a6;margin:0;max-width:420px}
    .api-v31-status{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(71,176,255,.24);border-radius:999px;padding:6px 9px;background:rgba(37,140,255,.08);color:#8ed8ff;font-size:7px;font-weight:1000;white-space:nowrap}.api-v31-status:before{content:"";width:7px;height:7px;border-radius:50%;background:#3aa8ff;box-shadow:0 0 12px rgba(58,168,255,.75)}.api-v31-status.off{color:#8899aa;border-color:var(--line);background:rgba(255,255,255,.025)}.api-v31-status.off:before{background:#6f7d8d;box-shadow:none}
    .api-token-v31{position:relative;margin-top:16px;padding:14px;border-radius:18px;border:1px solid rgba(51,157,255,.20);background:linear-gradient(145deg,rgba(37,140,255,.095),rgba(4,18,32,.68));box-shadow:inset 0 1px rgba(255,255,255,.04)}.api-token-v31-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:7px;color:#7f94aa}.api-token-v31-label b{font-size:8px;color:#a9dcff;letter-spacing:.5px}
    .api-token-v31-value{margin-top:9px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 11px;background:rgba(1,8,16,.45)}.api-token-v31-value code{direction:ltr;text-align:left;color:#d9efff;font:800 9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-token-v31-actions{display:flex;gap:6px}.api-square-btn{width:34px;height:34px;border:1px solid rgba(64,166,255,.22);border-radius:10px;background:rgba(37,140,255,.09);color:#91d8ff;display:grid;place-items:center;font-size:13px}.api-square-btn:active{transform:scale(.96)}
    .api-secret-warning{position:relative;margin-top:10px;display:flex;gap:8px;align-items:flex-start;color:#7e94a9;font-size:6.7px;line-height:1.65}.api-secret-warning strong{color:#a4d8fb}.api-v31-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.api-v31-stat{border:1px solid rgba(255,255,255,.065);border-radius:14px;padding:10px;background:rgba(255,255,255,.018)}.api-v31-stat span{display:block;font-size:6px;color:#71869b}.api-v31-stat b{display:block;margin-top:5px;font-size:10px;color:#eef8ff;direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .api-v31-card{margin-top:12px;border:1px solid var(--line);border-radius:20px;padding:15px;background:linear-gradient(145deg,rgba(10,30,51,.94),rgba(5,17,30,.92));box-shadow:0 12px 32px rgba(0,0,0,.13)}.api-v31-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.api-v31-card-head h3{margin:0;font-size:13px}.api-v31-card-head p{margin:4px 0 0;font-size:6.8px;line-height:1.55;color:#71869b}.api-v31-chip{font-size:6px;color:#8bd6ff;border:1px solid rgba(51,160,255,.20);background:rgba(37,140,255,.06);border-radius:999px;padding:5px 7px;white-space:nowrap}
    .api-endpoint-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.018);margin-top:7px}.api-endpoint-row span{display:block;font-size:6px;color:#70869b;margin-bottom:3px}.api-endpoint-row code{display:block;direction:ltr;text-align:left;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#ccecff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-copy-mini{border:1px solid rgba(50,157,255,.22);border-radius:9px;background:rgba(37,140,255,.075);color:#8cd6ff;padding:7px 9px;font-size:7px;font-weight:950}
    .api-ip-area{width:100%;min-height:128px;resize:vertical;border:1px solid rgba(58,160,255,.18);border-radius:15px;padding:12px;background:rgba(1,9,18,.43);color:#dcefff;outline:0;font:800 9px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}.api-ip-area:focus{border-color:rgba(59,170,255,.44);box-shadow:0 0 0 3px rgba(37,140,255,.07)}.api-ip-note{font-size:6.6px;color:#70869b;line-height:1.7;margin-top:8px}.api-v31-primary{width:100%;min-height:44px;margin-top:10px;border:0;border-radius:13px;background:linear-gradient(135deg,#258cff,#2cb8f4);color:#041524;font-weight:1000;font-size:9px;box-shadow:0 10px 24px rgba(37,140,255,.20)}.api-v31-secondary{width:100%;min-height:42px;margin-top:8px;border:1px solid rgba(55,159,255,.20);border-radius:13px;background:rgba(37,140,255,.055);color:#8bd6ff;font-weight:950;font-size:8px}
    .api-how-steps{display:grid;gap:8px}.api-how-step{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:9px;border-radius:14px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.016)}.api-how-num{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(55,162,255,.22);background:rgba(37,140,255,.075);color:#8dd7ff;font-weight:1000;font-size:10px}.api-how-step b{font-size:8px}.api-how-step p{margin:3px 0 0;color:#71869b;font-size:6.5px;line-height:1.6}.api-doc-open{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.menu-item.api-menu-v31 .menu-icon{color:#86d5ff;background:rgba(37,140,255,.09);border-radius:10px}.menu-item.api-menu-v31 .menu-side{color:#86cfff}
    @media(max-width:390px){.api-v31-head{display:block}.api-v31-status{margin-top:10px}.api-v31-stats{grid-template-columns:1fr 1fr}.api-v31-stat:last-child{grid-column:1/-1}.api-token-v31-value code{font-size:7.5px}}

/* ===== V43 CONTROL CENTER ===== */
.admin-hub-nav.cc-nav{display:block!important;border:1px solid rgba(37,140,255,.13);background:linear-gradient(180deg,rgba(10,27,48,.96),rgba(5,17,31,.96));border-radius:22px;padding:10px;margin-bottom:13px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.cc-nav-group{padding:8px 0}.cc-nav-group+.cc-nav-group{border-top:1px solid var(--line)}
.cc-nav-label{font-size:7px;color:#6f85a2;font-weight:900;letter-spacing:.09em;margin:0 4px 7px;text-transform:uppercase}
.cc-nav-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.cc-nav .admin-hub-btn{min-height:43px;border-radius:13px;background:#0a1b2f;border:1px solid rgba(255,255,255,.065);font-size:8px;padding:8px;color:#b9c7d8;box-shadow:none}
.cc-nav .admin-hub-btn.active{background:linear-gradient(135deg,rgba(37,140,255,.20),rgba(18,108,224,.08));border-color:rgba(37,140,255,.45);color:#fff;box-shadow:0 0 0 1px rgba(37,140,255,.07) inset}
.cc-shell{display:none}.cc-shell.active{display:block;animation:pageIn .18s ease}
.cc-hero{border:1px solid rgba(37,140,255,.2);background:radial-gradient(circle at 85% 0,rgba(37,140,255,.16),transparent 42%),linear-gradient(145deg,#0a1c31,#061221 70%);border-radius:23px;padding:15px;margin-bottom:11px;box-shadow:0 22px 58px rgba(0,0,0,.22);overflow:hidden;position:relative}
.cc-hero:after{content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;border:1px solid rgba(37,140,255,.12)}
.cc-kicker{font-size:7px;color:#63adff;font-weight:950;letter-spacing:.12em}.cc-title{font-size:21px;font-weight:1000;margin-top:5px}.cc-sub{font-size:8px;line-height:1.75;color:#8192a8;margin-top:4px;max-width:92%}
.cc-hero-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;position:relative;z-index:2}.cc-action{min-height:34px;border:1px solid rgba(37,140,255,.22);background:rgba(37,140,255,.07);color:#dcebff;border-radius:11px;padding:0 11px;font-size:7px;font-weight:950}.cc-action.primary{background:linear-gradient(135deg,#258cff,#126ce0);border-color:transparent;color:#fff}.cc-action.danger{color:#ff8290;border-color:rgba(255,107,122,.22);background:rgba(255,107,122,.06)}
.cc-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.cc-kpi{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012));padding:11px;min-height:83px}.cc-kpi-icon{font-size:17px}.cc-kpi b{display:block;font-size:17px;margin-top:6px;color:#fff;direction:ltr;text-align:start}.cc-kpi span{display:block;font-size:7px;color:#7e91aa;margin-top:2px}.cc-kpi em{display:block;font-style:normal;font-size:7px;color:#63adff;margin-top:4px}
.cc-grid2{display:grid;grid-template-columns:1fr;gap:9px}.cc-card{border:1px solid var(--line);background:#071525;border-radius:18px;padding:11px;margin-top:9px}.cc-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px}.cc-card-head h3{font-size:11px;margin:0}.cc-card-head span{font-size:7px;color:#6f83a0}.cc-list{display:grid;gap:7px}.cc-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);border-radius:13px;padding:9px}.cc-row-title{font-size:8px;font-weight:950;line-height:1.5}.cc-row-meta{font-size:6.7px;color:#7589a3;line-height:1.65;margin-top:2px}.cc-row-value{font-size:9px;font-weight:950;direction:ltr;white-space:nowrap}.cc-row-value.good{color:#65b4ff}.cc-row-value.warn{color:#f4c95f}.cc-row-value.bad{color:#ff7888}
.cc-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.cc-filters input,.cc-filters select{min-height:39px;border-radius:12px;border:1px solid var(--line);background:#071625;color:#fff;padding:0 10px;font-size:8px;outline:none}.cc-filters input{grid-column:1/-1}.cc-filters input:focus,.cc-filters select:focus{border-color:rgba(37,140,255,.55);box-shadow:0 0 0 3px rgba(37,140,255,.08)}
.cc-health{display:grid;grid-template-columns:82px 1fr;gap:11px;align-items:center;border:1px solid rgba(37,140,255,.18);background:linear-gradient(135deg,rgba(37,140,255,.10),rgba(255,255,255,.01));border-radius:18px;padding:11px;margin:9px 0}.cc-health-ring{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#258cff var(--cc-health,0%),rgba(255,255,255,.07) 0);position:relative}.cc-health-ring:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#071525}.cc-health-ring b{position:relative;z-index:1;font-size:15px}.cc-health-info h4{font-size:10px;margin:0 0 5px}.cc-health-info p{font-size:7px;line-height:1.7;color:#8496ad;margin:0}
.cc-table{display:grid;gap:7px}.cc-product{border:1px solid var(--line);border-radius:15px;background:#071525;padding:9px}.cc-product-top{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center}.cc-product-img{width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:#06111f;display:grid;place-items:center;overflow:hidden}.cc-product-img img{width:100%;height:100%;object-fit:contain}.cc-product-name{font-size:8px;font-weight:950}.cc-product-meta{font-size:6.5px;color:#778ba5;line-height:1.6;margin-top:2px}.cc-product-price{text-align:end;direction:ltr}.cc-product-price b{font-size:9px;color:#65b4ff}.cc-product-price span{display:block;font-size:6px;color:#6f8199;margin-top:2px}.cc-product-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.cc-product-actions button{min-height:30px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#c8d5e5;font-size:6.5px;font-weight:900}.cc-product-actions button.primary{color:#62adff;border-color:rgba(37,140,255,.25)}
.cc-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:6px;color:#91a2b8}.cc-badge.good{color:#69b7ff;border-color:rgba(37,140,255,.25);background:rgba(37,140,255,.06)}.cc-badge.bad{color:#ff7d8b;border-color:rgba(255,107,122,.20);background:rgba(255,107,122,.05)}.cc-badge.warn{color:#f2c966;border-color:rgba(240,202,99,.22);background:rgba(240,202,99,.05)}
.cc-empty{padding:18px;text-align:center;border:1px dashed var(--line);border-radius:15px;color:#758aa4;font-size:8px}.cc-note{font-size:7px;color:#7890ac;line-height:1.7;border:1px solid rgba(37,140,255,.12);background:rgba(37,140,255,.04);padding:9px;border-radius:12px}
.cc-diff{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.cc-diff div{border:1px solid var(--line);border-radius:12px;padding:8px;background:rgba(255,255,255,.015)}.cc-diff b{font-size:12px;display:block;color:#65b4ff}.cc-diff span{font-size:6.5px;color:#7a8ca3}.cc-code{direction:ltr;text-align:left;background:#030b15;border:1px solid var(--line);border-radius:11px;padding:9px;font:7px ui-monospace,SFMono-Regular,monospace;color:#a9c9ef;overflow:auto;white-space:nowrap}
@media(min-width:520px){.cc-nav-buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-grid2{grid-template-columns:1fr 1fr}}


/* ===== V43 CUSTOMER FILE / PROFIT / MEMBERSHIP ===== */
.cc-profit-kpi{border-color:rgba(53,160,255,.22)!important;background:linear-gradient(145deg,rgba(37,140,255,.09),rgba(255,255,255,.012))!important}.cc-profit-kpi b{color:#78c7ff!important}.cc-profit-kpi em{color:#a5dfff!important}
.cc-users-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.cc-users-summary>div{border:1px solid var(--line);border-radius:16px;padding:11px;background:linear-gradient(145deg,#091a2d,#071423);min-height:76px}.cc-users-summary span{display:block;font-size:6.8px;color:#758ba5}.cc-users-summary b{display:block;margin-top:7px;font-size:15px;direction:ltr}.cc-users-summary .profit{border-color:rgba(37,140,255,.32);box-shadow:0 10px 28px rgba(37,140,255,.06)}.cc-users-summary .profit b{color:#70c1ff}
.cc-users-toolbar{display:grid;grid-template-columns:1fr 130px;gap:8px;margin:10px 0}.cc-users-search{display:grid;grid-template-columns:34px 1fr;align-items:center;border:1px solid var(--line);border-radius:14px;background:#071625;overflow:hidden}.cc-users-search span{display:grid;place-items:center;color:#69b9ff;font-size:16px}.cc-users-search input,.cc-users-toolbar select{min-height:43px;border:0;background:transparent;color:#fff;outline:0;font-size:8px;padding:0 10px}.cc-users-toolbar select{border:1px solid var(--line);border-radius:14px;background:#071625}
.cc-user-grid{display:grid;gap:9px}.cc-user-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:12px;background:radial-gradient(circle at 95% 0,rgba(37,140,255,.08),transparent 36%),linear-gradient(145deg,#08192b,#06121f);box-shadow:0 12px 30px rgba(0,0,0,.12)}.cc-user-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.cc-user-idline{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.cc-user-idline strong{font-size:12px}.cc-user-member{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;border:1px solid rgba(37,140,255,.22);background:rgba(37,140,255,.06);color:#88ceff;font-size:6.5px;font-weight:950}.cc-user-member.manual:after{content:'يدوي';font-size:5.5px;color:#f3cd6d;margin-inline-start:3px}.cc-user-client{font:6.4px ui-monospace,SFMono-Regular,monospace;color:#647990;direction:ltr;text-align:left;margin-top:4px}.cc-user-profit{text-align:end}.cc-user-profit span{display:block;font-size:6px;color:#71869d}.cc-user-profit b{display:block;color:#6cc0ff;font-size:15px;direction:ltr;margin-top:3px}.cc-user-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.cc-user-metrics div{border:1px solid rgba(255,255,255,.05);border-radius:11px;padding:7px;background:rgba(255,255,255,.014)}.cc-user-metrics span{display:block;font-size:5.8px;color:#71849b}.cc-user-metrics b{display:block;font-size:8px;margin-top:3px;direction:ltr}.cc-user-actions{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:9px}.cc-user-open{min-height:36px;border:0;border-radius:11px;background:linear-gradient(135deg,#258cff,#1473e6);color:#fff;font-size:7.5px;font-weight:1000}.cc-user-quick{min-height:36px;border:1px solid rgba(37,140,255,.23);border-radius:11px;background:rgba(37,140,255,.06);color:#9ad8ff;padding:0 11px;font-size:7px;font-weight:950}
.cc-user-modal-backdrop{display:none;position:fixed;inset:0;background:rgba(0,5,12,.75);backdrop-filter:blur(7px);z-index:1200}.cc-user-modal-backdrop.show{display:block}.cc-user-modal{display:none;position:fixed;z-index:1201;inset:4vh max(10px,calc((100vw - 980px)/2));max-width:980px;margin:auto;background:linear-gradient(180deg,#071727,#030b15);border:1px solid rgba(37,140,255,.24);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.6);overflow:hidden;flex-direction:column}.cc-user-modal.show{display:flex}.cc-user-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px 12px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 0,rgba(37,140,255,.13),transparent 42%)}.cc-user-modal-head h2{font-size:18px;margin:4px 0 0}.cc-user-modal-head p{font-size:7px;color:#748aa4;margin:4px 0 0;direction:ltr}.cc-user-close{width:38px;height:38px;border:1px solid var(--line);border-radius:12px;background:#0a1b2d;color:#fff}.cc-user-modal-tabs{display:flex;gap:5px;padding:9px 12px;border-bottom:1px solid var(--line);overflow:auto;background:#061321}.cc-user-modal-tabs button{flex:0 0 auto;min-height:34px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.015);color:#8295aa;padding:0 12px;font-size:7px;font-weight:950}.cc-user-modal-tabs button.active{border-color:rgba(37,140,255,.34);background:rgba(37,140,255,.11);color:#fff}.cc-user-modal-body{padding:13px;overflow:auto;min-height:0}
.cc-profile-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-profile-kpi{border:1px solid var(--line);border-radius:15px;padding:11px;background:#081827}.cc-profile-kpi span{font-size:6.5px;color:#71869d}.cc-profile-kpi b{display:block;font-size:15px;margin-top:5px;direction:ltr}.cc-profile-kpi.profit{border-color:rgba(37,140,255,.3);background:linear-gradient(145deg,rgba(37,140,255,.10),#071624)}.cc-profile-kpi.profit b{color:#70c4ff}
.cc-profile-section{border:1px solid var(--line);border-radius:17px;padding:12px;background:#071522;margin-top:10px}.cc-profile-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.cc-profile-section-head h3{font-size:11px;margin:0}.cc-profile-section-head span{font-size:6px;color:#71859c}.cc-profit-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cc-profit-breakdown div{border:1px solid var(--line);border-radius:12px;padding:8px;background:rgba(255,255,255,.015)}.cc-profit-breakdown span{font-size:6px;color:#70839a}.cc-profit-breakdown b{display:block;font-size:10px;margin-top:4px;direction:ltr}.cc-profit-breakdown .profit b{color:#70c4ff}.cc-finance-order{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px;border:1px solid var(--line);border-radius:12px;margin-top:6px}.cc-finance-order h4{font-size:7.8px;margin:0}.cc-finance-order p{font-size:6px;color:#72869e;margin:3px 0 0}.cc-finance-values{text-align:end;direction:ltr;font-size:6.5px;color:#7e91a6}.cc-finance-values b{display:block;font-size:8.5px;color:#6cc1ff}.cc-estimate{font-size:5.5px;color:#f1c65d}
.cc-membership-current{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;border:1px solid rgba(37,140,255,.24);border-radius:16px;padding:10px;background:linear-gradient(145deg,rgba(37,140,255,.10),rgba(255,255,255,.012))}.cc-membership-icon{width:56px;height:56px;border-radius:15px;background:#07101d;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-size:24px}.cc-membership-icon img{width:100%;height:100%;object-fit:contain}.cc-membership-current h3{font-size:14px;margin:0}.cc-membership-current p{font-size:6.5px;color:#768aa2;margin:4px 0 0}.cc-member-source{display:inline-flex;margin-top:5px;padding:3px 6px;border-radius:999px;border:1px solid rgba(37,140,255,.2);font-size:5.7px;color:#8ed3ff}.cc-admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-admin-field label{display:block;font-size:6.5px;color:#7d90a8;margin-bottom:5px}.cc-admin-field input,.cc-admin-field select,.cc-admin-field textarea{width:100%;min-height:40px;border:1px solid var(--line);border-radius:11px;background:#05111e;color:#fff;padding:8px 10px;font-size:8px;outline:0}.cc-admin-field textarea{min-height:72px;resize:vertical}.cc-admin-field.full{grid-column:1/-1}.cc-form-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.cc-form-actions button{min-height:38px;border-radius:11px;border:1px solid rgba(37,140,255,.24);background:rgba(37,140,255,.06);color:#a2d9ff;padding:0 13px;font-size:7px;font-weight:950}.cc-form-actions button.primary{border:0;background:linear-gradient(135deg,#258cff,#1473e6);color:#fff}.cc-form-actions button.danger{color:#ff8a97;border-color:rgba(255,107,122,.22);background:rgba(255,107,122,.05)}
.cc-activity-grid{display:grid;grid-template-columns:1fr;gap:9px}.cc-deposit-mini{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;border:1px solid var(--line);border-radius:11px;margin-top:6px}.cc-deposit-mini b{font-size:7.5px}.cc-deposit-mini span{font-size:6px;color:#73879f}.cc-deposit-mini strong{font-size:8px;direction:ltr;color:#71c1ff}
@media(min-width:700px){.cc-users-summary{grid-template-columns:repeat(4,1fr)}.cc-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-profile-kpis{grid-template-columns:repeat(4,1fr)}.cc-activity-grid{grid-template-columns:1fr 1fr}.cc-user-modal-body{padding:16px 18px}}
@media(max-width:520px){.cc-users-toolbar{grid-template-columns:1fr}.cc-user-metrics{grid-template-columns:repeat(2,1fr)}.cc-user-modal{inset:0;border-radius:0;max-width:none}.cc-admin-form-grid{grid-template-columns:1fr}.cc-admin-field.full{grid-column:auto}.cc-profit-breakdown{grid-template-columns:1fr 1fr}}


/* V38 Pro Admin Dashboard Redesign */
#adminDashboard{position:relative}
.admin-probar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:14px 16px;border:1px solid rgba(37,140,255,.16);border-radius:22px;background:radial-gradient(circle at 85% 0,rgba(37,140,255,.18),transparent 36%),linear-gradient(145deg,#0b1f37,#071321 68%);box-shadow:0 20px 50px rgba(0,0,0,.18)}
.admin-probar h2{margin:0;font-size:20px;font-weight:1000}
.admin-probar p{margin:4px 0 0;font-size:8px;color:#7e94af;line-height:1.7}
.admin-probar-stats{display:grid;grid-template-columns:repeat(3,minmax(72px,1fr));gap:8px;min-width:min(100%,290px)}
.admin-probar-pill{border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:10px 11px;background:rgba(255,255,255,.035)}
.admin-probar-pill b{display:block;font-size:13px;color:#fff;direction:ltr}
.admin-probar-pill span{display:block;font-size:7px;color:#7d95af;margin-top:3px}
.cc-layout{display:grid;grid-template-columns:300px 1fr;gap:14px;align-items:start}
.admin-hub-nav.cc-nav{position:sticky;top:12px;max-height:calc(100vh - 28px);overflow:auto;border:1px solid rgba(37,140,255,.16);background:linear-gradient(180deg,rgba(11,27,47,.98),rgba(4,13,24,.98));border-radius:24px;padding:12px;box-shadow:0 22px 56px rgba(0,0,0,.22)}
.cc-nav-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 6px 10px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}
.cc-nav-title strong{display:block;font-size:15px}
.cc-nav-title span{display:block;font-size:7px;color:#7288a2;margin-top:4px}
.cc-nav-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}
.cc-nav-mini div{border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:8px;background:rgba(255,255,255,.025)}
.cc-nav-mini b{display:block;font-size:11px;color:#65b4ff}
.cc-nav-mini span{display:block;font-size:6px;color:#778da6;margin-top:3px}
.cc-nav-group{padding:10px 0}.cc-nav-label{font-size:7px;color:#82bfff;font-weight:900;letter-spacing:.12em;margin:0 4px 8px;text-transform:uppercase}
.cc-nav-buttons{grid-template-columns:1fr !important}
.cc-nav .admin-hub-btn{display:flex;align-items:center;justify-content:flex-start;min-height:48px;border-radius:14px;background:#0a1a2c;border:1px solid rgba(255,255,255,.06);font-size:8px;padding:0 12px;color:#c7d6e8;text-align:right;transition:.18s ease;position:relative;overflow:hidden}
.cc-nav .admin-hub-btn:after{content:"›";position:absolute;left:11px;font-size:13px;color:#5f7fa4;opacity:.8}
.cc-nav .admin-hub-btn:hover{transform:translateY(-1px);border-color:rgba(37,140,255,.26)}
.cc-nav .admin-hub-btn.active{background:linear-gradient(135deg,rgba(37,140,255,.22),rgba(18,108,224,.08));border-color:rgba(37,140,255,.46);color:#fff;box-shadow:inset 0 0 0 1px rgba(37,140,255,.09),0 12px 30px rgba(37,140,255,.12)}
.cc-content{min-width:0}
.cc-shell.active{display:block;animation:pageIn .18s ease}
.cc-hero{padding:17px 18px;border-radius:24px;background:radial-gradient(circle at 88% 0,rgba(37,140,255,.17),transparent 42%),linear-gradient(145deg,#091d33,#06111f 72%);border:1px solid rgba(37,140,255,.18);box-shadow:0 20px 55px rgba(0,0,0,.20)}
.cc-kicker{font-size:7px;color:#79c3ff;letter-spacing:.14em}
.cc-title{font-size:24px;margin-top:6px}
.cc-sub{font-size:8px;line-height:1.75;color:#8798b0;margin-top:5px;max-width:780px}
.cc-hero-actions{gap:7px;margin-top:13px}
.cc-action{min-height:36px;padding:0 12px;border-radius:12px;font-size:7px}
.cc-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
.cc-kpi{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:13px;min-height:98px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 14px 34px rgba(0,0,0,.10)}
.cc-kpi:before{content:"";position:absolute;inset:0 auto auto 0;width:4px;height:100%;background:linear-gradient(180deg,#258cff,transparent)}
.cc-kpi:nth-child(2):before{background:linear-gradient(180deg,#11c9a5,transparent)}
.cc-kpi:nth-child(3):before{background:linear-gradient(180deg,#f0ca63,transparent)}
.cc-kpi:nth-child(4):before{background:linear-gradient(180deg,#d86cff,transparent)}
.cc-kpi:nth-child(5):before{background:linear-gradient(180deg,#6cc0ff,transparent)}
.cc-kpi:nth-child(6):before{background:linear-gradient(180deg,#ff7b8a,transparent)}
.cc-kpi:nth-child(7):before{background:linear-gradient(180deg,#53a3ff,transparent)}
.cc-kpi-icon{font-size:16px;opacity:.92}.cc-kpi b{font-size:18px;margin-top:8px}.cc-kpi span{font-size:7px}.cc-kpi em{font-size:6.8px}
.cc-overview-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:2px}
.cc-tool{border:1px solid rgba(255,255,255,.06);border-radius:18px;background:linear-gradient(145deg,#071727,#081a2c);padding:13px;cursor:pointer;transition:.18s ease;box-shadow:0 14px 36px rgba(0,0,0,.10)}
.cc-tool:hover{transform:translateY(-2px);border-color:rgba(37,140,255,.3)}
.cc-tool strong{display:block;font-size:10px}.cc-tool span{display:block;font-size:7px;color:#7790ab;line-height:1.7;margin-top:5px}.cc-tool em{display:inline-flex;margin-top:8px;font-style:normal;font-size:6.5px;color:#6fc2ff}
.cc-grid2{grid-template-columns:1fr 1fr;gap:10px}.cc-card{margin-top:10px;padding:13px;border-radius:20px;background:linear-gradient(145deg,#071524,#09192c);box-shadow:0 14px 36px rgba(0,0,0,.10)}
.cc-card-head h3{font-size:12px}.cc-card-head span{font-size:6.8px}
.cc-row{border-radius:14px;padding:10px}.cc-row-title{font-size:8px}.cc-row-meta{font-size:6.6px}.cc-row-value{font-size:9px}
.cc-diff{grid-template-columns:repeat(4,1fr);gap:8px}.cc-diff div{border-radius:14px;padding:10px}.cc-diff b{font-size:13px}.cc-diff span{font-size:6.5px}
@media(max-width:980px){.cc-layout{grid-template-columns:1fr}.admin-hub-nav.cc-nav{position:static;max-height:none}.cc-content{order:1}.admin-hub-nav.cc-nav{order:2}.cc-nav-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:740px){.admin-probar{padding:13px;display:block}.admin-probar-stats{grid-template-columns:repeat(3,1fr);margin-top:11px}.cc-kpis,.cc-overview-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid2{grid-template-columns:1fr}.cc-diff{grid-template-columns:repeat(2,1fr)}.cc-title{font-size:21px}}
@media(max-width:520px){.admin-probar h2{font-size:18px}.admin-probar p{font-size:7px}.admin-probar-pill{padding:9px}.admin-probar-pill b{font-size:11px}.cc-nav-buttons{grid-template-columns:1fr !important}.cc-hero{padding:15px}.cc-kpis,.cc-overview-tools{grid-template-columns:1fr 1fr}.cc-kpi{min-height:92px}.cc-sub{display:none}}


/* V43 Full Super Admin additions */
.super39-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.super39-card{border:1px solid rgba(255,255,255,.065);border-radius:20px;background:linear-gradient(150deg,#08192b,#061321);padding:13px;box-shadow:0 15px 38px rgba(0,0,0,.12)}
.super39-card h3{font-size:11px;margin:0 0 4px}.super39-card p{font-size:7px;color:#7a90aa;line-height:1.7;margin:0}
.super39-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.super39-mode{position:relative;border:1px solid var(--line);border-radius:17px;background:#071625;padding:12px;min-height:102px;cursor:pointer;transition:.18s ease}
.super39-mode input{position:absolute;opacity:0}.super39-mode strong{font-size:11px;display:block}.super39-mode span{font-size:6.5px;color:#758aa3;display:block;line-height:1.6;margin-top:5px}.super39-mode:has(input:checked){border-color:rgba(37,140,255,.55);background:linear-gradient(145deg,rgba(37,140,255,.16),#071625);box-shadow:0 0 0 2px rgba(37,140,255,.08) inset}
.super39-mode.active:has(input:checked){border-color:rgba(45,211,155,.45);background:linear-gradient(145deg,rgba(45,211,155,.10),#071625)}
.super39-mode.stop:has(input:checked){border-color:rgba(255,107,122,.5);background:linear-gradient(145deg,rgba(255,107,122,.11),#071625)}
.super39-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.super39-field.full{grid-column:1/-1}.super39-field label{display:block;font-size:6.7px;color:#7b90aa;margin-bottom:5px}.super39-input,.super39-textarea,.super39-select{width:100%;border:1px solid var(--line);border-radius:12px;background:#05111e;color:#fff;padding:9px 10px;min-height:42px;font-size:8px;outline:0}.super39-textarea{min-height:88px;resize:vertical}.super39-input:focus,.super39-textarea:focus,.super39-select:focus{border-color:rgba(37,140,255,.55);box-shadow:0 0 0 3px rgba(37,140,255,.07)}
.super39-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0}.super39-check{border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);padding:8px;font-size:7px;display:flex;align-items:center;gap:7px}.super39-check input{accent-color:#258cff}
.super39-statusline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.super39-dot{width:9px;height:9px;border-radius:50%;background:#2dd39b;box-shadow:0 0 16px rgba(45,211,155,.55)}.super39-dot.warn{background:#f0ca63;box-shadow:0 0 16px rgba(240,202,99,.5)}.super39-dot.stop{background:#ff6b7a;box-shadow:0 0 16px rgba(255,107,122,.5)}
.super39-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.super39-tool{border:1px solid rgba(255,255,255,.065);border-radius:17px;background:linear-gradient(145deg,#08192c,#061321);padding:12px;min-height:108px;text-align:right;color:#fff}.super39-tool b{display:block;font-size:10px}.super39-tool span{display:block;font-size:6.5px;color:#758aa5;line-height:1.65;margin-top:5px}.super39-tool em{display:block;font-style:normal;color:#68baff;font-size:6.5px;margin-top:9px}
.super39-output{margin-top:10px;border:1px solid rgba(37,140,255,.16);border-radius:16px;background:#030c17;padding:11px;min-height:76px;font:7.5px ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;word-break:break-word;direction:rtl;line-height:1.8;color:#b9d8f9}
.super39-gift-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.super39-gift-summary div{border:1px solid var(--line);border-radius:16px;padding:11px;background:#071625}.super39-gift-summary b{display:block;font-size:16px;color:#68baff}.super39-gift-summary span{font-size:6.5px;color:#758aa4}
.super39-gift-list{display:grid;gap:8px}.super39-gift{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:16px;background:#071625;padding:11px}.super39-gift code{font-size:10px;color:#fff;font-weight:900}.super39-gift small{display:block;font-size:6.3px;color:#778da7;line-height:1.6;margin-top:4px}.super39-gift-actions{display:flex;gap:5px}.super39-mini{border:1px solid rgba(37,140,255,.22);background:rgba(37,140,255,.07);color:#9bd7ff;border-radius:9px;min-height:30px;padding:0 9px;font-size:6.5px;font-weight:900}.super39-mini.danger{border-color:rgba(255,107,122,.22);background:rgba(255,107,122,.05);color:#ff8f9a}
.super39-backup{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:15px;background:#071625;padding:10px;margin-top:7px}.super39-backup b{font-size:8px}.super39-backup span{font-size:6.3px;color:#768ba4;display:block;margin-top:3px}.super39-health{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.super39-health div{border:1px solid var(--line);border-radius:14px;padding:9px;background:rgba(255,255,255,.015)}.super39-health b{font-size:11px;display:block}.super39-health span{font-size:6px;color:#72879f}
.super39-notes{display:grid;gap:6px}.super39-note{border:1px solid rgba(240,202,99,.16);background:rgba(240,202,99,.04);border-radius:11px;padding:8px;font-size:7px;color:#dfc987}
.site39-overlay{display:none;position:fixed;z-index:5000;inset:0;background:radial-gradient(circle at 50% 10%,rgba(37,140,255,.16),transparent 35%),rgba(2,8,16,.96);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:20px}.site39-overlay.show{display:flex}.site39-box{width:min(520px,100%);border:1px solid rgba(37,140,255,.25);border-radius:28px;background:linear-gradient(145deg,#0a1e34,#05101d);padding:24px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.48)}.site39-icon{width:74px;height:74px;border-radius:22px;margin:0 auto 14px;display:grid;place-items:center;font-size:32px;background:rgba(37,140,255,.12);border:1px solid rgba(37,140,255,.25)}.site39-box h2{font-size:23px;margin:0}.site39-box p{font-size:9px;line-height:1.9;color:#91a3b8;margin:10px auto;max-width:400px}.site39-expected{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:7px;color:#a8c8eb;margin-top:4px}.site39-retry{margin-top:14px;border:0;border-radius:13px;min-height:42px;padding:0 18px;background:linear-gradient(135deg,#258cff,#126ce0);color:#fff;font-weight:900}
@media(max-width:760px){.super39-grid,.super39-form{grid-template-columns:1fr}.super39-field.full{grid-column:auto}.super39-mode-grid,.super39-tools{grid-template-columns:1fr}.super39-checks{grid-template-columns:repeat(2,1fr)}.super39-health{grid-template-columns:repeat(2,1fr)}}


/* ===== V43 PREMIUM DESKTOP ADMIN ===== */
body.admin-mode{background:#020812;overflow-x:auto}
body.admin-mode .app{width:min(100%,1540px);max-width:1540px;padding:18px 20px 46px}
body.admin-mode #pageAdmin{width:100%;min-height:100vh}
#adminDashboard{--v40-panel:#071727;--v40-panel2:#091d31;--v40-border:rgba(108,174,255,.13);--v40-blue:#2c8cff;--v40-cyan:#34ccff;--v40-green:#2ed18c;--v40-gold:#f1b84b;--v40-red:#ff5f70;--v40-text:#f6f9ff;--v40-muted:#8192a9}
.v40-admin-header{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:16px 18px!important;margin-bottom:16px!important;background:linear-gradient(135deg,#08192b,#061220)!important;border:1px solid var(--v40-border)!important;border-radius:18px!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}
.v40-admin-account{display:flex;align-items:center;gap:10px;direction:ltr}.v40-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#258cff,#124b9a);font-weight:1000;font-size:16px;box-shadow:0 0 28px rgba(37,140,255,.22)}.v40-admin-account b{display:block;font-size:13px}.v40-admin-account span{display:flex;align-items:center;gap:5px;color:#8fa3ba;font-size:10px;margin-top:3px}.v40-admin-account i{width:6px;height:6px;border-radius:50%;background:#2ed18c;box-shadow:0 0 10px #2ed18c}
.v40-admin-heading{text-align:center}.v40-kicker{font-size:9px;letter-spacing:.13em;color:#62b7ff;font-weight:900}.v40-admin-heading h2{font-size:27px;margin:4px 0 2px}.v40-admin-heading p{margin:0;color:#8395ac;font-size:11px}
.v40-head-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;min-width:290px}.v40-head-pills>div{border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#071522;padding:9px 10px;text-align:center}.v40-head-pills b{display:block;font-size:14px;direction:ltr}.v40-head-pills span{display:block;color:#73879f;font-size:8px;margin-top:2px}
.cc-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:18px!important;align-items:start!important;direction:ltr}
.cc-content{grid-column:1;grid-row:1;direction:rtl;min-width:0}.admin-hub-nav.cc-nav{grid-column:2;grid-row:1;position:sticky!important;top:14px!important;max-height:calc(100vh - 28px)!important;overflow:auto!important;padding:13px!important;border-radius:18px!important;background:linear-gradient(180deg,#091d31,#061321)!important;border:1px solid rgba(76,151,255,.16)!important;box-shadow:0 20px 60px rgba(0,0,0,.28)!important;direction:rtl}
.v40-nav-brand{display:flex;align-items:center;gap:10px;padding:6px 7px 13px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:10px}.v40-brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:1000;background:radial-gradient(circle at 30% 20%,#4bbdff,#1766dc 55%,#092d69);box-shadow:0 0 30px rgba(37,140,255,.25);border:1px solid rgba(255,255,255,.12)}.v40-nav-brand strong{font-size:14px;letter-spacing:.04em}.v40-nav-brand span{display:block;font-size:9px;color:#788da7;margin-top:2px}
.cc-nav-mini{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:10px!important}.cc-nav-mini div{padding:8px!important;border-radius:11px!important}.cc-nav-mini b{font-size:11px!important}.cc-nav-label{font-size:9px!important;color:#6788ab!important;letter-spacing:0!important;margin:10px 7px 6px!important}.cc-nav-buttons{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.cc-nav .admin-hub-btn{min-height:42px!important;border-radius:10px!important;padding:0 12px!important;font-size:12px!important;font-weight:800!important;background:transparent!important;border:1px solid transparent!important;color:#b8c7d9!important}.cc-nav .admin-hub-btn:after{content:none!important}.cc-nav .admin-hub-btn:hover{background:rgba(37,140,255,.07)!important;border-color:rgba(37,140,255,.12)!important;transform:none!important}.cc-nav .admin-hub-btn.active{background:linear-gradient(135deg,#176fe7,#1b9ef0)!important;color:#fff!important;border-color:rgba(91,187,255,.45)!important;box-shadow:0 8px 24px rgba(24,119,227,.22)!important}
.cc-shell{display:none!important}.cc-shell.active{display:block!important;animation:v40Fade .16s ease}@keyframes v40Fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}
.v40-overview-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:7px 2px 14px}.v40-overview-head h1{font-size:30px;margin:3px 0 2px}.v40-overview-head p{margin:0;color:#8395ac;font-size:11px}.v40-overview-actions{display:flex;gap:7px;flex-wrap:wrap}.v40-primary,.v40-soft{min-height:38px;border-radius:10px;padding:0 14px;font-size:11px;font-weight:900}.v40-primary{border:0;background:linear-gradient(135deg,#237eea,#30b4f3);color:#fff;box-shadow:0 8px 24px rgba(37,140,255,.22)}.v40-soft{border:1px solid rgba(100,167,255,.14);background:#071727;color:#c2d3e6}
.v40-kpi-grid{display:grid;gap:10px;margin-bottom:10px}.v40-kpi-primary{grid-template-columns:repeat(5,minmax(0,1fr))}.v40-kpi-secondary{grid-template-columns:repeat(5,minmax(0,1fr))}.v40-kpi{position:relative;overflow:hidden;border:1px solid var(--v40-border);border-radius:15px;background:linear-gradient(155deg,#091b2d,#06131f);padding:13px 14px;min-height:142px;box-shadow:0 14px 34px rgba(0,0,0,.12)}.v40-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#258cff}.v40-kpi.cyan:before{background:#26d1dc}.v40-kpi.violet:before{background:#8f68ff}.v40-kpi.green:before{background:#29d28b}.v40-kpi.gold:before{background:#f2b94c}.v40-kpi.danger:before,.v40-kpi.red:before{background:#ff6171}.v40-kpi.orange:before{background:#ff9c4a}.v40-kpi.api:before{background:#41a7ff}.v40-kpi.system:before{background:#42d899}.v40-kpi.gold{border-color:rgba(241,184,75,.27);box-shadow:inset 0 0 36px rgba(241,184,75,.035),0 14px 34px rgba(0,0,0,.12)}.v40-kpi-icon{font-size:18px;height:25px;display:flex;align-items:center}.v40-kpi-label{font-size:10px;color:#93a5ba;margin-top:5px}.v40-kpi strong{display:block;font-size:24px;line-height:1.05;margin-top:7px;direction:ltr;text-align:right}.v40-kpi small{display:block;font-size:9px;color:#6f849c;margin-top:5px;min-height:16px}.v40-kpi.green strong,.v40-kpi.api strong,.v40-kpi.system strong{color:#42d999}.v40-kpi.gold strong{color:#f4c257}.v40-kpi.danger strong,.v40-kpi.red strong{color:#ff6b79}.v40-kpi button{position:absolute;right:12px;left:12px;bottom:10px;height:29px;border:1px solid rgba(65,147,255,.13);border-radius:8px;background:rgba(37,140,255,.08);color:#9bcfff;font-size:9px;font-weight:850}.v40-kpi button:hover{background:rgba(37,140,255,.15);color:#fff}
.v40-main-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:12px;margin-top:12px}.v40-finance-card,.v40-table-card,.v40-management,.v40-alerts{border:1px solid var(--v40-border);border-radius:17px;background:linear-gradient(155deg,#08192a,#06131f);box-shadow:0 14px 40px rgba(0,0,0,.12)}.v40-finance-card{padding:16px;border-color:rgba(241,184,75,.22);background:radial-gradient(circle at 100% 0,rgba(241,184,75,.08),transparent 35%),linear-gradient(155deg,#0b1b2b,#07131f)}.v40-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.v40-panel-head span{font-size:8px;color:#6987a7;letter-spacing:.1em}.v40-panel-head h3{margin:2px 0 0;font-size:16px}.v40-panel-head button{border:1px solid rgba(70,151,255,.16);border-radius:8px;background:rgba(37,140,255,.07);color:#8fcaff;padding:6px 10px;font-size:9px}.v40-finance-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.v40-finance-values div{padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:rgba(255,255,255,.015)}.v40-finance-values span,.v40-finance-foot span{display:block;font-size:8px;color:#788da5}.v40-finance-values b{display:block;margin-top:5px;font-size:15px;direction:ltr}.v40-finance-values .profit b{color:#3fdb94}.v40-profit-rate{margin-top:10px;padding:13px;border:1px solid rgba(241,184,75,.25);border-radius:13px;background:linear-gradient(135deg,rgba(241,184,75,.11),rgba(241,184,75,.025))}.v40-profit-rate>div{display:flex;align-items:center;justify-content:space-between}.v40-profit-rate span{font-size:10px;color:#f4d38b}.v40-profit-rate strong{font-size:28px;color:#ffc85c;direction:ltr}.v40-profit-rate p{margin:7px 0 0;font-size:8px;color:#9d8b67;line-height:1.6}.v40-finance-foot{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.v40-finance-foot div{padding:9px 10px;border:1px solid rgba(255,255,255,.05);border-radius:10px}.v40-finance-foot b{display:block;margin-top:4px;font-size:12px;direction:ltr}.v40-profit-note{margin-top:8px;font-size:8px;line-height:1.6;color:#8498af;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.018)}
.v40-live-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v40-table-card{padding:14px;min-width:0}.v40-table-head,.v40-table-row{display:grid;grid-template-columns:80px minmax(0,1fr) 90px 80px;gap:8px;align-items:center}.v40-table-head{padding:0 8px 7px;border-bottom:1px solid rgba(255,255,255,.055);font-size:8px;color:#667d97}.v40-table-row{padding:9px 8px;border-bottom:1px solid rgba(255,255,255,.035);font-size:9px}.v40-table-row:last-child{border-bottom:0}.v40-table-row>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v40-table-row strong{direction:ltr;text-align:left;color:#83c7ff}.v40-state{display:inline-flex;padding:4px 7px;border-radius:999px;font-style:normal;font-size:8px;background:rgba(255,255,255,.04);color:#b7c7d9}.v40-state.good{background:rgba(46,209,140,.09);color:#59dea2}.v40-state.bad{background:rgba(255,95,112,.08);color:#ff7886}.v40-state.warn{background:rgba(241,184,75,.09);color:#f2c660}
.v40-management,.v40-alerts{padding:14px;margin-top:12px}.v40-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}.v40-section-title span{font-size:8px;color:#6585a8;letter-spacing:.1em}.v40-section-title h3{font-size:16px;margin:2px 0 0}.v40-section-title small{font-size:8px;color:#6d8299}.v40-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.v40-shortcuts button{min-height:82px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:linear-gradient(145deg,#091b2d,#071522);color:#fff;text-align:right}.v40-shortcuts i{font-style:normal;font-size:16px;float:left}.v40-shortcuts b{display:block;font-size:10px}.v40-shortcuts span{display:block;font-size:7.5px;color:#748aa3;margin-top:6px;line-height:1.4}.v40-shortcuts button:hover{border-color:rgba(37,140,255,.25);transform:translateY(-1px)}.v40-alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v40-alert-grid>div{padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#071523}.v40-alert-grid b{display:block;font-size:18px;color:#69b7ff}.v40-alert-grid span{display:block;font-size:8px;color:#778ca4;margin-top:4px}.v40-alert-grid .bad b{color:#ff6a79}.v40-alert-grid .warn b{color:#f2bd55}
.v40-finance-ratios{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:10px 0}.v40-finance-ratios>div{border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#071625;padding:12px}.v40-finance-ratios span{display:block;font-size:8px;color:#788da5}.v40-finance-ratios b{display:block;font-size:19px;color:#67c0ff;margin-top:5px;direction:ltr}.v40-finance-ratios small{display:block;font-size:7px;color:#61758c;margin-top:5px;line-height:1.5}
.v40-legacy-shell{margin:0!important;max-width:none!important}.cc-content>.admin-v14-section,.cc-content>.admin-hero,.cc-content>.admin-form{width:100%}.v40-legacy-shell .admin-hero,.v40-legacy-shell .admin-form{margin-top:0}.v40-legacy-shell.active{display:block!important}
@media(max-width:1180px){.v40-kpi-primary,.v40-kpi-secondary{grid-template-columns:repeat(3,1fr)}.v40-main-grid{grid-template-columns:1fr}.v40-shortcuts{grid-template-columns:repeat(3,1fr)}.cc-layout{grid-template-columns:minmax(0,1fr) 225px!important}.v40-head-pills{min-width:230px}.v40-live-columns{grid-template-columns:1fr 1fr}}
@media(max-width:860px){body.admin-mode .app{width:100%;padding:10px 10px 34px}.v40-admin-header{grid-template-columns:1fr!important}.v40-admin-heading{text-align:right}.v40-head-pills{min-width:0}.cc-layout{grid-template-columns:1fr!important}.admin-hub-nav.cc-nav{grid-column:1!important;grid-row:1!important;position:static!important;max-height:none!important}.cc-content{grid-column:1!important;grid-row:2!important}.cc-nav-buttons{grid-template-columns:repeat(2,1fr)!important}.v40-overview-head{align-items:flex-start;flex-direction:column}.v40-kpi-primary,.v40-kpi-secondary{grid-template-columns:repeat(2,1fr)}.v40-live-columns{grid-template-columns:1fr}.v40-shortcuts{grid-template-columns:repeat(2,1fr)}.v40-finance-values{grid-template-columns:1fr 1fr}.v40-table-head,.v40-table-row{grid-template-columns:60px minmax(0,1fr) 75px 70px}}
@media(max-width:520px){.v40-head-pills{grid-template-columns:repeat(3,1fr)}.v40-admin-heading h2{font-size:22px}.cc-nav-buttons{grid-template-columns:1fr 1fr!important}.cc-nav .admin-hub-btn{font-size:10px!important;min-height:38px!important}.v40-kpi-primary,.v40-kpi-secondary{grid-template-columns:1fr 1fr}.v40-kpi{min-height:132px;padding:11px}.v40-kpi strong{font-size:20px}.v40-main-grid{display:block}.v40-finance-card{margin-bottom:10px}.v40-shortcuts{grid-template-columns:1fr 1fr}.v40-alert-grid{grid-template-columns:1fr 1fr}.v40-finance-ratios{grid-template-columns:1fr}.v40-table-head{display:none}.v40-table-row{grid-template-columns:50px minmax(0,1fr) 70px;position:relative;padding-bottom:28px}.v40-table-row strong{position:absolute;bottom:7px;left:8px}.v40-table-row span:nth-child(3){text-align:left}.v40-finance-values{grid-template-columns:1fr 1fr}.v40-finance-values .profit{grid-column:1/-1}}


/* ===== V43 KAZAWALLET AUTOMATIC DEPOSIT ===== */
.kaza-live-box{display:none;margin-top:10px;padding:12px;border:1px solid rgba(72,163,255,.26);border-radius:16px;background:linear-gradient(145deg,rgba(19,89,165,.12),rgba(5,17,31,.96));box-shadow:0 16px 34px rgba(0,0,0,.12)}
.kaza-live-box.show{display:block}.kaza-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.kaza-live-title{font-size:11px;font-weight:1000}.kaza-live-status{font-size:6.5px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:#8ca2bc}.kaza-live-status.ok{color:#68c7ff;border-color:rgba(72,163,255,.28);background:rgba(72,163,255,.06)}.kaza-live-status.bad{color:#ff8190;border-color:rgba(255,107,122,.2)}
.kaza-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kaza-grid .full{grid-column:1/-1}.kaza-help{font-size:6.7px;line-height:1.75;color:#7d91aa;margin-top:6px}.kaza-secret-note{padding:8px;border-radius:11px;border:1px solid rgba(72,163,255,.14);background:rgba(72,163,255,.04);font-size:6.5px;color:#88a1bd;line-height:1.7;margin-top:8px}.kaza-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.kaza-actions button{min-height:34px;border-radius:10px;border:1px solid rgba(72,163,255,.22);background:rgba(72,163,255,.06);color:#a9ddff;padding:0 11px;font-size:7px;font-weight:950}.kaza-actions button.primary{border:0;background:linear-gradient(135deg,#258cff,#126ce0);color:#fff}
.kaza-webhook-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:9px}.kaza-webhook-row input{min-width:0;direction:ltr;text-align:left}.kaza-wallets{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.kaza-wallet-chip{border:1px solid rgba(72,163,255,.16);border-radius:999px;padding:5px 8px;font-size:6.5px;color:#8fd3ff;background:rgba(72,163,255,.05)}
.kaza-pay-box{display:none;margin:10px 0;padding:12px;border:1px solid rgba(72,163,255,.22);border-radius:15px;background:linear-gradient(145deg,rgba(37,140,255,.10),rgba(255,255,255,.018));text-align:center}.kaza-pay-box.show{display:block}.kaza-pay-box strong{display:block;font-size:11px}.kaza-pay-box span{display:block;font-size:7px;color:#7f94ad;line-height:1.7;margin:5px 0 9px}.kaza-open-pay{width:100%;min-height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,#258cff,#126ce0);color:#fff;font-size:8px;font-weight:1000;box-shadow:0 12px 26px rgba(37,140,255,.16)}
@media(max-width:520px){.kaza-grid{grid-template-columns:1fr}.kaza-grid .full{grid-column:auto}}


/* S4G V56 CREDIT + ACCOUNTING UI */
.v56-credit-strip{margin-top:9px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:9px}
.v56-credit-strip>div{border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);padding:8px}.v56-credit-strip span{display:block;font-size:6.5px;color:var(--muted)}.v56-credit-strip b{display:block;margin-top:4px;font-size:9px}.v56-credit-strip .debt b{color:#ff8b98}.v56-credit-strip .ok b{color:#61d8a7}.v56-credit-strip .warn b{color:#f0ca63}
.v56-accounting-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.v56-accounting-kpi{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--panel),var(--panel2));padding:11px}.v56-accounting-kpi span{display:block;font-size:7px;color:var(--muted)}.v56-accounting-kpi b{display:block;font-size:15px;margin-top:5px;direction:ltr}.v56-accounting-kpi.debt b{color:#ff8190}.v56-accounting-kpi.good b{color:#55d6a3}.v56-accounting-kpi.gold b{color:var(--gold)}
.v56-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v56-method-card{border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:12px}.v56-method-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.v56-method-head h4{margin:0;font-size:11px}.v56-method-head small{display:block;color:var(--muted);font-size:7px;margin-top:4px}.v56-method-amount{text-align:left;direction:ltr}.v56-method-amount b{display:block;color:#55d6a3;font-size:13px}.v56-method-amount span{font-size:7px;color:var(--muted)}.v56-account-row{margin-top:8px;border-top:1px solid var(--line);padding-top:8px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);gap:8px}.v56-account-id{font-size:8px;font-weight:900;word-break:break-all;direction:ltr;text-align:right}.v56-account-meta{font-size:6.5px;color:var(--muted);margin-top:4px}.v56-account-values{text-align:left;direction:ltr}.v56-account-values b{display:block;font-size:9px}.v56-account-values span{font-size:6.5px;color:var(--muted)}
.v56-currency-chips{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.v56-currency-chip{border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 5%,transparent);padding:8px 10px}.v56-currency-chip b{font-size:10px}.v56-currency-chip span{display:block;font-size:6.5px;color:var(--muted);margin-top:3px}
.v56-history{display:grid;gap:6px}.v56-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.018);padding:8px}.v56-history-row .meta{font-size:7px;color:var(--muted);line-height:1.6}.v56-history-row strong{font-size:9px;direction:ltr}.v56-history-row strong.pos{color:#55d6a3}.v56-history-row strong.neg{color:#ff8190}
.v56-deposit-detail{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:11px;margin-bottom:7px}.v56-deposit-top{display:flex;justify-content:space-between;gap:10px}.v56-deposit-main b{font-size:10px}.v56-deposit-main p{margin:5px 0 0;font-size:7px;color:var(--muted);line-height:1.7}.v56-deposit-money{text-align:left;direction:ltr}.v56-deposit-money b{font-size:12px}.v56-deposit-money span{display:block;font-size:6.5px;color:var(--muted);margin-top:4px}.v56-account-address{margin-top:8px;padding:7px 8px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--line);font-size:7px;direction:ltr;word-break:break-all;text-align:left}
@media(max-width:740px){.v56-accounting-grid{grid-template-columns:repeat(2,1fr)}.v56-method-grid{grid-template-columns:1fr}}@media(max-width:430px){.v56-credit-strip{grid-template-columns:1fr 1fr}.v56-accounting-grid{grid-template-columns:1fr 1fr}}


/* === S4G CATEGORY SIZE FIX V2 === */
#grid .category,
.categories-grid .category,
.category-grid .category{
  width:78% !important;
  max-width:78% !important;
  margin:0 auto 14px !important;
}

#grid .category img,
#grid .category .category-image,
.categories-grid .category img,
.categories-grid .category .category-image,
.category-grid .category img,
.category-grid .category .category-image{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  object-fit:contain !important;
  display:block !important;
}

#grid,
.categories-grid,
.category-grid{
  row-gap:14px !important;
  column-gap:8px !important;
}


/* === S4G CATEGORY FULL IMAGE FIX V3 === */

/* الشبكة */
.categories-grid,
.category-grid,
#grid,
#categoriesGrid,
#servicesGrid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  column-gap:10px !important;
  row-gap:14px !important;
  align-items:start !important;
}

/* الكرت */
.categories-grid .category,
.category-grid .category,
#grid .category,
#categoriesGrid .category,
#servicesGrid .category,
.categories-grid .service-card,
.category-grid .service-card,
#grid .service-card,
#categoriesGrid .service-card,
#servicesGrid .service-card{
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
}

/* حاوية الصورة */
.categories-grid .category img,
.category-grid .category img,
#grid .category img,
#categoriesGrid .category img,
#servicesGrid .category img,
.categories-grid .service-card img,
.category-grid .service-card img,
#grid .service-card img,
#categoriesGrid .service-card img,
#servicesGrid .service-card img{
  display:block !important;
  width:92% !important;
  max-width:92% !important;
  height:auto !important;
  aspect-ratio:1 / 1 !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  overflow:visible !important;
}

/* إذا في غلاف/ثامبنيل حول الصورة */
.categories-grid .category .thumb,
.category-grid .category .thumb,
#grid .category .thumb,
#categoriesGrid .category .thumb,
#servicesGrid .category .thumb,
.categories-grid .category .image-wrap,
.category-grid .category .image-wrap,
#grid .category .image-wrap,
#categoriesGrid .category .image-wrap,
#servicesGrid .category .image-wrap,
.categories-grid .service-card .thumb,
.category-grid .service-card .thumb,
#grid .service-card .thumb,
#categoriesGrid .service-card .thumb,
#servicesGrid .service-card .thumb,
.categories-grid .service-card .image-wrap,
.category-grid .service-card .image-wrap,
#grid .service-card .image-wrap,
#categoriesGrid .service-card .image-wrap,
#servicesGrid .service-card .image-wrap{
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 auto !important;
}

/* عنوان القسم */
.categories-grid .category .title,
.category-grid .category .title,
#grid .category .title,
#categoriesGrid .category .title,
#servicesGrid .category .title,
.categories-grid .service-card .title,
.category-grid .service-card .title,
#grid .service-card .title,
#categoriesGrid .service-card .title,
#servicesGrid .service-card .title,
.categories-grid .category-name,
.category-grid .category-name,
#grid .category-name,
#categoriesGrid .category-name,
#servicesGrid .category-name{
  font-size:15px !important;
  line-height:1.25 !important;
  margin-top:8px !important;
  text-align:center !important;
}

/* موبايل */
@media (max-width: 768px){
  .categories-grid,
  .category-grid,
  #grid,
  #categoriesGrid,
  #servicesGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:8px !important;
    row-gap:12px !important;
  }

  .categories-grid .category img,
  .category-grid .category img,
  #grid .category img,
  #categoriesGrid .category img,
  #servicesGrid .category img,
  .categories-grid .service-card img,
  .category-grid .service-card img,
  #grid .service-card img,
  #categoriesGrid .service-card img,
  #servicesGrid .service-card img{
    width:90% !important;
    max-width:90% !important;
  }
}