:root{
      --bg:#05070b;--bg2:#080b11;--card:#0d1118;--card2:#111722;--line:#202937;
      --text:#eef3f8;--muted:#7e8a99;--green:#34e67a;--red:#ff4e66;--cyan:#38d8ff;
      --gold:#f3c55b;--purple:#a96cff;--orange:#ff9f43;--blue:#5a8cff;--white:#fff;
      --shadow:0 18px 48px rgba(0,0,0,.32);--radius:20px
    }
    *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
    html,body{margin:0;min-height:100%;background:
      radial-gradient(900px 460px at 100% -10%,rgba(169,108,255,.11),transparent 55%),
      radial-gradient(740px 420px at -10% 0%,rgba(56,216,255,.08),transparent 52%),var(--bg);
      color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
    body{overflow-x:hidden}.app{max-width:780px;margin:0 auto;padding:14px 14px 104px;min-height:100vh}
    .topbar{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px;position:sticky;top:0;z-index:40;
      background:linear-gradient(180deg,rgba(5,7,11,.98),rgba(5,7,11,.86),transparent);backdrop-filter:blur(14px)}
    .brand{display:flex;align-items:center;gap:10px}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;
      background:linear-gradient(145deg,#171c27,#090c12);border:1px solid #343d4b;box-shadow:inset 0 0 18px rgba(243,197,91,.08)}
    .logo b{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:18px;letter-spacing:-2px}
    .brand-title{font-size:15px;font-weight:800}.brand-sub{font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.7px;text-transform:uppercase}
    .avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px;
      background:linear-gradient(135deg,rgba(56,216,255,.25),rgba(169,108,255,.3));border:1px solid rgba(255,255,255,.12)}
    .page-title{font-size:12px;color:var(--muted);font-weight:700;margin:8px 2px 8px;text-transform:uppercase;letter-spacing:1.4px}
    .hero{padding:20px;border:1px solid var(--line);border-radius:24px;background:
      linear-gradient(145deg,rgba(15,20,29,.98),rgba(7,10,16,.98));box-shadow:var(--shadow);position:relative;overflow:hidden}
    .hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-120px;background:rgba(56,216,255,.06);filter:blur(2px)}
    .hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}
    .hello{font-size:20px;font-weight:850;letter-spacing:-.5px}.role-chip,.status-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;border:1px solid var(--line)}
    .role-chip{color:var(--purple);background:rgba(169,108,255,.08)}.status-chip.active{color:var(--green);background:rgba(52,230,122,.08)}
    .status-chip.locked{color:var(--red);background:rgba(255,78,102,.08)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
    .subscription-box{margin-top:16px;border:1px solid #283241;background:linear-gradient(135deg,rgba(20,27,38,.9),rgba(8,11,17,.85));border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
    .sub-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.sub-date{font-size:13px;font-weight:800;margin-top:4px}.sub-countdown{text-align:right}
    .sub-days{font-size:25px;line-height:1;font-weight:900;color:var(--cyan)}.sub-days.danger{color:var(--red)}.sub-days.warning{color:var(--gold)}.sub-small{font-size:9px;color:var(--muted);margin-top:4px}
    .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.kpi{min-height:105px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#0f141d,#090c12);padding:14px;display:flex;flex-direction:column;justify-content:space-between}
    .kpi-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.num{font-size:27px;line-height:1;font-weight:950;letter-spacing:-1px}
    .positive{color:var(--green)!important}.negative{color:var(--red)!important}.active-num{color:var(--cyan)!important}.gold{color:var(--gold)!important}.purple{color:var(--purple)!important}.neutral{color:var(--white)!important}
    .kpi-foot{font-size:9px;color:#697585}.card{margin-top:10px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#0e131b,#080b10);padding:15px;box-shadow:0 10px 32px rgba(0,0,0,.16)}
    .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-title{font-size:13px;font-weight:850}.card-sub{font-size:10px;color:var(--muted);margin-top:3px}
    .btn{border:none;color:var(--text);background:#151c27;border:1px solid #2a3545;border-radius:12px;padding:10px 12px;font-size:11px;font-weight:800;cursor:pointer}
    .btn:active{transform:scale(.985)}.btn.primary{background:linear-gradient(135deg,#375ff8,#7047f5);border-color:#6b69ff}.btn.green{background:rgba(52,230,122,.12);color:var(--green);border-color:rgba(52,230,122,.3)}
    .btn.red{background:rgba(255,78,102,.11);color:var(--red);border-color:rgba(255,78,102,.26)}.btn.gold{background:rgba(243,197,91,.1);color:var(--gold);border-color:rgba(243,197,91,.28)}
    .btn.full{width:100%}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.locked-panel{text-align:center;padding:34px 18px}.lock-icon{font-size:32px}.locked-panel h3{margin:10px 0 7px}.locked-panel p{font-size:11px;color:var(--muted);line-height:1.7}
    .range-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:3px}.range-tabs button{white-space:nowrap;border:1px solid var(--line);background:#0b0f16;color:#778396;border-radius:10px;padding:7px 10px;font-size:10px;font-weight:800}
    .range-tabs button.on{color:#fff;border-color:#5f67ff;background:rgba(90,140,255,.15)}.chart{height:180px;width:100%;overflow:hidden}.chart svg{width:100%;height:100%}
    .chart-grid{stroke:#222c39;stroke-width:1}.chart-line{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(56,216,255,.4))}
    .chart-area{fill:url(#chartFill)}.chart-dot{fill:#fff;stroke:var(--cyan);stroke-width:2}
    .symbol-row{display:grid;grid-template-columns:72px 1fr 62px;gap:10px;align-items:center;margin:9px 0}.symbol-name{font-size:11px;font-weight:800}.bar{height:7px;background:#151c26;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),var(--cyan))}
    .signal-card{border:1px solid var(--line);border-radius:18px;background:#0a0e14;padding:14px;margin:9px 0;position:relative;overflow:hidden}.signal-card.buy{border-left:3px solid var(--green)}.signal-card.sell{border-left:3px solid var(--red)}
    .signal-top{display:flex;justify-content:space-between;gap:10px}.symbol{font-size:17px;font-weight:950}.side{font-size:10px;font-weight:900;padding:5px 8px;border-radius:8px}.side.buy{color:var(--green);background:rgba(52,230,122,.08)}.side.sell{color:var(--red);background:rgba(255,78,102,.08)}
    .signal-meta{font-size:10px;color:var(--muted);margin-top:4px}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.pricebox{background:#101620;border:1px solid #1e2835;border-radius:11px;padding:9px}.pricebox small{display:block;font-size:8px;color:var(--muted);text-transform:uppercase}.pricebox b{font-size:11px;margin-top:4px;display:block}
    .targets{display:flex;align-items:center;justify-content:space-between;margin-top:14px;position:relative}.targets:before{content:"";position:absolute;left:7%;right:7%;top:12px;height:2px;background:#252e3a}.target{position:relative;z-index:1;text-align:center;width:25%}.target .circle{width:24px;height:24px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#111722;border:2px solid #344052;font-size:9px;font-weight:900;color:#718094}
    .target.hit .circle{background:var(--green);border-color:var(--green);color:#031009;box-shadow:0 0 0 5px rgba(52,230,122,.08),0 0 20px rgba(52,230,122,.35);animation:pop .45s ease}.target.stop .circle{background:var(--red);border-color:var(--red);color:white;box-shadow:0 0 18px rgba(255,78,102,.35)}
    .target.active .circle{border-color:var(--cyan);color:var(--cyan);animation:pulse 1.4s infinite}.target span{display:block;font-size:8px;color:var(--muted);margin-top:5px}.signal-pnl{font-size:13px;font-weight:900;margin-top:12px}
    @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(56,216,255,.2)}50%{box-shadow:0 0 0 7px rgba(56,216,255,0)}}@keyframes pop{0%{transform:scale(.5)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
    .academy-card{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #171e29}.academy-card:last-child{border-bottom:0}.course-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(90,140,255,.16),rgba(169,108,255,.12));font-size:20px}
    .progress{height:5px;background:#171e28;border-radius:99px;margin-top:8px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--purple));border-radius:99px}
    .post{border-bottom:1px solid #18202b;padding:14px 0}.post:last-child{border-bottom:0}.post-author{display:flex;gap:9px;align-items:center}.mini-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#172130;color:var(--cyan);font-size:10px;font-weight:900}
    .post-name{font-size:11px;font-weight:850}.post-time{font-size:8px;color:var(--muted)}.post-body{font-size:12px;line-height:1.7;margin:10px 0;white-space:pre-wrap}.post-actions{display:flex;gap:8px}.post-actions button{border:0;background:transparent;color:#7b8797;font-size:10px;font-weight:800;padding:5px}
    textarea,input,select{width:100%;background:#090d13;border:1px solid #253041;color:#edf2f8;border-radius:12px;padding:11px;font-size:12px;outline:none}textarea:focus,input:focus,select:focus{border-color:#5e67ff}
    textarea{resize:vertical;min-height:84px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.form-row{margin:8px 0}.form-row label{display:block;font-size:9px;color:var(--muted);margin:0 0 5px}
    .ref-link{display:flex;gap:7px}.ref-link input{font-size:10px}.reward-big{font-size:38px;font-weight:950;color:var(--green);letter-spacing:-2px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #18202b;gap:10px}.list-row:last-child{border:0}.list-main{font-size:11px;font-weight:800}.list-sub{font-size:9px;color:var(--muted);margin-top:3px}
    .user-row{padding:12px;border:1px solid #1f2935;border-radius:14px;margin:8px 0;background:#0a0f16;cursor:pointer}.user-row:hover{border-color:#35465a}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.perm{display:flex;align-items:center;justify-content:space-between;background:#0b1017;border:1px solid #202a37;border-radius:11px;padding:9px;font-size:9px}
    .switch{width:34px;height:19px;border-radius:99px;background:#26303d;position:relative;border:0}.switch:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:white;top:3px;left:3px;transition:.2s}.switch.on{background:#2cc76a}.switch.on:after{left:18px}
    .renew-panel{margin-top:12px;border:1px solid rgba(243,197,91,.26);border-radius:20px;padding:15px;background:
      radial-gradient(220px 120px at 100% 0%,rgba(243,197,91,.11),transparent 66%),
      linear-gradient(145deg,#10151d,#090d13)}
    .renew-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .renew-title{font-size:14px;font-weight:950}.renew-sub{font-size:9px;color:var(--muted);line-height:1.55;margin-top:4px}
    .renew-badge{font-size:8px;font-weight:950;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(243,197,91,.28);background:rgba(243,197,91,.08);border-radius:999px;padding:6px 8px;white-space:nowrap}
    .renew-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
    .renew-stat{border:1px solid #222b39;border-radius:14px;padding:10px;background:#0a0f16}.renew-stat small{display:block;font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}.renew-stat b{display:block;margin-top:5px;font-size:15px}
    .history-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #18202b}.history-row:last-child{border-bottom:0}
    .history-type{font-size:8px;font-weight:950;padding:5px 7px;border-radius:999px;color:var(--purple);background:rgba(169,108,255,.09);border:1px solid rgba(169,108,255,.2)}
    @media(max-width:460px){.renew-summary{grid-template-columns:1fr 1fr}.renew-summary .renew-stat:last-child{grid-column:1/-1}}

    .ib-hero{margin-top:10px;border:1px solid rgba(243,197,91,.22);border-radius:24px;padding:18px;position:relative;overflow:hidden;background:
      radial-gradient(260px 180px at 100% 0%,rgba(243,197,91,.12),transparent 62%),
      linear-gradient(145deg,#10151e,#090c12);box-shadow:var(--shadow)}
    .ib-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;bottom:-105px;background:rgba(169,108,255,.10);filter:blur(4px)}
    .ib-title{font-size:23px;font-weight:950;letter-spacing:-.7px;position:relative;z-index:1}.ib-title span{color:var(--gold)}
    .ib-lead{font-size:11px;color:#95a0ae;line-height:1.7;max-width:560px;margin-top:7px;position:relative;z-index:1}
    .ib-rate{display:inline-flex;align-items:center;gap:7px;margin-top:13px;padding:8px 11px;border-radius:999px;border:1px solid rgba(243,197,91,.28);background:rgba(243,197,91,.08);color:var(--gold);font-size:10px;font-weight:900;position:relative;z-index:1}
    .ib-balance{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:10px}.ib-wallet{border:1px solid #273142;border-radius:19px;padding:16px;background:linear-gradient(140deg,#111823,#090d13)}
    .ib-wallet .amount{font-size:34px;font-weight:950;letter-spacing:-1.4px;color:var(--green);margin-top:7px}.ib-wallet .caption{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
    .ib-mini{display:grid;gap:10px}.ib-mini>div{border:1px solid #273142;border-radius:16px;padding:12px;background:#0b1017}.ib-mini b{font-size:18px;display:block;margin-top:4px}.ib-mini small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.8px}
    .referral-panel{border:1px solid #273142;border-radius:18px;padding:14px;background:#0a0f16;margin-top:10px}.referral-label{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
    .referral-code{font-size:18px;font-weight:950;color:var(--gold);letter-spacing:.4px;margin:5px 0 11px}.ref-actions{display:grid;grid-template-columns:1fr auto auto;gap:7px}.ref-actions input{min-width:0}
    .ib-step{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #18202b}.ib-step:last-child{border-bottom:0}.ib-step-num{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(169,108,255,.11);color:var(--purple);font-weight:950;font-size:11px;border:1px solid rgba(169,108,255,.2)}
    .lead-status{font-size:9px;font-weight:900;padding:6px 8px;border-radius:999px;white-space:nowrap}.lead-status.paid{color:var(--green);background:rgba(52,230,122,.08);border:1px solid rgba(52,230,122,.18)}.lead-status.pending{color:var(--gold);background:rgba(243,197,91,.08);border:1px solid rgba(243,197,91,.18)}
    .account-ib{margin-top:10px;border:1px solid rgba(243,197,91,.24);border-radius:20px;padding:15px;background:linear-gradient(145deg,rgba(243,197,91,.065),rgba(169,108,255,.055),#0a0e14)}
    .account-ib-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-ib-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(243,197,91,.1);border:1px solid rgba(243,197,91,.25);color:var(--gold);font-size:20px;font-weight:950}
    .account-ib-title{font-size:13px;font-weight:900}.account-ib-sub{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}
    @media(max-width:460px){.ib-balance{grid-template-columns:1fr}.ib-mini{grid-template-columns:1fr 1fr}.ref-actions{grid-template-columns:1fr 1fr}.ref-actions input{grid-column:1/-1}}

    .bottomnav{position:fixed;z-index:80;bottom:0;left:50%;transform:translateX(-50%);width:min(780px,100%);padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(7,10,15,.94);border-top:1px solid #1b2531;backdrop-filter:blur(18px)}
    .nav-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-btn{border:0;background:transparent;color:#6f7c8d;padding:7px 2px;border-radius:12px;font-size:9px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:4px}.nav-btn i{font-style:normal;font-size:18px}.nav-btn.on{color:var(--purple);background:rgba(169,108,255,.08)}
    .sheet{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.55);display:none;align-items:flex-end}.sheet.open{display:flex}.sheet-card{width:min(780px,100%);margin:auto;background:#0c1118;border:1px solid #273140;border-radius:24px 24px 0 0;padding:18px 14px calc(20px + env(safe-area-inset-bottom));max-height:82vh;overflow:auto}
    .sheet-handle{width:46px;height:4px;border-radius:99px;background:#354052;margin:0 auto 14px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.menu-item{padding:14px;border:1px solid #202b39;border-radius:15px;background:#0a0e14;font-size:10px;font-weight:800;text-align:left;color:#eaf0f6}
    .toast{position:fixed;z-index:130;left:50%;transform:translateX(-50%);bottom:90px;background:#111923;border:1px solid #344256;color:#fff;padding:10px 14px;border-radius:12px;font-size:10px;box-shadow:var(--shadow);display:none;max-width:90%}.toast.show{display:block}
    .loading{min-height:66vh;display:grid;place-items:center;text-align:center}.loader{width:36px;height:36px;border-radius:50%;border:3px solid #1e2734;border-top-color:var(--purple);animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading p{font-size:11px;color:var(--muted);margin-top:12px}
    .error{padding:24px;border:1px solid rgba(255,78,102,.3);background:rgba(255,78,102,.06);border-radius:18px;text-align:center}.error h3{color:var(--red);margin-top:0}.error p{font-size:10px;color:#9da7b4;line-height:1.7;word-break:break-word}
    .empty{text-align:center;color:var(--muted);font-size:11px;padding:30px 10px}.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:7px;font-size:8px;font-weight:900;background:#171e28;color:#8c9aaa}.badge.green{color:var(--green);background:rgba(52,230,122,.08)}.badge.red{color:var(--red);background:rgba(255,78,102,.08)}.badge.gold{color:var(--gold);background:rgba(243,197,91,.08)}
    .modal{position:fixed;z-index:120;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;padding:16px}.modal.open{display:flex}.modal-card{max-width:720px;width:100%;max-height:88vh;overflow:auto;margin:auto;background:#0d121a;border:1px solid #2a3544;border-radius:22px;padding:16px}

    /* v0.5.1 — international dashboard / web+telegram dual mode */
    .mode-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;border:1px solid #263344;background:#0b1119;color:#9ba8b9;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase}
    .mode-pill.live{color:var(--green);border-color:rgba(52,230,122,.25);background:rgba(52,230,122,.06)}
    .mode-pill.web{color:var(--cyan);border-color:rgba(56,216,255,.22);background:rgba(56,216,255,.06)}
    .top-actions{display:flex;align-items:center;gap:7px}.back-btn{width:34px;height:34px;border:1px solid #283344;border-radius:11px;background:#0b1017;color:#dbe5ef;display:grid;place-items:center;font-size:16px;cursor:pointer}
    .eyebrow{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#718096;font-weight:900}
    .display-title{font-size:30px;line-height:1.08;letter-spacing:-1.25px;font-weight:950;margin:9px 0 8px;max-width:520px}
    .lead{font-size:11px;line-height:1.75;color:#95a2b2;max-width:570px}
    .hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
    .dashboard-hero{background:
      radial-gradient(380px 180px at 100% 0%,rgba(135,90,255,.16),transparent 62%),
      radial-gradient(300px 150px at 0% 100%,rgba(45,211,174,.07),transparent 64%),
      linear-gradient(145deg,#0f1420,#080b11);padding:18px;border:1px solid #202a38;border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.25);overflow:hidden;position:relative}
    .dashboard-identity{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
    .identity-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
    .subscription-pro{margin-top:16px;padding:13px 14px;border:1px solid #273345;border-radius:16px;background:linear-gradient(115deg,rgba(16,23,34,.9),rgba(8,12,19,.88));display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
    .subscription-pro .days{font-size:27px;font-weight:950;line-height:1;color:var(--cyan);letter-spacing:-1px}.subscription-pro .days.warning{color:var(--gold)}.subscription-pro .days.danger{color:var(--red)}
    .subscription-pro .date{font-size:13px;font-weight:850;margin-top:4px}.subscription-pro .caption{font-size:8px;color:#728094;text-transform:uppercase;letter-spacing:1.1px}
    .kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
    .metric-card{min-height:102px;padding:14px;border:1px solid #202a38;border-radius:17px;background:linear-gradient(150deg,#10151f,#090c12);position:relative;overflow:hidden}
    .metric-card:after{content:"";position:absolute;right:-35px;bottom:-55px;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.015)}
    .metric-label{font-size:8px;color:#788698;letter-spacing:1.05px;text-transform:uppercase;font-weight:850}.metric-value{font-size:25px;font-weight:950;letter-spacing:-1px;margin-top:16px}.metric-foot{font-size:8px;color:#687688;margin-top:7px}
    .dashboard-main{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
    .premium-panel{border:1px solid #262f40;border-radius:20px;background:
      radial-gradient(260px 160px at 100% 0%,rgba(157,103,255,.18),transparent 68%),linear-gradient(150deg,#111522,#090c12);padding:16px}
    .panel-number{font-size:34px;font-weight:950;letter-spacing:-1.5px;margin-top:12px}.panel-caption{font-size:9px;color:#738195;line-height:1.6}
    .quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .quick-action{min-height:76px;border:1px solid #202a38;border-radius:16px;background:#0b1017;padding:12px;text-align:left;color:#e8eff7;display:flex;align-items:center;gap:10px;cursor:pointer}
    .quick-action:hover{border-color:#34445a}.quick-action .qicon,.module-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #2b3546;background:linear-gradient(145deg,#171d2a,#0b0f16);font-weight:950;color:var(--purple)}
    .quick-action b{display:block;font-size:10px}.quick-action small{display:block;font-size:8px;color:#778497;margin-top:3px}
    .signal-spotlight{border:1px solid #242f3e;border-radius:20px;background:linear-gradient(150deg,#0e131c,#080b10);padding:15px;position:relative;overflow:hidden}
    .spot-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.spot-symbol{font-size:20px;font-weight:950}.spot-state{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:var(--green);font-weight:900}
    .spot-prices{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #202937;border-radius:14px;overflow:hidden;margin-top:13px}.spot-prices>div{padding:11px;border-right:1px solid #202937}.spot-prices>div:last-child{border-right:0}.spot-prices small{display:block;color:#67768b;font-size:7px;text-transform:uppercase;letter-spacing:.9px}.spot-prices b{display:block;margin-top:6px;font-size:10px}
    .public-banner{padding:20px;border:1px solid #222c3b;border-radius:24px;background:
      radial-gradient(480px 220px at 100% 0%,rgba(169,108,255,.20),transparent 65%),
      radial-gradient(350px 180px at -10% 90%,rgba(56,216,255,.08),transparent 65%),
      linear-gradient(145deg,#101521,#080b11);overflow:hidden}
    .preview-shell{margin-top:12px;border:1px solid #222c3a;border-radius:20px;background:#0b0f16;padding:14px;position:relative;overflow:hidden}
    .preview-shell:after{content:"PREVIEW";position:absolute;right:12px;top:10px;font-size:7px;letter-spacing:1.2px;font-weight:900;color:#59677a}
    .preview-chart{height:132px;margin-top:10px;border-bottom:1px solid #1c2633;position:relative;overflow:hidden}
    .preview-chart svg{width:100%;height:100%}.preview-line{fill:none;stroke:#9b72ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.preview-area{fill:url(#previewFill)}
    .module-section{margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 2px 9px}.section-head h2{font-size:13px;margin:0}.section-head p{font-size:8px;color:#738094;margin:3px 0 0}
    .module-grid{display:grid;grid-template-columns:1fr;gap:9px}.module-card{border:1px solid #202a38;border-radius:18px;background:linear-gradient(150deg,#0e131b,#090c12);padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;cursor:pointer;color:#eef3f8;text-align:left}
    .module-card:hover{border-color:#34455b;transform:translateY(-1px)}.module-card .module-title{font-size:11px;font-weight:900}.module-card .module-desc{font-size:8px;color:#738195;line-height:1.45;margin-top:4px}.module-card .module-arrow{color:#66758b;font-size:16px}
    .module-badge{display:inline-flex;padding:4px 7px;border-radius:999px;background:#131b27;border:1px solid #263247;font-size:7px;color:#8696aa;font-weight:900;margin-left:6px}.module-badge.admin{color:var(--purple);border-color:rgba(169,108,255,.3);background:rgba(169,108,255,.07)}.module-badge.vip{color:var(--gold);border-color:rgba(243,197,91,.28);background:rgba(243,197,91,.06)}
    .more-hero{padding:18px;border-radius:22px;border:1px solid #222d3d;background:
      radial-gradient(300px 160px at 100% 0%,rgba(90,140,255,.15),transparent 65%),linear-gradient(145deg,#101620,#080b11)}
    .more-title{font-size:24px;font-weight:950;letter-spacing:-.8px;margin:6px 0}.more-sub{font-size:10px;color:#8190a3;line-height:1.65}
    .social-hero{padding:17px;border:1px solid #253043;border-radius:22px;background:
      radial-gradient(350px 170px at 100% 0%,rgba(169,108,255,.17),transparent 65%),linear-gradient(145deg,#10151f,#090c12)}
    .social-headline{font-size:24px;font-weight:950;letter-spacing:-.7px}.social-description{font-size:9px;color:#8290a3;line-height:1.65;margin-top:7px}
    .social-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.social-meta span{font-size:8px;padding:6px 8px;border:1px solid #293547;border-radius:999px;color:#91a0b2;background:#0c1119}
    .composer{margin-top:10px;border:1px solid #222d3b;border-radius:18px;background:#0b1017;padding:13px}.composer-row{display:flex;gap:10px;align-items:flex-start}.composer textarea{min-height:74px;background:#080c12;border-color:#202b39}.composer-actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer-note{font-size:8px;color:#66758a}
    .feed-label{display:flex;justify-content:space-between;align-items:center;margin:16px 2px 7px}.feed-label b{font-size:11px}.feed-label span{font-size:8px;color:#68768a}
    .status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.6px;text-transform:uppercase}
    .status-pill.review{color:var(--gold);border:1px solid rgba(243,197,91,.28);background:rgba(243,197,91,.07)}
    .status-pill.hidden{color:#ff8ea1;border:1px solid rgba(255,96,120,.26);background:rgba(255,96,120,.06)}
    .social-own-note{font-size:8px;color:var(--muted);margin-top:7px}
    .safety-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
    .safety-kpi{border:1px solid #253042;border-radius:16px;padding:12px;background:#0b1017}.safety-kpi small{display:block;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.7px}.safety-kpi b{display:block;font-size:21px;margin-top:5px}
    .moderation-card{border:1px solid #253042;border-radius:17px;padding:12px;background:#0b1017;margin:9px 0}
    .moderation-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
    .setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #18202b}.setting-row:last-child{border-bottom:0}
    .switch-btn{min-width:74px}.rule-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #18202b}
    .guard-note{margin:10px 0;border:1px solid rgba(48,204,255,.18);background:rgba(48,204,255,.045);border-radius:14px;padding:10px;font-size:9px;color:#a9bdcc;line-height:1.6}

    .social-post{border:1px solid #202b39;border-radius:18px;background:linear-gradient(155deg,#0d121a,#080b10);padding:13px;margin-top:9px}.social-post .post-body{font-size:11px;line-height:1.75;margin:11px 0 12px;color:#dbe4ee}
    .post-role{font-size:7px;color:var(--cyan);border:1px solid rgba(56,216,255,.2);background:rgba(56,216,255,.05);padding:3px 6px;border-radius:999px;margin-left:5px;font-weight:900}.post-stats{display:flex;gap:12px;color:#657488;font-size:8px}
    .post-actions.pro{border-top:1px solid #19222e;margin-top:10px;padding-top:8px}.post-actions.pro button{flex:1;border:1px solid transparent;border-radius:9px;padding:7px;background:#0a0f16}.post-actions.pro button:hover{border-color:#283547}
    .comment-bubble{margin:8px 0 0 40px;padding:8px 9px;border-radius:10px;background:#0a1017;border:1px solid #1b2633;font-size:9px;color:#9facbb;line-height:1.45}
    .web-gate{text-align:center;padding:42px 16px}.web-gate .gate-icon{width:58px;height:58px;margin:auto;border-radius:18px;display:grid;place-items:center;border:1px solid #334059;background:linear-gradient(145deg,#171e2b,#0a0f16);font-size:24px;color:var(--purple)}.web-gate h2{font-size:20px;margin:14px 0 7px}.web-gate p{max-width:470px;margin:0 auto 16px;color:#8090a4;font-size:10px;line-height:1.7}
    .web-only-note{margin-top:10px;padding:10px;border:1px solid rgba(56,216,255,.16);background:rgba(56,216,255,.045);border-radius:12px;font-size:8px;color:#8ca6b2;line-height:1.55}
    .page-enter{animation:pageIn .25s ease}@keyframes pageIn{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
    @media(max-width:430px){.mode-pill{display:none}.brand-title{font-size:14px}.brand-sub{font-size:8px}.app{padding-left:11px;padding-right:11px}.display-title{font-size:27px}.subscription-pro{grid-template-columns:minmax(0,1fr) auto}.spot-prices{grid-template-columns:1fr}.spot-prices>div{border-right:0;border-bottom:1px solid #202937}.spot-prices>div:last-child{border-bottom:0}}
    @media(min-width:540px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media(min-width:760px){.dashboard-main{grid-template-columns:minmax(0,1.55fr) minmax(235px,.72fr)}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.app{max-width:960px}.bottomnav{width:min(960px,100%)}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

    @media(min-width:620px){.grid{grid-template-columns:repeat(4,1fr)}.form-grid.cols3{grid-template-columns:repeat(3,1fr)}.app{padding-left:22px;padding-right:22px}.kpi{min-height:112px}}
  

    /* ============================================================
       AMIS v0.7.6 — SUPER ADMIN FULL ACCESS + COMMERCE SYNC
       Visual-only overrides. Application JS is intentionally unchanged.
    ============================================================ */

    button,
    .btn,
    .module-card,
    .nav-btn,
    .quick-action,
    .range-tabs button{
      -webkit-tap-highlight-color:transparent;
      touch-action:manipulation;
    }

    .btn{
      min-height:42px;
      padding:10px 15px;
      border-radius:13px;
      border:1px solid #2a3648;
      background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),
        linear-gradient(145deg,#171e2a,#0d121a);
      color:#eef4fb;
      font-size:10px;
      font-weight:900;
      letter-spacing:.15px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:7px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 7px 18px rgba(0,0,0,.16);
      transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        color .16s ease;
    }

    .btn:hover{
      border-color:#40516a;
      background:
        linear-gradient(180deg,rgba(255,255,255,.05),transparent 42%),
        linear-gradient(145deg,#1a2331,#101722);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 9px 22px rgba(0,0,0,.2);
      transform:translateY(-1px);
    }

    .btn:active{
      transform:translateY(0) scale(.975);
      box-shadow:inset 0 2px 8px rgba(0,0,0,.24);
    }

    .btn:focus-visible,
    .module-card:focus-visible,
    .nav-btn:focus-visible,
    .quick-action:focus-visible{
      outline:2px solid rgba(121,101,255,.75);
      outline-offset:2px;
    }

    .btn[disabled]{
      opacity:.42;
      cursor:not-allowed;
      filter:saturate(.55);
      transform:none!important;
      box-shadow:none;
    }

    .btn.primary{
      color:#fff;
      border-color:rgba(126,104,255,.72);
      background:
        linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),
        linear-gradient(135deg,#3e63ff,#7649f7);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 9px 24px rgba(87,78,235,.22);
    }

    .btn.primary:hover{
      border-color:#9183ff;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 11px 28px rgba(87,78,235,.3);
    }

    .btn.green{
      color:#44ec94;
      border-color:rgba(68,236,148,.34);
      background:
        linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),
        rgba(68,236,148,.09);
      box-shadow:inset 0 0 0 1px rgba(68,236,148,.025);
    }

    .btn.red{
      color:#ff7186;
      border-color:rgba(255,113,134,.30);
      background:
        linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),
        rgba(255,78,102,.08);
    }

    .btn.gold{
      color:#f5cc69;
      border-color:rgba(245,204,105,.34);
      background:
        linear-gradient(180deg,rgba(255,255,255,.03),transparent 40%),
        rgba(243,197,91,.09);
      box-shadow:0 8px 20px rgba(186,134,31,.08);
    }

    .btn.full{
      min-height:45px;
    }

    .btn-row,
    .hero-actions{
      gap:7px;
    }

    .btn-row .btn{
      min-width:108px;
    }

    .module-grid{
      gap:11px;
    }

    .module-card{
      position:relative;
      min-height:76px;
      padding:13px 14px;
      border-radius:19px;
      border:1px solid #222d3c;
      background:
        radial-gradient(180px 80px at 0% 0%,rgba(123,85,255,.045),transparent 72%),
        linear-gradient(145deg,#0f151e,#090d13);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 8px 24px rgba(0,0,0,.12);
      transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
      overflow:hidden;
    }

    .module-card::after{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:linear-gradient(100deg,transparent 72%,rgba(255,255,255,.025));
      opacity:0;
      transition:opacity .18s ease;
    }

    .module-card:hover{
      border-color:#394a62;
      transform:translateY(-2px);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 12px 28px rgba(0,0,0,.19);
    }

    .module-card:hover::after{
      opacity:1;
    }

    .module-card:active{
      transform:translateY(0) scale(.988);
    }

    .quick-action .qicon,
    .module-icon{
      width:42px;
      height:42px;
      border-radius:13px;
      border:1px solid #303d51;
      background:
        radial-gradient(circle at 35% 25%,rgba(169,108,255,.18),transparent 45%),
        linear-gradient(145deg,#171f2c,#0c1119);
      color:#b583ff;
      font-size:15px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 7px 18px rgba(0,0,0,.16);
    }

    .module-card .module-title{
      font-size:11px;
      font-weight:950;
      letter-spacing:.08px;
      line-height:1.25;
    }

    .module-card .module-desc{
      margin-top:5px;
      font-size:8px;
      line-height:1.5;
      color:#8190a5;
    }

    .module-card .module-arrow{
      width:30px;
      height:30px;
      border-radius:10px;
      display:grid;
      place-items:center;
      border:1px solid #263245;
      background:#0c121a;
      color:#9dacbf;
      font-size:15px;
      transition:
        transform .18s ease,
        color .18s ease,
        border-color .18s ease;
    }

    .module-card:hover .module-arrow{
      transform:translateX(2px);
      color:#c7d4e5;
      border-color:#3c4e68;
    }

    .module-badge{
      padding:3px 7px;
      border-radius:999px;
      font-size:6.5px;
      letter-spacing:.35px;
      vertical-align:1px;
    }

    .module-badge.admin{
      color:#c195ff;
      border-color:rgba(169,108,255,.38);
      background:rgba(169,108,255,.095);
    }

    .module-badge.vip{
      color:#f4cc69;
      border-color:rgba(243,197,91,.34);
      background:rgba(243,197,91,.085);
    }

    .nav-inner{
      gap:6px;
    }

    .nav-btn{
      min-height:52px;
      padding:7px 3px 6px;
      border-radius:14px;
      color:#758397;
      transition:
        background .16s ease,
        color .16s ease,
        transform .16s ease;
    }

    .nav-btn i{
      min-width:28px;
      min-height:25px;
      display:grid;
      place-items:center;
      font-size:18px;
      line-height:1;
    }

    .nav-btn.on{
      color:#c091ff;
      background:
        radial-gradient(40px 32px at 50% 25%,rgba(169,108,255,.16),transparent 70%),
        rgba(169,108,255,.065);
    }

    .nav-btn.on i{
      transform:translateY(-1px) scale(1.06);
      text-shadow:0 0 15px rgba(169,108,255,.34);
    }

    .range-tabs button{
      min-height:34px;
      padding:7px 12px;
      border-radius:11px;
      transition:all .16s ease;
    }

    .range-tabs button.on{
      border-color:#6d72ff;
      background:linear-gradient(135deg,rgba(82,97,255,.18),rgba(132,73,247,.13));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }

    .post-actions.pro button{
      min-height:36px;
      border-radius:11px;
      transition:background .16s ease,border-color .16s ease,color .16s ease;
    }

    .post-actions.pro button:hover{
      background:#101722;
      border-color:#314057;
      color:#b8c6d7;
    }

    .admin-box .btn-row{
      margin-top:12px;
      padding-top:11px;
      border-top:1px solid #182230;
    }

    @media(max-width:620px){
      .btn{
        min-height:44px;
        padding:10px 13px;
      }

      .btn-row{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:100%;
      }

      .btn-row .btn{
        min-width:0;
        width:100%;
      }

      .hero-actions .btn{
        flex:1 1 145px;
      }

      .module-card{
        min-height:79px;
        padding:13px;
      }

      .module-card .module-desc{
        font-size:7.5px;
      }
    }

    @media(max-width:390px){
      .btn-row{
        grid-template-columns:1fr;
      }

      .module-card{
        grid-template-columns:auto minmax(0,1fr) auto;
        gap:9px;
      }

      .quick-action .qicon,
      .module-icon{
        width:39px;
        height:39px;
      }
    }


    /* ============================================================
       AMIS v0.7.8 — PREMIUM FINTECH VISUAL POLISH
       VISUAL ONLY: no application logic / API / payment changes.
    ============================================================ */

    :root{
      --bg:#05070b;
      --bg2:#080b11;
      --card:#0d1219;
      --card2:#111823;
      --line:#1f2936;
      --text:#f2f5f8;
      --muted:#8390a0;
      --purple:#a66bff;
      --cyan:#49d8ff;
      --gold:#f0c96b;
      --green:#43e58b;
      --red:#ff6478;
      --premium-shadow:0 18px 50px rgba(0,0,0,.28);
      --premium-inset:inset 0 1px 0 rgba(255,255,255,.035);
    }

    html,body{
      background:
        radial-gradient(900px 520px at 105% -10%,rgba(144,89,255,.12),transparent 58%),
        radial-gradient(700px 420px at -12% 10%,rgba(73,216,255,.07),transparent 55%),
        linear-gradient(180deg,#05070b 0%,#070a0f 100%);
    }

    .app{
      max-width:840px;
      padding-top:16px;
    }

    .topbar{
      padding:8px 4px 13px;
      background:linear-gradient(180deg,rgba(5,7,11,.98),rgba(5,7,11,.91),rgba(5,7,11,.68),transparent);
      backdrop-filter:blur(20px) saturate(125%);
    }

    .logo{
      border-radius:15px;
      border-color:#384253;
      background:
        radial-gradient(circle at 30% 25%,rgba(240,201,107,.12),transparent 42%),
        linear-gradient(145deg,#171d27,#0a0d12);
      box-shadow:var(--premium-inset),0 8px 22px rgba(0,0,0,.18);
    }

    .brand-title{
      font-size:15px;
      letter-spacing:.05px;
    }

    .brand-sub{
      color:#738095;
      letter-spacing:.95px;
    }

    .dashboard-hero,
    .more-hero,
    .hero,
    .public-banner,
    .social-hero,
    .ib-hero{
      border-color:#232e3d;
      box-shadow:var(--premium-shadow),var(--premium-inset);
      background:
        radial-gradient(420px 190px at 100% 0%,rgba(155,96,255,.13),transparent 62%),
        radial-gradient(300px 160px at 0% 100%,rgba(73,216,255,.045),transparent 68%),
        linear-gradient(145deg,#101620,#080c12);
    }

    .dashboard-hero{
      padding:21px;
      border-radius:26px;
    }

    .hello{
      letter-spacing:-.4px;
    }

    .role-chip,
    .status-chip,
    .mode-pill,
    .module-badge,
    .renew-badge,
    .status-pill{
      backdrop-filter:blur(12px);
    }

    .subscription-pro{
      margin-top:18px;
      padding:15px 16px;
      border-radius:18px;
      border-color:#293648;
      background:
        linear-gradient(180deg,rgba(255,255,255,.02),transparent 45%),
        linear-gradient(125deg,#111824,#0b1018);
      box-shadow:var(--premium-inset);
    }

    .subscription-pro .days{
      font-size:30px;
      letter-spacing:-1.5px;
    }

    .kpi-grid{
      gap:11px;
      margin-top:12px;
    }

    .metric-card,
    .kpi{
      border-color:#202b39;
      border-radius:19px;
      background:
        radial-gradient(140px 80px at 100% 0%,rgba(255,255,255,.018),transparent 70%),
        linear-gradient(150deg,#101620,#0a0e14);
      box-shadow:var(--premium-inset),0 10px 26px rgba(0,0,0,.11);
    }

    .metric-card{
      min-height:108px;
      padding:15px;
    }

    .metric-value,
    .num{
      letter-spacing:-1.2px;
    }

    .card,
    .premium-panel,
    .signal-spotlight,
    .signal-card,
    .referral-panel,
    .renew-panel,
    .account-ib,
    .admin-box,
    .social-post,
    .moderation-card{
      border-color:#202a38;
      box-shadow:var(--premium-inset),0 12px 30px rgba(0,0,0,.12);
      background:
        linear-gradient(180deg,rgba(255,255,255,.015),transparent 42%),
        linear-gradient(150deg,#0f141d,#090d13);
    }

    .card{
      border-radius:21px;
      padding:16px;
      margin-top:11px;
    }

    .card-head{
      margin-bottom:13px;
    }

    .card-title{
      font-size:13px;
      letter-spacing:.02px;
    }

    .card-sub,
    .list-sub,
    .module-card .module-desc{
      color:#8390a3;
    }

    .module-section{
      margin-top:19px;
    }

    .section-head{
      margin-bottom:10px;
    }

    .section-head h2{
      font-size:13.5px;
      letter-spacing:.02px;
    }

    .module-grid{
      gap:10px;
    }

    .module-card{
      min-height:82px;
      padding:14px 15px;
      border-radius:20px;
      border-color:#222e3d;
      background:
        radial-gradient(170px 80px at 0% 0%,rgba(166,107,255,.055),transparent 72%),
        linear-gradient(145deg,#101620,#0a0e14);
      box-shadow:var(--premium-inset),0 10px 24px rgba(0,0,0,.11);
    }

    .module-card:hover{
      border-color:#3a4a61;
      transform:translateY(-2px);
      box-shadow:var(--premium-inset),0 15px 34px rgba(0,0,0,.18);
    }

    .module-icon,
    .quick-action .qicon{
      width:44px;
      height:44px;
      border-radius:14px;
      border-color:#344258;
      background:
        radial-gradient(circle at 35% 25%,rgba(166,107,255,.20),transparent 44%),
        linear-gradient(145deg,#18212e,#0d121a);
      color:#c08cff;
      box-shadow:var(--premium-inset),0 8px 20px rgba(0,0,0,.16);
    }

    .module-card .module-title{
      font-size:11.2px;
    }

    .module-card .module-arrow{
      width:31px;
      height:31px;
      border-radius:11px;
      background:#0d131c;
      border-color:#2a3648;
      color:#a7b5c7;
    }

    .quick-grid{
      gap:9px;
    }

    .quick-action{
      min-height:80px;
      border-radius:17px;
      border-color:#222d3c;
      background:
        linear-gradient(180deg,rgba(255,255,255,.015),transparent 45%),
        linear-gradient(145deg,#0f151e,#0a0e14);
      box-shadow:var(--premium-inset);
      transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
    }

    .quick-action:hover{
      transform:translateY(-1px);
      border-color:#394a62;
      box-shadow:0 10px 24px rgba(0,0,0,.14);
    }

    .btn{
      border-radius:14px;
      font-size:10.3px;
      min-height:44px;
      box-shadow:var(--premium-inset),0 8px 20px rgba(0,0,0,.13);
    }

    .btn.primary{
      background:
        linear-gradient(180deg,rgba(255,255,255,.12),transparent 38%),
        linear-gradient(135deg,#4568ff,#7650f0);
      border-color:#7a72ff;
      box-shadow:var(--premium-inset),0 11px 26px rgba(94,82,235,.24);
    }

    .btn.gold{
      background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),
        linear-gradient(145deg,rgba(240,201,107,.12),rgba(240,201,107,.055));
      border-color:rgba(240,201,107,.34);
      color:#f4cf76;
    }

    .range-tabs{
      gap:7px;
    }

    .range-tabs button{
      border-radius:12px;
      min-height:35px;
      padding:7px 12px;
      background:#0b1017;
      color:#7d899a;
    }

    .range-tabs button.on{
      color:#fff;
      border-color:#7775ff;
      background:
        radial-gradient(70px 40px at 50% 0%,rgba(166,107,255,.20),transparent 70%),
        linear-gradient(135deg,rgba(89,100,255,.18),rgba(127,77,245,.14));
    }

    .signal-card{
      border-radius:20px;
      padding:15px;
      margin:10px 0;
      overflow:hidden;
    }

    .signal-card.buy{
      border-left-width:3px;
      box-shadow:inset 3px 0 0 rgba(67,229,139,.08),var(--premium-inset),0 12px 28px rgba(0,0,0,.13);
    }

    .signal-card.sell{
      border-left-width:3px;
      box-shadow:inset 3px 0 0 rgba(255,100,120,.08),var(--premium-inset),0 12px 28px rgba(0,0,0,.13);
    }

    .pricebox{
      border-radius:12px;
      border-color:#222d3b;
      background:#101720;
    }

    .target.hit .circle{
      box-shadow:0 0 0 5px rgba(67,229,139,.07),0 0 22px rgba(67,229,139,.28);
    }

    .target.active .circle{
      box-shadow:0 0 0 4px rgba(73,216,255,.04);
    }

    .renew-panel,
    .ib-hero,
    .account-ib{
      border-color:rgba(240,201,107,.24);
    }

    .ib-wallet{
      border-color:#2b3748;
      background:
        radial-gradient(200px 100px at 100% 0%,rgba(67,229,139,.055),transparent 70%),
        linear-gradient(145deg,#111923,#0a0f16);
      box-shadow:var(--premium-inset);
    }

    .ib-wallet .amount{
      letter-spacing:-1.6px;
    }

    textarea,input,select{
      min-height:44px;
      border-radius:13px;
      border-color:#283548;
      background:
        linear-gradient(180deg,rgba(255,255,255,.01),transparent),
        #090e14;
      transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
    }

    textarea:focus,input:focus,select:focus{
      border-color:#726eff;
      box-shadow:0 0 0 3px rgba(114,110,255,.09);
      background:#0b1017;
    }

    .bottomnav{
      padding-top:9px;
      background:rgba(7,10,15,.92);
      border-top-color:#1f2a37;
      backdrop-filter:blur(22px) saturate(130%);
      box-shadow:0 -12px 36px rgba(0,0,0,.18);
    }

    .nav-inner{
      gap:7px;
    }

    .nav-btn{
      min-height:53px;
      border-radius:15px;
      color:#768498;
    }

    .nav-btn.on{
      color:#c18cff;
      background:
        radial-gradient(50px 34px at 50% 25%,rgba(166,107,255,.18),transparent 72%),
        rgba(166,107,255,.055);
      box-shadow:inset 0 0 0 1px rgba(166,107,255,.045);
    }

    .nav-btn.on:after{
      content:"";
      width:16px;
      height:2px;
      border-radius:999px;
      background:#b883ff;
      box-shadow:0 0 10px rgba(184,131,255,.42);
      margin-top:1px;
    }

    .social-hero,
    .more-hero{
      padding:20px;
      border-radius:24px;
    }

    .more-title,
    .social-headline{
      letter-spacing:-.9px;
    }

    .social-post{
      border-radius:19px;
      padding:14px;
    }

    .composer{
      border-radius:19px;
      border-color:#232f3f;
      background:
        linear-gradient(180deg,rgba(255,255,255,.012),transparent),
        #0b1017;
      box-shadow:var(--premium-inset);
    }

    .moderation-card,
    .user-row{
      border-radius:16px;
    }

    .permission-grid{
      gap:8px;
    }

    .perm{
      border-radius:12px;
      border-color:#222d3b;
      background:#0b1017;
    }

    .sheet-card,
    .modal-card{
      border-color:#2a3546;
      background:
        linear-gradient(180deg,rgba(255,255,255,.012),transparent),
        #0d1219;
      box-shadow:0 -18px 60px rgba(0,0,0,.36);
    }

    .toast{
      border-color:#39495f;
      background:rgba(17,25,35,.96);
      backdrop-filter:blur(16px);
      box-shadow:0 14px 34px rgba(0,0,0,.28);
    }

    .page-enter{
      animation:pageInPremium .28s cubic-bezier(.2,.7,.2,1);
    }

    @keyframes pageInPremium{
      from{opacity:.25;transform:translateY(7px)}
      to{opacity:1;transform:none}
    }

    @media(max-width:430px){
      .dashboard-hero,
      .more-hero,
      .hero,
      .public-banner,
      .social-hero,
      .ib-hero{
        border-radius:22px;
      }

      .app{
        padding-left:12px;
        padding-right:12px;
      }

      .module-card{
        min-height:80px;
      }

      .metric-card{
        min-height:104px;
      }
    }



    /* ============================================================
       AMIS v0.7.9 — PERFORMANCE VISUAL SYSTEM
       Better charts and analytics. No backend/API/payment changes.
    ============================================================ */

    .performance-toolbar{
      background:
        radial-gradient(360px 140px at 100% 0%,rgba(166,107,255,.12),transparent 68%),
        linear-gradient(150deg,#101620,#090d13);
    }

    .performance-title{
      font-size:17px;
      margin-top:5px;
      letter-spacing:-.3px;
    }

    .performance-live{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:7px 9px;
      border:1px solid rgba(67,229,139,.22);
      border-radius:999px;
      color:#58eba0;
      background:rgba(67,229,139,.055);
      font-size:7px;
      font-weight:950;
      letter-spacing:.9px;
      white-space:nowrap;
    }

    .performance-live i{
      width:6px;
      height:6px;
      border-radius:50%;
      background:#43e58b;
      box-shadow:0 0 12px rgba(67,229,139,.7);
      animation:livePulse 1.8s ease-in-out infinite;
    }

    @keyframes livePulse{
      0%,100%{opacity:.65;transform:scale(.9)}
      50%{opacity:1;transform:scale(1.15)}
    }

    .performance-cockpit{
      display:grid;
      grid-template-columns:1.18fr .82fr;
      gap:10px;
      margin-top:11px;
    }

    .performance-ring-card,
    .performance-net-card{
      min-height:164px;
      border:1px solid #222e3c;
      border-radius:22px;
      padding:16px;
      background:
        radial-gradient(220px 120px at 100% 0%,rgba(73,216,255,.055),transparent 70%),
        linear-gradient(145deg,#101620,#090d13);
      box-shadow:var(--premium-inset),0 14px 34px rgba(0,0,0,.14);
    }

    .performance-ring-card{
      display:flex;
      align-items:center;
      gap:17px;
    }

    .performance-ring{
      --wr:0;
      width:112px;
      height:112px;
      border-radius:50%;
      padding:9px;
      flex:0 0 auto;
      background:
        conic-gradient(#43e58b calc(var(--wr)*1%),rgba(255,255,255,.055) 0);
      box-shadow:
        0 0 0 1px rgba(67,229,139,.08),
        0 0 34px rgba(67,229,139,.07);
      position:relative;
    }

    .performance-ring:before{
      content:"";
      position:absolute;
      inset:4px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.035);
      pointer-events:none;
    }

    .performance-ring-core{
      width:100%;
      height:100%;
      border-radius:50%;
      display:grid;
      place-items:center;
      align-content:center;
      background:
        radial-gradient(circle at 45% 35%,#121a23,#080d13 68%);
      box-shadow:inset 0 0 22px rgba(0,0,0,.35);
    }

    .performance-ring-core strong{
      font-size:23px;
      letter-spacing:-1px;
      color:#f4f8fb;
    }

    .performance-ring-core span{
      font-size:6.5px;
      color:#718096;
      letter-spacing:1.2px;
      font-weight:950;
      margin-top:2px;
    }

    .performance-ring-copy{
      min-width:0;
    }

    .performance-ring-copy b{
      display:block;
      font-size:12px;
      margin-top:7px;
    }

    .performance-ring-copy small{
      display:block;
      color:#78879a;
      font-size:8px;
      margin-top:5px;
    }

    .performance-net-card{
      display:flex;
      flex-direction:column;
      justify-content:center;
    }

    .performance-net{
      font-size:39px;
      font-weight:950;
      letter-spacing:-2px;
      line-height:1;
      margin-top:10px;
    }

    .performance-net-unit{
      color:#738197;
      font-size:7px;
      font-weight:950;
      letter-spacing:1.7px;
      margin-top:5px;
    }

    .performance-mini-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:7px;
      margin-top:17px;
    }

    .performance-mini-row span{
      padding:9px;
      border-radius:12px;
      border:1px solid #222c39;
      background:#0b1017;
    }

    .performance-mini-row b{
      display:block;
      font-size:13px;
    }

    .performance-mini-row small{
      display:block;
      margin-top:3px;
      font-size:7px;
      color:#718095;
    }

    .chart-card-pro{
      overflow:hidden;
      background:
        radial-gradient(500px 180px at 70% 0%,rgba(73,216,255,.055),transparent 70%),
        linear-gradient(150deg,#0f151e,#080c12);
    }

    .chart-legend{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#8292a6;
      font-size:7px;
      font-weight:900;
      letter-spacing:.8px;
      text-transform:uppercase;
    }

    .chart-legend i{
      width:18px;
      height:2px;
      border-radius:99px;
      background:linear-gradient(90deg,#49d8ff,#a66bff);
      box-shadow:0 0 10px rgba(73,216,255,.32);
    }

    .chart.chart-pro{
      height:auto;
      overflow:visible;
    }

    .chart-pro-wrap{
      position:relative;
    }

    .chart-pro-meta{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:7px;
      margin:0 0 10px;
    }

    .chart-pro-meta>div{
      padding:9px 10px;
      border:1px solid #202b38;
      border-radius:12px;
      background:rgba(8,13,19,.64);
    }

    .chart-pro-meta small{
      display:block;
      color:#6f7d90;
      font-size:6.5px;
      text-transform:uppercase;
      letter-spacing:.9px;
    }

    .chart-pro-meta b{
      display:block;
      font-size:10px;
      margin-top:4px;
    }

    .chart-stage{
      position:relative;
      height:220px;
      overflow:hidden;
      border-radius:15px;
      background:
        linear-gradient(180deg,rgba(255,255,255,.012),transparent),
        rgba(6,10,15,.48);
      border:1px solid rgba(34,46,60,.72);
    }

    .chart-stage svg{
      width:100%;
      height:100%;
      display:block;
      cursor:crosshair;
    }

    .chart-grid.premium{
      stroke:#25303d;
      stroke-width:1;
      stroke-dasharray:3 7;
      opacity:.72;
    }

    .chart-zero{
      stroke:#64758b;
      stroke-width:1;
      stroke-dasharray:5 7;
      opacity:.45;
    }

    .chart-line.shadow{
      fill:none;
      stroke:#49d8ff;
      stroke-width:6;
      opacity:.12;
    }

    .chart-line.premium{
      fill:none;
      stroke:url(#unused);
      stroke:#5edfff;
      stroke-width:3.2;
      stroke-linecap:round;
      stroke-linejoin:round;
    }

    .chart-area.premium{
      stroke:none;
    }

    .chart-dot.premium{
      fill:#f8fbff;
      stroke:#49d8ff;
      stroke-width:2.5;
      filter:drop-shadow(0 0 8px rgba(73,216,255,.7));
    }

    .chart-tracker{
      stroke:#aab8c9;
      stroke-width:1;
      stroke-dasharray:4 5;
      opacity:0;
      transition:opacity .12s ease;
      pointer-events:none;
    }

    .chart-hover-dot{
      fill:#080d13;
      stroke:#a66bff;
      stroke-width:3;
      opacity:0;
      transition:opacity .12s ease;
      pointer-events:none;
    }

    .chart-tooltip{
      position:absolute;
      z-index:5;
      top:13px;
      transform:translateX(-50%);
      min-width:82px;
      padding:8px 9px;
      border-radius:11px;
      border:1px solid #35465b;
      background:rgba(10,15,22,.93);
      box-shadow:0 10px 26px rgba(0,0,0,.28);
      backdrop-filter:blur(12px);
      opacity:0;
      pointer-events:none;
      transition:opacity .12s ease;
      text-align:center;
    }

    .chart-tooltip b{
      display:block;
      font-size:9px;
      color:#f0f5fa;
    }

    .chart-tooltip span{
      display:block;
      font-size:6.5px;
      color:#8391a4;
      margin-top:3px;
    }

    .chart-axis-row{
      display:flex;
      justify-content:space-between;
      color:#647286;
      font-size:7px;
      margin-top:6px;
      padding:0 3px;
    }

    .momentum-chart{
      min-height:160px;
    }

    .momentum-summary{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-bottom:10px;
      color:#8391a4;
      font-size:7.5px;
    }

    .momentum-summary span{
      display:inline-flex;
      align-items:center;
      gap:5px;
    }

    .momentum-summary i{
      width:7px;
      height:7px;
      border-radius:50%;
    }

    .momentum-summary i.up{background:#43e58b;box-shadow:0 0 10px rgba(67,229,139,.35)}
    .momentum-summary i.down{background:#ff6478;box-shadow:0 0 10px rgba(255,100,120,.3)}

    .momentum-scroll{
      overflow-x:auto;
      overscroll-behavior-inline:contain;
      scrollbar-width:thin;
      scrollbar-color:#2a3544 transparent;
      padding-bottom:5px;
    }

    .momentum-inner{
      height:126px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:3px;
      padding:7px 5px;
      position:relative;
      border:1px solid #202a37;
      border-radius:14px;
      background:
        linear-gradient(180deg,rgba(67,229,139,.018) 0 49.7%,rgba(255,100,120,.018) 50.3% 100%),
        #090e14;
    }

    .momentum-zero{
      position:absolute;
      left:5px;
      right:5px;
      top:50%;
      height:1px;
      background:#334052;
      opacity:.75;
    }

    .momentum-bar{
      width:5px;
      min-width:4px;
      max-height:72px;
      border-radius:3px;
      position:relative;
      z-index:1;
      transition:filter .15s ease,transform .15s ease;
    }

    .momentum-bar:hover{
      filter:brightness(1.2);
      transform:scaleX(1.25);
    }

    .momentum-bar.up{
      align-self:center;
      transform-origin:bottom;
      margin-bottom:72px;
      background:linear-gradient(180deg,#5df0a4,#2abf70);
      box-shadow:0 0 9px rgba(67,229,139,.12);
    }

    .momentum-bar.down{
      align-self:center;
      transform-origin:top;
      margin-top:72px;
      background:linear-gradient(180deg,#ff7f91,#dc4057);
      box-shadow:0 0 9px rgba(255,100,120,.10);
    }

    .target-meter-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:8px;
      margin-bottom:10px;
    }

    .target-meter{
      padding:10px;
      border-radius:14px;
      border:1px solid #222d3a;
      background:#0b1017;
    }

    .target-meter-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:8px;
      font-size:8px;
      font-weight:850;
    }

    .target-meter-track{
      height:6px;
      margin-top:8px;
      border-radius:99px;
      background:#18212c;
      overflow:hidden;
    }

    .target-meter-track i{
      display:block;
      height:100%;
      border-radius:99px;
      background:linear-gradient(90deg,#49d8ff,#a66bff);
      box-shadow:0 0 12px rgba(73,216,255,.14);
    }

    .target-meter-track i.positive{background:linear-gradient(90deg,#2ac875,#61eda7)}
    .target-meter-track i.gold{background:linear-gradient(90deg,#b8862d,#f0c96b)}
    .target-meter-track i.purple{background:linear-gradient(90deg,#7650ef,#b57eff)}
    .target-meter-track i.active-num{background:linear-gradient(90deg,#28acd1,#5be1ff)}

    .instrument-chart{
      display:grid;
      gap:10px;
    }

    .instrument-row{
      display:grid;
      grid-template-columns:82px minmax(0,1fr) 64px;
      gap:10px;
      align-items:center;
      min-height:36px;
    }

    .instrument-label b{
      display:block;
      font-size:9px;
    }

    .instrument-label small{
      display:block;
      font-size:6.5px;
      color:#6f7e92;
      margin-top:2px;
    }

    .instrument-track{
      height:12px;
      border-radius:999px;
      background:#111923;
      position:relative;
      overflow:hidden;
      border:1px solid #1e2936;
    }

    .instrument-zero{
      position:absolute;
      left:50%;
      top:0;
      bottom:0;
      width:1px;
      background:#536176;
      opacity:.55;
      z-index:2;
    }

    .instrument-fill{
      position:absolute;
      top:2px;
      bottom:2px;
      border-radius:999px;
      min-width:3px;
    }

    .instrument-fill.pos{
      left:50%;
      background:linear-gradient(90deg,#2bc775,#62eca8);
      box-shadow:0 0 10px rgba(67,229,139,.14);
    }

    .instrument-fill.neg{
      right:50%;
      background:linear-gradient(90deg,#dc4058,#ff7387);
      box-shadow:0 0 10px rgba(255,100,120,.12);
    }

    .instrument-value{
      font-size:9px;
      font-weight:950;
      text-align:right;
    }

    @media(max-width:560px){
      .performance-cockpit{
        grid-template-columns:1fr;
      }

      .performance-ring-card{
        min-height:148px;
      }

      .performance-net-card{
        min-height:142px;
      }

      .chart-pro-meta{
        grid-template-columns:1fr 1fr;
      }

      .chart-pro-meta>div:last-child{
        grid-column:1/-1;
      }

      .chart-stage{
        height:205px;
      }

      .instrument-row{
        grid-template-columns:72px minmax(0,1fr) 57px;
        gap:7px;
      }
    }

    @media(max-width:390px){
      .performance-ring{
        width:100px;
        height:100px;
      }

      .performance-ring-card{
        gap:13px;
      }

      .performance-ring-core strong{
        font-size:21px;
      }

      .target-meter-grid{
        grid-template-columns:1fr;
      }
    }



    /* ============================================================
       AMIS v0.7.10 — RESPONSIVE HOME PERFORMANCE CHART
       Fixes Home chart overflow / aspect / narrow-screen behavior.
       Performance page chart remains unchanged.
    ============================================================ */

    #homeChart{
      width:100%;
      height:auto!important;
      min-width:0;
      overflow:hidden;
    }

    #homeChart .home-chart-shell{
      width:100%;
      min-width:0;
      display:block;
    }

    #homeChart .home-chart-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:9px;
      min-width:0;
    }

    #homeChart .home-chart-head>div{
      min-width:0;
    }

    #homeChart .home-chart-head small{
      display:block;
      color:#6f7d90;
      font-size:6.5px;
      font-weight:900;
      letter-spacing:.9px;
    }

    #homeChart .home-chart-head b{
      display:block;
      margin-top:3px;
      font-size:10px;
      white-space:nowrap;
    }

    #homeChart .home-chart-stage{
      width:100%;
      min-width:0;
      height:clamp(145px,34vw,205px);
      border:1px solid #202b38;
      border-radius:14px;
      overflow:hidden;
      background:
        radial-gradient(280px 110px at 85% 0%,rgba(73,216,255,.045),transparent 72%),
        linear-gradient(180deg,rgba(255,255,255,.01),transparent),
        rgba(6,10,15,.45);
    }

    #homeChart .home-chart-stage svg{
      display:block;
      width:100%!important;
      height:100%!important;
      max-width:100%;
      min-width:0;
      overflow:visible;
    }

    #homeChart .home-chart-line{
      fill:none;
      stroke:#55dcff;
      stroke-width:3;
      stroke-linecap:round;
      stroke-linejoin:round;
      vector-effect:non-scaling-stroke;
      filter:drop-shadow(0 0 6px rgba(73,216,255,.20));
    }

    #homeChart .home-chart-end{
      fill:#f7fbff;
      stroke:#49d8ff;
      stroke-width:2.3;
      vector-effect:non-scaling-stroke;
      filter:drop-shadow(0 0 7px rgba(73,216,255,.6));
    }

    @media(max-width:460px){
      #homeChart .home-chart-stage{
        height:clamp(138px,43vw,178px);
        border-radius:13px;
      }

      #homeChart .home-chart-head{
        margin-bottom:7px;
      }
    }

    @media(max-width:360px){
      #homeChart .home-chart-head{
        gap:6px;
      }

      #homeChart .home-chart-head small{
        font-size:6px;
      }

      #homeChart .home-chart-head b{
        font-size:9px;
      }

      #homeChart .home-chart-stage{
        height:142px;
      }
    }

    @media(min-width:760px){
      #homeChart .home-chart-stage{
        height:205px;
      }
    }



    /* ============================================================
       AMIS v0.7.11 — LUXURY TERMINAL / PRIVATE CLUB UI
       Visual redesign only. Existing product capabilities remain.
    ============================================================ */

    .amis-icon{
      display:block;
      flex:0 0 auto;
      overflow:visible;
    }

    .qicon .amis-icon,
    .module-icon .amis-icon,
    .nav-btn i .amis-icon{
      width:20px;
      height:20px;
    }

    .nav-btn i{
      font-size:0!important;
    }

    /* Home hero */
    .luxury-home-hero{
      position:relative;
      isolation:isolate;
      padding:22px;
      overflow:hidden;
      background:
        radial-gradient(360px 220px at 100% -10%,rgba(166,107,255,.20),transparent 64%),
        radial-gradient(300px 190px at -5% 110%,rgba(73,216,255,.075),transparent 66%),
        linear-gradient(145deg,#111822,#080c12);
    }

    .luxury-home-hero:before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-1;
      pointer-events:none;
      background:
        linear-gradient(112deg,transparent 0 38%,rgba(255,255,255,.018) 50%,transparent 62%);
    }

    .hero-watermark{
      position:absolute;
      right:-12px;
      top:10px;
      z-index:-1;
      font-family:Georgia,serif;
      font-size:88px;
      line-height:1;
      font-style:italic;
      font-weight:900;
      letter-spacing:-8px;
      color:rgba(240,201,107,.035);
      user-select:none;
      pointer-events:none;
    }

    .luxury-hero-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:14px;
      position:relative;
      z-index:1;
    }

    .luxury-home-title{
      font-size:clamp(24px,6vw,34px);
      line-height:1.06;
      font-weight:950;
      letter-spacing:-1.2px;
      margin-top:7px;
      max-width:560px;
    }

    .luxury-monogram{
      width:50px;
      height:50px;
      border-radius:17px;
      display:grid;
      place-items:center;
      flex:0 0 auto;
      font-family:Georgia,serif;
      font-style:italic;
      font-weight:900;
      font-size:22px;
      color:#f0c96b;
      border:1px solid rgba(240,201,107,.25);
      background:
        radial-gradient(circle at 30% 25%,rgba(240,201,107,.13),transparent 45%),
        linear-gradient(145deg,#151b24,#090d13);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.20);
    }

    .luxury-snapshot{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
      margin-top:18px;
      position:relative;
      z-index:1;
    }

    .luxury-snapshot>div{
      padding:10px 11px;
      border:1px solid rgba(45,59,76,.9);
      border-radius:13px;
      background:rgba(7,11,16,.47);
      backdrop-filter:blur(10px);
    }

    .luxury-snapshot small{
      display:block;
      font-size:6.5px;
      font-weight:950;
      letter-spacing:1px;
      color:#738197;
    }

    .luxury-snapshot b{
      display:block;
      margin-top:4px;
      font-size:15px;
      letter-spacing:-.5px;
    }

    /* Membership pass on Home */
    .membership-pass{
      position:relative;
      overflow:hidden;
      border-color:rgba(240,201,107,.22)!important;
      background:
        radial-gradient(240px 130px at 100% 0%,rgba(240,201,107,.10),transparent 68%),
        radial-gradient(200px 120px at 0% 100%,rgba(166,107,255,.08),transparent 70%),
        linear-gradient(125deg,#121923,#0b1017)!important;
    }

    .membership-pass:after{
      content:"";
      position:absolute;
      width:190px;
      height:190px;
      border-radius:50%;
      right:-100px;
      bottom:-130px;
      border:1px solid rgba(240,201,107,.08);
      box-shadow:0 0 0 24px rgba(240,201,107,.015),0 0 0 48px rgba(240,201,107,.01);
      pointer-events:none;
    }

    .membership-pass-brand{
      font-size:7px;
      color:#caa958;
      font-weight:950;
      letter-spacing:1.35px;
      margin-bottom:7px;
    }

    .membership-pass-side{
      min-width:84px;
      text-align:right;
      position:relative;
      z-index:1;
    }

    .membership-pass-chip,
    .member-card-chip{
      display:inline-block;
      width:29px;
      height:21px;
      border-radius:6px;
      border:1px solid rgba(240,201,107,.36);
      background:
        linear-gradient(90deg,transparent 47%,rgba(80,62,23,.35) 48% 52%,transparent 53%),
        linear-gradient(0deg,transparent 47%,rgba(80,62,23,.35) 48% 52%,transparent 53%),
        linear-gradient(145deg,#e2bf68,#8b6824);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
      margin-bottom:9px;
    }

    /* More / Quick action icon polish */
    .qicon,
    .module-icon{
      color:#b987ff!important;
    }

    .quick-action{
      position:relative;
      overflow:hidden;
    }

    .quick-action:after{
      content:"";
      position:absolute;
      inset:auto -45px -55px auto;
      width:110px;
      height:110px;
      border-radius:50%;
      background:rgba(166,107,255,.025);
      pointer-events:none;
    }

    /* Signal terminal cards */
    .terminal-signal{
      position:relative;
      padding:0!important;
      border-radius:22px!important;
      overflow:hidden!important;
      background:
        radial-gradient(260px 130px at 100% 0%,rgba(73,216,255,.04),transparent 70%),
        linear-gradient(150deg,#0f151e,#080c12)!important;
    }

    .terminal-signal.buy{
      border-left:1px solid #202a38!important;
    }

    .terminal-signal.sell{
      border-left:1px solid #202a38!important;
    }

    .signal-accent{
      height:3px;
      width:100%;
      background:linear-gradient(90deg,transparent,#43e58b 25%,#49d8ff 70%,transparent);
      opacity:.9;
    }

    .terminal-signal.sell .signal-accent{
      background:linear-gradient(90deg,transparent,#ff6478 25%,#a66bff 70%,transparent);
    }

    .terminal-head{
      padding:15px 15px 12px;
      align-items:center;
    }

    .terminal-symbol-wrap{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }

    .terminal-market-icon{
      width:39px;
      height:39px;
      border-radius:13px;
      display:grid;
      place-items:center;
      color:#65ddff;
      border:1px solid #2b394b;
      background:
        radial-gradient(circle at 30% 25%,rgba(73,216,255,.12),transparent 47%),
        #0c121a;
    }

    .terminal-side-wrap{
      display:flex;
      align-items:center;
      gap:7px;
    }

    .terminal-live-dot{
      width:6px;
      height:6px;
      border-radius:50%;
      background:#43e58b;
      box-shadow:0 0 12px rgba(67,229,139,.55);
    }

    .terminal-signal.sell .terminal-live-dot{
      background:#ff6478;
      box-shadow:0 0 12px rgba(255,100,120,.45);
    }

    .terminal-entry-grid{
      display:grid;
      grid-template-columns:1.45fr .85fr .85fr;
      gap:0;
      border-top:1px solid #1d2734;
      border-bottom:1px solid #1d2734;
      background:rgba(7,11,16,.38);
    }

    .terminal-price{
      min-width:0;
      padding:12px 13px;
      border-right:1px solid #1d2734;
    }

    .terminal-price:last-child{
      border-right:0;
    }

    .terminal-price small,
    .terminal-target-grid small{
      display:block;
      font-size:6.5px;
      color:#6f7e92;
      font-weight:900;
      letter-spacing:.9px;
    }

    .terminal-price b{
      display:block;
      margin-top:5px;
      font-size:10px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }

    .terminal-price.main b{
      font-size:11px;
      color:#eef4f9;
    }

    .terminal-price.main b span{
      color:#59697e;
      padding:0 2px;
    }

    .terminal-progress{
      padding:14px 15px 7px;
    }

    .terminal-progress-head{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
      font-size:7px;
      font-weight:900;
      letter-spacing:.8px;
      color:#738197;
    }

    .terminal-progress-head b{
      color:#8fdfff;
      font-size:7px;
    }

    .terminal-progress .targets{
      margin-top:11px;
    }

    .terminal-target-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:7px;
      padding:7px 15px 13px;
    }

    .terminal-target-grid>div{
      padding:9px 10px;
      border:1px solid #202b39;
      border-radius:12px;
      background:#0b1118;
    }

    .terminal-target-grid b{
      display:block;
      margin-top:4px;
      font-size:9px;
    }

    .terminal-signal-foot{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:11px 15px 13px;
      border-top:1px solid #1c2632;
      background:rgba(7,11,16,.45);
    }

    .terminal-risk{
      font-size:6.5px;
      color:#68778b;
      letter-spacing:.85px;
      font-weight:950;
    }

    .terminal-signal-foot .signal-pnl{
      margin:0;
      font-size:13px;
      letter-spacing:-.2px;
    }

    /* Digital membership card in Account */
    .member-identity-card{
      margin-top:2px;
      min-height:210px;
      border-radius:25px;
      border:1px solid #2b3544;
      padding:19px;
      position:relative;
      overflow:hidden;
      background:
        radial-gradient(340px 210px at 100% -10%,rgba(166,107,255,.19),transparent 65%),
        radial-gradient(260px 170px at -10% 110%,rgba(73,216,255,.07),transparent 65%),
        linear-gradient(145deg,#111821,#090d13);
      box-shadow:0 24px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);
    }

    .member-identity-card.vip,
    .member-identity-card.super{
      border-color:rgba(240,201,107,.26);
      background:
        radial-gradient(360px 220px at 100% -10%,rgba(240,201,107,.13),transparent 66%),
        radial-gradient(290px 190px at -10% 110%,rgba(166,107,255,.10),transparent 68%),
        linear-gradient(145deg,#121922,#090d13);
    }

    .member-card-watermark{
      position:absolute;
      right:-6px;
      bottom:-12px;
      font-family:Georgia,serif;
      font-size:92px;
      font-style:italic;
      font-weight:900;
      letter-spacing:-8px;
      color:rgba(240,201,107,.035);
      pointer-events:none;
      user-select:none;
    }

    .member-card-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      position:relative;
      z-index:1;
    }

    .member-card-brand{
      font-size:7px;
      font-weight:950;
      color:#c5a758;
      letter-spacing:1.35px;
    }

    .member-card-tier{
      margin-top:5px;
      font-size:8px;
      color:#8391a4;
      letter-spacing:.8px;
      font-weight:900;
    }

    .member-card-name{
      margin-top:28px;
      font-size:25px;
      line-height:1;
      font-weight:950;
      letter-spacing:-.9px;
      position:relative;
      z-index:1;
    }

    .member-card-handle{
      margin-top:6px;
      color:#7d8b9f;
      font-size:9px;
      position:relative;
      z-index:1;
    }

    .member-card-bottom{
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:9px;
      margin-top:27px;
      position:relative;
      z-index:1;
    }

    .member-card-bottom small{
      display:block;
      font-size:6px;
      color:#657488;
      font-weight:950;
      letter-spacing:.9px;
    }

    .member-card-bottom b{
      display:block;
      margin-top:4px;
      font-size:9px;
      color:#edf3f8;
    }

    .account-access-detail{
      margin-top:10px;
      padding:4px 14px 14px;
      background:linear-gradient(150deg,#0e141c,#090d13);
    }

    /* High-end micro interactions */
    .module-card,
    .quick-action,
    .signal-card,
    .member-identity-card{
      transform:translateZ(0);
    }

    @media (hover:hover){
      .terminal-signal{
        transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
      }

      .terminal-signal:hover{
        transform:translateY(-2px);
        border-color:#334359;
        box-shadow:0 18px 40px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03);
      }
    }

    @media(max-width:520px){
      .luxury-home-hero{
        padding:18px;
      }

      .luxury-snapshot{
        gap:6px;
      }

      .luxury-snapshot>div{
        padding:9px;
      }

      .membership-pass{
        grid-template-columns:minmax(0,1fr) auto!important;
        gap:9px!important;
      }

      .terminal-entry-grid{
        grid-template-columns:1fr 1fr;
      }

      .terminal-price.main{
        grid-column:1/-1;
        border-right:0;
        border-bottom:1px solid #1d2734;
      }

      .terminal-entry-grid .terminal-price:nth-child(2){
        border-right:1px solid #1d2734;
      }

      .member-identity-card{
        min-height:205px;
      }
    }

    @media(max-width:390px){
      .luxury-home-title{
        font-size:25px;
      }

      .luxury-monogram{
        width:44px;
        height:44px;
        border-radius:15px;
      }

      .luxury-snapshot small{
        font-size:5.8px;
      }

      .luxury-snapshot b{
        font-size:13px;
      }

      .terminal-target-grid{
        gap:5px;
        padding-left:12px;
        padding-right:12px;
      }

      .terminal-target-grid>div{
        padding:8px 7px;
      }

      .member-card-bottom{
        gap:5px;
      }

      .member-card-bottom b{
        font-size:8px;
      }
    }



    /* ============================================================
       AMIS v0.7.12 — EXPIRED RIBBON + CLEAR MOMENTUM CHART
       UI only. Existing backend/API/access/payment logic untouched.
    ============================================================ */

    .terminal-signal.expired{
      border-color:#3b3038!important;
      background:radial-gradient(280px 140px at 100% 0%,rgba(255,100,120,.045),transparent 72%),linear-gradient(150deg,#111319,#090b10)!important;
    }
    .terminal-signal.expired .signal-accent{background:linear-gradient(90deg,transparent,#8b6670 30%,#5f6470 72%,transparent);opacity:.72}
    .signal-expired-band{position:absolute;z-index:8;top:16px;right:-47px;width:176px;height:30px;display:grid;place-items:center;transform:rotate(37deg);background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 45%),linear-gradient(90deg,#4d2932,#7a3445,#4d2932);border-top:1px solid rgba(255,134,153,.28);border-bottom:1px solid rgba(255,134,153,.22);box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 20px rgba(255,100,120,.06);pointer-events:none}
    .signal-expired-band span{color:#ffd7de;font-size:8px;font-weight:950;letter-spacing:2.2px;text-shadow:0 1px 8px rgba(0,0,0,.4)}
    .terminal-expired-dot{width:7px;height:7px;border-radius:50%;background:#8d7580;box-shadow:0 0 0 4px rgba(141,117,128,.08)}
    .expired-text{color:#c894a0!important}
    .terminal-signal.expired .terminal-market-icon,.terminal-signal.expired .terminal-target-grid,.terminal-signal.expired .terminal-entry-grid,.terminal-signal.expired .terminal-progress{filter:saturate(.55)}
    .terminal-signal.expired .expired-targets{opacity:.62}
    .terminal-signal.expired .terminal-risk{color:#9e7882}

    .momentum-chart{min-height:0!important}
    .momentum-summary{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin:0 0 10px;color:#8391a4;font-size:7.5px}
    .momentum-summary span{display:inline-flex;align-items:center;gap:5px}
    .momentum-summary i{width:7px;height:7px;border-radius:50%}
    .momentum-summary i.up{background:#43e58b;box-shadow:0 0 10px rgba(67,229,139,.35)}
    .momentum-summary i.down{background:#ff6478;box-shadow:0 0 10px rgba(255,100,120,.30)}
    .momentum-summary i.flat{background:#8391a4}
    .momentum-range{margin-left:auto;color:#66758a;font-size:6.8px;letter-spacing:.35px}
    .momentum-svg-shell{position:relative;width:100%;min-width:0;border:1px solid #202b38;border-radius:15px;padding:7px 8px 5px;overflow:hidden;background:linear-gradient(180deg,rgba(67,229,139,.025) 0 49.7%,rgba(255,100,120,.025) 50.3% 100%),rgba(6,10,15,.46)}
    .momentum-svg-shell svg{display:block;width:100%;height:clamp(180px,32vw,245px);max-width:100%;overflow:visible}
    .momentum-gridline{stroke:#24303e;stroke-width:1;stroke-dasharray:3 7;opacity:.68;vector-effect:non-scaling-stroke}
    .momentum-zero-line{stroke:#68788d;stroke-width:1.15;opacity:.78;vector-effect:non-scaling-stroke}
    .momentum-svg-up{fill:#43e58b;filter:drop-shadow(0 0 5px rgba(67,229,139,.16))}
    .momentum-svg-down{fill:#ff6478;filter:drop-shadow(0 0 5px rgba(255,100,120,.14))}
    .momentum-svg-flat{fill:#8391a4;opacity:.7}
    .momentum-axis-label{fill:#718095;font-size:8px;font-weight:800}
    .momentum-axis-label.zero{fill:#a6b3c2}
    .momentum-xlabels{display:flex;justify-content:space-between;gap:10px;padding:2px 4px 0 45px;color:#657488;font-size:6.8px}
    .momentum-tooltip{position:absolute;z-index:5;top:12px;transform:translateX(-50%);min-width:82px;padding:8px 9px;border-radius:11px;border:1px solid #35465b;background:rgba(10,15,22,.95);box-shadow:0 10px 26px rgba(0,0,0,.28);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .12s ease;text-align:center}
    .momentum-tooltip b{display:block;font-size:9px}
    .momentum-tooltip span{display:block;margin-top:3px;color:#8391a4;font-size:6.5px}

    @media(max-width:460px){
      .signal-expired-band{top:14px;right:-52px;width:180px}
      .momentum-range{width:100%;margin-left:0}
      .momentum-svg-shell svg{height:190px}
      .momentum-axis-label{font-size:7px}
    }
    @media(max-width:370px){.momentum-svg-shell{padding-left:4px;padding-right:4px}.momentum-xlabels{padding-left:40px;font-size:6px}}



    /* ============================================================
       AMIS v0.7.13 — SIGNAL LIFECYCLE VISUAL FIX
       Frontend-only: stop path, progressive entry/targets, result bands.
    ============================================================ */

    .signal-result-band{
      position:absolute;
      z-index:12;
      top:17px;
      right:-49px;
      width:184px;
      height:31px;
      display:grid;
      place-items:center;
      transform:rotate(37deg);
      border-top:1px solid rgba(255,255,255,.18);
      border-bottom:1px solid rgba(255,255,255,.12);
      box-shadow:0 9px 22px rgba(0,0,0,.27);
      pointer-events:none;
    }

    .signal-result-band span{
      color:#fff;
      font-size:7.5px;
      font-weight:950;
      letter-spacing:1.8px;
      text-shadow:0 1px 8px rgba(0,0,0,.42);
    }

    .signal-result-band.expired{
      background:linear-gradient(90deg,#4d2932,#7a3445,#4d2932);
      border-color:rgba(255,134,153,.25);
    }

    .signal-result-band.stopped{
      background:linear-gradient(90deg,#54212d,#b43d54,#54212d);
      border-color:rgba(255,100,120,.35);
      box-shadow:0 9px 22px rgba(0,0,0,.27),0 0 24px rgba(255,100,120,.07);
    }

    .signal-result-band.full-target{
      background:linear-gradient(90deg,#124a38,#169765,#124a38);
      border-color:rgba(67,229,139,.36);
      box-shadow:0 9px 22px rgba(0,0,0,.27),0 0 24px rgba(67,229,139,.08);
    }

    .terminal-result-dot{
      width:7px;
      height:7px;
      border-radius:50%;
      box-shadow:0 0 0 4px rgba(255,255,255,.035);
    }

    .terminal-result-dot.expired{background:#8d7580}
    .terminal-result-dot.stopped{
      background:#ff6478;
      box-shadow:0 0 12px rgba(255,100,120,.42);
    }
    .terminal-result-dot.full-target{
      background:#43e58b;
      box-shadow:0 0 12px rgba(67,229,139,.42);
    }

    .terminal-signal.stopped{
      border-color:#3b2830!important;
      background:
        radial-gradient(280px 140px at 100% 0%,rgba(255,100,120,.055),transparent 72%),
        linear-gradient(150deg,#111319,#090b10)!important;
    }

    .terminal-signal.stopped .signal-accent{
      background:linear-gradient(90deg,transparent,#ff6478 26%,#a66bff 72%,transparent);
    }

    .terminal-signal.full-target{
      border-color:#233a33!important;
      background:
        radial-gradient(280px 140px at 100% 0%,rgba(67,229,139,.055),transparent 72%),
        linear-gradient(150deg,#0e1715,#080d0c)!important;
    }

    .terminal-signal.full-target .signal-accent{
      background:linear-gradient(90deg,transparent,#43e58b 24%,#49d8ff 74%,transparent);
    }

    /* Alternative SL branch makes the risk path explicit. */
    .stop-branch{
      margin-top:12px;
      padding:10px 11px 9px;
      border:1px solid #202b38;
      border-radius:13px;
      background:
        linear-gradient(90deg,rgba(255,100,120,.018),transparent 52%),
        #0a1016;
    }

    .stop-branch.hit{
      border-color:rgba(255,100,120,.25);
      background:
        linear-gradient(90deg,rgba(255,100,120,.07),rgba(255,100,120,.015)),
        #0a1016;
    }

    .stop-branch-label{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:8px;
      color:#68778b;
      font-size:6.5px;
      font-weight:950;
      letter-spacing:.85px;
    }

    .stop-branch-label b{
      color:#7e8da0;
      font-size:6.5px;
    }

    .stop-branch.hit .stop-branch-label b{
      color:#ff7588;
    }

    .stop-branch-rail{
      display:grid;
      grid-template-columns:auto minmax(34px,1fr) 29px auto;
      align-items:center;
      gap:8px;
      margin-top:8px;
    }

    .stop-origin{
      min-width:42px;
      height:24px;
      padding:0 7px;
      border-radius:999px;
      display:grid;
      place-items:center;
      border:1px solid #303b49;
      background:#111821;
      color:#718094;
      font-size:6px;
      font-weight:950;
      letter-spacing:.55px;
    }

    .stop-origin.reached{
      color:#052015;
      border-color:#43e58b;
      background:#43e58b;
      box-shadow:0 0 13px rgba(67,229,139,.17);
    }

    .stop-branch-rail i{
      display:block;
      height:2px;
      border-radius:99px;
      background:#283442;
      position:relative;
      overflow:hidden;
    }

    .stop-branch.hit .stop-branch-rail i{
      background:linear-gradient(90deg,#43e58b,#ff6478);
      box-shadow:0 0 8px rgba(255,100,120,.12);
    }

    .stop-node{
      width:29px;
      height:29px;
      border-radius:50%;
      display:grid;
      place-items:center;
      border:2px solid #394656;
      background:#111821;
      color:#718094;
      font-size:7px;
      font-weight:950;
    }

    .stop-node.hit{
      color:#fff;
      border-color:#ff6478;
      background:#ff6478;
      box-shadow:
        0 0 0 5px rgba(255,100,120,.07),
        0 0 18px rgba(255,100,120,.25);
      animation:pop .45s ease;
    }

    .stop-branch-rail strong{
      min-width:55px;
      text-align:right;
      font-size:8.5px;
      color:#8794a5;
    }

    /* Completed target progress is sequential in UI. */
    .terminal-signal.full-target .targets:before{
      background:linear-gradient(90deg,#43e58b,#43e58b);
      box-shadow:0 0 10px rgba(67,229,139,.10);
    }

    .terminal-signal.stopped .terminal-progress-head b{
      color:#ff7588;
    }

    .terminal-signal.full-target .terminal-progress-head b{
      color:#58eba0;
    }

    @media(max-width:460px){
      .signal-result-band{
        top:15px;
        right:-54px;
        width:188px;
      }

      .stop-branch{
        padding-left:9px;
        padding-right:9px;
      }

      .stop-branch-rail{
        grid-template-columns:auto minmax(24px,1fr) 28px auto;
        gap:6px;
      }

      .stop-branch-rail strong{
        min-width:49px;
        font-size:8px;
      }
    }

    @media(max-width:360px){
      .stop-origin{
        min-width:37px;
        padding:0 5px;
        font-size:5.5px;
      }

      .stop-branch-rail strong{
        min-width:44px;
        font-size:7.5px;
      }
    }



    /* ============================================================
       AMIS v0.7.14 — SUPER ADMIN SIGNAL HARD DELETE
       Strictly isolated destructive control. No ordinary admin access.
    ============================================================ */

    .hard-delete-zone{
      margin-top:12px;
      padding:11px;
      border:1px solid rgba(255,100,120,.18);
      border-radius:13px;
      background:linear-gradient(90deg,rgba(255,100,120,.045),rgba(255,100,120,.012));
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      align-items:center;
      gap:10px;
    }

    .hard-delete-zone b{
      display:block;
      color:#d6929d;
      font-size:6.5px;
      letter-spacing:.9px;
    }

    .hard-delete-zone span{
      display:block;
      margin-top:4px;
      color:#7e8998;
      font-size:7px;
      line-height:1.45;
    }

    .btn.hard-delete{
      color:#ffd6dc;
      border-color:rgba(255,100,120,.38);
      background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),
        linear-gradient(145deg,rgba(133,35,52,.34),rgba(70,22,31,.55));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 20px rgba(90,20,35,.12);
    }

    .hard-delete-modal{
      text-align:left;
    }

    .hard-delete-icon{
      width:42px;
      height:42px;
      display:grid;
      place-items:center;
      border-radius:14px;
      margin-bottom:12px;
      color:#ffd5dc;
      font-size:20px;
      font-weight:950;
      border:1px solid rgba(255,100,120,.32);
      background:rgba(255,100,120,.08);
    }

    .hard-delete-warning{
      margin-top:12px;
      padding:11px;
      border-radius:13px;
      border:1px solid rgba(255,100,120,.18);
      background:rgba(255,100,120,.045);
      color:#aab4c0;
      font-size:9px;
      line-height:1.7;
    }

    .hard-delete-code{
      margin:11px 0;
      padding:10px 11px;
      border:1px solid #273344;
      border-radius:12px;
      background:#0a0f16;
    }

    .hard-delete-code small{
      display:block;
      color:#69788c;
      font-size:6.5px;
      letter-spacing:.9px;
    }

    .hard-delete-code b{
      display:block;
      margin-top:4px;
      color:#f1f5f9;
      font-size:10px;
      word-break:break-all;
    }

    @media(max-width:520px){
      .hard-delete-zone{grid-template-columns:1fr}
      .hard-delete-zone .btn{width:100%}
    }



    /* ============================================================
       AMIS v0.7.15 — DISCOVERABLE SUPER ADMIN SIGNAL DELETE
       Frontend entry points only. Existing API hard-delete security remains.
    ============================================================ */

    .super-signal-manager-banner{
      margin:2px 0 11px;
      padding:13px 14px;
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:12px;
      align-items:center;
      border:1px solid rgba(255,100,120,.20);
      border-radius:17px;
      background:
        radial-gradient(220px 100px at 100% 0%,rgba(255,100,120,.055),transparent 70%),
        linear-gradient(145deg,#10151d,#090d13);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 26px rgba(0,0,0,.12);
    }

    .super-signal-manager-banner b{
      display:block;
      margin-top:5px;
      font-size:11px;
      color:#f1f4f8;
    }

    .super-signal-manager-banner span{
      display:block;
      margin-top:4px;
      color:#7d899a;
      font-size:7.5px;
      line-height:1.5;
    }

    .btn.hard-delete.compact{
      width:auto;
      min-height:38px;
      padding:8px 11px;
      white-space:nowrap;
      font-size:8px;
    }

    .super-signal-card-tools{
      display:grid;
      grid-template-columns:minmax(0,1fr) auto;
      gap:10px;
      align-items:center;
      padding:10px 14px 12px;
      border-top:1px solid rgba(255,100,120,.12);
      background:linear-gradient(90deg,rgba(255,100,120,.035),rgba(255,100,120,.008));
    }

    .super-signal-card-tools small{
      display:block;
      color:#d28b98;
      font-size:6px;
      font-weight:950;
      letter-spacing:.95px;
    }

    .super-signal-card-tools span{
      display:block;
      margin-top:3px;
      color:#748195;
      font-size:6.8px;
    }

    @media(max-width:480px){
      .super-signal-manager-banner{
        grid-template-columns:1fr;
      }

      .super-signal-manager-banner .btn{
        width:100%;
      }

      .super-signal-card-tools{
        grid-template-columns:1fr;
      }

      .super-signal-card-tools .btn{
        width:100%;
      }
    }



    /* ============================================================
       AMIS v0.7.16 — SIGNATURE PRIVATE TERMINAL UI
       Visual system only. No API, payment, access, commerce or signal logic changes.
    ============================================================ */

    body:before{
      content:"";
      position:fixed;
      inset:0;
      z-index:-2;
      pointer-events:none;
      background:
        radial-gradient(650px 420px at 84% -5%,rgba(127,78,219,.075),transparent 70%),
        radial-gradient(520px 360px at -8% 28%,rgba(44,175,218,.04),transparent 72%),
        radial-gradient(480px 300px at 58% 105%,rgba(212,176,92,.025),transparent 72%);
    }

    .signature-ui{
      position:relative;
      isolation:isolate;
    }

    .amis-signature-mark{
      position:absolute;
      z-index:0;
      left:0;
      top:0;
      width:100%;
      height:116px;
      pointer-events:none;
      opacity:.48;
      overflow:visible;
    }

    .command-hero{
      min-height:0;
      padding-top:18px!important;
    }

    .command-hero>*:not(.amis-signature-mark),
    .command-workspace-hero>*:not(.amis-signature-mark),
    .signature-chart-card>*:not(.amis-signature-mark),
    .performance-command-frame>*:not(.amis-signature-mark),
    .admin-command-header>*:not(.amis-signature-mark),
    .account-signature-wrap>*:not(.amis-signature-mark){
      position:relative;
      z-index:1;
    }

    .command-hero-kicker{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      margin-bottom:21px;
      color:#77859a;
      font-size:6.2px;
      font-weight:950;
      letter-spacing:1.1px;
    }

    .command-hero-kicker span{
      display:inline-flex;
      align-items:center;
      gap:6px;
    }

    .command-hero-kicker i{
      width:6px;
      height:6px;
      border-radius:50%;
      background:#49d8ff;
      box-shadow:0 0 13px rgba(73,216,255,.55);
    }

    .command-hero-kicker b{
      color:#5e6b7e;
      font-size:5.8px;
      letter-spacing:1px;
      font-weight:900;
    }

    .luxury-home-title{
      max-width:560px;
      font-size:clamp(27px,6.8vw,39px)!important;
      line-height:1.02!important;
      letter-spacing:-1.7px!important;
    }

    .luxury-home-title span{
      color:#77859a;
      font-weight:760;
    }

    .luxury-welcome{
      margin-top:11px;
      color:#b8c2cf;
      font-size:9px;
      font-weight:780;
    }

    .command-snapshot{
      border-top:1px solid rgba(64,78,96,.38);
      border-bottom:1px solid rgba(64,78,96,.28);
      padding:9px 0;
      margin-top:19px!important;
      gap:0!important;
    }

    .command-snapshot>div{
      border:0!important;
      border-right:1px solid rgba(64,78,96,.34)!important;
      border-radius:0!important;
      background:transparent!important;
      padding:8px 12px!important;
      backdrop-filter:none!important;
    }

    .command-snapshot>div:last-child{
      border-right:0!important;
    }

    .command-snapshot span{
      display:block;
      margin-top:3px;
      color:#566579;
      font-size:5.9px;
    }

    .signature-chart-card{
      position:relative;
      overflow:hidden;
      min-width:0;
      border-color:#243142!important;
      background:
        radial-gradient(340px 130px at 84% 0%,rgba(73,216,255,.04),transparent 72%),
        linear-gradient(150deg,#0f151d,#080c12)!important;
    }

    .signature-chart-card .amis-signature-mark{
      opacity:.17;
      top:-18px;
    }

    .performance-command-frame{
      position:relative;
      padding-top:55px;
    }

    .performance-command-frame>.amis-signature-mark{
      height:92px;
      opacity:.38;
    }

    .performance-terminal-label{
      position:absolute!important;
      top:13px;
      left:1px;
      right:1px;
      z-index:2!important;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:#7b899d;
      font-size:6px;
      letter-spacing:1px;
      font-weight:950;
    }

    .performance-terminal-label b{
      color:#59687b;
      font-size:5.8px;
    }

    .performance-toolbar{
      border-top-color:#314155!important;
    }

    .performance-ring-card,
    .performance-net-card,
    .chart-card-pro{
      backdrop-filter:blur(4px);
    }

    .command-workspace-hero{
      position:relative;
      overflow:hidden;
      min-height:183px;
      padding-top:18px!important;
      background:
        radial-gradient(360px 190px at 100% 0%,rgba(166,107,255,.13),transparent 68%),
        radial-gradient(260px 160px at 0% 110%,rgba(73,216,255,.045),transparent 68%),
        linear-gradient(145deg,#111720,#090d13)!important;
    }

    .command-workspace-hero .amis-signature-mark{
      opacity:.40;
    }

    .command-workspace-hero .more-title{
      margin-top:8px;
      font-size:clamp(25px,6.5vw,35px);
      line-height:1.03;
      letter-spacing:-1.3px;
    }

    .command-workspace-hero .more-title span{
      color:#77859a;
      font-weight:700;
    }

    .control-center-shell{
      margin-top:24px;
      padding:14px;
      border:1px solid rgba(166,107,255,.20);
      border-radius:22px;
      background:
        radial-gradient(320px 140px at 100% 0%,rgba(166,107,255,.055),transparent 70%),
        linear-gradient(150deg,#0e141c,#080c12);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.13);
    }

    .control-center-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      padding:3px 2px 11px;
      border-bottom:1px solid #1d2733;
    }

    .control-center-title{
      margin-top:5px;
      color:#f0f4f8;
      font-size:15px;
      font-weight:950;
      letter-spacing:-.35px;
    }

    .control-center-sub{
      margin-top:4px;
      color:#758397;
      font-size:7.3px;
      line-height:1.5;
      max-width:430px;
    }

    .control-center-lock{
      display:inline-flex;
      align-items:center;
      gap:6px;
      flex:0 0 auto;
      padding:7px 9px;
      border-radius:999px;
      color:#b989ff;
      border:1px solid rgba(166,107,255,.22);
      background:rgba(166,107,255,.055);
      font-size:6px;
      font-weight:950;
      letter-spacing:.8px;
    }

    .control-center-shell .module-section{
      margin-top:14px;
    }

    .control-center-shell .module-card{
      border-color:#293547;
      background:
        radial-gradient(150px 70px at 0 0,rgba(166,107,255,.06),transparent 72%),
        linear-gradient(145deg,#111720,#0a0f16);
    }

    .admin-command-header{
      position:relative;
      min-height:145px;
      margin-bottom:11px;
      padding:20px;
      border:1px solid rgba(166,107,255,.20);
      border-radius:23px;
      overflow:hidden;
      background:
        radial-gradient(330px 170px at 100% 0%,rgba(166,107,255,.12),transparent 68%),
        linear-gradient(145deg,#111720,#080c12);
      box-shadow:0 18px 42px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025);
    }

    .admin-command-header>.amis-signature-mark{
      opacity:.34;
    }

    .admin-command-header>span{
      position:absolute!important;
      top:17px;
      right:17px;
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#b889ff;
      font-size:6px;
      font-weight:950;
      letter-spacing:.9px;
    }

    .admin-command-title{
      margin-top:9px;
      color:#f1f5f9;
      font-size:26px;
      font-weight:950;
      letter-spacing:-1.1px;
    }

    .admin-command-sub{
      margin-top:6px;
      color:#77869a;
      font-size:8px;
      line-height:1.5;
    }

    .account-signature-wrap{
      position:relative;
      padding-top:27px;
    }

    .account-signature-wrap>.amis-signature-mark{
      height:78px;
      opacity:.34;
    }

    .member-identity-card{
      border-color:rgba(240,201,107,.24)!important;
      box-shadow:
        0 25px 62px rgba(0,0,0,.31),
        inset 0 1px 0 rgba(255,255,255,.045)!important;
    }

    .member-identity-card:after{
      content:"";
      position:absolute;
      left:18px;
      right:18px;
      bottom:63px;
      height:1px;
      background:linear-gradient(90deg,transparent,rgba(240,201,107,.16),transparent);
      pointer-events:none;
    }

    .module-card,
    .quick-action,
    .terminal-signal,
    .card,
    .premium-panel{
      transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
    }

    .terminal-signal{
      box-shadow:
        0 14px 33px rgba(0,0,0,.17),
        inset 0 1px 0 rgba(255,255,255,.022)!important;
    }

    .terminal-signal .symbol{
      letter-spacing:-.45px;
    }

    .bottomnav{
      background:rgba(6,9,14,.945)!important;
      border-top-color:#1b2531!important;
    }

    .nav-btn.on{
      background:
        radial-gradient(55px 38px at 50% 22%,rgba(166,107,255,.18),transparent 72%),
        linear-gradient(180deg,rgba(166,107,255,.055),rgba(166,107,255,.02))!important;
    }

    @media(hover:hover){
      .module-card:hover,
      .quick-action:hover{
        transform:translateY(-2px);
        border-color:#3b4b60!important;
      }

      .signature-chart-card:hover{
        border-color:#34465d!important;
      }
    }

    @media(max-width:520px){
      .command-hero-kicker,
      .performance-terminal-label{
        gap:6px;
      }

      .command-hero-kicker b,
      .performance-terminal-label b{
        display:none;
      }

      .command-snapshot>div{
        padding-left:8px!important;
        padding-right:8px!important;
      }

      .control-center-head{
        display:grid;
        grid-template-columns:1fr;
      }

      .control-center-lock{
        width:max-content;
      }

      .admin-command-header{
        min-height:138px;
        padding:18px;
      }

      .admin-command-header>span{
        top:14px;
        right:14px;
      }
    }

    @media(max-width:380px){
      .luxury-home-title{
        font-size:26px!important;
      }

      .command-snapshot span{
        display:none;
      }

      .control-center-shell{
        padding:11px;
      }
    }



    /* ============================================================
       AMIS v0.7.17 — COMPACT PREMIUM WIDGET SYSTEM
       CSS-ONLY refinement:
       - Cards return to a compact density
       - Buttons become richer interactive widgets
       - Better hierarchy, glow and tactile states
       - No JS/API/backend/payment/access changes
    ============================================================ */

    /* ---------- Global density ---------- */
    .app{
      max-width:760px!important;
      padding-left:11px!important;
      padding-right:11px!important;
    }

    .card,
    .premium-panel,
    .signal-card,
    .module-card,
    .quick-action,
    .member-identity-card,
    .dashboard-hero,
    .more-hero,
    .social-hero,
    .ib-hero,
    .admin-command-header{
      border-radius:18px!important;
    }

    .card{
      padding:13px!important;
      margin-top:9px!important;
    }

    .dashboard-hero,
    .more-hero,
    .social-hero,
    .ib-hero{
      padding:16px!important;
    }

    .luxury-home-hero{
      padding:16px!important;
    }

    .admin-command-header{
      min-height:118px!important;
      padding:16px!important;
    }

    .member-identity-card{
      min-height:184px!important;
      padding:16px!important;
    }

    .module-card{
      min-height:68px!important;
      padding:11px 12px!important;
    }

    .quick-action{
      min-height:68px!important;
      padding:10px!important;
    }

    .metric-card,
    .kpi{
      min-height:88px!important;
      padding:12px!important;
      border-radius:16px!important;
    }

    .performance-ring-card,
    .performance-net-card{
      min-height:142px!important;
      padding:13px!important;
      border-radius:18px!important;
    }

    .control-center-shell{
      padding:11px!important;
      border-radius:18px!important;
    }

    .subscription-pro{
      padding:12px 13px!important;
      border-radius:15px!important;
    }

    /* ---------- Hero: compact but premium ---------- */
    .luxury-home-title{
      font-size:clamp(23px,5.5vw,32px)!important;
      letter-spacing:-1.15px!important;
      line-height:1.04!important;
    }

    .command-hero-kicker{
      margin-bottom:14px!important;
    }

    .luxury-snapshot{
      margin-top:13px!important;
      padding:6px 0!important;
    }

    .command-snapshot>div{
      padding:6px 9px!important;
    }

    .command-snapshot b{
      font-size:13px!important;
    }

    .membership-pass{
      margin-top:12px!important;
    }

    /* ---------- Widget buttons ---------- */
    .btn{
      position:relative;
      min-height:42px!important;
      padding:9px 13px!important;
      border-radius:13px!important;
      border-color:#2d3a4d!important;
      background:
        linear-gradient(180deg,rgba(255,255,255,.026),transparent 42%),
        linear-gradient(145deg,#121923,#0b1017)!important;
      color:#dbe3ec!important;
      font-size:9.2px!important;
      font-weight:900!important;
      letter-spacing:.06px;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 7px 17px rgba(0,0,0,.12)!important;
      overflow:hidden;
      isolation:isolate;
      transition:
        transform .14s ease,
        border-color .14s ease,
        box-shadow .14s ease,
        filter .14s ease!important;
    }

    .btn:before{
      content:"";
      position:absolute;
      z-index:-1;
      inset:0;
      opacity:0;
      background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.07) 48%,transparent 72%);
      transform:translateX(-35%);
      transition:opacity .18s ease,transform .32s ease;
    }

    .btn:active{
      transform:scale(.975)!important;
      filter:brightness(.96);
    }

    @media(hover:hover){
      .btn:hover{
        transform:translateY(-1px);
        border-color:#465872!important;
        box-shadow:
          inset 0 1px 0 rgba(255,255,255,.045),
          0 10px 24px rgba(0,0,0,.16)!important;
      }
      .btn:hover:before{
        opacity:1;
        transform:translateX(35%);
      }
    }

    .btn.primary{
      color:#fff!important;
      border-color:#6f70ff!important;
      background:
        radial-gradient(110px 70px at 30% 0%,rgba(255,255,255,.16),transparent 70%),
        linear-gradient(135deg,#4f68ff,#7550ee)!important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 9px 22px rgba(92,82,235,.23)!important;
    }

    .btn.green{
      color:#92f3bc!important;
      border-color:rgba(67,229,139,.35)!important;
      background:
        radial-gradient(100px 65px at 25% 0%,rgba(67,229,139,.12),transparent 70%),
        linear-gradient(145deg,rgba(18,73,51,.56),rgba(12,42,31,.74))!important;
    }

    .btn.red{
      color:#ff9aa8!important;
      border-color:rgba(255,100,120,.34)!important;
      background:
        radial-gradient(100px 65px at 25% 0%,rgba(255,100,120,.11),transparent 70%),
        linear-gradient(145deg,rgba(82,31,43,.58),rgba(48,20,28,.78))!important;
    }

    .btn.gold{
      color:#f4d37f!important;
      border-color:rgba(240,201,107,.34)!important;
      background:
        radial-gradient(100px 65px at 25% 0%,rgba(240,201,107,.11),transparent 70%),
        linear-gradient(145deg,rgba(77,62,25,.55),rgba(45,37,18,.78))!important;
    }

    .btn.hard-delete{
      color:#ffd1d9!important;
      border-color:rgba(255,100,120,.40)!important;
      background:
        radial-gradient(100px 65px at 25% 0%,rgba(255,100,120,.12),transparent 70%),
        linear-gradient(145deg,rgba(99,31,47,.58),rgba(55,20,30,.82))!important;
    }

    .btn[disabled],
    .btn:disabled{
      opacity:.38!important;
      filter:saturate(.55)!important;
      transform:none!important;
      box-shadow:none!important;
    }

    /* ---------- Button rows become widget groups ---------- */
    .btn-row{
      gap:7px!important;
    }

    .btn-row .btn{
      flex:1 1 0;
    }

    .range-tabs{
      gap:5px!important;
      padding:4px;
      border:1px solid #202b39;
      border-radius:14px;
      background:#080d13;
      overflow-x:auto;
      scrollbar-width:none;
    }

    .range-tabs::-webkit-scrollbar{display:none}

    .range-tabs button{
      min-height:32px!important;
      padding:6px 10px!important;
      border:0!important;
      border-radius:10px!important;
      background:transparent!important;
      color:#708095!important;
      font-size:8px!important;
      font-weight:900!important;
      white-space:nowrap;
      box-shadow:none!important;
    }

    .range-tabs button.on{
      color:#fff!important;
      background:
        radial-gradient(70px 36px at 50% 0%,rgba(166,107,255,.22),transparent 72%),
        linear-gradient(135deg,rgba(83,95,255,.24),rgba(126,77,244,.20))!important;
      box-shadow:
        inset 0 0 0 1px rgba(139,119,255,.20),
        0 4px 12px rgba(85,70,190,.10)!important;
    }

    /* ---------- Quick actions as compact premium widgets ---------- */
    .quick-grid{
      gap:7px!important;
    }

    .quick-action{
      display:grid!important;
      grid-template-columns:38px minmax(0,1fr)!important;
      gap:10px!important;
      align-items:center!important;
      text-align:left!important;
      border-color:#243142!important;
      background:
        radial-gradient(100px 60px at 0 0,rgba(166,107,255,.055),transparent 75%),
        linear-gradient(145deg,#101720,#090e14)!important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025),
        0 7px 17px rgba(0,0,0,.10)!important;
    }

    .quick-action .qicon{
      width:38px!important;
      height:38px!important;
      border-radius:12px!important;
      background:
        radial-gradient(circle at 30% 22%,rgba(166,107,255,.20),transparent 47%),
        linear-gradient(145deg,#171f2b,#0d1219)!important;
      border-color:#334259!important;
      color:#c08cff!important;
    }

    .quick-action b{
      font-size:9.2px!important;
    }

    .quick-action small{
      font-size:6.8px!important;
      line-height:1.35!important;
    }

    /* ---------- Module widgets ---------- */
    .module-grid{
      gap:7px!important;
    }

    .module-card{
      grid-template-columns:39px minmax(0,1fr) 28px!important;
      gap:10px!important;
      border-color:#253244!important;
      background:
        radial-gradient(115px 70px at 0 0,rgba(166,107,255,.05),transparent 72%),
        linear-gradient(145deg,#101720,#090e14)!important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.024),
        0 7px 17px rgba(0,0,0,.10)!important;
    }

    .module-icon{
      width:39px!important;
      height:39px!important;
      border-radius:12px!important;
    }

    .module-card .module-arrow{
      width:28px!important;
      height:28px!important;
      border-radius:10px!important;
      background:#0c1219!important;
    }

    .module-card .module-title{
      font-size:9.6px!important;
    }

    .module-card .module-desc{
      font-size:6.8px!important;
      line-height:1.35!important;
    }

    /* ---------- KPI widgets ---------- */
    .kpi-grid,
    .grid{
      gap:7px!important;
    }

    .metric-card,
    .kpi{
      background:
        radial-gradient(120px 70px at 100% 0%,rgba(73,216,255,.025),transparent 72%),
        linear-gradient(150deg,#101720,#090e14)!important;
      border-color:#233043!important;
    }

    .metric-value,
    .num{
      font-size:clamp(21px,5vw,30px)!important;
    }

    .caption{
      font-size:6.8px!important;
    }

    /* ---------- Signal cards: visually rich, not oversized ---------- */
    .terminal-signal{
      border-radius:18px!important;
      margin:8px 0!important;
    }

    .terminal-head{
      padding:12px 13px 10px!important;
    }

    .terminal-market-icon{
      width:36px!important;
      height:36px!important;
      border-radius:11px!important;
    }

    .terminal-entry-grid{
      grid-template-columns:1.35fr .82fr .82fr!important;
    }

    .terminal-price{
      padding:10px 11px!important;
    }

    .terminal-progress{
      padding:11px 13px 6px!important;
    }

    .terminal-target-grid{
      padding:6px 13px 10px!important;
      gap:6px!important;
    }

    .terminal-target-grid>div{
      padding:8px 9px!important;
      border-radius:10px!important;
    }

    .terminal-signal-foot,
    .super-signal-card-tools{
      padding:9px 13px 10px!important;
    }

    /* ---------- Inputs feel like controls, not forms ---------- */
    textarea,input,select{
      min-height:41px!important;
      border-radius:11px!important;
      border-color:#2b384b!important;
      background:#090e14!important;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
    }

    textarea:focus,input:focus,select:focus{
      border-color:#756fff!important;
      box-shadow:
        0 0 0 3px rgba(117,111,255,.08),
        inset 0 1px 0 rgba(255,255,255,.025)!important;
    }

    /* ---------- Bottom nav: compact floating widget bar ---------- */
    .bottomnav{
      padding:7px 8px max(8px,env(safe-area-inset-bottom))!important;
      background:rgba(5,8,13,.94)!important;
      backdrop-filter:blur(24px) saturate(135%)!important;
    }

    .nav-inner{
      gap:4px!important;
      padding:3px;
      border:1px solid rgba(39,52,69,.72);
      border-radius:17px;
      background:rgba(8,12,18,.68);
    }

    .nav-btn{
      min-height:47px!important;
      border-radius:12px!important;
      font-size:6.8px!important;
      gap:3px!important;
    }

    .nav-btn.on{
      color:#d4adff!important;
      background:
        radial-gradient(52px 34px at 50% 20%,rgba(166,107,255,.23),transparent 74%),
        linear-gradient(180deg,rgba(166,107,255,.075),rgba(166,107,255,.025))!important;
      box-shadow:
        inset 0 0 0 1px rgba(166,107,255,.07),
        0 5px 12px rgba(67,41,112,.08)!important;
    }

    .nav-btn.on:after{
      width:13px!important;
      height:2px!important;
      margin-top:0!important;
    }

    /* ---------- Toast / sheets ---------- */
    .toast{
      border-radius:13px!important;
      background:rgba(14,21,30,.97)!important;
      border-color:#39495f!important;
    }

    .sheet-card,
    .modal-card{
      border-radius:20px 20px 0 0!important;
    }

    /* ---------- Mobile ---------- */
    @media(max-width:520px){
      .app{
        padding-left:9px!important;
        padding-right:9px!important;
      }

      .dashboard-hero,
      .more-hero,
      .social-hero,
      .ib-hero{
        padding:14px!important;
      }

      .command-snapshot>div{
        padding:5px 7px!important;
      }

      .command-snapshot span{
        display:none!important;
      }

      .metric-card,
      .kpi{
        min-height:82px!important;
      }

      .performance-ring-card,
      .performance-net-card{
        min-height:132px!important;
      }

      .terminal-entry-grid{
        grid-template-columns:1fr 1fr!important;
      }

      .terminal-price.main{
        grid-column:1/-1!important;
      }
    }

    @media(max-width:390px){
      .card{
        padding:11px!important;
      }

      .btn{
        min-height:40px!important;
        padding:8px 10px!important;
        font-size:8.6px!important;
      }

      .module-card{
        min-height:64px!important;
      }

      .quick-action{
        min-height:64px!important;
      }

      .member-identity-card{
        min-height:172px!important;
      }
    }



    /* AMIS v0.7.19 — Delete confirmation UX fix */
    .delete-confirm-hint{
      display:block;
      margin-top:6px;
      color:#718095;
      font-size:7px;
      line-height:1.45;
    }

    #hardDeleteConfirm{
      font-weight:850;
      letter-spacing:.15px;
      color:#f1f5f9!important;
    }



    /* ============================================================
       AMIS v0.7.46 — FULL PRODUCT UI V5 + USER 360
       Additive UI only. Existing signals/social/academy/admin UI preserved.
    ============================================================ */
    .pay-shell{position:relative;overflow:hidden}
    .pay-hero{
      border:1px solid #243246;border-radius:24px;padding:18px;
      background:
        radial-gradient(420px 180px at 100% 0%,rgba(73,216,255,.11),transparent 68%),
        radial-gradient(360px 180px at 0% 100%,rgba(166,107,255,.10),transparent 70%),
        linear-gradient(145deg,#101720,#080c12);
    }
    .pay-amount{font-size:34px;font-weight:950;letter-spacing:-1.2px;margin:8px 0 2px}
    .pay-network{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
    .pay-pill{
      display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;
      border:1px solid #2a3850;background:#0b1119;color:#9eafc2;font-size:8px;font-weight:900
    }
    .pay-pill.live{border-color:rgba(67,229,139,.26);color:#58eba0;background:rgba(67,229,139,.06)}
    .pay-policy{
      margin-top:10px;border:1px solid rgba(243,197,91,.25);border-radius:18px;
      background:rgba(243,197,91,.055);padding:14px
    }
    .pay-policy h3{font-size:12px;margin:0 0 8px;color:#f0ca6d}
    .pay-policy p{font-size:9px;line-height:1.8;color:#aab5c3;margin:0}
    .pay-check{
      display:flex;gap:9px;align-items:flex-start;margin-top:9px;padding:10px;
      border:1px solid #202c3c;border-radius:14px;background:#090e15
    }
    .pay-check input{width:17px;height:17px;margin:1px 0 0;accent-color:#7968ff;flex:0 0 auto}
    .pay-check span{font-size:9px;color:#aeb8c6;line-height:1.65}
    .plan-select-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:10px}
    .plan-choice{
      width:100%;text-align:left;border:1px solid #243044;border-radius:17px;padding:14px;
      background:linear-gradient(145deg,#101620,#0a0e14);color:#eef4fb;cursor:pointer
    }
    .plan-choice.on{border-color:#7168ff;box-shadow:0 0 0 1px rgba(113,104,255,.22),0 12px 30px rgba(0,0,0,.18)}
    .plan-choice b{font-size:12px}.plan-choice small{display:block;color:#7d8b9d;margin-top:5px;font-size:8px}
    .plan-price{float:right;color:#f0ca6d;font-size:17px;font-weight:950}
    .pay-address{
      margin-top:12px;border:1px solid #223047;border-radius:16px;padding:13px;background:#080d13
    }
    .pay-address code{display:block;color:#d9e5f4;word-break:break-all;font-size:10px;line-height:1.65;margin:7px 0}
    .pay-exact{
      display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;
      margin-top:10px;padding:13px;border-radius:16px;border:1px solid rgba(73,216,255,.20);
      background:rgba(73,216,255,.045)
    }
    .pay-exact strong{font-size:23px;letter-spacing:-.5px}
    .pay-countdown{font-size:12px;font-weight:950;color:#f0ca6d}
    .pay-timeline{margin-top:12px;border:1px solid #202b3a;border-radius:18px;padding:13px;background:#090e15}
    .pay-step{display:grid;grid-template-columns:23px 1fr auto;gap:9px;align-items:center;padding:9px 0;position:relative}
    .pay-step:not(:last-child):after{content:"";position:absolute;left:11px;top:31px;bottom:-7px;width:1px;background:#202c3a}
    .pay-step .dot{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:1px solid #2b3748;background:#0e151e;color:#697789;font-size:9px;z-index:1}
    .pay-step.done .dot{border-color:rgba(67,229,139,.34);background:rgba(67,229,139,.10);color:#5aeca1}
    .pay-step.current .dot{border-color:rgba(73,216,255,.38);background:rgba(73,216,255,.10);color:#58dfff;box-shadow:0 0 18px rgba(73,216,255,.12)}
    .pay-step b{font-size:9px}.pay-step small{display:block;color:#718094;font-size:7px;margin-top:2px}
    .pay-step em{font-style:normal;font-size:7px;color:#718094}
    .pay-hash-box{margin-top:11px;padding:13px;border:1px solid #253247;border-radius:17px;background:#0a0f16}
    .pay-hash-box input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
    .pay-warning{
      margin-top:10px;padding:12px;border:1px solid rgba(255,78,102,.23);border-radius:15px;
      background:rgba(255,78,102,.055);color:#d9a8af;font-size:8px;line-height:1.7
    }
    .payment-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .payment-admin-card{border:1px solid #223047;border-radius:17px;background:#0a0f16;padding:13px}
    .payment-admin-card small{color:#718094;font-size:7px}.payment-admin-card b{display:block;margin-top:5px;font-size:18px}
    .payment-record{margin-top:9px;border:1px solid #202c3c;border-radius:16px;padding:13px;background:#090e15}
    .payment-record code{font-size:8px;color:#aebbd0;word-break:break-all}
    .payment-status-line{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .payment-settings textarea{min-height:105px}
    @media(min-width:620px){
      .plan-select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
      .payment-admin-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
    }


/* ============================================================
   AMIS UI/UX V4 SAFE SKIN
   Presentation-only. Existing route names, IDs and API actions
   are intentionally preserved.
   ============================================================ */
:root{
  --v4-bg:#06090f;
  --v4-panel:#0d141e;
  --v4-panel2:#111a26;
  --v4-line:rgba(255,255,255,.075);
  --v4-line2:rgba(255,255,255,.045);
  --v4-text:#f5f7fb;
  --v4-muted:#a3adbc;
  --v4-violet:#8d66ff;
  --v4-cyan:#3fdce6;
  --v4-blue:#5ca3ff;
  --v4-green:#35d79a;
  --v4-gold:#e9c46d;
  --v4-red:#ff647f;
}
html{scrollbar-gutter:stable}
body{
  -webkit-text-size-adjust:100%;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  overscroll-behavior-y:none;
}
body,button,input,select,textarea{font-weight:520}
.card-title,.list-main,.module-title,.admin-command-title,.hello,.headline{font-weight:900!important}
.card-sub,.list-sub,.module-desc,.admin-command-sub,.caption{color:var(--v4-muted)!important;font-weight:620}
.app{min-height:100svh;min-height:100dvh}
.card,.admin-box,.premium-panel,.referral-panel,.subscription-pro,.renew-panel,.social-card,.course-card{
  border-color:var(--v4-line)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18)!important;
}
.card{
  background:linear-gradient(145deg,#101721,#0b1118)!important;
  border-radius:18px!important;
}
.btn{
  --v4accent:#8491a3;
  min-height:44px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--v4accent) 28%,rgba(255,255,255,.06))!important;
  background:linear-gradient(180deg,#141c28,#0c121b)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
  color:#f4f7fb!important;
  font-weight:850!important;
  transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease!important;
}
.btn:hover{filter:brightness(1.06);box-shadow:0 11px 28px rgba(0,0,0,.28)!important}
.btn:active{transform:translateY(1px) scale(.993)}
.btn.primary{--v4accent:#aa86ff;background:linear-gradient(135deg,#8d66ff,#6548d8)!important}
.btn.green{--v4accent:#52e0aa;background:linear-gradient(135deg,#0a6f4f,#07503c)!important}
.btn.red{--v4accent:#ff8196;background:linear-gradient(135deg,#761d33,#4d1424)!important}
.btn.gold{--v4accent:#ffd68b;background:linear-gradient(135deg,#5b4318,#3b2b12)!important;color:#ffe7b0!important}
.btn:disabled{opacity:.42!important;cursor:not-allowed!important;transform:none!important}
input,select,textarea{
  border-color:var(--v4-line)!important;
  background:#091017!important;
  color:#f4f7fb!important;
  border-radius:12px!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(141,102,255,.55)!important;box-shadow:0 0 0 3px rgba(141,102,255,.10)!important}
.badge,.module-badge,.status-pill,.renew-badge{
  font-weight:900!important;
  letter-spacing:.15px;
}
.nav-inner{
  min-height:72px!important;
  padding:7px!important;
  gap:5px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(13,19,28,.96),rgba(8,12,18,.96))!important;
  backdrop-filter:blur(24px) saturate(125%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.nav-btn{
  min-height:56px!important;
  padding:8px 4px 7px!important;
  border-radius:14px!important;
  color:#98a3b2!important;
  font-size:8.5px!important;
  font-weight:850!important;
  transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.nav-btn i{font-size:19px!important}
.nav-btn.on{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(141,102,255,.16),rgba(141,102,255,.075))!important;
  box-shadow:inset 0 0 0 1px rgba(160,126,255,.18),0 8px 18px rgba(77,52,160,.16)!important;
}
.nav-btn:active{transform:scale(.975)}
.module-card{
  border-radius:16px!important;
  border-color:var(--v4-line)!important;
  background:
    radial-gradient(160px 90px at 90% 4%,rgba(141,102,255,.07),transparent 70%),
    linear-gradient(150deg,#111824,#0b1119)!important;
  min-height:82px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.03)!important;
  transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease!important;
}
.module-card:hover{transform:translateY(-1px);border-color:rgba(141,102,255,.25)!important;box-shadow:0 14px 30px rgba(0,0,0,.23)!important}
.module-icon{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 28% 22%,rgba(141,102,255,.18),transparent 48%),linear-gradient(145deg,#182132,#101726)!important;
  border:1px solid rgba(141,102,255,.22)!important;
  color:#c0a7ff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22),0 0 20px rgba(141,102,255,.10),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.loading{min-height:54vh!important}
.loader{display:none!important}
.loading:before{
  content:"";width:min(520px,88vw);height:160px;border-radius:18px;
  background:linear-gradient(90deg,#0d141e,#151f2d,#0d141e);
  background-size:220% 100%;animation:v4shimmer 1.15s linear infinite;
  border:1px solid var(--v4-line)
}
@keyframes v4shimmer{to{background-position:-220% 0}}
.modal-card,.sheet-card{
  background:#0c131c!important;border-color:var(--v4-line)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
}
.sheet-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.user-row{background:#0a1017!important;border-color:var(--v4-line2)!important;transition:border-color .13s ease,transform .13s ease}
.user-row:hover{border-color:rgba(141,102,255,.28)!important;transform:translateY(-1px)}
.permission-grid{gap:8px!important}
.perm{background:#0a1017!important;border-color:var(--v4-line2)!important;padding:10px!important}
.switch{transition:background .14s ease}.switch:after{transition:left .14s ease!important}
.v4-admin-shell{display:grid;gap:12px}
.v4-admin-main,.v4-admin-side{min-width:0}
.v4-attention{display:grid;gap:8px}
.v4-attention-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px;border-radius:13px;background:#0a1017;border:1px solid var(--v4-line2)}
.v4-attention-item b{font-size:10px}.v4-attention-item small{display:block;margin-top:3px;color:var(--v4-muted);font-size:8px}
.v4-user360{display:grid;gap:12px}
.v4-user360-main,.v4-user360-timeline{min-width:0}
.v4-profile-hero{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--v4-line);border-radius:18px;background:linear-gradient(145deg,#101721,#0b1118)}
.v4-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#302359,#171e2c);border:1px solid rgba(141,102,255,.24);color:#c8b4ff;font-weight:950;font-size:15px;box-shadow:0 0 24px rgba(141,102,255,.12)}
.v4-profile-name{font-size:16px;font-weight:920}.v4-profile-sub{font-size:8.5px;color:var(--v4-muted);margin-top:4px}
.v4-profile-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.v4-timeline-card{border:1px solid var(--v4-line);border-radius:18px;background:linear-gradient(145deg,#0f1620,#0a1017);padding:14px}
.v4-timeline{position:relative;padding-right:22px;margin-top:10px}
.v4-timeline:before{content:"";position:absolute;right:8px;top:6px;bottom:8px;width:1px;background:linear-gradient(180deg,rgba(141,102,255,.55),rgba(255,255,255,.08))}
.v4-event{--event:#8d66ff;position:relative;padding:0 12px 14px 0}
.v4-event:last-child{padding-bottom:0}
.v4-event-dot{position:absolute;right:-20px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--event);border:3px solid #0a1017;box-shadow:0 0 14px color-mix(in srgb,var(--event) 48%,transparent)}
.v4-event.green{--event:#35d79a}.v4-event.gold{--event:#e9c46d}.v4-event.cyan{--event:#3fdce6}.v4-event.red{--event:#ff647f}.v4-event.blue{--event:#5ca3ff}.v4-event.violet{--event:#8d66ff}
.v4-event-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.v4-event-title{font-size:9.5px;font-weight:900}.v4-event-date{font-size:7.5px;color:#8491a4;direction:ltr}
.v4-event-desc{font-size:8px;color:#a3adbc;line-height:1.55;margin-top:4px}
.v4-event-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.v4-event-tag{font-size:6.8px;font-weight:800;padding:4px 6px;border-radius:999px;background:#111925;border:1px solid var(--v4-line2);color:#a9b4c3}
.v4-empty-timeline{padding:18px;text-align:center;color:var(--v4-muted);font-size:9px;border:1px dashed var(--v4-line);border-radius:13px}
.v4-busy{pointer-events:none!important;opacity:.64!important}
@media(min-width:1024px){
  .app{max-width:1380px!important;padding-left:18px!important;padding-right:18px!important}
  .v4-admin-shell{grid-template-columns:minmax(0,1fr) 320px}
  .v4-user360{grid-template-columns:minmax(0,1fr) 360px}
  .v4-user360-timeline{position:sticky;top:82px;align-self:start;max-height:calc(100dvh - 120px);overflow:auto}
  .modal-card{width:min(1180px,94vw)!important;max-height:90dvh!important}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:640px){
  .v4-profile-hero{grid-template-columns:auto 1fr}
  .v4-profile-actions{grid-column:1/-1}
  .btn-row{display:grid!important;grid-template-columns:1fr 1fr!important}
  .nav-inner{border-radius:20px!important}
  .nav-btn{font-size:8px!important}
}


/* ============================================================
   AMIS V5 FINAL PRODUCT UI — PRESENTATION LAYER ONLY
   No API contracts, D1 schema or business rules are changed.
   ============================================================ */
:root{
  --v5-bg:#05080d;
  --v5-surface:#0b1119;
  --v5-surface-2:#101823;
  --v5-surface-3:#151f2d;
  --v5-border:rgba(255,255,255,.075);
  --v5-border-soft:rgba(255,255,255,.045);
  --v5-text:#f6f8fb;
  --v5-muted:#a8b2c0;
  --v5-muted-2:#7f8b9c;
  --v5-purple:#8d66ff;
  --v5-cyan:#45dce8;
  --v5-blue:#5da3ff;
  --v5-green:#38d89d;
  --v5-gold:#e8c36f;
  --v5-red:#ff667f;
  --v5-radius:18px;
  --v5-shadow:0 18px 52px rgba(0,0,0,.30);
}
html{scrollbar-gutter:stable;scroll-behavior:auto!important}
body{
  background:
    radial-gradient(1000px 620px at 100% -14%,rgba(141,102,255,.07),transparent 64%),
    radial-gradient(820px 520px at -12% 12%,rgba(69,220,232,.028),transparent 64%),
    var(--v5-bg)!important;
  color:var(--v5-text)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -webkit-text-size-adjust:100%;
  overscroll-behavior-y:none;
}
body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif!important}
.app{min-height:100svh;min-height:100dvh}
.page-enter{animation:v5fade .14s ease-out both}
@keyframes v5fade{from{opacity:.01}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Typography: intentionally larger than the legacy UI */
.eyebrow{font-size:9px!important;font-weight:900!important;letter-spacing:1.1px!important;color:#7be4ed!important}
.card-title{font-size:14px!important;line-height:1.35!important;font-weight:900!important;letter-spacing:-.1px!important;color:#f5f7fb!important}
.card-sub,.panel-caption,.hero-copy,.more-sub,.ops-sub{font-size:10.5px!important;line-height:1.7!important;font-weight:580!important;color:var(--v5-muted)!important}
.list-main{font-size:11.5px!important;font-weight:850!important;line-height:1.4!important;color:#f2f5f9!important}
.list-sub{font-size:9.5px!important;line-height:1.55!important;color:#9da9b9!important}
.section-head h2{font-size:15px!important;line-height:1.25!important;font-weight:920!important;color:#f5f7fb!important}
.section-head p{font-size:10px!important;line-height:1.55!important;color:#98a5b6!important;margin-top:4px!important}
.caption,.kpi-label,.metric-label,.mini-label{font-size:8.5px!important;font-weight:850!important;letter-spacing:.45px!important;color:#98a5b5!important}
.kpi-foot,.metric-foot{font-size:8.5px!important;line-height:1.5!important;color:#8794a6!important}
label{font-size:9.5px!important;font-weight:750!important;color:#aab4c2!important}
input,select,textarea{font-size:14px!important;line-height:1.4!important}
.empty{font-size:10px!important;line-height:1.65!important;color:#94a0b1!important}

/* Cards / surfaces */
.card,.admin-box,.premium-panel,.referral-panel,.subscription-pro,.renew-panel,.course-card,.social-card,.payment-record,.support-message{
  border:1px solid var(--v5-border)!important;
  background:linear-gradient(145deg,rgba(16,24,35,.98),rgba(9,14,21,.98))!important;
  border-radius:var(--v5-radius)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.card{padding:16px!important;margin-top:12px!important}
.card-head{gap:12px!important}
.kpi,.metric-card,.mini-stat,.safety-kpi,.payment-admin-card{
  border:1px solid var(--v5-border-soft)!important;
  background:linear-gradient(145deg,#0e151e,#090f16)!important;
  border-radius:15px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.kpi .num,.metric-value{font-weight:920!important;letter-spacing:-.6px!important}

/* Buttons: one hierarchy, less visual noise */
.btn{
  --v5-accent:#8491a3;
  min-height:44px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  border:1px solid color-mix(in srgb,var(--v5-accent) 27%,rgba(255,255,255,.06))!important;
  background:linear-gradient(180deg,#141d29,#0c121b)!important;
  color:#f3f6fa!important;
  font-size:10.5px!important;font-weight:850!important;letter-spacing:.02em!important;
  box-shadow:0 7px 20px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transition:transform .13s ease,filter .13s ease,border-color .13s ease,box-shadow .13s ease!important;
  -webkit-tap-highlight-color:transparent;
}
.btn:hover{filter:brightness(1.055);box-shadow:0 10px 26px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.055)!important}
.btn:active{transform:translateY(1px) scale(.993)!important}
.btn.primary{--v5-accent:#aa87ff;background:linear-gradient(135deg,#8f68ff,#6749d8)!important;color:#fff!important}
.btn.green{--v5-accent:#55e2ad;background:linear-gradient(135deg,#0b704f,#07503c)!important;color:#eafff6!important}
.btn.red{--v5-accent:#ff8398;background:linear-gradient(135deg,#741d32,#4a1423)!important;color:#fff0f3!important}
.btn.gold{--v5-accent:#ffd68a;background:linear-gradient(135deg,#5d4519,#3b2c12)!important;color:#ffe6ad!important}
.btn:disabled,.btn.v4-busy{opacity:.43!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.btn.full{width:100%!important}

input,select,textarea{
  border:1px solid var(--v5-border)!important;
  background:#080e15!important;
  color:#f3f6fa!important;
  border-radius:12px!important;
  min-height:44px!important;
  padding:10px 12px!important;
  outline:none!important;
}
input:focus,select:focus,textarea:focus{border-color:rgba(141,102,255,.58)!important;box-shadow:0 0 0 3px rgba(141,102,255,.10)!important}
textarea{min-height:110px!important;resize:vertical}

/* Graphic feature controls */
.qicon,.module-icon{
  position:relative!important;
  width:46px!important;height:46px!important;min-width:46px!important;
  display:grid!important;place-items:center!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 28% 20%,rgba(153,112,255,.20),transparent 46%),
    linear-gradient(145deg,#182132,#101725)!important;
  border:1px solid rgba(151,113,255,.22)!important;
  color:#c9b4ff!important;
  box-shadow:0 9px 24px rgba(0,0,0,.27),0 0 22px rgba(141,102,255,.11),inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
.qicon:before,.module-icon:before{content:"";position:absolute;inset:1px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 48%);pointer-events:none}
.qicon .amis-icon,.module-icon .amis-icon{width:22px!important;height:22px!important;position:relative;z-index:2;filter:drop-shadow(0 0 7px rgba(141,102,255,.24))}
.quick-action,.module-card{
  border:1px solid var(--v5-border)!important;
  background:
    radial-gradient(160px 90px at 90% 5%,rgba(141,102,255,.075),transparent 70%),
    linear-gradient(150deg,#111925,#0a1018)!important;
  border-radius:17px!important;
  box-shadow:0 11px 28px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025)!important;
  color:#f2f5f9!important;
  transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease!important;
}
.quick-action:hover,.module-card:hover{transform:translateY(-1px);border-color:rgba(141,102,255,.28)!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
.quick-action:active,.module-card:active{transform:translateY(1px) scale(.995)!important}
.quick-action b,.module-title{font-size:11.5px!important;font-weight:900!important;color:#f4f7fb!important}
.quick-action small,.module-desc{font-size:9px!important;line-height:1.5!important;font-weight:620!important;color:#9eaabb!important}
.module-arrow{color:#9f85ea!important;font-size:18px!important}
.module-badge,.badge,.status-chip,.mode-pill{font-size:7.5px!important;font-weight:900!important;letter-spacing:.25px!important}

/* Stable loading / no visual jump */
.loading{min-height:54vh!important;display:grid!important;place-items:center!important}
.loading .loader{display:none!important}
.loading>div{width:min(560px,88vw)!important}
.loading>div:before{content:"";display:block;width:100%;height:160px;border-radius:18px;border:1px solid var(--v5-border);background:linear-gradient(90deg,#0d141e,#16202e,#0d141e);background-size:220% 100%;animation:v5shimmer 1.15s linear infinite}
.loading p{font-size:10px!important;color:#8d99aa!important;text-align:center!important}
@keyframes v5shimmer{to{background-position:-220% 0}}
.chart,.chart-pro,.momentum-chart{min-height:180px}
img,svg{max-width:100%}

/* Timeline / User 360 */
.v4-profile-hero{border-color:var(--v5-border)!important;background:linear-gradient(145deg,#111925,#0a1018)!important;border-radius:18px!important}
.v4-profile-name{font-size:17px!important;font-weight:920!important;color:#f5f7fb!important}
.v4-profile-sub{font-size:9.5px!important;color:#9ca8b8!important}
.v4-timeline-card{border-color:var(--v5-border)!important;background:linear-gradient(145deg,#0f1721,#090f16)!important}
.v4-event-title{font-size:10.5px!important;font-weight:900!important}.v4-event-date{font-size:8px!important}.v4-event-desc{font-size:9px!important;color:#a8b2c0!important}

/* Tables and dense admin UI */
.web-table,.table{font-size:10px!important}
.web-table th,.web-table td,table th,table td{padding:11px 10px!important;border-bottom:1px solid var(--v5-border-soft)!important}
.web-table th,table th{font-size:8px!important;font-weight:900!important;color:#9ca8b8!important;letter-spacing:.35px!important}
.permission-grid{gap:8px!important}.perm{padding:10px!important;border-radius:12px!important;background:#0a1017!important;border-color:var(--v5-border-soft)!important}
.user-row{border-color:var(--v5-border-soft)!important;background:#0a1017!important;border-radius:13px!important}

/* Modals / sheets */
.modal{backdrop-filter:blur(6px)!important;background:rgba(2,5,9,.66)!important}
.modal-card,.sheet-card{
  border:1px solid var(--v5-border)!important;background:#0b121b!important;
  box-shadow:0 28px 88px rgba(0,0,0,.54)!important;
}
.sheet-card{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
body.amis-modal-lock{overflow:hidden!important}

/* Signal design is intentionally not restructured — only readability */
.signal-card,.signal-terminal,.signal-command-card{font-variant-numeric:tabular-nums}
.signal-card .list-main,.signal-terminal .list-main{font-weight:900!important}

/* Content separation */
.module-section{margin-top:24px!important}.section-head{margin-bottom:10px!important}.grid,.kpi-grid{gap:9px!important}.module-grid,.quick-grid{gap:10px!important}


/* ====================== MINI APP / MOBILE PRODUCT SHELL ====================== */
.app{max-width:820px!important;margin:0 auto!important;padding:10px 10px 104px!important}
.topbar{
  position:sticky!important;top:0!important;z-index:70!important;min-height:64px!important;
  margin:0 -10px 12px!important;padding:9px 10px!important;
  background:rgba(6,9,14,.90)!important;backdrop-filter:blur(22px) saturate(120%)!important;
  border-bottom:1px solid var(--v5-border-soft)!important;
}
.brand-title{font-size:12px!important;font-weight:900!important}.brand-sub{font-size:7.5px!important;color:#8794a5!important}
.logo{width:39px!important;height:39px!important;border-radius:12px!important;background:linear-gradient(145deg,#8f68ff,#5f43ce)!important;box-shadow:0 0 24px rgba(141,102,255,.18)!important}
.avatar{width:38px!important;height:38px!important;border-radius:12px!important;font-size:10px!important}.top-actions{gap:6px!important}.mode-pill{display:none!important}

.bottomnav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;padding:0 8px max(8px,env(safe-area-inset-bottom))!important;pointer-events:none!important;background:linear-gradient(180deg,transparent,rgba(5,8,13,.86) 35%,rgba(5,8,13,.98))!important}
.nav-inner{pointer-events:auto!important;width:min(680px,100%)!important;margin:0 auto!important;min-height:72px!important;padding:7px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:21px!important;background:linear-gradient(180deg,rgba(14,20,29,.97),rgba(8,12,18,.97))!important;backdrop-filter:blur(24px) saturate(125%)!important;box-shadow:0 18px 48px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.035)!important}
.nav-btn{position:relative!important;min-height:57px!important;padding:7px 2px 6px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#909cab!important;font-size:9px!important;font-weight:830!important;line-height:1.2!important;transition:background .14s ease,color .14s ease,transform .14s ease!important}
.nav-btn i{display:block!important;margin:0 auto 4px!important;line-height:0!important}.nav-btn i .amis-icon{width:19px!important;height:19px!important}.nav-btn.on{color:#fff!important;background:linear-gradient(180deg,rgba(141,102,255,.17),rgba(141,102,255,.07))!important;box-shadow:inset 0 0 0 1px rgba(160,126,255,.17),0 7px 16px rgba(77,52,160,.13)!important}.nav-btn.on:before{content:"";position:absolute;top:3px;left:50%;width:18px;height:2px;border-radius:999px;transform:translateX(-50%);background:linear-gradient(90deg,#8d66ff,#c3abff);box-shadow:0 0 9px rgba(141,102,255,.35)}.nav-btn.on .amis-icon{color:#cdbbff!important;filter:drop-shadow(0 0 7px rgba(141,102,255,.22))}.nav-btn:active{transform:scale(.975)!important}

.dashboard-hero,.more-hero,.hero,.performance-command-frame,.admin-command-header{border-radius:22px!important}
.luxury-home-hero{padding:17px!important}.luxury-home-title{font-size:30px!important;line-height:1.08!important;letter-spacing:-.8px!important}.luxury-welcome{font-size:11px!important}.luxury-snapshot{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.luxury-snapshot>div{padding:10px 7px!important}.luxury-snapshot b{font-size:20px!important}.subscription-pro{padding:14px!important}
.kpi-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.metric-card,.kpi{min-height:96px!important;padding:12px!important}.metric-value,.kpi .num{font-size:22px!important}
.dashboard-main{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.premium-panel{margin-top:0!important}
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-action{min-height:126px!important;padding:13px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:11px!important;text-align:start!important}.quick-action .qicon{margin:0!important}
.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.module-card{min-height:132px!important;padding:12px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;text-align:start!important}.module-card .module-arrow{position:absolute!important;left:12px!important;bottom:10px!important}.module-card{position:relative!important}.module-card>span:nth-child(2){display:block!important}.module-desc{padding-left:20px!important}
.card{padding:14px!important}.section-head{margin-top:20px!important}.section-head h2{font-size:14px!important}.section-head p{font-size:9.5px!important}
.performance-cockpit{grid-template-columns:1fr!important}.performance-ring-card,.performance-net-card{min-height:180px!important}.range-tabs{overflow-x:auto!important;display:flex!important;scrollbar-width:none!important}.range-tabs::-webkit-scrollbar{display:none}.range-tabs button{flex:0 0 auto!important;min-width:52px!important}
.btn-row{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.btn-row>.btn{flex:1 1 140px!important}
.form-grid{grid-template-columns:1fr!important}
.permission-grid{grid-template-columns:1fr!important}
.modal{align-items:flex-end!important;padding:0!important}.modal-card{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:24px 24px 0 0!important;padding:14px!important;overflow:auto!important}.v4-user360{grid-template-columns:1fr!important}.v4-user360-timeline{max-height:none!important;overflow:visible!important}.v4-profile-hero{grid-template-columns:auto 1fr!important}.v4-profile-actions{grid-column:1/-1!important}
.sheet-card{width:100%!important;max-width:none!important;border-radius:24px 24px 0 0!important;padding:12px 14px calc(18px + env(safe-area-inset-bottom))!important}
.web-table{min-width:680px}.web-scroll{overflow:auto!important;-webkit-overflow-scrolling:touch}
@media(max-width:390px){.app{padding-left:8px!important;padding-right:8px!important}.topbar{margin-left:-8px!important;margin-right:-8px!important}.quick-grid,.module-grid{gap:8px!important}.quick-action,.module-card{min-height:122px!important}.nav-btn{font-size:8.4px!important}.nav-btn i .amis-icon{width:18px!important;height:18px!important}}
@media(min-width:780px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.module-card{min-height:116px!important}.app{padding-left:16px!important;padding-right:16px!important}}

.amis-v5-build{position:fixed;z-index:5;right:8px;bottom:4px;font-size:5px;letter-spacing:.4px;color:rgba(130,145,165,.20);pointer-events:none}@media(min-width:1024px){.amis-v5-build{display:none}}
/* ============================================================
   AMIS MINI APP v0.7.46 — TELEGRAM / IOS RESPONSIVE HOTFIX
   FRONTEND PRESENTATION ONLY
   - Fixes bottom navigation horizontal shift
   - Compacts first home hero
   - Separates membership/access card from hero
   - Improves readable type on small screens
   - No API/data/business-logic changes
   ============================================================ */

html,body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}

body{
  min-height:100svh!important;
  min-height:100dvh!important;
}

.app{
  width:100%!important;
  max-width:820px!important;
  min-width:0!important;
  padding:
    8px
    10px
    calc(94px + env(safe-area-inset-bottom))
    10px!important;
}

.app>*{
  min-width:0!important;
  max-width:100%;
}

/* ---------- Telegram / iOS bottom navigation ---------- */
.bottomnav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important; /* fixes inherited translateX(-50%) */
  padding:
    5px
    8px
    max(8px,env(safe-area-inset-bottom))!important;
  background:
    linear-gradient(
      180deg,
      rgba(5,8,13,0) 0%,
      rgba(5,8,13,.82) 28%,
      rgba(5,8,13,.98) 58%
    )!important;
  border-top:0!important;
  box-sizing:border-box!important;
}

.nav-inner{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:680px!important;
  min-width:0!important;
  min-height:67px!important;
  margin:0 auto!important;
  padding:6px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:3px!important;
  border-radius:19px!important;
  overflow:hidden!important;
}

.nav-btn{
  width:100%!important;
  min-width:0!important;
  min-height:53px!important;
  padding:7px 1px 5px!important;
  gap:3px!important;
  border-radius:12px!important;
  font-size:8.2px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.nav-btn i{
  flex:0 0 auto!important;
  margin:0 auto 3px!important;
}

.nav-btn i .amis-icon{
  width:18px!important;
  height:18px!important;
}

.nav-btn.on:before{
  top:2px!important;
  width:16px!important;
}

/* ---------- Compact authenticated home hero ---------- */
.luxury-home-hero{
  min-height:0!important;
  height:auto!important;
  padding:13px!important;
  border-radius:19px!important;
}

.command-hero-kicker{
  margin-bottom:9px!important;
  gap:5px!important;
  font-size:5.6px!important;
  line-height:1.25!important;
}

.command-hero-kicker span{
  min-width:0!important;
}

.command-hero-kicker b{
  display:none!important;
}

.luxury-hero-top{
  gap:9px!important;
  align-items:flex-start!important;
}

.luxury-home-title{
  max-width:100%!important;
  margin-top:5px!important;
  font-size:clamp(23px,7.2vw,28px)!important;
  line-height:1.03!important;
  letter-spacing:-.75px!important;
}

.luxury-welcome{
  margin-top:9px!important;
  font-size:10px!important;
  line-height:1.35!important;
}

.luxury-monogram{
  width:43px!important;
  height:43px!important;
  min-width:43px!important;
  border-radius:14px!important;
  font-size:19px!important;
}

.identity-meta{
  gap:6px!important;
  margin-top:7px!important;
}

.role-chip,
.status-chip{
  padding:6px 8px!important;
  font-size:8.3px!important;
}

.command-snapshot,
.luxury-snapshot{
  margin-top:11px!important;
  padding:6px 0!important;
  gap:0!important;
}

.command-snapshot>div,
.luxury-snapshot>div{
  min-width:0!important;
  padding:7px 7px!important;
}

.command-snapshot small,
.luxury-snapshot small{
  font-size:5.6px!important;
  letter-spacing:.8px!important;
}

.command-snapshot b,
.luxury-snapshot b{
  font-size:17px!important;
  line-height:1.05!important;
}

.command-snapshot span,
.luxury-snapshot span{
  margin-top:2px!important;
  font-size:5.8px!important;
  line-height:1.25!important;
}

/* ---------- Membership/access card is now its own compact card ---------- */
.home-subscription-wrap{
  margin-top:9px!important;
}

.home-subscription-wrap .subscription-pro{
  margin-top:0!important;
  min-height:0!important;
  padding:11px 12px!important;
  gap:8px!important;
  border-radius:16px!important;
}

.home-subscription-wrap .membership-pass-brand{
  margin-bottom:5px!important;
  font-size:6.5px!important;
}

.home-subscription-wrap .subscription-pro .caption{
  font-size:7px!important;
}

.home-subscription-wrap .subscription-pro .date{
  margin-top:3px!important;
  font-size:12px!important;
}

.home-subscription-wrap .subscription-pro .card-sub{
  margin-top:5px!important;
  font-size:8.8px!important;
  line-height:1.52!important;
  color:#a5b0bf!important;
}

.home-subscription-wrap .membership-pass-side{
  min-width:68px!important;
}

.home-subscription-wrap .membership-pass-chip{
  width:27px!important;
  height:19px!important;
  margin-bottom:6px!important;
}

.home-subscription-wrap .subscription-pro .days{
  font-size:24px!important;
}

.home-subscription-wrap .btn{
  min-height:38px!important;
  padding:8px 11px!important;
  margin-top:8px!important;
  font-size:9px!important;
}

/* ---------- Readability + density ---------- */
.card-sub,
.list-sub,
.module-desc,
.panel-caption{
  color:#9da9b9!important;
  font-weight:620!important;
}

.section-head{
  margin-top:17px!important;
  margin-bottom:8px!important;
}

.section-head h2{
  font-size:13px!important;
  font-weight:950!important;
}

.section-head p{
  font-size:8.8px!important;
  line-height:1.4!important;
}

.kpi-grid,
.grid{
  gap:7px!important;
  margin-top:8px!important;
}

.metric-card,
.kpi{
  min-height:84px!important;
  padding:10px!important;
  border-radius:15px!important;
}

.metric-label,
.kpi .caption{
  font-size:6.8px!important;
}

.metric-value,
.kpi .num{
  font-size:20px!important;
}

.quick-grid,
.module-grid{
  gap:8px!important;
}

.quick-action{
  min-height:105px!important;
  padding:11px!important;
  gap:8px!important;
  border-radius:15px!important;
}

.module-card{
  min-height:108px!important;
  padding:11px!important;
  gap:8px!important;
  border-radius:15px!important;
}

.quick-action .qicon,
.module-icon{
  width:37px!important;
  height:37px!important;
  min-width:37px!important;
  border-radius:11px!important;
}

.quick-action b,
.module-title{
  font-size:10px!important;
  font-weight:950!important;
}

.quick-action small,
.module-desc{
  font-size:7.5px!important;
  line-height:1.4!important;
}

/* ---------- Small iPhone widths ---------- */
@media(max-width:430px){
  .app{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  .topbar{
    margin-left:-8px!important;
    margin-right:-8px!important;
    min-height:59px!important;
    padding:7px 8px!important;
  }

  .brand-title{
    font-size:11px!important;
  }

  .brand-sub{
    font-size:6.8px!important;
  }

  .logo{
    width:36px!important;
    height:36px!important;
  }

  .avatar{
    width:36px!important;
    height:36px!important;
  }

  .luxury-home-title{
    font-size:clamp(22px,7vw,27px)!important;
  }

  .command-snapshot span,
  .luxury-snapshot span{
    display:none!important;
  }

  .nav-btn{
    font-size:7.7px!important;
  }
}

/* ---------- Very narrow Telegram viewport ---------- */
@media(max-width:360px){
  .nav-inner{
    padding:5px!important;
    gap:2px!important;
  }

  .nav-btn{
    font-size:7.2px!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .nav-btn i .amis-icon{
    width:17px!important;
    height:17px!important;
  }

  .luxury-monogram{
    width:39px!important;
    height:39px!important;
    min-width:39px!important;
  }

  .role-chip,
  .status-chip{
    padding:5px 7px!important;
    font-size:7.7px!important;
  }

  .home-subscription-wrap .subscription-pro{
    grid-template-columns:minmax(0,1fr) 58px!important;
  }
}


/* ============================================================
   AMIS RESPONSIVE ENGINEERING — FINAL LAYOUT CONTRACT
   PRESENTATION ONLY / NO DATA OR BUSINESS LOGIC CHANGES
   ============================================================ */

/* ---------- universal anti-overflow contract ---------- */
html,body,#app,.app{
  width:100%;
  min-width:0;
  max-width:100%;
}
html,body{overflow-x:hidden!important}
*,
*:before,
*:after{box-sizing:border-box}
.app>*,
.page-enter,
.signature-ui,
.card,
.hero,
.admin-box,
.premium-panel,
.referral-panel,
.renew-panel,
.subscription-pro,
.social-card,
.social-post,
.course-card,
.payment-record,
.support-message,
.control-center-shell,
.performance-command-frame,
.admin-command-header,
.dashboard-main,
.module-section,
.module-grid,
.quick-grid,
.grid,
.kpi-grid,
.form-grid,
.permission-grid,
.v4-user360,
.v4-user360-main,
.v4-user360-timeline{
  min-width:0!important;
  max-width:100%;
}
h1,h2,h3,h4,p,small,b,strong,span,label,
.card-title,.card-sub,.list-main,.list-sub,.module-title,.module-desc,
.admin-command-title,.admin-command-sub,.renew-title,.renew-sub,
.social-headline,.social-description,.panel-caption{
  overflow-wrap:anywhere;
  word-break:normal;
}
code,.pay-address code,.tx-hash,.wallet-address{
  overflow-wrap:anywhere!important;
  word-break:break-all!important;
}
img,svg,canvas,video{max-width:100%;height:auto}
button,.btn,.nav-btn,.module-card,.quick-action,.menu-item{
  max-width:100%;
}
input,select,textarea{
  max-width:100%!important;
  min-width:0!important;
}
.card-head,
.list-row,
.renew-head,
.account-ib-row,
.social-post .post-author,
.signal-top,
.terminal-signal-foot,
.section-head{
  min-width:0;
}
.card-head>div,
.list-row>div,
.renew-head>div,
.account-ib-row>div,
.social-post .post-author>div,
.signal-top>div,
.section-head>div{
  min-width:0;
}

/* ---------- typography clarity ---------- */
body{font-weight:540}
.card-title,.list-main,.module-title,.renew-title,.section-head h2{
  font-weight:900!important;
  letter-spacing:.01em;
}
.card-sub,.list-sub,.module-desc,.renew-sub,.panel-caption{
  color:#a2adbc!important;
  font-weight:620!important;
  line-height:1.55!important;
}
.eyebrow,.caption,.kpi-label,.metric-label{
  font-weight:900!important;
}
.btn{
  line-height:1.25!important;
}
.btn:not(.compact){
  white-space:normal!important;
}

/* ---------- sections ---------- */
.module-section{
  margin-top:20px!important;
}
.section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-top:0!important;
  margin-bottom:9px!important;
}
.section-head h2{
  margin:0!important;
  line-height:1.2!important;
}
.section-head p{
  margin:4px 0 0!important;
  line-height:1.45!important;
}
.section-head>.btn,
.section-head>button{
  flex:0 0 auto;
}

/* ---------- cards / dense content ---------- */
.card,
.admin-box,
.premium-panel,
.referral-panel,
.renew-panel,
.subscription-pro,
.social-post,
.course-card{
  overflow:visible;
}
.grid,.kpi-grid,.module-grid,.quick-grid,.permission-grid,.form-grid{
  align-items:stretch;
}
.kpi,.metric-card{
  min-width:0!important;
}
.kpi .num,.metric-value{
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.list-row{
  gap:10px!important;
}
.list-row>*{min-width:0}
.list-main{line-height:1.35!important}
.list-sub{line-height:1.5!important}

/* ---------- all action rows ---------- */
.btn-row,
.hero-actions,
.post-actions,
.ref-actions,
.table-actions{
  min-width:0;
}
.btn-row{
  gap:7px!important;
}
.btn-row>.btn{
  min-width:0;
}
.hero-actions{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.hero-actions>.btn{
  flex:1 1 150px;
}

/* ---------- forms ---------- */
.form-grid{
  gap:9px!important;
}
.form-row{
  min-width:0;
}
.form-row label{
  line-height:1.35!important;
}
textarea{
  resize:vertical;
}

/* ---------- tables ---------- */
.web-scroll,
.table-scroll,
.table-wrap{
  width:100%;
  min-width:0;
  overflow-x:auto!important;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
table,.web-table{
  border-collapse:collapse;
  width:100%;
}
th,td,.web-table th,.web-table td{
  vertical-align:middle!important;
}
td>*{min-width:0}

/* ---------- modal / sheets ---------- */
.modal-card,.sheet-card{
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.modal-card>*,
.sheet-card>*{
  min-width:0;
  max-width:100%;
}

/* ---------- charts ---------- */
.chart,.chart-pro,.momentum-chart,.preview-chart,
.chart-pro-wrap,.chart-stage,.home-chart-stage,.momentum-svg-shell{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.chart svg,.chart-pro svg,.momentum-chart svg,.preview-chart svg{
  width:100%!important;
}

/* ---------- performance controls ---------- */
.range-tabs{
  display:flex!important;
  width:100%;
  min-width:0;
  overflow-x:auto!important;
  gap:5px!important;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.range-tabs::-webkit-scrollbar{display:none}
.range-tabs button{
  flex:0 0 auto!important;
}
.target-meter-grid{
  min-width:0;
}

/* ---------- signal terminal: keep logic/design, fix compression ---------- */
.terminal-signal,
.signal-card,
.signal-spotlight{
  min-width:0!important;
}
.terminal-symbol-wrap,
.terminal-side-wrap{
  min-width:0;
}
.terminal-symbol-wrap>div:last-child{
  min-width:0;
}
.symbol,.signal-meta{
  overflow-wrap:anywhere;
}
.terminal-price{
  min-width:0!important;
}
.terminal-price b{
  overflow-wrap:anywhere;
}
.targets,.terminal-target-grid{
  min-width:0;
}
.terminal-signal-foot{
  gap:8px!important;
  flex-wrap:wrap!important;
}
.signal-pnl{
  margin-inline-start:auto;
}

/* ---------- academy ---------- */
.academy-card{
  min-width:0!important;
}
.academy-card>div{
  min-width:0;
}
.course-icon{
  flex:0 0 auto;
}

/* ---------- social ---------- */
.social-post{
  min-width:0!important;
}
.post-body{
  overflow-wrap:anywhere;
}
.post-actions{
  flex-wrap:wrap!important;
}
.post-actions.pro button{
  min-width:0;
}
.comment-bubble{
  max-width:calc(100% - 24px)!important;
  overflow-wrap:anywhere;
}

/* ---------- referral / finance ---------- */
.ib-balance,.ib-mini,.ref-actions{
  min-width:0;
}
.ib-wallet,
.ib-mini>div{
  min-width:0;
}
.referral-code{
  overflow-wrap:anywhere;
}
.pay-step>*{
  min-width:0;
}
.pay-step b,.pay-step small{
  overflow-wrap:anywhere;
}
.pay-exact{
  min-width:0;
}

/* ---------- account ---------- */
.member-identity-card,
.account-signature-wrap,
.account-access-detail,
.account-ib,
.renew-panel{
  min-width:0!important;
}
.member-card-bottom>*{
  min-width:0;
}

/* ---------- admin ---------- */
.admin-command-header,
.control-center-head{
  min-width:0;
}
.admin-command-header>div,
.control-center-head>div{
  min-width:0;
}
.control-center-lock{
  flex:0 0 auto;
}
.permission-grid .perm{
  min-width:0;
}
.user-row{
  min-width:0;
}
.v4-profile-hero{
  min-width:0;
}
.v4-profile-hero>div{
  min-width:0;
}

/* ---------- safe reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* ============================================================
   MINI APP v0.7.46 — FULL RESPONSIVE ENGINEERING
   Telegram / iOS / Android
   ============================================================ */

:root{
  --mini-side:10px;
  --mini-bottom:calc(94px + env(safe-area-inset-bottom));
}

.app{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  padding:8px var(--mini-side) var(--mini-bottom)!important;
}

/* top bar */
.topbar{
  width:auto!important;
  min-height:58px!important;
  margin:0 calc(var(--mini-side) * -1) 10px!important;
  padding:7px var(--mini-side)!important;
  gap:7px!important;
}
.brand{
  min-width:0!important;
  gap:8px!important;
}
.brand>div:last-child{
  min-width:0!important;
}
.brand-title{
  font-size:11.5px!important;
  line-height:1.15!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.brand-sub{
  font-size:6.8px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.logo{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
}
.back-btn{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}

/* stable bottom nav */
.bottomnav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  transform:none!important;
  padding:5px 7px max(7px,env(safe-area-inset-bottom))!important;
  pointer-events:none!important;
}
.nav-inner{
  pointer-events:auto!important;
  width:100%!important;
  max-width:680px!important;
  min-height:66px!important;
  margin:0 auto!important;
  padding:5px!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:3px!important;
  border-radius:19px!important;
  overflow:hidden!important;
}
.nav-btn{
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  padding:7px 1px 5px!important;
  gap:3px!important;
  border-radius:12px!important;
  font-size:7.8px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.nav-btn i{
  margin:0 auto 3px!important;
}
.nav-btn i .amis-icon{
  width:18px!important;
  height:18px!important;
}

/* home hero */
.luxury-home-hero{
  padding:12px!important;
  border-radius:18px!important;
}
.command-hero-kicker{
  margin-bottom:7px!important;
  gap:5px!important;
  font-size:5.4px!important;
  line-height:1.2!important;
}
.command-hero-kicker b{
  display:none!important;
}
.luxury-hero-top{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:8px!important;
  align-items:start!important;
}
.luxury-home-title{
  margin-top:4px!important;
  max-width:100%!important;
  font-size:clamp(22px,7vw,27px)!important;
  line-height:1.04!important;
  letter-spacing:-.65px!important;
}
.luxury-welcome{
  margin-top:8px!important;
  font-size:9.7px!important;
}
.luxury-monogram{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:13px!important;
  font-size:18px!important;
}
.identity-meta{
  margin-top:7px!important;
  gap:5px!important;
}
.role-chip,.status-chip{
  max-width:100%;
  padding:5px 7px!important;
  font-size:7.6px!important;
}
.command-snapshot,.luxury-snapshot{
  margin-top:10px!important;
  padding:5px 0!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.command-snapshot>div,.luxury-snapshot>div{
  min-width:0!important;
  padding:6px 5px!important;
}
.command-snapshot small,.luxury-snapshot small{
  font-size:5.2px!important;
  letter-spacing:.55px!important;
}
.command-snapshot b,.luxury-snapshot b{
  font-size:16px!important;
}
.command-snapshot span,.luxury-snapshot span{
  display:none!important;
}

/* membership card */
.home-subscription-wrap{
  margin-top:8px!important;
}
.home-subscription-wrap .subscription-pro,
.subscription-pro{
  grid-template-columns:minmax(0,1fr) 64px!important;
  gap:9px!important;
  padding:11px!important;
  border-radius:16px!important;
  align-items:center!important;
}
.membership-pass-side{
  min-width:0!important;
  text-align:center;
}
.subscription-pro .days{
  font-size:23px!important;
}
.subscription-pro .date{
  font-size:11.5px!important;
}
.subscription-pro .card-sub{
  font-size:8.5px!important;
  line-height:1.5!important;
}
.subscription-pro .btn{
  min-height:37px!important;
  padding:7px 10px!important;
  font-size:8.8px!important;
}

/* home kpis */
.kpi-grid,.grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.metric-card,.kpi{
  min-height:82px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.metric-label,.kpi-label{
  font-size:6.5px!important;
}
.metric-value,.kpi .num{
  font-size:19px!important;
  line-height:1.05!important;
}
.metric-foot,.kpi-foot{
  font-size:7.2px!important;
  line-height:1.35!important;
}

/* home main and charts */
.dashboard-main{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.signature-chart-card .chart,
#homeChart{
  height:178px!important;
  min-height:178px!important;
}
.premium-panel{
  padding:12px!important;
}
.panel-number{
  font-size:25px!important;
}

/* quick access: two compact cards */
.quick-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.quick-action{
  min-height:104px!important;
  padding:10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:8px!important;
  text-align:start!important;
}
.quick-action .qicon{
  width:35px!important;
  height:35px!important;
  min-width:35px!important;
  margin:0!important;
  border-radius:11px!important;
}
.quick-action .qicon .amis-icon{
  width:18px!important;
  height:18px!important;
}
.quick-action b{
  font-size:9.8px!important;
}
.quick-action small{
  font-size:7.3px!important;
  line-height:1.35!important;
}

/* ============================================================
   MORE / WORKSPACE — main fix
   On phones the descriptive modules are horizontal 1-column.
   This prevents text collision and excessive tall cards.
   ============================================================ */
.more-hero{
  padding:13px!important;
  border-radius:18px!important;
}
.more-title{
  font-size:clamp(23px,7vw,28px)!important;
  line-height:1.06!important;
  margin-top:5px!important;
}
.more-sub{
  margin-top:7px!important;
  font-size:8.8px!important;
  line-height:1.55!important;
}
.module-grid{
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.module-card{
  width:100%!important;
  min-height:76px!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  text-align:start!important;
  position:relative!important;
}
.module-card .module-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
  border-radius:12px!important;
}
.module-card .module-icon .amis-icon{
  width:20px!important;
  height:20px!important;
}
.module-card>span:nth-child(2){
  min-width:0!important;
  display:block!important;
}
.module-title{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  font-size:10.2px!important;
  line-height:1.25!important;
}
.module-desc{
  display:block!important;
  padding:0!important;
  margin-top:4px!important;
  font-size:7.5px!important;
  line-height:1.4!important;
}
.module-arrow{
  position:static!important;
  align-self:center!important;
  justify-self:end!important;
  left:auto!important;
  bottom:auto!important;
  width:18px!important;
  overflow:hidden;
}
.module-badge{
  display:inline-flex!important;
  max-width:100%;
  padding:3px 5px!important;
  font-size:6.2px!important;
}
.control-center-shell{
  margin-top:16px!important;
  padding:11px!important;
  border-radius:18px!important;
}
.control-center-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.control-center-title{
  font-size:15px!important;
}
.control-center-sub{
  font-size:8px!important;
  line-height:1.5!important;
}
.control-center-lock{
  padding:5px 7px!important;
  font-size:7px!important;
}

/* signal page */
.super-signal-manager-banner{
  gap:9px!important;
  flex-wrap:wrap!important;
}
.super-signal-manager-banner>div{
  min-width:0;
  flex:1 1 220px;
}
.terminal-entry-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.terminal-entry-grid .terminal-price.main{
  grid-column:1/-1!important;
}
.terminal-price{
  padding:8px!important;
}
.terminal-price small{
  font-size:5.8px!important;
}
.terminal-price b{
  font-size:9.2px!important;
  line-height:1.35!important;
}
.terminal-target-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
.terminal-target-grid>div{
  padding:7px 5px!important;
}
.terminal-target-grid small{
  font-size:5.6px!important;
}
.terminal-target-grid b{
  font-size:8.8px!important;
}
.terminal-progress{
  padding:10px!important;
}
.terminal-signal-foot{
  padding:9px 10px!important;
}
.terminal-risk{
  font-size:6.5px!important;
  flex:1 1 180px;
}
.signal-pnl{
  font-size:11px!important;
}

/* performance */
.performance-command-frame{
  min-width:0!important;
}
.performance-toolbar{
  padding:11px!important;
}
.performance-title{
  font-size:15px!important;
}
.performance-live{
  font-size:7px!important;
  white-space:nowrap;
}
.performance-cockpit{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.performance-ring-card,
.performance-net-card{
  min-height:0!important;
  padding:12px!important;
}
.performance-ring{
  width:132px!important;
  height:132px!important;
  min-width:132px!important;
}
.performance-net{
  font-size:35px!important;
}
.chart-card-pro{
  padding:11px!important;
}
.chart-pro-meta{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
.chart-pro-meta>div{
  min-width:0!important;
  padding:7px!important;
}
.chart-pro-meta small{
  font-size:5.8px!important;
}
.chart-pro-meta b{
  font-size:9px!important;
}
.momentum-summary{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px 9px!important;
}
.momentum-summary span{
  font-size:7px!important;
}
.target-meter-grid{
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.instrument-row{
  grid-template-columns:72px minmax(0,1fr) 54px!important;
  gap:7px!important;
}
.instrument-label b{
  font-size:8.5px!important;
}

/* academy */
.academy-card{
  grid-template-columns:42px minmax(0,1fr) auto!important;
  gap:9px!important;
  padding:10px 0!important;
}
.course-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:12px!important;
  font-size:17px!important;
}
.academy-card .list-main{
  font-size:9.5px!important;
}
.academy-card .list-sub{
  font-size:7.5px!important;
}

/* social */
.social-hero{
  padding:13px!important;
  border-radius:18px!important;
}
.social-headline{
  font-size:22px!important;
  line-height:1.08!important;
}
.social-description{
  font-size:8.5px!important;
  line-height:1.55!important;
}
.social-meta{
  gap:5px!important;
}
.social-meta span{
  font-size:7px!important;
  padding:5px 7px!important;
}
.social-post{
  padding:11px!important;
  border-radius:16px!important;
}
.social-post .post-body{
  font-size:10px!important;
  line-height:1.65!important;
}
.post-author{
  gap:7px!important;
}
.mini-avatar{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}
.post-actions.pro{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
.comment-bubble{
  margin-inline-start:24px!important;
}

/* referral */
.ib-balance{
  grid-template-columns:1fr!important;
  gap:8px!important;
}
.ib-mini{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.ib-wallet,
.referral-panel,
.account-ib{
  padding:11px!important;
  border-radius:16px!important;
}
.ref-actions{
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
}
.ref-actions input{
  grid-column:1/-1!important;
}
.referral-code{
  font-size:15px!important;
}

/* checkout */
.pay-hero{
  padding:13px!important;
}
.pay-amount{
  font-size:29px!important;
}
.pay-policy,
.pay-hash-box,
.pay-timeline{
  padding:11px!important;
  border-radius:15px!important;
}
.pay-step{
  grid-template-columns:22px minmax(0,1fr) auto!important;
  gap:7px!important;
  padding:8px 0!important;
}
.pay-step em{
  white-space:nowrap;
}
.pay-exact{
  display:flex!important;
  gap:8px!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  flex-wrap:wrap!important;
}
.pay-exact strong{
  font-size:20px!important;
}

/* account */
.member-identity-card{
  padding:13px!important;
  border-radius:18px!important;
}
.member-card-bottom{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
}
.member-card-bottom>div{
  padding:8px 5px!important;
}
.member-card-bottom small{
  font-size:5.8px!important;
}
.member-card-bottom b{
  font-size:8.7px!important;
}
.account-access-detail,
.renew-panel,
.account-ib{
  padding:11px!important;
}
.renew-head{
  align-items:flex-start!important;
  flex-wrap:wrap!important;
}
.renew-badge{
  flex:0 0 auto;
}
.renew-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.renew-summary .renew-stat:last-child{
  grid-column:1/-1!important;
}
.renew-stat{
  padding:9px!important;
}

/* admin / forms */
.admin-command-header{
  padding:12px!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-command-title{
  font-size:17px!important;
}
.admin-command-sub{
  font-size:8.3px!important;
}
.form-grid{
  grid-template-columns:1fr!important;
}
.permission-grid{
  grid-template-columns:1fr!important;
}
.btn-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.btn-row>.btn{
  width:100%!important;
}
.v4-user360{
  grid-template-columns:1fr!important;
}
.v4-profile-hero{
  grid-template-columns:52px minmax(0,1fr)!important;
  gap:9px!important;
}
.v4-avatar{
  width:50px!important;
  height:50px!important;
}
.v4-profile-actions{
  grid-column:1/-1!important;
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
}
.v4-profile-actions>.btn{
  flex:1 1 120px;
}
.v4-event-top{
  align-items:flex-start!important;
  flex-wrap:wrap!important;
}
.v4-event-date{
  white-space:nowrap;
}

/* modal becomes reliable bottom sheet on mobile */
.modal{
  align-items:flex-end!important;
  padding:0!important;
}
.modal-card{
  width:100%!important;
  max-width:none!important;
  max-height:92dvh!important;
  border-radius:22px 22px 0 0!important;
  padding:12px!important;
  overflow:auto!important;
}

/* tiny devices */
@media(max-width:370px){
  :root{--mini-side:7px}
  .nav-btn{font-size:7.2px!important}
  .nav-btn i .amis-icon{width:17px!important;height:17px!important}
  .luxury-home-title{font-size:21px!important}
  .role-chip,.status-chip{font-size:7px!important}
  .quick-action{min-height:100px!important}
  .btn-row{grid-template-columns:1fr!important}
  .member-card-bottom{grid-template-columns:1fr!important}
  .member-card-bottom>div{display:flex;justify-content:space-between;gap:8px}
  .instrument-row{grid-template-columns:62px minmax(0,1fr) 48px!important}
}

/* larger Telegram canvas */
@media(min-width:560px){
  :root{--mini-side:14px}
  .module-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .module-card{
    min-height:92px!important;
    grid-template-columns:42px minmax(0,1fr) 18px!important;
  }
  .form-grid.cols2,.form-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .permission-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .performance-cockpit{
    grid-template-columns:1fr 1fr!important;
  }
  .target-meter-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* ============================================================
   AMIS IB CONTROL RECOVERY — frontend only
   Keeps central BOT_DB IB truth and existing API contracts.
   ============================================================ */
.ib-control-card{
  margin-top:10px!important;
  border:1px solid rgba(141,102,255,.15)!important;
  background:
    radial-gradient(360px 120px at 100% 0%,rgba(141,102,255,.07),transparent 70%),
    linear-gradient(145deg,#101721,#0b1118)!important;
}
.ib-control-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.ib-control-title{font-size:12px;font-weight:950;line-height:1.25}
.ib-control-sub{font-size:8px;color:#a3adbc;line-height:1.55;margin-top:3px}
.ib-control-state{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
.ib-control-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.ib-control-form label{
  min-width:0;
  font-size:8px;
  color:#a3adbc;
  font-weight:750;
}
.ib-control-form input{
  margin-top:5px;
}
.ib-control-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.ib-control-actions>.btn{
  flex:1 1 125px;
  min-width:0;
}
.ib-control-warning{
  margin-top:9px;
  padding:8px 9px;
  border:1px solid rgba(233,196,109,.18);
  border-radius:11px;
  background:rgba(233,196,109,.05);
  color:#d9c28d;
  font-size:7.7px;
  line-height:1.5;
}
.ib-admin-resilience-note{
  margin:10px 0;
  padding:9px 10px;
  border-radius:12px;
  border:1px solid rgba(92,163,255,.17);
  background:rgba(92,163,255,.045);
  color:#9ebce5;
  font-size:8px;
  line-height:1.55;
}
@media(max-width:560px){
  .ib-control-form{grid-template-columns:1fr}
  .ib-control-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ib-control-actions>.btn{
    width:100%;
    min-width:0;
  }
}
@media(max-width:360px){
  .ib-control-actions{grid-template-columns:1fr}
}


/* ============================================================
   AMIS RESPONSIVE QA HOTFIX — PAGE SPECIFIC
   Frontend presentation only. No API/data/business logic change.
   ============================================================ */

html,body{overflow-x:hidden!important}
.app,.page-enter,.hero,.card,.admin-box,.module-section,.module-grid,
.form-grid,.btn-row,.list-row,.safety-grid,.mini-grid,.topbar{
  min-width:0!important;
  max-width:100%!important;
}

input,select,textarea,button{
  min-width:0!important;
  max-width:100%!important;
}

/* Sticky headers must not visually blend with scrolled content */
.topbar{
  background:#070b11!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
}
.brand,.brand>div:last-child{min-width:0!important}
.brand-title{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.brand-sub{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Admin section density */
.admin-box{
  padding:12px!important;
  border-radius:16px!important;
  margin-top:10px!important;
}
.admin-box .card-head{
  align-items:flex-start!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-box .card-title{
  line-height:1.28!important;
}
.admin-box .card-sub{
  line-height:1.48!important;
}

/* Inputs should not become giant blocks */
.form-row label,
.form-grid>label{
  display:block!important;
  font-size:8px!important;
  line-height:1.3!important;
  color:#a5afbe!important;
  font-weight:760!important;
}
.form-row input,.form-row select,
.form-grid>label>input,.form-grid>label>select{
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin-top:5px!important;
  padding:0 11px!important;
  border-radius:11px!important;
  font-size:14px!important;
}
textarea{
  min-height:92px!important;
}

/* ---------- More / Workspace ---------- */
.page-more .module-grid{
  grid-template-columns:1fr!important;
  gap:7px!important;
}
.page-more .module-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
  width:100%!important;
  min-height:78px!important;
  height:auto!important;
  padding:10px 11px!important;
  gap:10px!important;
  text-align:start!important;
}
.page-more .module-card .module-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  margin:0!important;
  border-radius:12px!important;
}
.page-more .module-card>span:nth-child(2){
  min-width:0!important;
  width:100%!important;
  display:block!important;
}
.page-more .module-title{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:0!important;
  font-size:10.5px!important;
  line-height:1.22!important;
}
.page-more .module-desc{
  display:block!important;
  margin-top:4px!important;
  padding:0!important;
  font-size:7.8px!important;
  line-height:1.42!important;
  color:#9eabba!important;
  overflow-wrap:anywhere!important;
}
.page-more .module-arrow{
  position:static!important;
  width:18px!important;
  min-width:18px!important;
  justify-self:end!important;
  align-self:center!important;
}
.page-more .module-badge{
  flex:0 0 auto!important;
  max-width:100%!important;
  white-space:nowrap!important;
  padding:3px 6px!important;
  font-size:6.2px!important;
}
.page-more .module-section{
  margin-top:18px!important;
}
.page-more .section-head{
  margin-bottom:8px!important;
}
.page-more .section-head h2{
  font-size:13px!important;
}
.page-more .section-head p{
  font-size:8.5px!important;
  line-height:1.35!important;
}

/* ---------- Commerce ---------- */
.commerce-page .hero{
  margin-bottom:10px!important;
}
.commerce-page .safety-grid{
  margin:10px 0!important;
}
.commerce-plan-card,
.commerce-method-card{
  overflow:hidden!important;
}
.commerce-plan-main{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
.commerce-plan-main .form-row:nth-child(1),
.commerce-plan-main .form-row:nth-child(2){
  grid-column:1/-1!important;
}
.commerce-price-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:8px!important;
}
.commerce-price-grid .form-row input{
  text-align:center!important;
  padding-left:5px!important;
  padding-right:5px!important;
  font-size:13px!important;
}
.commerce-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:9px!important;
}
.commerce-actions .btn{
  width:100%!important;
  min-height:42px!important;
  height:auto!important;
  padding:8px 7px!important;
  font-size:9px!important;
  line-height:1.25!important;
}
.commerce-method-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:10px!important;
}
.commerce-method-grid .form-row:first-child{
  grid-column:1/-1!important;
}
.commerce-method-address{
  margin-top:8px!important;
}
.commerce-page .guard-note{
  font-size:7.8px!important;
  line-height:1.5!important;
  padding:8px!important;
}
.commerce-page .status-pill,
.commerce-page .module-badge{
  white-space:nowrap!important;
}

/* ---------- IB candidate search ---------- */
.ib-candidate-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  padding:11px 0!important;
  align-items:start!important;
}
.ib-candidate-info{
  min-width:0!important;
  width:100%!important;
}
.ib-candidate-info .list-main,
.ib-candidate-info .list-sub{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.ib-candidate-info .list-main{
  line-height:1.35!important;
}
.ib-candidate-info .list-sub{
  line-height:1.5!important;
  font-size:8px!important;
}
.ib-candidate-actions{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:6px!important;
}
.ib-candidate-actions .btn{
  width:auto!important;
  min-width:138px!important;
  min-height:40px!important;
  padding:8px 12px!important;
}
.ib-admin-page .form-grid{
  gap:8px!important;
}
.ib-admin-page .mini-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
}
.ib-admin-page .mini-stat{
  min-width:0!important;
}
.ib-admin-page .safety-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.ib-admin-page .admin-box>.list-row{
  align-items:flex-start!important;
}

/* Long wallet / tx text never widens page */
.ib-admin-page [dir="ltr"],
.commerce-page [dir="ltr"]{
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}

/* ---------- compact mobile header ---------- */
@media(max-width:560px){
  .topbar{
    min-height:58px!important;
    padding:7px 8px!important;
    gap:6px!important;
  }
  .brand{
    gap:7px!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }
  .brand-title{
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }
  .brand-sub{
    display:none!important;
  }
  .logo{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:12px!important;
  }
  .back-btn{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }
  .avatar{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }
  .top-actions{
    flex:0 0 auto!important;
    gap:4px!important;
  }

  /* More stays one column on every phone */
  .page-more .module-grid{
    grid-template-columns:1fr!important;
  }

  /* Commerce stays compact */
  .commerce-page{
    width:100%!important;
  }
  .commerce-page>.card,
  .commerce-page>.admin-box{
    width:100%!important;
  }

  .ib-admin-page .btn-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .ib-admin-page .btn-row>.btn{
    width:100%!important;
    min-width:0!important;
  }
}

/* Narrow fallback */
@media(max-width:350px){
  .commerce-price-grid{
    grid-template-columns:1fr!important;
  }
  .commerce-plan-main,
  .commerce-method-grid{
    grid-template-columns:1fr!important;
  }
  .commerce-plan-main .form-row,
  .commerce-method-grid .form-row{
    grid-column:auto!important;
  }
  .commerce-actions{
    grid-template-columns:1fr!important;
  }
  .ib-admin-page .btn-row{
    grid-template-columns:1fr!important;
  }
  .ib-candidate-actions .btn{
    width:100%!important;
    min-width:0!important;
  }
}


/* MINI APP authoritative rules */
@media(max-width:760px){
  .page-more .module-grid{grid-template-columns:1fr!important}
}
@media(min-width:761px){
  .page-more .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ============================================================
   AMIS DIRECT IB MANAGER
   Fixes "Already IB" dead-end by opening a direct IB control
   modal that does not depend on the referral-network list.
   ============================================================ */
.ib-manager{
  display:grid;
  gap:10px;
  min-width:0;
}
.ib-manager-head{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:linear-gradient(145deg,#101721,#0b1118);
}
.ib-manager-avatar{
  width:50px;height:50px;border-radius:15px;
  display:grid;place-items:center;
  background:linear-gradient(145deg,#302359,#171e2c);
  border:1px solid rgba(141,102,255,.24);
  color:#c8b4ff;font-weight:950;
}
.ib-manager-name{font-size:14px;font-weight:950;line-height:1.25}
.ib-manager-sub{font-size:8px;color:#a3adbc;line-height:1.5;margin-top:3px}
.ib-manager-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.ib-manager-card{
  padding:12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:linear-gradient(145deg,#101721,#0b1118);
}
.ib-manager-card h3{
  margin:0;font-size:11px;font-weight:950
}
.ib-manager-card p{
  margin:4px 0 0;font-size:8px;line-height:1.55;color:#a3adbc
}
.ib-manager-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.ib-manager-grid label{
  min-width:0;
  font-size:8px;
  color:#a3adbc;
  font-weight:760;
}
.ib-manager-grid input,.ib-manager-grid select{
  width:100%;
  height:44px;
  margin-top:5px;
}
.ib-manager-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.ib-manager-actions>.btn{flex:1 1 135px}
.ib-manager-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin-top:9px;
}
.ib-manager-kpi{
  padding:9px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:12px;
  background:#0a1017;
}
.ib-manager-kpi small{display:block;font-size:6.5px;color:#9aa6b6;font-weight:850}
.ib-manager-kpi b{display:block;margin-top:4px;font-size:12px;font-weight:950}
.ib-manager-note{
  padding:8px 9px;
  border-radius:11px;
  border:1px solid rgba(233,196,109,.16);
  background:rgba(233,196,109,.045);
  color:#d7c18e;
  font-size:7.5px;
  line-height:1.5;
}
.ib-candidate-actions .btn.manage-ib{
  border-color:rgba(141,102,255,.28)!important;
  background:linear-gradient(135deg,rgba(141,102,255,.20),rgba(101,72,216,.12))!important;
  color:#d3c3ff!important;
}
@media(max-width:560px){
  .ib-manager-head{
    grid-template-columns:46px minmax(0,1fr);
  }
  .ib-manager-head>.ib-manager-status{
    grid-column:1/-1;
    justify-self:start;
  }
  .ib-manager-avatar{width:44px;height:44px}
  .ib-manager-grid{grid-template-columns:1fr}
  .ib-manager-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ib-manager-actions>.btn{
    width:100%;
    min-width:0;
  }
  .ib-manager-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:350px){
  .ib-manager-actions{grid-template-columns:1fr}
  .ib-manager-kpis{grid-template-columns:1fr}
}


/* ============================================================
   AMIS DESKTOP MOUSE-WHEEL SCROLL RECOVERY
   Frontend-only. No data / API / business logic changes.
   ============================================================ */

/* Normal pages must always remain vertically scrollable on desktop.
   The only intentional lock is while an actual modal is open. */
html{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
  scroll-behavior:auto;
}
body:not(.amis-modal-lock){
  overflow-x:hidden!important;
  overflow-y:auto!important;
  position:static!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:100vh!important;
  min-height:100dvh!important;
}

/* Internal overlays keep their own wheel scroll. */
.modal.open{
  overflow:hidden!important;
}
.modal.open .modal-card{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
.sheet.open{
  overflow:hidden!important;
}
.sheet.open .sheet-card{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

/* Desktop pointer devices */
@media (hover:hover) and (pointer:fine){
  html,body:not(.amis-modal-lock){
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
  }

  body:not(.amis-modal-lock) .app{
    overflow:visible!important;
  }

  .desktop-sidebar{
    overscroll-behavior:contain;
  }

  /* Wheel over horizontal tables/tabs should not lock page vertical scroll. */
  .web-scroll,.table-scroll,.table-wrap,.range-tabs{
    overscroll-behavior:auto!important;
  }
}


/* ============================================================
   AMIS BILINGUAL UI — EN DEFAULT / FA RTL
   Presentation only. API values and business data are unchanged.
   ============================================================ */
.lang-switch{
  direction:ltr!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:2px!important;
  flex:0 0 auto!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:11px!important;
  background:#090e14!important;
}
.lang-switch button{
  min-width:30px!important;
  height:28px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#7f8b9c!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1!important;
}
.lang-switch button.on{
  color:#fff!important;
  background:linear-gradient(135deg,#4e65f7,#704be8)!important;
  box-shadow:0 6px 16px rgba(89,70,220,.20)!important;
}

html[dir="rtl"] body,
body.locale-fa{
  direction:rtl!important;
  text-align:right!important;
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;
  font-feature-settings:"kern" 1;
}
body.locale-fa button,
body.locale-fa input,
body.locale-fa select,
body.locale-fa textarea{
  font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;
}
body.locale-fa{
  font-size:1.03em;
}
body.locale-fa .card-title,
body.locale-fa .module-title,
body.locale-fa .list-main,
body.locale-fa .admin-command-title,
body.locale-fa .hello,
body.locale-fa .headline,
body.locale-fa .renew-title,
body.locale-fa .performance-title{
  font-weight:850!important;
  letter-spacing:0!important;
}
body.locale-fa .card-sub,
body.locale-fa .module-desc,
body.locale-fa .list-sub,
body.locale-fa .admin-command-sub,
body.locale-fa .hero-copy,
body.locale-fa .renew-sub,
body.locale-fa .social-description{
  line-height:1.8!important;
  letter-spacing:0!important;
}
body.locale-fa .btn{
  font-weight:800!important;
  letter-spacing:0!important;
  line-height:1.45!important;
}
body.locale-fa .topbar,
body.locale-fa .card-head,
body.locale-fa .section-head,
body.locale-fa .list-row,
body.locale-fa .renew-head,
body.locale-fa .post-author,
body.locale-fa .terminal-signal-foot,
body.locale-fa .control-center-head,
body.locale-fa .admin-command-header{
  direction:rtl!important;
}
body.locale-fa .module-card,
body.locale-fa .quick-action,
body.locale-fa .side-link,
body.locale-fa .desktop-sidebar,
body.locale-fa .modal-card,
body.locale-fa .sheet-card,
body.locale-fa .web-login-card,
body.locale-fa .admin-box,
body.locale-fa .card,
body.locale-fa .hero{
  direction:rtl!important;
  text-align:right!important;
}
body.locale-fa .module-arrow,
body.locale-fa .back-btn{
  transform:scaleX(-1)!important;
}
body.locale-fa .desktop-sidebar .side-link,
body.locale-fa .sidebar-nav button{
  text-align:right!important;
}
body.locale-fa th,
body.locale-fa td,
body.locale-fa .web-table th,
body.locale-fa .web-table td{
  text-align:right!important;
}
body.locale-fa .form-row label,
body.locale-fa .form-grid>label{
  text-align:right!important;
}
body.locale-fa input:not([dir="ltr"]),
body.locale-fa textarea:not([dir="ltr"]),
body.locale-fa select:not([dir="ltr"]){
  text-align:right!important;
  direction:rtl!important;
}

/* Market/financial/technical data stay LTR in Persian mode. */
body.locale-fa .ltr,
body.locale-fa [dir="ltr"],
body.locale-fa code,
body.locale-fa .symbol,
body.locale-fa .signal-meta,
body.locale-fa .num,
body.locale-fa .metric-value,
body.locale-fa .terminal-price b,
body.locale-fa .terminal-target-grid b,
body.locale-fa .signal-pnl,
body.locale-fa .referral-code,
body.locale-fa .pay-amount,
body.locale-fa .pay-exact strong,
body.locale-fa .wallet-address,
body.locale-fa .tx-hash,
body.locale-fa input[type="number"],
body.locale-fa input[inputmode="decimal"]{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
body.locale-fa .terminal-price b,
body.locale-fa .terminal-target-grid b,
body.locale-fa .signal-pnl,
body.locale-fa .num,
body.locale-fa .metric-value{
  text-align:start!important;
}
body.locale-fa .post-body,
body.locale-fa .comment-bubble{
  unicode-bidi:plaintext;
}

/* Keep language control readable on narrow mobile screens. */
@media(max-width:560px){
  .lang-switch{
    padding:2px!important;
    border-radius:9px!important;
  }
  .lang-switch button{
    min-width:27px!important;
    height:26px!important;
    padding:0 5px!important;
    font-size:6.8px!important;
  }
  body.locale-fa .brand-title{
    font-size:10.2px!important;
  }
  body.locale-fa .nav-btn{
    font-size:7.8px!important;
  }
  body.locale-fa .module-title{
    font-size:10.2px!important;
  }
  body.locale-fa .module-desc{
    font-size:7.8px!important;
    line-height:1.65!important;
  }
}


/* ============================================================
   AMIS MINI APP — BRANDED GLOW LOADING SYSTEM
   Pure CSS, lightweight, no image asset or JS animation loop.
   ============================================================ */
.amis-boot-stage{
  min-height:100dvh;
  width:100%;
  display:grid;
  place-items:center;
  padding:24px;
  overflow:hidden;
  position:relative;
  background:
    radial-gradient(420px 250px at 50% 48%,rgba(120,83,255,.11),transparent 68%),
    radial-gradient(300px 180px at 50% 52%,rgba(58,207,242,.05),transparent 70%);
}
.amis-boot-stage:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  border:1px solid rgba(139,106,255,.10);
  box-shadow:
    0 0 70px rgba(111,74,239,.08),
    inset 0 0 55px rgba(62,216,255,.025);
  animation:amisBootHalo 2.8s ease-in-out infinite;
}
.amis-boot-core{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:13px;
}
.amis-boot-mark{
  position:relative;
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  border-radius:31px;
  border:1px solid rgba(164,134,255,.24);
  background:
    linear-gradient(145deg,rgba(30,38,56,.94),rgba(9,13,21,.98));
  box-shadow:
    0 18px 52px rgba(0,0,0,.36),
    0 0 32px rgba(119,78,245,.12),
    inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
  animation:amisBootFloat 2.4s ease-in-out infinite;
}
.amis-boot-mark:before{
  content:"";
  position:absolute;
  inset:-60% -130%;
  background:linear-gradient(
    110deg,
    transparent 38%,
    rgba(255,255,255,.03) 43%,
    rgba(170,143,255,.30) 50%,
    rgba(69,224,255,.17) 55%,
    rgba(255,255,255,.03) 60%,
    transparent 66%
  );
  transform:translateX(-38%) rotate(7deg);
  animation:amisBootSweep 1.85s ease-in-out infinite;
}
.amis-boot-word{
  position:relative;
  z-index:2;
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  line-height:1;
  font-style:italic;
  font-weight:700;
  letter-spacing:-1.7px;
  color:#dfcf91;
  text-shadow:
    0 0 8px rgba(244,211,111,.22),
    0 0 24px rgba(139,96,255,.15);
  animation:amisBootTextGlow 1.9s ease-in-out infinite;
}
.amis-boot-brand{
  font-size:10px;
  font-weight:950;
  letter-spacing:.22em;
  color:#eef2f8;
}
.amis-boot-sub{
  margin-top:-5px;
  font-size:6.3px;
  font-weight:800;
  letter-spacing:.25em;
  color:#697688;
  text-transform:uppercase;
}
.amis-boot-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:2px;
}
.amis-boot-dots i{
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#8d6cff;
  box-shadow:0 0 9px rgba(141,108,255,.46);
  animation:amisBootDot 1.15s ease-in-out infinite;
}
.amis-boot-dots i:nth-child(2){animation-delay:.14s}
.amis-boot-dots i:nth-child(3){animation-delay:.28s}

@keyframes amisBootSweep{
  0%{transform:translateX(-43%) rotate(7deg);opacity:0}
  20%{opacity:.45}
  56%{opacity:1}
  100%{transform:translateX(43%) rotate(7deg);opacity:0}
}
@keyframes amisBootTextGlow{
  0%,100%{filter:brightness(.92);opacity:.90}
  50%{filter:brightness(1.28);opacity:1}
}
@keyframes amisBootHalo{
  0%,100%{transform:scale(.93);opacity:.34}
  50%{transform:scale(1.05);opacity:.72}
}
@keyframes amisBootFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes amisBootDot{
  0%,100%{transform:scale(.7);opacity:.32}
  50%{transform:scale(1.25);opacity:1}
}

/* Compact branded loader inside modal/admin async sections */
.loading:empty{
  min-height:140px!important;
  display:grid!important;
  place-items:center!important;
}
.loading:empty:before{
  content:"AMIS";
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-style:italic;
  font-weight:700;
  letter-spacing:-1px;
  color:#dcca8b;
  text-shadow:
    0 0 10px rgba(235,208,116,.20),
    0 0 24px rgba(127,87,255,.26);
  animation:amisBootTextGlow 1.35s ease-in-out infinite;
}
.modal .loading:empty{
  min-height:150px!important;
}

@media(max-width:430px){
  .amis-boot-mark{
    width:98px;
    height:98px;
    border-radius:28px;
  }
  .amis-boot-word{font-size:26px}
  .amis-boot-stage:before{
    width:210px;
    height:210px;
  }
}
@media(prefers-reduced-motion:reduce){
  .amis-boot-stage:before,
  .amis-boot-mark,
  .amis-boot-mark:before,
  .amis-boot-word,
  .amis-boot-dots i,
  .loading:empty:before{
    animation:none!important;
  }
}


/* ============================================================
   AMIS DESIGN SYSTEM V6 — SHADCN-INSPIRED, AMIS-BRANDED
   PRESENTATION ONLY
   ============================================================ */

:root{
  --ui-bg:#070a0f;
  --ui-surface:#0b1017;
  --ui-surface-2:#0f151e;
  --ui-surface-3:#121a25;
  --ui-border:rgba(235,241,250,.09);
  --ui-border-strong:rgba(235,241,250,.14);
  --ui-fg:#f4f7fb;
  --ui-muted:#8c98a8;
  --ui-muted-2:#697585;
  --ui-primary:#7c5cff;
  --ui-primary-2:#6247d6;
  --ui-success:#39d98a;
  --ui-danger:#ff667f;
  --ui-warning:#e7bd62;
  --ui-info:#4fd3f6;
  --ui-radius-sm:9px;
  --ui-radius:12px;
  --ui-radius-lg:16px;
  --ui-shadow:0 10px 30px rgba(0,0,0,.18);
  --ui-focus:0 0 0 3px rgba(124,92,255,.20);
}

html,body{
  background:var(--ui-bg)!important;
}

/* Scrollbars: follows the starter's thin global scrollbar idea */
*{
  scrollbar-width:thin;
  scrollbar-color:rgba(140,152,168,.28) transparent;
}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{
  background:rgba(140,152,168,.25);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:content-box;
}
::-webkit-scrollbar-thumb:hover{background:rgba(140,152,168,.45);background-clip:content-box}

/* ---------- Top bar ---------- */
.topbar{
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:rgba(9,13,19,.94)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(12px)!important;
}
.logo,.avatar,.back-btn{
  border-color:var(--ui-border-strong)!important;
  box-shadow:none!important;
}
.back-btn{
  background:var(--ui-surface)!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.back-btn:hover{
  background:var(--ui-surface-3)!important;
  border-color:rgba(124,92,255,.28)!important;
}

/* ---------- Generic cards ---------- */
.card:not(.terminal-signal):not(.signal-card),
.admin-box,
.premium-panel,
.referral-panel,
.renew-panel,
.subscription-pro,
.social-card,
.course-card,
.web-login-card{
  border:1px solid var(--ui-border)!important;
  border-radius:var(--ui-radius-lg)!important;
  background:var(--ui-surface)!important;
  box-shadow:var(--ui-shadow)!important;
}
.card:not(.terminal-signal):not(.signal-card):hover,
.quick-action:hover,
.module-card:hover{
  border-color:var(--ui-border-strong)!important;
}
.card-head{
  margin-bottom:10px!important;
}
.card-title{
  color:var(--ui-fg)!important;
  font-size:12.5px!important;
  line-height:1.3!important;
}
.card-sub{
  color:var(--ui-muted)!important;
  font-size:9px!important;
}

/* ---------- Buttons: starter-style compact controls ---------- */
.btn{
  min-height:38px!important;
  height:auto!important;
  padding:8px 11px!important;
  border-radius:10px!important;
  border:1px solid var(--ui-border-strong)!important;
  background:var(--ui-surface-2)!important;
  color:var(--ui-fg)!important;
  box-shadow:none!important;
  font-size:9.5px!important;
  font-weight:780!important;
  line-height:1.25!important;
  transition:
    background .14s ease,
    border-color .14s ease,
    color .14s ease,
    transform .12s ease!important;
}
.btn:hover{
  filter:none!important;
  background:var(--ui-surface-3)!important;
  border-color:rgba(235,241,250,.19)!important;
  box-shadow:none!important;
}
.btn:active{
  transform:translateY(1px)!important;
}
.btn:focus-visible,
.back-btn:focus-visible,
.nav-btn:focus-visible,
.side-link:focus-visible,
.module-card:focus-visible,
.quick-action:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:none!important;
  box-shadow:var(--ui-focus)!important;
  border-color:rgba(124,92,255,.52)!important;
}
.btn.primary{
  background:linear-gradient(180deg,#8768ff,#6f50e7)!important;
  border-color:rgba(151,124,255,.70)!important;
  color:white!important;
}
.btn.primary:hover{background:linear-gradient(180deg,#9174ff,#7657eb)!important}
.btn.green{
  background:rgba(57,217,138,.10)!important;
  color:#6ee8ac!important;
  border-color:rgba(57,217,138,.24)!important;
}
.btn.red{
  background:rgba(255,102,127,.09)!important;
  color:#ff8296!important;
  border-color:rgba(255,102,127,.22)!important;
}
.btn.gold{
  background:rgba(231,189,98,.09)!important;
  color:#efd087!important;
  border-color:rgba(231,189,98,.22)!important;
}

/* ---------- Badges: smaller pill semantics ---------- */
.badge,
.mode-pill,
.status-chip,
.role-chip,
.permission-tag,
.module-badge{
  min-height:21px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  border:1px solid var(--ui-border)!important;
  background:rgba(255,255,255,.035)!important;
  color:#aeb8c5!important;
  box-shadow:none!important;
  font-size:6.8px!important;
  font-weight:820!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.badge.green,.status-chip.green{
  color:#6ee8ac!important;
  border-color:rgba(57,217,138,.20)!important;
  background:rgba(57,217,138,.075)!important;
}
.badge.red,.badge.negative{
  color:#ff8296!important;
  border-color:rgba(255,102,127,.20)!important;
  background:rgba(255,102,127,.07)!important;
}
.badge.gold{
  color:#efd087!important;
  border-color:rgba(231,189,98,.20)!important;
  background:rgba(231,189,98,.07)!important;
}
.badge.purple,.role-chip{
  color:#baa7ff!important;
  border-color:rgba(124,92,255,.24)!important;
  background:rgba(124,92,255,.08)!important;
}

/* ---------- Form controls ---------- */
input,select,textarea{
  border:1px solid var(--ui-border-strong)!important;
  border-radius:10px!important;
  background:#080d13!important;
  color:var(--ui-fg)!important;
  box-shadow:none!important;
  transition:border-color .14s ease,background .14s ease,box-shadow .14s ease!important;
}
input:hover,select:hover,textarea:hover{
  border-color:rgba(235,241,250,.18)!important;
}
input::placeholder,textarea::placeholder{color:#596575!important}

/* ---------- KPI / metric cards ---------- */
.kpi,.metric-card,.mini-stat,.renew-stat,.ib-manager-kpi{
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:var(--ui-surface)!important;
  box-shadow:none!important;
}
.kpi{
  min-height:92px!important;
  padding:12px!important;
}
.metric-card{
  min-height:92px!important;
  padding:12px!important;
}
.kpi-label,.metric-label{
  color:#788596!important;
  font-size:7px!important;
  letter-spacing:.08em!important;
}
.kpi-foot,.metric-foot{
  color:#6f7b8b!important;
  font-size:7.5px!important;
}

/* ---------- Feature cards ---------- */
.quick-action,.module-card{
  border:1px solid var(--ui-border)!important;
  border-radius:14px!important;
  background:var(--ui-surface)!important;
  box-shadow:none!important;
  transition:
    background .14s ease,
    border-color .14s ease,
    transform .14s ease!important;
}
.quick-action:hover,.module-card:hover{
  background:var(--ui-surface-2)!important;
  transform:translateY(-1px);
}
.quick-action .qicon,.module-icon{
  border:1px solid rgba(124,92,255,.16)!important;
  background:rgba(124,92,255,.07)!important;
  box-shadow:none!important;
}
.module-arrow{
  color:#758195!important;
}

/* ---------- Sidebar: calmer SaaS navigation ---------- */
.desktop-sidebar{
  background:#080c12!important;
  border-inline-end:1px solid var(--ui-border)!important;
  box-shadow:none!important;
}
.side-link{
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#8793a4!important;
  transition:background .12s ease,border-color .12s ease,color .12s ease!important;
}
.side-link:hover{
  background:rgba(255,255,255,.035)!important;
  border-color:var(--ui-border)!important;
  color:#e6ebf2!important;
}
.side-link.on{
  background:rgba(124,92,255,.09)!important;
  border-color:rgba(124,92,255,.18)!important;
  color:#c9bcff!important;
}
.side-link .side-badge{
  border-color:var(--ui-border)!important;
  color:#6f7c8e!important;
  background:rgba(255,255,255,.02)!important;
}

/* ---------- Mobile nav ---------- */
.bottomnav{
  background:linear-gradient(180deg,rgba(7,10,15,0),rgba(7,10,15,.96) 26%)!important;
  border-top:0!important;
  backdrop-filter:none!important;
}
.nav-inner{
  border:1px solid var(--ui-border)!important;
  background:rgba(10,15,22,.96)!important;
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.34)!important;
}
.nav-btn{
  border-radius:11px!important;
  color:#778396!important;
  background:transparent!important;
}
.nav-btn.on{
  color:#d7cdff!important;
  background:rgba(124,92,255,.10)!important;
}
.nav-btn.on:before{
  background:#8a70ff!important;
  box-shadow:0 0 10px rgba(138,112,255,.44)!important;
}

/* ---------- Tables ---------- */
.web-table{
  border-collapse:separate!important;
  border-spacing:0!important;
}
.web-table th{
  color:#758295!important;
  background:#0a0f16!important;
  border-bottom:1px solid var(--ui-border)!important;
}
.web-table td{
  border-bottom:1px solid rgba(235,241,250,.055)!important;
}
.web-table tr:hover td{
  background:rgba(255,255,255,.015)!important;
}

/* ---------- Dialog / Sheet ---------- */
.modal{
  background:rgba(2,5,9,.64)!important;
  backdrop-filter:blur(7px)!important;
}
.modal-card,.sheet-card{
  border:1px solid var(--ui-border-strong)!important;
  background:#0a0f16!important;
  box-shadow:0 28px 80px rgba(0,0,0,.50)!important;
}
.modal-card{
  border-radius:18px!important;
}
.sheet-card{
  border-radius:20px 20px 0 0!important;
}
.sheet-handle{
  background:#303a48!important;
}

/* ---------- Hero cleanup ---------- */
.hero,.dashboard-hero,.more-hero,.social-hero,.member-identity-card{
  border-color:var(--ui-border)!important;
  box-shadow:none!important;
}
.eyebrow{
  color:#788596!important;
}
.section-head h2{
  letter-spacing:-.01em!important;
}

/* ---------- Auth / language ---------- */
.lang-switch{
  border-color:var(--ui-border)!important;
  background:#090e14!important;
}
.lang-switch button.on{
  background:#7657ea!important;
  box-shadow:none!important;
}
.topbar-auth-btn{
  box-shadow:none!important;
}

/* ---------- Persian stays readable ---------- */
body.locale-fa .btn,
body.locale-fa .badge,
body.locale-fa .side-link,
body.locale-fa .nav-btn{
  letter-spacing:0!important;
}
body.locale-fa .card-title,
body.locale-fa .module-title,
body.locale-fa .list-main{
  line-height:1.55!important;
}

/* ---------- signal visuals deliberately protected ---------- */
.terminal-signal,
.signal-card,
.signal-spotlight{
  /* Preserve the existing AMIS signal language; only focus behavior is inherited. */
}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .quick-action,.module-card,.btn,.side-link,.nav-btn{
    transition:none!important;
  }
}


/* ============================================================
   AMIS QUANTUM GLOW LOADER V2 — WEB + MINI APP
   Lightweight CSS-only boot animation
   ============================================================ */
.amis-qload{
  min-height:100dvh;
  width:100%;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  padding:24px;
  background:
    radial-gradient(500px 300px at 50% 48%,rgba(124,92,255,.10),transparent 68%),
    radial-gradient(360px 220px at 50% 52%,rgba(79,211,246,.045),transparent 72%),
    #070a0f;
}
.amis-qload:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:radial-gradient(circle at center,#000 0%,transparent 66%);
  mask-image:radial-gradient(circle at center,#000 0%,transparent 66%);
}
.amis-qload-core{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:12px;
}
.amis-qload-orbit{
  width:142px;
  height:142px;
  position:relative;
  display:grid;
  place-items:center;
}
.amis-qload-orbit:before,
.amis-qload-orbit:after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.amis-qload-orbit:before{
  inset:0;
  border:1px solid rgba(141,113,255,.18);
  border-top-color:rgba(141,113,255,.72);
  border-right-color:rgba(79,211,246,.35);
  box-shadow:0 0 34px rgba(124,92,255,.09);
  animation:amisQOrbit 2.25s linear infinite;
}
.amis-qload-orbit:after{
  inset:15px;
  border:1px solid rgba(255,255,255,.06);
  border-bottom-color:rgba(231,189,98,.38);
  animation:amisQOrbitReverse 3.2s linear infinite;
}
.amis-qload-mark{
  width:94px;
  height:94px;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:27px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 35% 28%,rgba(142,113,255,.16),transparent 44%),
    linear-gradient(145deg,#121925,#080d14 70%);
  box-shadow:
    0 20px 55px rgba(0,0,0,.38),
    0 0 34px rgba(124,92,255,.10),
    inset 0 1px 0 rgba(255,255,255,.055);
  animation:amisQPulse 2.2s ease-in-out infinite;
}
.amis-qload-mark:before{
  content:"";
  position:absolute;
  width:42px;
  height:180%;
  transform:translateX(-140%) rotate(18deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.04),
    rgba(171,148,255,.38),
    rgba(92,221,255,.17),
    transparent
  );
  filter:blur(.2px);
  animation:amisQScan 2.15s ease-in-out infinite;
}
.amis-qload-mark:after{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:21px;
  border:1px solid rgba(255,255,255,.035);
}
.amis-qload-word{
  position:relative;
  z-index:2;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
  font-size:25px;
  font-weight:700;
  letter-spacing:-1.7px;
  color:#ead58b;
  text-shadow:
    0 0 10px rgba(234,213,139,.18),
    0 0 28px rgba(124,92,255,.20);
  animation:amisQWord 1.85s ease-in-out infinite;
}
.amis-qload-name{
  color:#eef3f8;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.20em;
  text-align:center;
}
.amis-qload-sub{
  color:#687586;
  font-size:6.2px;
  font-weight:800;
  letter-spacing:.24em;
  text-transform:uppercase;
  text-align:center;
}
.amis-qload-progress{
  width:120px;
  height:2px;
  border-radius:99px;
  overflow:hidden;
  background:rgba(255,255,255,.05);
  margin-top:3px;
}
.amis-qload-progress i{
  display:block;
  width:46%;
  height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#8064ff,#4fd3f6,transparent);
  animation:amisQProgress 1.45s ease-in-out infinite;
}
@keyframes amisQOrbit{to{transform:rotate(360deg)}}
@keyframes amisQOrbitReverse{to{transform:rotate(-360deg)}}
@keyframes amisQPulse{
  0%,100%{transform:scale(.985);filter:brightness(.96)}
  50%{transform:scale(1.018);filter:brightness(1.10)}
}
@keyframes amisQScan{
  0%{transform:translateX(-170%) rotate(18deg);opacity:0}
  18%{opacity:.2}
  48%{opacity:1}
  82%{opacity:.20}
  100%{transform:translateX(210%) rotate(18deg);opacity:0}
}
@keyframes amisQWord{
  0%,100%{opacity:.88;filter:brightness(.96)}
  50%{opacity:1;filter:brightness(1.26)}
}
@keyframes amisQProgress{
  0%{transform:translateX(-130%)}
  100%{transform:translateX(260%)}
}

/* Async in-page loader */
.loading:empty,
.loading>.loader:only-child{
  min-height:128px!important;
}
.loading:empty:before{
  content:"AMIS";
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin:auto;
  border-radius:15px;
  border:1px solid rgba(124,92,255,.20);
  background:#0d131c;
  color:#e4cf89;
  font-family:Georgia,"Times New Roman",serif;
  font-size:14px;
  font-style:italic;
  font-weight:700;
  box-shadow:0 0 28px rgba(124,92,255,.09);
  animation:amisQPulse 1.7s ease-in-out infinite;
}
@media(max-width:430px){
  .amis-qload-orbit{width:126px;height:126px}
  .amis-qload-mark{width:84px;height:84px;border-radius:24px}
  .amis-qload-word{font-size:23px}
}
@media(prefers-reduced-motion:reduce){
  .amis-qload-orbit:before,.amis-qload-orbit:after,.amis-qload-mark,
  .amis-qload-mark:before,.amis-qload-word,.amis-qload-progress i,
  .loading:empty:before{animation:none!important}
}


/* ============================================================
   AMIS SIGNAL STATUS BADGES + NOTIFICATION CENTER v1
   ============================================================ */
.signal-state-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:23px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  font-size:6.7px;
  font-weight:900;
  letter-spacing:.06em;
  white-space:nowrap;
}
.signal-state-badge.cyan{color:#70ddf7;background:rgba(79,211,246,.08);border-color:rgba(79,211,246,.20)}
.signal-state-badge.green{color:#72e7ad;background:rgba(57,217,138,.08);border-color:rgba(57,217,138,.20)}
.signal-state-badge.gold{color:#efd087;background:rgba(231,189,98,.08);border-color:rgba(231,189,98,.20)}
.signal-state-badge.red{color:#ff8498;background:rgba(255,102,127,.08);border-color:rgba(255,102,127,.20)}
.signal-state-badge.purple{color:#c2b1ff;background:rgba(124,92,255,.09);border-color:rgba(124,92,255,.22)}
.signal-state-badge.neutral{color:#a4afbd;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}
.notification-page{display:grid;gap:10px}
.notification-hero{padding:14px;border:1px solid var(--ui-border,rgba(255,255,255,.09));border-radius:16px;background:linear-gradient(145deg,#0d131c,#090e14)}
.notification-mode-grid,.notification-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}
.notification-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.notification-choice{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0a0f16;color:#8f9baa;text-align:start}
.notification-choice b{display:block;font-size:9px;color:#dce3ec}
.notification-choice small{display:block;margin-top:3px;font-size:7px;line-height:1.45;color:#6f7c8d}
.notification-choice.on{border-color:rgba(124,92,255,.30);background:rgba(124,92,255,.08)}
.notification-choice.on b{color:#cbbfff}
.notification-feed{display:grid;gap:7px}
.notification-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:#0a0f16;width:100%;color:inherit;text-align:start}
.notification-item.unread{border-color:rgba(124,92,255,.20);background:rgba(124,92,255,.045)}
.notification-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,92,255,.08);color:#b8a6ff}
.notification-title{display:block;font-size:9.5px;font-weight:900;line-height:1.35}
.notification-body{display:block;margin-top:3px;font-size:7.8px;color:#8b97a6;line-height:1.55;white-space:pre-line}
.notification-time{font-size:6.5px;color:#657180;white-space:nowrap}
.notification-unread-dot{position:absolute;top:5px;right:calc(50% - 14px);width:7px;height:7px;border-radius:50%;background:#ff657d;box-shadow:0 0 9px rgba(255,101,125,.52);border:1px solid #111720}
.notification-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:7px;font-weight:900;color:#fff;background:#7657ea}
@media(max-width:560px){.notification-mode-grid,.notification-toggle-grid{grid-template-columns:1fr}.notification-item{grid-template-columns:32px minmax(0,1fr)}.notification-time{grid-column:2;justify-self:start}}


/* MINI APP BOTTOM NAV FINAL COMPACT FIX */
.bottomnav{padding:0 8px max(8px,env(safe-area-inset-bottom))!important}
.nav-inner{width:100%!important;max-width:680px!important;height:74px!important;min-height:74px!important;padding:6px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;border-radius:20px!important}
.nav-btn{position:relative!important;width:100%!important;height:60px!important;min-height:60px!important;padding:7px 2px 5px!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;font-size:9px!important;font-weight:820!important;line-height:1!important;background:transparent!important;box-shadow:none!important}
.nav-btn i{margin:0!important}.nav-btn i .amis-icon{width:21px!important;height:21px!important}
.nav-btn.on{color:#d8ceff!important;background:rgba(124,92,255,.085)!important;border:1px solid rgba(124,92,255,.16)!important;box-shadow:none!important}
.nav-btn.on:before{top:3px!important;width:18px!important;height:2px!important;background:#8e72ff!important;box-shadow:0 0 7px rgba(142,114,255,.32)!important}
.nav-btn.on:after{display:none!important}
@media(max-width:370px){.nav-inner{height:70px!important;min-height:70px!important;padding:5px!important}.nav-btn{height:58px!important;min-height:58px!important;font-size:8px!important;gap:4px!important}.nav-btn i .amis-icon{width:19px!important;height:19px!important}}


/* ============================================================
   AMIS SIGNAL BADGE VISIBILITY FIX
   Dedicated two-line state area so status never gets squeezed
   between BUY/SELL and the live dot.
   ============================================================ */
.terminal-side-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  min-width:92px!important;
}
.terminal-side-stack .terminal-side-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  min-width:0!important;
}
.terminal-side-stack .signal-state-badge{
  min-height:22px!important;
  padding:4px 8px!important;
  font-size:6.6px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  max-width:118px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
@media(max-width:430px){
  .terminal-side-stack{
    min-width:82px!important;
    gap:5px!important;
  }
  .terminal-side-stack .signal-state-badge{
    max-width:104px!important;
    padding:4px 7px!important;
    font-size:6px!important;
  }
}


/* ============================================================
   MINI APP SIGNAL COMMAND — CHRONOLOGICAL MANAGEMENT
   Status/command updates NEVER move a signal in the list.
   Order = original send time, newest first.
   ============================================================ */
.signal-admin-timeline{
  margin-top:10px!important;
}
.signal-admin-timeline .card-head{
  align-items:flex-start!important;
}
.signal-admin-order-note{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:5px;
  font-size:7.5px;
  line-height:1.45;
  color:#7f8b9a;
}
.signal-admin-order-note:before{
  content:"";
  width:5px;height:5px;border-radius:50%;
  background:#58d7f2;
  box-shadow:0 0 8px rgba(88,215,242,.35);
}
.admin-signal-row{
  padding:11px 0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.admin-signal-row:last-child{
  border-bottom:0!important;
}
.admin-signal-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:9px!important;
  align-items:start!important;
}
.admin-signal-main{
  min-width:0!important;
}
.admin-signal-main .list-main{
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:900!important;
}
.admin-signal-main .list-sub{
  margin-top:3px!important;
  font-size:7.7px!important;
  line-height:1.45!important;
}
.admin-signal-sent{
  display:block!important;
  margin-top:5px!important;
  font-size:6.8px!important;
  line-height:1.3!important;
  color:#667384!important;
  font-variant-numeric:tabular-nums;
}
.admin-signal-state{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:5px!important;
}
.admin-signal-state .signal-state-badge{
  min-width:74px!important;
}
.admin-signal-index{
  font-size:6.2px!important;
  font-weight:850!important;
  color:#536071!important;
  letter-spacing:.06em!important;
}

/* ============================================================
   MINI APP BOTTOM NAV — FINAL BALANCED DESIGN
   No oversized active card. Active state is icon + text emphasis.
   ============================================================ */
.bottomnav{
  padding:0 9px max(8px,env(safe-area-inset-bottom))!important;
}
.nav-inner{
  width:100%!important;
  max-width:680px!important;
  height:68px!important;
  min-height:68px!important;
  padding:4px 5px!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:2px!important;
  border-radius:18px!important;
}
.nav-btn{
  position:relative!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  padding:5px 1px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#778396!important;
  font-size:8.4px!important;
  font-weight:800!important;
  line-height:1!important;
}
.nav-btn i{
  width:32px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:background .14s ease,border-color .14s ease,color .14s ease!important;
}
.nav-btn i .amis-icon{
  width:19px!important;
  height:19px!important;
}
.nav-btn.on{
  color:#cfc5ff!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nav-btn.on i{
  color:#cfc5ff!important;
  background:rgba(124,92,255,.105)!important;
  border-color:rgba(124,92,255,.18)!important;
}
.nav-btn.on:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  top:auto!important;
  width:14px!important;
  height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:99px!important;
  background:#8e72ff!important;
  box-shadow:0 0 6px rgba(142,114,255,.28)!important;
}
.nav-btn.on:after{
  display:none!important;
}
@media(max-width:370px){
  .nav-inner{height:64px!important;min-height:64px!important}
  .nav-btn{height:54px!important;min-height:54px!important;font-size:7.6px!important}
  .nav-btn i{width:29px!important;height:28px!important}
  .nav-btn i .amis-icon{width:18px!important;height:18px!important}
}


/* ============================================================
   AMIS IB DISCOUNT ENGINE UI v1
   ============================================================ */
.ib-discount-card{
  border:1px solid rgba(124,92,255,.16)!important;
  background:linear-gradient(145deg,#0f151e,#0a1017)!important;
}
.ib-discount-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.ib-discount-grid label{
  min-width:0;
  font-size:8px;
  color:#9ba7b7;
  font-weight:800;
}
.ib-discount-grid input,
.ib-discount-grid select{
  width:100%;
  margin-top:5px;
  height:42px;
}
.ib-discount-preview{
  margin-top:10px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.ib-discount-preview>div{
  padding:9px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.06);
  background:#090f16;
}
.ib-discount-preview small{
  display:block;
  font-size:6.4px;
  color:#758294;
  font-weight:850;
}
.ib-discount-preview b{
  display:block;
  margin-top:4px;
  font-size:10px;
}
.ib-rule-list{
  display:grid;
  gap:6px;
  margin-top:9px;
}
.ib-rule-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:#090f16;
}
.ib-rule-row b{font-size:8px}
.ib-rule-row small{display:block;margin-top:3px;font-size:6.7px;color:#748194;line-height:1.4}

.partner-code-box{
  margin-bottom:10px;
  padding:11px;
  border:1px solid rgba(124,92,255,.15);
  border-radius:14px;
  background:rgba(124,92,255,.045);
}
.partner-code-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  margin-top:8px;
}
.partner-code-row input{
  height:40px!important;
}
.partner-offer{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  align-items:center;
  margin-top:5px;
  font-size:7px;
  color:#8d99a9;
}
.partner-offer strong{color:#6ee8ac}

.public-price-note{
  padding:9px 10px;
  margin-bottom:9px;
  border-radius:11px;
  border:1px solid rgba(79,211,246,.13);
  background:rgba(79,211,246,.035);
  font-size:7.6px;
  color:#8ea0af;
  line-height:1.5;
}

@media(max-width:560px){
  .ib-discount-grid{grid-template-columns:1fr}
  .ib-discount-preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .partner-code-row{grid-template-columns:1fr}
}


/* ============================================================
   IB MANAGEMENT ACCESS FIX
   Makes IB + Discount management explicitly reachable everywhere.
   ============================================================ */
.ib-manage-primary{
  background:linear-gradient(180deg,#8768ff,#6f50e7)!important;
  border-color:rgba(151,124,255,.65)!important;
  color:#fff!important;
  font-weight:900!important;
}
.ib-discount-warning{
  margin:10px 0 0;
  padding:10px 11px;
  border:1px solid rgba(231,189,98,.20);
  border-radius:11px;
  background:rgba(231,189,98,.055);
  color:#c9b98b;
  font-size:7.6px;
  line-height:1.55;
}
.ib-manager-entry{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
body.locale-fa .ib-manager-entry,
body.locale-fa .ib-discount-warning{
  direction:rtl!important;
  text-align:right!important;
}


/* ============================================================
   AMIS IB DISCOUNT SIMPLE UX v2
   Clear unit logic: Percentage (%) or Fixed amount ($)
   ============================================================ */
.ib-discount-card{
  padding:14px!important;
}
.ib-discount-simple-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.ib-discount-simple-head h3{
  margin:0;
}
.ib-discount-simple-head p{
  margin:4px 0 0;
  max-width:680px;
  font-size:7.5px;
  line-height:1.55;
  color:#7e8b9c;
}
.ib-disc-section{
  margin-top:11px;
}
.ib-disc-label{
  display:block;
  margin-bottom:6px;
  font-size:7px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.045em;
  color:#8491a2;
}
.ib-disc-segment{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  padding:4px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:12px;
  background:#080e15;
}
.ib-disc-segment button{
  min-height:38px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#7c899a;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}
.ib-disc-segment button.on{
  color:#fff;
  border-color:rgba(124,92,255,.26);
  background:rgba(124,92,255,.13);
}
.ib-disc-segment.status button.on[data-value="1"]{
  color:#73e8ae;
  border-color:rgba(57,217,138,.22);
  background:rgba(57,217,138,.08);
}
.ib-disc-segment.status button.on[data-value="0"]{
  color:#a9b2bf;
  border-color:rgba(255,255,255,.09);
  background:rgba(255,255,255,.035);
}
.ib-disc-main-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.ib-disc-field{
  min-width:0;
}
.ib-disc-field select,
.ib-disc-field input{
  width:100%;
  height:42px;
}
.ib-disc-value-wrap{
  position:relative;
}
.ib-disc-value-wrap input{
  padding-inline-start:34px!important;
  padding-inline-end:42px!important;
  font-size:14px!important;
  font-weight:950!important;
  font-variant-numeric:tabular-nums;
}
.ib-disc-prefix,
.ib-disc-suffix{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:10px;
  font-weight:950;
  color:#a99cff;
  pointer-events:none;
}
.ib-disc-prefix{left:12px}
.ib-disc-suffix{right:12px}
body.locale-fa .ib-disc-prefix{left:auto;right:12px}
body.locale-fa .ib-disc-suffix{right:auto;left:12px}
.ib-disc-help{
  margin-top:5px;
  font-size:6.6px;
  line-height:1.45;
  color:#657284;
}
.ib-disc-preview-v2{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:12px;
}
.ib-disc-preview-v2>div{
  min-width:0;
  padding:10px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  background:#080e15;
}
.ib-disc-preview-v2 small{
  display:block;
  font-size:6.3px;
  color:#687587;
  font-weight:900;
}
.ib-disc-preview-v2 b{
  display:block;
  margin-top:4px;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.ib-disc-preview-v2 .pay b{color:#6ee8ac}
.ib-disc-preview-v2 .discount b{color:#c2b1ff}
.ib-disc-advanced{
  margin-top:10px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:#090f16;
}
.ib-disc-advanced summary{
  cursor:pointer;
  padding:10px;
  font-size:7.5px;
  font-weight:850;
  color:#8d99a8;
  user-select:none;
}
.ib-disc-advanced-body{
  padding:0 10px 10px;
}
.ib-disc-save{
  width:100%;
  min-height:42px;
  margin-top:11px;
}
.ib-disc-rule-summary{
  margin-top:11px;
}
.ib-disc-error-detail{
  margin-top:6px;
  font-size:6.7px;
  color:#caa1a8;
  line-height:1.5;
  word-break:break-word;
}
@media(max-width:560px){
  .ib-disc-main-grid{grid-template-columns:1fr}
  .ib-disc-preview-v2{grid-template-columns:1fr 1fr 1fr}
  .ib-discount-simple-head{display:block}
}
@media(max-width:380px){
  .ib-disc-preview-v2{grid-template-columns:1fr}
}


/* ============================================================
   AMIS PROMOTION ENGINE UI v1
   ============================================================ */
.promo-stack{display:grid;gap:9px;margin-top:10px}
.promo-card{position:relative;overflow:hidden;border:1px solid rgba(124,92,255,.16);border-radius:15px;background:linear-gradient(145deg,#0c131c,#091017);padding:12px}
.promo-card.active{border-color:rgba(57,217,138,.28);background:linear-gradient(145deg,rgba(57,217,138,.07),#091017 48%)}
.promo-card.scheduled{border-color:rgba(124,92,255,.30);background:linear-gradient(145deg,rgba(124,92,255,.08),#091017 50%)}
.promo-card.ended{opacity:.78}.promo-card.cancelled{opacity:.62}
.promo-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.promo-name{font-size:11px;font-weight:950}.promo-sub{margin-top:3px;font-size:7px;color:#7c899a;line-height:1.5}
.promo-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:6.5px;font-weight:950;letter-spacing:.05em}
.promo-status.ACTIVE{color:#69e6a7;border-color:rgba(57,217,138,.25);background:rgba(57,217,138,.08)}.promo-status.SCHEDULED{color:#c2b1ff;border-color:rgba(124,92,255,.28);background:rgba(124,92,255,.08)}.promo-status.ENDED{color:#9ca7b5}.promo-status.CANCELLED{color:#ff8598}.promo-status.DRAFT{color:#e4c57f}
.promo-countdown{margin:11px 0 8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.promo-countdown>div{padding:8px 5px;text-align:center;border-radius:10px;border:1px solid rgba(255,255,255,.055);background:#080e15}.promo-countdown b{display:block;font-size:13px;font-variant-numeric:tabular-nums}.promo-countdown small{display:block;margin-top:2px;font-size:5.8px;color:#667486}
.promo-timeline{position:relative;height:26px;margin:9px 2px 5px}.promo-timeline-track{position:absolute;left:0;right:0;top:11px;height:3px;border-radius:99px;background:#192534}.promo-timeline-fill{position:absolute;left:0;top:11px;height:3px;border-radius:99px;background:linear-gradient(90deg,#7b5cff,#39d98a);width:0}.promo-timeline-dot{position:absolute;top:6px;width:12px;height:12px;border-radius:50%;background:#0a1119;border:2px solid #46566a;transform:translateX(-50%)}.promo-timeline-dot.start{left:0;transform:none}.promo-timeline-dot.end{left:100%}.promo-timeline-dot.now{border-color:#48dca0;background:#48dca0;box-shadow:0 0 11px rgba(72,220,160,.32)}
.promo-dates{display:flex;justify-content:space-between;font-size:6.3px;color:#657284}.promo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.promo-kpis>div{padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#080e15}.promo-kpis small{display:block;font-size:5.8px;color:#697687}.promo-kpis b{display:block;margin-top:4px;font-size:10px}
.promo-editor{margin-top:10px;padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:#090f16}.promo-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-editor label{font-size:7px;color:#8390a1;font-weight:850}.promo-editor input,.promo-editor select{width:100%;margin-top:5px;height:40px}.promo-history{display:grid;gap:7px;margin-top:9px}.promo-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#080e15}
.promo-offer-banner{margin-bottom:10px;padding:12px;border-radius:15px;border:1px solid rgba(124,92,255,.24);background:linear-gradient(135deg,rgba(124,92,255,.11),rgba(57,217,138,.045));position:relative;overflow:hidden}.promo-offer-banner.active{border-color:rgba(57,217,138,.28)}.promo-offer-title{font-size:12px;font-weight:950}.promo-offer-value{font-size:17px;font-weight:950;margin-top:5px}.promo-offer-copy{font-size:7px;color:#8390a1;margin-top:4px;line-height:1.5}
@media(max-width:560px){.promo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-editor-grid{grid-template-columns:1fr}.promo-countdown b{font-size:11px}}


/* AMIS Promotion visibility fix v1 */
.promo-shell{
  border-color:rgba(124,92,255,.16)!important;
  background:
    radial-gradient(120% 140% at 100% 0%,rgba(124,92,255,.08),transparent 45%),
    #0b1118!important;
}
.promo-empty-state{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px dashed rgba(124,92,255,.18);
  border-radius:14px;
  background:rgba(124,92,255,.035);
}
.promo-empty-orb{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,92,255,.28);
  background:rgba(124,92,255,.08);
  color:#a995ff;
  font-size:20px;
}
body.locale-fa .promo-empty-state{
  direction:rtl;
  text-align:right;
}


/* ============================================================
   AMIS Promotion publish + member visibility UX v2
   ============================================================ */
.promo-member-card{
  position:relative;
  overflow:hidden;
  padding:15px;
  border:1px solid rgba(124,92,255,.24);
  border-radius:16px;
  background:
    radial-gradient(95% 130% at 100% 0%,rgba(124,92,255,.13),transparent 48%),
    #090f17;
}
.promo-member-kicker{
  font-size:6.7px;
  font-weight:950;
  letter-spacing:.13em;
  color:#9b8cff;
}
.promo-member-title{
  margin-top:5px;
  font-size:17px;
  line-height:1.1;
  font-weight:950;
  color:#fff;
}
.promo-member-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.promo-member-meta span{
  padding:5px 7px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:rgba(255,255,255,.025);
  font-size:6.8px;
  color:#9aa7b8;
}
.promo-member-meta b{color:#fff}
.promo-countdown-label{
  margin:12px 0 6px;
  font-size:6.7px;
  font-weight:950;
  letter-spacing:.11em;
  color:#78869a;
}
.promo-member-card.active .promo-countdown-label{color:#61dda4}
.promo-visibility-note{
  padding:9px 10px;
  margin:9px 0;
  border:1px solid rgba(255,190,80,.16);
  border-radius:10px;
  background:rgba(255,190,80,.045);
  font-size:7px;
  line-height:1.55;
  color:#bfae80;
}
.promo-visibility-note.ok{
  border-color:rgba(57,217,138,.16);
  background:rgba(57,217,138,.045);
  color:#8bd7b0;
}
.promo-admin-actions{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:7px;
  margin-top:10px;
}
.promo-admin-actions .btn{
  min-height:42px;
}
.promo-schedule-primary{
  background:linear-gradient(180deg,#805fff,#6b49e7)!important;
  border-color:rgba(142,116,255,.55)!important;
  color:#fff!important;
  font-weight:950!important;
}
@media(max-width:560px){
  .promo-admin-actions{grid-template-columns:1fr}
}
body.locale-fa .promo-member-card,
body.locale-fa .promo-visibility-note{
  direction:rtl;
  text-align:right;
}


/* AMIS Simple Promotion Scheduler v1 */
.promo-simple-preview{
  margin-top:10px;padding:11px 12px;border:1px solid rgba(124,92,255,.16);
  border-radius:12px;background:rgba(124,92,255,.045)
}
.promo-simple-preview .status{font-size:8px;font-weight:950;color:#b7a9ff}
.promo-simple-preview .time{margin-top:4px;font-size:12px;font-weight:950;color:#fff;font-variant-numeric:tabular-nums}
.promo-simple-preview .range{margin-top:5px;font-size:6.8px;color:#798698;line-height:1.45}
.promo-save-one{
  width:100%;min-height:44px;margin-top:10px;
  background:linear-gradient(180deg,#805fff,#6b49e7)!important;
  border-color:rgba(142,116,255,.55)!important;color:#fff!important;font-weight:950!important
}


/* AMIS Promotion Referral Sync + Delete UX */
.promo-advanced{
  margin-top:9px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:#090f16;
}
.promo-advanced summary{
  cursor:pointer;padding:10px;font-size:7.4px;font-weight:900;color:#8290a2
}
.promo-advanced-body{padding:0 10px 10px}
.promo-card-actions{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:9px
}
.promo-delete{
  color:#ff7f92!important;
  border-color:rgba(255,90,110,.22)!important;
  background:rgba(255,90,110,.055)!important
}
.promo-referral-sync{
  margin:0 0 10px;
  padding:8px 10px;
  border:1px solid rgba(124,92,255,.13);
  border-radius:10px;
  background:rgba(124,92,255,.035);
  font-size:6.8px;line-height:1.5;color:#7f8ca0
}
@media(max-width:560px){
  .promo-card-actions{grid-template-columns:1fr 1fr}
}


/* ============================================================
   AMIS Customer Discount + Auto Promotion UX v1
   One source of truth, no separate Promotion Builder.
   ============================================================ */
.ib-auto-schedule{
  margin-top:12px;
  padding:12px;
  border:1px solid rgba(124,92,255,.13);
  border-radius:13px;
  background:rgba(124,92,255,.035);
}
.ib-auto-schedule-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:9px;
}
.ib-auto-schedule-grid.hidden{display:none}
.ib-auto-schedule-preview{
  margin-top:9px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:10px;
  background:#080e15;
}
.ib-auto-schedule-preview b{
  display:block;
  font-size:10px;
  color:#fff;
}
.ib-auto-schedule-preview span{
  display:block;
  margin-top:4px;
  font-size:6.8px;
  color:#778598;
  line-height:1.5;
}
.ib-auto-promo-list{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.ib-auto-promo-card{
  padding:12px;
  border:1px solid rgba(124,92,255,.14);
  border-radius:13px;
  background:
    radial-gradient(90% 130% at 100% 0%,rgba(124,92,255,.08),transparent 48%),
    #090f16;
}
.ib-auto-promo-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.ib-auto-promo-title{
  font-size:9px;
  font-weight:950;
  color:#fff;
}
.ib-auto-promo-sub{
  margin-top:4px;
  font-size:6.7px;
  line-height:1.45;
  color:#7e8b9c;
}
.ib-auto-promo-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
}
.ib-auto-promo-actions .btn{min-height:38px}
.ib-auto-promo-actions .danger{
  color:#ff8495!important;
  border-color:rgba(255,90,110,.2)!important;
  background:rgba(255,90,110,.055)!important;
}
.ib-auto-promo-enabled{
  color:#65e6a5;
}
.ib-auto-promo-disabled{
  color:#99a4b4;
}
@media(max-width:560px){
  .ib-auto-schedule-grid{grid-template-columns:1fr}
  .ib-auto-promo-actions{grid-template-columns:1fr 1fr 1fr}
}
body.locale-fa .ib-auto-schedule,
body.locale-fa .ib-auto-promo-card{
  direction:rtl;
  text-align:right;
}


/* ============================================================
   AMIS IB REFERRAL DASHBOARD v2 — RHYTHM-INSPIRED FINTECH UI
   Scope: presentation/read-only redesign of IB & Referral only.
   Existing IB Network Control / payments / promotions / signals untouched.
   v0.7.56: per-invoice renewal commission visibility + Super Admin renewal analytics.
   ============================================================ */
.ibx-dashboard{
  --ibx-panel:#0c1727;
  --ibx-panel-2:#101f35;
  --ibx-soft:#13233b;
  --ibx-border:rgba(156,181,222,.10);
  --ibx-text:#f4f7ff;
  --ibx-muted:#8fa0ba;
  --ibx-purple:#5c63f2;
  --ibx-cyan:#11c8e9;
  --ibx-green:#45d49a;
  --ibx-gold:#f1bd52;
  --ibx-red:#ff5573;
  display:grid;gap:14px;min-width:0;
}
.ibx-dashboard *{box-sizing:border-box}
.ibx-hero{
  position:relative;overflow:hidden;display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(285px,.65fr);
  gap:18px;padding:22px;border:1px solid rgba(92,99,242,.22);border-radius:22px;
  background:
    radial-gradient(720px 280px at 8% -20%,rgba(17,200,233,.12),transparent 52%),
    radial-gradient(540px 300px at 100% 0%,rgba(92,99,242,.24),transparent 58%),
    linear-gradient(145deg,#0e1a2d 0%,#0b1627 48%,#0c1728 100%);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
}
.ibx-hero:after{content:"";position:absolute;right:-90px;bottom:-130px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.035);box-shadow:0 0 0 42px rgba(255,255,255,.014),0 0 0 84px rgba(255,255,255,.009);pointer-events:none}
.ibx-hero-main{position:relative;z-index:1;min-width:0}
.ibx-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;letter-spacing:.13em;color:#83e6f6;text-transform:uppercase}
.ibx-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ibx-cyan);box-shadow:0 0 16px rgba(17,200,233,.7)}
.ibx-title{margin-top:9px;font-size:30px;line-height:1.08;font-weight:950;letter-spacing:-.7px;color:#fff}
.ibx-title span{background:linear-gradient(90deg,#8b91ff,#67dff2);-webkit-background-clip:text;background-clip:text;color:transparent}
.ibx-sub{margin-top:10px;max-width:720px;font-size:12px;line-height:1.75;color:#92a3bc}
.ibx-rate-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}
.ibx-rate-chip,.ibx-status-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:7px 10px;border-radius:10px;border:1px solid var(--ibx-border);background:rgba(4,12,23,.48);font-size:10px;font-weight:800;color:#c6d0e1}
.ibx-rate-chip b{color:#ffd16c}
.ibx-status-chip.live{color:#6ce7ae;border-color:rgba(69,212,154,.20);background:rgba(69,212,154,.075)}
.ibx-linkbox{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(4,12,23,.58);backdrop-filter:blur(10px)}
.ibx-link-label{font-size:9px;font-weight:900;letter-spacing:.10em;color:#7e90aa}
.ibx-code{margin-top:6px;font-size:23px;font-weight:950;color:#f4ca70;letter-spacing:.05em;font-variant-numeric:tabular-nums}
.ibx-link{margin-top:7px;font-size:9px;color:#71839e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:left}
.ibx-link-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:13px}
.ibx-link-actions .btn{min-height:38px}
.ibx-refresh-btn{width:40px!important;min-width:40px;padding:0!important;display:grid!important;place-items:center!important}

.ibx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.ibx-kpi{position:relative;overflow:hidden;min-width:0;min-height:112px;padding:15px;border:1px solid var(--ibx-border);border-radius:17px;background:linear-gradient(155deg,#101f35 0%,#0c182a 100%);box-shadow:0 10px 30px rgba(0,0,0,.10)}
.ibx-kpi:after{content:"";position:absolute;right:-26px;bottom:-42px;width:110px;height:110px;border-radius:50%;background:var(--ibx-glow,rgba(92,99,242,.12));filter:blur(1px)}
.ibx-kpi-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ibx-kpi-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:950;color:#fff;background:var(--ibx-accent,#5c63f2);box-shadow:0 9px 22px rgba(0,0,0,.18)}
.ibx-kpi-label{font-size:9px;font-weight:850;letter-spacing:.065em;color:#91a0b8;text-transform:uppercase}
.ibx-kpi-value{position:relative;z-index:1;margin-top:10px;font-size:25px;line-height:1;font-weight:950;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.ibx-kpi-note{position:relative;z-index:1;margin-top:7px;font-size:9.5px;color:#6f809a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ibx-kpi.purple{--ibx-accent:#6657ef;--ibx-glow:rgba(102,87,239,.14)}
.ibx-kpi.cyan{--ibx-accent:#08c8e9;--ibx-glow:rgba(8,200,233,.13)}
.ibx-kpi.green{--ibx-accent:#39d696;--ibx-glow:rgba(57,214,150,.13)}
.ibx-kpi.gold{--ibx-accent:#f1aa27;--ibx-glow:rgba(241,170,39,.13)}
.ibx-kpi.purple .ibx-kpi-value{color:#a9a1ff}.ibx-kpi.cyan .ibx-kpi-value{color:#63e4f5}.ibx-kpi.green .ibx-kpi-value{color:#72e8b4}.ibx-kpi.gold .ibx-kpi-value{color:#ffd277}

.ibx-primary-grid{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(300px,.72fr);gap:12px;align-items:start}
.ibx-side-stack{display:grid;gap:12px;min-width:0}
.ibx-secondary-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:12px;align-items:start}
.ibx-activity-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:12px;align-items:start}
.ibx-card{min-width:0;padding:16px;border:1px solid var(--ibx-border);border-radius:18px;background:linear-gradient(180deg,#0f1c30 0%,#0b1727 100%);box-shadow:0 12px 38px rgba(0,0,0,.10)}
.ibx-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.ibx-card-title{font-size:14px;line-height:1.25;font-weight:900;color:#f5f8ff}
.ibx-card-sub{margin-top:4px;font-size:10px;line-height:1.55;color:#73849f}
.ibx-header-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.ibx-range{display:flex;gap:4px;padding:3px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#091321}
.ibx-range button{border:0;border-radius:7px;background:transparent;color:#72839d;font:inherit;font-size:9px;font-weight:850;padding:6px 8px;cursor:pointer}
.ibx-range button.on{background:#263759;color:#eef3ff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.ibx-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:9px;color:#8495ad}
.ibx-legend span{display:flex;gap:5px;align-items:center}.ibx-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.ibx-dot.entry{background:#ff4167}.ibx-dot.invoice{background:#6070f5}.ibx-dot.paid{background:#11c8e9}
.ibx-chart-summary{display:flex;align-items:baseline;gap:7px;margin-bottom:6px}.ibx-chart-summary b{font-size:22px;color:#13d2e4}.ibx-chart-summary span{font-size:9px;color:#657893}
.ibx-chart-wrap{width:100%;overflow:hidden;border-radius:12px;background:linear-gradient(180deg,rgba(3,10,19,.16),rgba(3,10,19,.02));padding:4px 0 0}
.ibx-chart-svg{width:100%;height:auto;display:block;overflow:visible}.ibx-axis-labels{display:flex;justify-content:space-between;margin-top:5px;padding:0 3px;font-size:8px;color:#5f718d}

.ibx-promo-spotlight{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(120,128,255,.24);border-radius:18px;background:linear-gradient(145deg,#3d4de3 0%,#4454e7 50%,#4c5aeb 100%);box-shadow:0 16px 42px rgba(55,70,210,.20);color:#fff}
.ibx-promo-spotlight:after{content:"";position:absolute;right:-55px;bottom:-75px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 30px rgba(255,255,255,.035),0 0 0 62px rgba(255,255,255,.025);pointer-events:none}
.ibx-promo-spotlight.scheduled{background:linear-gradient(145deg,#5641c6,#6753dc 60%,#735ee2)}
.ibx-promo-spotlight.empty{background:linear-gradient(145deg,#14233a,#101d31);border-color:var(--ibx-border);box-shadow:none}
.ibx-spot-kicker{font-size:9px;font-weight:900;letter-spacing:.10em;opacity:.82}.ibx-spot-title{margin-top:6px;font-size:18px;font-weight:950;line-height:1.25}.ibx-spot-discount{margin-top:3px;font-size:30px;font-weight:950;letter-spacing:-.8px}.ibx-spot-range{margin-top:8px;font-size:9px;line-height:1.5;opacity:.76}
.ibx-promo-spotlight .promo-countdown{margin-top:12px;background:rgba(6,13,47,.20);border-color:rgba(255,255,255,.12)}
.ibx-promo-spotlight .promo-timeline{margin-top:12px}.ibx-promo-spotlight .promo-dates{color:rgba(255,255,255,.72)}
.ibx-spot-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.ibx-spot-stat{padding:9px;border-radius:11px;background:rgba(4,11,45,.18);border:1px solid rgba(255,255,255,.10)}.ibx-spot-stat small{display:block;font-size:7px;opacity:.72}.ibx-spot-stat b{display:block;margin-top:3px;font-size:12px;color:#fff}

.ibx-funnel-shell{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center}.ibx-gauge{--p:0;position:relative;width:112px;height:112px;border-radius:50%;background:conic-gradient(#16cce7 calc(var(--p)*1%),#22334f 0);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.ibx-gauge:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#0d192a;border:1px solid rgba(255,255,255,.05)}.ibx-gauge-center{position:relative;text-align:center}.ibx-gauge-center b{display:block;font-size:20px;color:#fff}.ibx-gauge-center small{display:block;margin-top:2px;font-size:7px;color:#7f90a9;text-transform:uppercase;letter-spacing:.07em}
.ibx-funnel{display:grid;gap:8px}.ibx-funnel-row{display:grid;grid-template-columns:74px minmax(0,1fr) 34px;gap:7px;align-items:center}.ibx-funnel-name{font-size:9px;color:#91a0b7}.ibx-funnel-track{height:7px;border-radius:999px;background:#17253b;overflow:hidden}.ibx-funnel-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#655af0,#9d8cff)}.ibx-funnel-row.invoice .ibx-funnel-fill{background:linear-gradient(90deg,#347ee6,#13cbe8)}.ibx-funnel-row.paid .ibx-funnel-fill{background:linear-gradient(90deg,#1fa76f,#54dfa6)}.ibx-funnel-num{text-align:right;font-size:9px;font-weight:900;color:#f1f5fb}

.ibx-promo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ibx-promo{min-width:0;padding:13px;border:1px solid rgba(130,147,190,.10);border-radius:14px;background:#0a1525}.ibx-promo-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ibx-promo-name{font-size:11px;font-weight:900;color:#f5f8ff}.ibx-promo-discount{margin-top:3px;font-size:16px;font-weight:950;color:#a9a1ff}.ibx-promo-range{margin-top:6px;font-size:8.5px;line-height:1.45;color:#6f809a}.ibx-promo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.ibx-promo-stat{padding:8px;border:1px solid rgba(255,255,255,.045);border-radius:9px;background:#081221}.ibx-promo-stat small{display:block;font-size:7px;color:#687a96}.ibx-promo-stat b{display:block;margin-top:3px;font-size:10px;color:#fff;font-variant-numeric:tabular-nums}.ibx-promo-progress{height:5px;border-radius:999px;background:#18263b;overflow:hidden;margin-top:10px}.ibx-promo-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#655af0,#16cce7)}.ibx-promo-footer{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:8.5px;color:#71839e}.ibx-promo-footer b{color:#dce5f4}

.ibx-wallet{position:relative;overflow:hidden;padding:18px;border:1px solid rgba(241,189,82,.16);border-radius:18px;background:linear-gradient(145deg,#111d2f,#151f31 55%,#241f31);box-shadow:0 12px 34px rgba(0,0,0,.12)}.ibx-wallet:after{content:"$";position:absolute;right:15px;top:3px;font-size:92px;font-weight:950;line-height:1;color:rgba(241,189,82,.035)}.ibx-wallet-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.ibx-wallet-label{font-size:9px;font-weight:900;letter-spacing:.08em;color:#9d8d67}.ibx-wallet-balance{margin-top:6px;font-size:32px;line-height:1;font-weight:950;color:#ffd06d}.ibx-wallet-note{margin-top:7px;font-size:9px;color:#7f8ea3}.ibx-wallet-meta{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.ibx-wallet-meta div{padding:10px;border-radius:10px;background:#0a1423;border:1px solid rgba(255,255,255,.05)}.ibx-wallet-meta small{display:block;font-size:7px;color:#6e809b}.ibx-wallet-meta b{display:block;margin-top:3px;font-size:11px;color:#f4f7ff}.ibx-wallet-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px}.ibx-wallet-actions .btn{min-height:38px}

.ibx-activity-list{display:grid;gap:2px}.ibx-activity{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045)}.ibx-activity:last-child{border-bottom:0}.ibx-activity-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;background:linear-gradient(135deg,#283b60,#182941);border:1px solid rgba(255,255,255,.06)}.ibx-activity-name{font-size:10px;font-weight:850;color:#edf3fc}.ibx-activity-meta{margin-top:3px;font-size:8.5px;color:#687b97}
.ibx-history-list{display:grid;gap:7px}.ibx-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.045);border-radius:11px;background:#091423}.ibx-history-name{font-size:10px;font-weight:850;color:#f1f5fb}.ibx-history-meta{margin-top:3px;font-size:8px;color:#6f819c}
.ibx-empty-visual{display:grid;place-items:center;min-height:180px;text-align:center;color:#71839d}.ibx-empty-visual i{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#13223a;border:1px solid rgba(255,255,255,.06);font-style:normal;font-size:22px;margin:0 auto 10px}.ibx-empty-visual b{display:block;color:#dce5f4;font-size:11px}.ibx-empty-visual span{display:block;margin-top:5px;font-size:9px;line-height:1.55}
.ibx-details{border:1px solid var(--ibx-border);border-radius:15px;background:#0b1626;overflow:hidden}.ibx-details summary{cursor:pointer;padding:13px 15px;font-size:10px;font-weight:900;color:#9cabbe;list-style:none}.ibx-details summary::-webkit-details-marker{display:none}.ibx-details summary:after{content:"+";float:right;color:#6f83a1}.ibx-details[open] summary:after{content:"–"}.ibx-details-body{padding:0 15px 15px}

@media(max-width:980px){.ibx-hero{grid-template-columns:1fr}.ibx-primary-grid,.ibx-secondary-grid,.ibx-activity-grid{grid-template-columns:1fr}.ibx-side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.ibx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ibx-dashboard{gap:10px}.ibx-hero{padding:16px;border-radius:18px}.ibx-title{font-size:23px}.ibx-sub{font-size:10.5px}.ibx-linkbox{padding:13px}.ibx-link-actions{grid-template-columns:1fr 1fr auto}.ibx-side-stack{grid-template-columns:1fr}.ibx-card{padding:13px;border-radius:15px}.ibx-card-title{font-size:12px}.ibx-kpis{gap:8px}.ibx-kpi{min-height:102px;padding:12px}.ibx-kpi-icon{width:36px;height:36px;flex-basis:36px;font-size:14px}.ibx-kpi-value{font-size:20px}.ibx-funnel-shell{grid-template-columns:92px minmax(0,1fr)}.ibx-gauge{width:92px;height:92px}.ibx-gauge:before{inset:10px}.ibx-promo-grid{grid-template-columns:1fr}.ibx-wallet-balance{font-size:27px}}
@media(max-width:430px){.ibx-hero{padding:14px}.ibx-title{font-size:20px}.ibx-eyebrow{font-size:8.5px}.ibx-rate-row{gap:6px}.ibx-rate-chip,.ibx-status-chip{font-size:8.5px}.ibx-code{font-size:19px}.ibx-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ibx-kpi{padding:10px;min-height:96px}.ibx-kpi-label{font-size:7.5px}.ibx-kpi-value{font-size:17px}.ibx-kpi-note{font-size:7.8px}.ibx-kpi-icon{width:31px;height:31px;flex-basis:31px;font-size:12px}.ibx-card-head{gap:8px}.ibx-header-tools{width:100%;justify-content:flex-start}.ibx-card-head{flex-direction:column}.ibx-card-head .ibx-header-tools{width:100%;justify-content:flex-start}.ibx-chart-summary b{font-size:18px}.ibx-funnel-shell{grid-template-columns:1fr}.ibx-gauge{margin:0 auto}.ibx-promo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ibx-link-actions .btn{padding-left:8px;padding-right:8px}.ibx-wallet-meta{grid-template-columns:1fr 1fr}.ibx-wallet-actions{grid-template-columns:1fr}.ibx-spot-discount{font-size:25px}.ibx-spot-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.locale-fa .ibx-dashboard{direction:rtl;text-align:right}.locale-fa .ibx-link{direction:ltr;text-align:left}.locale-fa .ibx-funnel-num{text-align:left}.locale-fa .ibx-details summary:after{float:left}.locale-fa .ibx-activity,.locale-fa .ibx-history-row{direction:rtl}





/* AMIS hotfix: suppress full-page fade/flicker and stabilize viewport without changing business logic. */
html,body{scroll-behavior:auto!important;}
.page-enter{animation:none!important;opacity:1!important;transform:none!important;}
#app{backface-visibility:hidden;transform:translateZ(0);}
@supports (height:100svh){
  .app{min-height:100svh!important;}
}



/* ============================================================
   AMIS Members Club v0.7.62
   PREMIUM UI/UX + PERFORMANCE + PROMOTION MOTION LAYER
   Presentation-only overrides. Business/API logic is preserved.
   ============================================================ */
:root{
  --amis-bg-0:#05090e;
  --amis-bg-1:#081018;
  --amis-surface-1:#0b131c;
  --amis-surface-2:#0e1823;
  --amis-surface-3:#12202d;
  --amis-border:rgba(255,255,255,.075);
  --amis-border-strong:rgba(255,255,255,.12);
  --amis-text:#f7f9fc;
  --amis-text-2:#c3ced9;
  --amis-muted:#7f8f9f;
  --amis-violet:#8067ff;
  --amis-violet-2:#9d8cff;
  --amis-green:#43dda1;
  --amis-red:#ff667d;
  --amis-amber:#f1bf63;
  --amis-blue:#56bdf6;
  --amis-radius-sm:10px;
  --amis-radius-md:14px;
  --amis-radius-lg:18px;
  --amis-radius-xl:22px;
  --amis-motion-fast:140ms;
  --amis-motion-base:220ms;
  --amis-motion-slow:420ms;
  --amis-ease:cubic-bezier(.2,.8,.2,1);
}

html,body{
  background:
    radial-gradient(900px 520px at 88% -12%,rgba(128,103,255,.12),transparent 58%),
    radial-gradient(720px 420px at -18% 8%,rgba(86,189,246,.065),transparent 58%),
    linear-gradient(180deg,#05090e 0%,#060b11 50%,#05090e 100%)!important;
  color:var(--amis-text)!important;
}
body{
  font-family:Vazirmatn,"Vazir",Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif!important;
  text-rendering:optimizeLegibility;
}
.app{
  width:100%;
  max-width:980px!important;
  padding:12px 12px calc(112px + env(safe-area-inset-bottom))!important;
}

.topbar{
  min-height:58px;
  padding:7px 2px 11px!important;
  background:linear-gradient(180deg,rgba(5,9,14,.98) 0%,rgba(5,9,14,.90) 70%,rgba(5,9,14,0) 100%)!important;
  border-bottom:0!important;
  backdrop-filter:blur(12px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(115%)!important;
}
.logo{
  border-color:rgba(255,255,255,.10)!important;
  background:linear-gradient(145deg,#172231,#09111a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 28px rgba(0,0,0,.22)!important;
}
.logo b{color:#f0c86c!important}
.brand-title{font-weight:900!important;letter-spacing:-.15px}
.brand-sub{color:#75879a!important;letter-spacing:.085em!important}

.card,
.hero,
.signal-card,
.social-post,
.composer,
.module-card,
.quick-action,
.subscription-pro,
.membership-pass,
.renew-panel,
.ibx-card{
  border-color:var(--amis-border)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,0)),
    linear-gradient(145deg,var(--amis-surface-2),var(--amis-surface-1))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.14)!important;
}
.card,.signal-card,.social-post,.composer,.module-card,.quick-action,.ibx-card{
  border-radius:var(--amis-radius-lg)!important;
}
.card-title,.list-main,.module-title,.ibx-card-title{
  color:var(--amis-text)!important;
}
.card-sub,.list-sub,.module-desc,.ibx-card-sub{
  color:var(--amis-muted)!important;
}

/* Interactions: only transform/opacity for smooth Telegram WebView motion */
.btn,
.nav-btn,
.module-card,
.quick-action,
.range-tabs button,
.ibx-range button{
  transition:
    transform var(--amis-motion-fast) var(--amis-ease),
    opacity var(--amis-motion-fast) var(--amis-ease),
    background-color var(--amis-motion-fast) var(--amis-ease),
    border-color var(--amis-motion-fast) var(--amis-ease)!important;
}
.btn{
  min-height:44px!important;
  border-radius:13px!important;
  border-color:rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,#172331,#101923)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.14)!important;
}
.btn.primary{
  background:linear-gradient(135deg,#755cff,#5544df)!important;
  border-color:rgba(152,131,255,.48)!important;
  box-shadow:0 10px 26px rgba(103,78,238,.18),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.btn.gold{
  background:linear-gradient(135deg,rgba(241,191,99,.17),rgba(241,191,99,.08))!important;
  border-color:rgba(241,191,99,.28)!important;
}
.btn.red{
  background:rgba(255,102,125,.075)!important;
  border-color:rgba(255,102,125,.24)!important;
}
.btn:active,.module-card:active,.quick-action:active,.nav-btn:active{
  transform:scale(.975)!important;
}
.btn:focus-visible,
.nav-btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible{
  outline:2px solid rgba(128,103,255,.75)!important;
  outline-offset:2px!important;
}

/* Inputs */
input,select,textarea{
  min-height:46px;
  border-radius:13px!important;
  border-color:rgba(255,255,255,.085)!important;
  background:#08111a!important;
  color:var(--amis-text)!important;
}
textarea{min-height:84px}
input::placeholder,textarea::placeholder{color:#596b7c!important}

/* Membership: premium private-card feel without heavy 3D effects */
.membership-pass,
.subscription-pro{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(110% 135% at 100% 0%,rgba(128,103,255,.14),transparent 46%),
    radial-gradient(95% 120% at 0% 100%,rgba(86,189,246,.055),transparent 52%),
    linear-gradient(145deg,#0e1924,#09121b)!important;
  border:1px solid rgba(151,139,255,.16)!important;
}
.membership-pass::before,
.subscription-pro::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 0%,transparent 42%,rgba(255,255,255,.035) 50%,transparent 58%,transparent 100%);
  transform:translateX(-130%);
  animation:amisMembershipSweep 9s var(--amis-ease) infinite;
}
@keyframes amisMembershipSweep{
  0%,78%{transform:translateX(-130%)}
  100%{transform:translateX(130%)}
}
.subscription-pro .days,.sub-days{
  font-variant-numeric:tabular-nums;
}

/* Signals */
.signal-card{
  padding:14px!important;
  overflow:hidden;
}
.signal-card.buy{
  border-inline-start:3px solid rgba(67,221,161,.85)!important;
}
.signal-card.sell{
  border-inline-start:3px solid rgba(255,102,125,.85)!important;
}
.side,.status-pill,.module-badge,.badge,.renew-badge,.role-chip,.status-chip,.lead-status{
  min-height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:8.5px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  border-radius:999px!important;
}
.pricebox{
  background:#09131d!important;
  border-color:rgba(255,255,255,.06)!important;
}
.pricebox b,
.metric-value,
.num,
.ibx-kpi-value,
.ibx-wallet-balance,
.promo-countdown b{
  font-variant-numeric:tabular-nums;
}

/* Premium bottom navigation */
.bottomnav{
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  width:min(720px,calc(100% - 16px))!important;
  transform:translateX(-50%)!important;
  padding:0 0 max(8px,env(safe-area-inset-bottom))!important;
  background:transparent!important;
  pointer-events:none!important;
}
.bottomnav .nav-inner{
  pointer-events:auto!important;
  margin:0!important;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:19px!important;
  background:rgba(8,15,23,.94)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(12px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(115%)!important;
}
.nav-btn{
  min-height:51px!important;
  border-radius:14px!important;
  color:#718296!important;
}
.nav-btn i{
  transition:transform var(--amis-motion-base) var(--amis-ease),opacity var(--amis-motion-base) var(--amis-ease)!important;
}
.nav-btn.on{
  color:#f4f7ff!important;
  background:linear-gradient(180deg,rgba(128,103,255,.15),rgba(128,103,255,.055))!important;
  box-shadow:inset 0 0 0 1px rgba(142,120,255,.16)!important;
}
.nav-btn.on i{transform:translateY(-1px) scale(1.04)}

/* Modal / toast */
.modal{
  background:rgba(1,5,9,.72)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
.modal.open .modal-card{
  animation:amisModalIn var(--amis-motion-base) var(--amis-ease);
}
@keyframes amisModalIn{
  from{opacity:.35;transform:translateY(8px) scale(.995)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.toast{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(13,23,34,.96)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.30)!important;
}

/* ============================================================
   PROMOTION — premium live campaign experience
   ============================================================ */
.promo-card,
.promo-member-card,
.promo-offer-banner{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:20px!important;
  border:1px solid rgba(128,103,255,.18)!important;
  background:
    radial-gradient(95% 115% at 100% 0%,rgba(128,103,255,.12),transparent 48%),
    linear-gradient(145deg,#0e1823,#09121b)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.16)!important;
}
.promo-member-card.active,
.promo-offer-banner.active,
.promo-card.active{
  border-color:rgba(67,221,161,.22)!important;
  background:
    radial-gradient(100% 125% at 100% 0%,rgba(67,221,161,.10),transparent 46%),
    radial-gradient(100% 120% at 0% 100%,rgba(128,103,255,.08),transparent 48%),
    linear-gradient(145deg,#0d1921,#09121b)!important;
}
.promo-member-card.scheduled,
.promo-offer-banner.scheduled,
.promo-card.scheduled{
  border-color:rgba(128,103,255,.28)!important;
}
.promo-member-title{font-size:19px!important;letter-spacing:-.25px}
.promo-member-kicker,
.promo-countdown-label{
  font-size:8px!important;
  letter-spacing:.11em!important;
}
.promo-sub{font-size:9px!important;color:#8393a4!important}
.promo-member-meta span{
  min-height:28px;
  font-size:8.5px!important;
  border-color:rgba(255,255,255,.065)!important;
  background:rgba(255,255,255,.025)!important;
}

/* Professional promotion badges */
.promo-status{
  position:relative;
  overflow:hidden;
  gap:6px;
  min-height:27px;
  padding:6px 9px!important;
  border-radius:999px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.075em!important;
  white-space:nowrap;
  transition:
    transform var(--amis-motion-base) var(--amis-ease),
    opacity var(--amis-motion-base) var(--amis-ease),
    color var(--amis-motion-base) var(--amis-ease),
    background-color var(--amis-motion-base) var(--amis-ease),
    border-color var(--amis-motion-base) var(--amis-ease)!important;
}
.promo-status::before{
  content:"";
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:currentColor;
  opacity:.9;
}
.promo-status.ACTIVE{
  color:#67e5b0!important;
  border-color:rgba(67,221,161,.24)!important;
  background:rgba(67,221,161,.075)!important;
}
.promo-status.ACTIVE::before{
  animation:amisLiveDot 2.6s ease-in-out infinite;
}
.promo-status.SCHEDULED,
.promo-status.urgency-upcoming{
  color:#b7a9ff!important;
  border-color:rgba(128,103,255,.28)!important;
  background:rgba(128,103,255,.08)!important;
}
.promo-status.urgency-ending-soon{
  color:#f0cf81!important;
  border-color:rgba(241,191,99,.26)!important;
  background:rgba(241,191,99,.075)!important;
  animation:amisBadgeBreathe 4s ease-in-out infinite;
}
.promo-status.urgency-final-day{
  color:#ffd28a!important;
  border-color:rgba(241,191,99,.34)!important;
  background:rgba(241,191,99,.095)!important;
  animation:amisBadgeBreathe 3s ease-in-out infinite;
}
.promo-status.urgency-final-hour{
  color:#ff9cae!important;
  border-color:rgba(255,102,125,.30)!important;
  background:rgba(255,102,125,.085)!important;
  animation:amisBadgeBreathe 2s ease-in-out infinite;
}
.promo-status.ENDED{color:#8998a7!important;background:rgba(255,255,255,.025)!important}
.promo-status.CANCELLED{color:#ff879c!important;background:rgba(255,102,125,.055)!important}

@keyframes amisLiveDot{
  0%,100%{transform:scale(.84);opacity:.72}
  50%{transform:scale(1.15);opacity:1}
}
@keyframes amisBadgeBreathe{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.025);opacity:.88}
}

/* Countdown */
.promo-countdown{
  direction:ltr!important;
  margin:14px 0 12px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.promo-countdown>div,
.promo-time-unit{
  min-width:0;
  padding:10px 8px 11px!important;
  text-align:center;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(180deg,rgba(5,10,18,.78),rgba(7,14,24,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.14)!important;
  position:relative;
  overflow:hidden;
}
.promo-time-unit::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 46%);
  pointer-events:none;
}
.promo-time-cap,
.promo-countdown small{
  display:block;
  margin:0 0 8px!important;
  font-size:6.9px!important;
  color:rgba(232,239,248,.58)!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:800;
}
.promo-digit-shell{
  min-height:52px;
  display:grid;
  place-items:center;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.05);
  background:linear-gradient(180deg,rgba(2,7,14,.78),rgba(5,11,19,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.promo-digit-shell--accent{
  background:linear-gradient(180deg,rgba(24,17,48,.58),rgba(7,11,20,.96));
  border-color:rgba(137,117,255,.22);
}
.promo-countdown b{
  display:block;
  min-width:2ch;
  font-size:26px!important;
  line-height:1;
  font-weight:980!important;
  color:#f8fbff;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 0 rgba(255,255,255,.04);
}
.promo-countdown [data-pc="s"]{color:#ffffff}
.promo-countdown [data-pc].amis-digit-tick{
  animation:amisDigitTick 210ms var(--amis-ease);
}
@keyframes amisDigitTick{
  from{opacity:.3;transform:translateY(-7px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Timeline: transform based progress fill */
.promo-progress-shell{margin-top:10px;padding:10px 12px 8px;border-radius:16px;background:rgba(6,10,24,.10);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(6px)}
.promo-progress-shell.scheduled{background:linear-gradient(180deg,rgba(20,12,48,.12),rgba(7,11,23,.10))}
.promo-progress-shell.active{background:linear-gradient(180deg,rgba(7,34,28,.12),rgba(7,11,23,.10))}
.promo-progress-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 10px;
  font-size:8px;
  color:rgba(244,248,252,.72);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.promo-progress-meta span{opacity:.9}
.promo-progress-meta b{
  font-size:14px;
  color:#fff;
  letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.09);
}
.promo-timeline{
  direction:ltr!important;
  height:38px!important;
  margin:0 1px 7px!important;
  --promo-progress:0;
}
.promo-timeline-track{
  top:16px!important;
  height:6px!important;
  border-radius:999px!important;
  background:rgba(8,15,27,.46)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 2px 6px rgba(0,0,0,.12);
}
.promo-timeline-fill{
  width:100%!important;
  position:absolute!important;
  overflow:hidden;
  top:16px!important;
  height:6px!important;
  border-radius:999px!important;
  transform:scaleX(var(--promo-progress,0));
  transform-origin:left center;
  background:linear-gradient(90deg,#46e0a4 0%,#5be4b0 30%,#72d8de 62%,#8b7cff 100%)!important;
  transition:transform 950ms linear!important;
  box-shadow:0 0 16px rgba(70,224,164,.18),0 0 28px rgba(139,124,255,.10);
}
.promo-timeline-dot{
  top:9px!important;
  width:18px!important;
  height:18px!important;
  border:2px solid rgba(255,255,255,.26)!important;
  background:#0a121d!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
}
.promo-timeline-dot.start,
.promo-timeline-dot.end{
  width:16px!important;
  height:16px!important;
  top:10px!important;
}
.promo-timeline-dot.start{border-color:rgba(67,221,161,.55)!important;background:#143827!important}
.promo-timeline-dot.end{border-color:rgba(255,255,255,.24)!important;background:#101722!important}
.promo-timeline-dot.now{
  background:linear-gradient(180deg,#61e8b2,#2fd189)!important;
  border-color:rgba(255,255,255,.72)!important;
  transition:left 950ms linear!important;
  box-shadow:0 0 0 6px rgba(67,221,161,.10),0 0 18px rgba(67,221,161,.28)!important;
}
.promo-progress-shell.scheduled .promo-timeline-dot.now{background:linear-gradient(180deg,#87cbff,#59b4ff)!important;box-shadow:0 0 0 6px rgba(89,180,255,.09),0 0 18px rgba(89,180,255,.20)!important}
.promo-progress-shell.scheduled .promo-timeline-fill{background:linear-gradient(90deg,#44e3a0 0%,#59ddb0 42%,#74d6ce 72%,#8b7cff 100%)!important;box-shadow:0 0 16px rgba(68,227,160,.16),0 0 28px rgba(139,124,255,.10)}
.promo-timeline-fill::after{
  content:"";
  position:absolute;
  top:-2px;
  bottom:-2px;
  width:34%;
  left:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);
  transform:translateX(-170%);
  animation:amisPromoFlow 2.2s linear infinite;
  pointer-events:none;
}
@keyframes amisPromoFlow{
  from{transform:translateX(-170%)}
  to{transform:translateX(420%)}
}
.promo-timeline-dot.now{
  animation:amisPromoDotAlive 2.2s ease-in-out infinite;
}
@keyframes amisPromoDotAlive{
  0%,100%{transform:translateX(-50%) scale(1)}
  50%{transform:translateX(-50%) scale(1.08)}
}

.promo-dates{
  direction:ltr!important;
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:8px!important;
  color:rgba(232,239,248,.60)!important;
  font-variant-numeric:tabular-nums;
}

.promo-kpis{
  gap:7px!important;
  margin-top:11px!important;
}
.promo-kpis>div{
  min-height:54px;
  padding:9px!important;
  border-radius:12px!important;
  border-color:rgba(255,255,255,.055)!important;
  background:#09131d!important;
}
.promo-kpis small{font-size:7px!important;color:#65778a!important}
.promo-kpis b{font-size:12px!important}

/* Promotion hero polish */
.promo-offer-banner::after,
.promo-member-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:180px;
  height:180px;
  right:-95px;
  bottom:-115px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 0 0 30px rgba(255,255,255,.018),0 0 0 62px rgba(255,255,255,.012);
  pointer-events:none;
}
.promo-offer-title{font-size:13px!important}
.promo-offer-value{font-size:22px!important;letter-spacing:-.4px}
.promo-offer-copy{font-size:9px!important;line-height:1.6!important;color:#8798aa!important}

/* VIP / renewal / active badge motion, deliberately sparse */
.module-badge.vip,
.renew-badge{
  position:relative;
  overflow:hidden;
}
.module-badge.vip::after,
.renew-badge::after{
  content:"";
  position:absolute;
  top:-60%;
  bottom:-60%;
  width:28%;
  left:-45%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
  transform:skewX(-18deg) translateX(-360%);
  animation:amisVipSweep 7.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes amisVipSweep{
  0%,82%{transform:skewX(-18deg) translateX(-360%)}
  100%{transform:skewX(-18deg) translateX(620%)}
}

/* Long lists: allow browser to skip off-screen rendering when supported */
.social-post,
.promo-history-row,
.ibx-history-row,
.payment-row,
.user-row,
.signal-card{
  content-visibility:auto;
  contain-intrinsic-size:auto 150px;
}

/* Loading polish */
.amis-qload-progress i{
  transform-origin:left center;
  will-change:transform;
}

/* Responsive */
@media(max-width:560px){
  .app{padding-left:10px!important;padding-right:10px!important}
  .promo-member-card,.promo-offer-banner,.promo-card{padding:13px!important;border-radius:17px!important}
  .promo-member-title{font-size:17px!important}
  .promo-countdown{gap:8px!important}
  .promo-countdown>div,.promo-time-unit{padding:8px 6px 9px!important}
  .promo-digit-shell{min-height:44px}
  .promo-progress-shell{padding:9px 10px 8px!important}
  .promo-countdown b{font-size:21px!important}
  .promo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:380px){
  .promo-countdown b{font-size:20px!important}
  .promo-time-cap,.promo-countdown small{font-size:6.2px!important}
  .bottomnav{width:calc(100% - 10px)!important}
  .bottomnav .nav-inner{padding:5px!important}
  .nav-btn{min-height:49px!important}
}
@media(min-width:760px){
  .app{padding-left:20px!important;padding-right:20px!important}
}

/* Fallback: don't force blur where unsupported/slow */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar{background:rgba(5,9,14,.98)!important}
  .bottomnav .nav-inner{background:#081018!important}
  .modal{background:rgba(1,5,9,.88)!important}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    transition-duration:.001ms!important;
    scroll-behavior:auto!important;
  }
}

/* ============================================================
   AMIS PAYMENT AUTOMATION UI — PHASE 1
   Presentation only. Current TRON settlement remains unchanged.
   ============================================================ */
.payv2-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.payv2-method{position:relative;padding:13px;border:1px solid rgba(136,157,190,.18);border-radius:16px;background:linear-gradient(180deg,rgba(16,26,43,.94),rgba(9,17,30,.96));overflow:hidden}
.payv2-method.active{border-color:rgba(49,211,154,.34);box-shadow:0 0 0 1px rgba(49,211,154,.06) inset}
.payv2-method.coming{opacity:.72}
.payv2-method:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#2ed6a1,transparent);opacity:.65}
.payv2-method.coming:before{background:linear-gradient(90deg,transparent,#d6a62e,transparent)}
.payv2-method-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.payv2-method-name{font-size:12px;font-weight:900;color:#f4f7fb}
.payv2-method-sub{font-size:9px;color:#8d9db4;margin-top:5px;line-height:1.6}
.payv2-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:8px;font-weight:900;letter-spacing:.5px}
.payv2-chip.live{color:#54dfa6;background:rgba(36,196,132,.08);border-color:rgba(54,220,155,.22)}
.payv2-chip.soon{color:#e6bd55;background:rgba(211,160,36,.08);border-color:rgba(211,160,36,.22)}
.payv2-chip.info{color:#91baff;background:rgba(72,128,224,.08);border-color:rgba(72,128,224,.22)}
.payv2-method-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.payv2-method-meta span{font-size:8px;color:#a8b5c7;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:4px 6px;background:rgba(255,255,255,.025)}

.payv2-pipeline{margin:12px 0;padding:13px;border:1px solid rgba(89,118,160,.18);border-radius:16px;background:linear-gradient(145deg,rgba(13,23,39,.96),rgba(8,15,26,.98))}
.payv2-pipeline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:13px}
.payv2-pipeline-title{font-size:12px;font-weight:900;color:#f5f8fc}
.payv2-pipeline-sub{font-size:9px;color:#8998ad;line-height:1.55;margin-top:3px}
.payv2-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.payv2-step{position:relative;min-height:64px;padding:9px 7px;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}
.payv2-step:after{content:"";position:absolute;top:20px;right:-7px;width:7px;height:1px;background:rgba(144,160,184,.2)}
.payv2-step:last-child:after{display:none}
.payv2-step i{display:block;width:8px;height:8px;border-radius:50%;background:#445266;margin-bottom:7px;box-shadow:0 0 0 4px rgba(68,82,102,.08)}
.payv2-step.done{border-color:rgba(45,211,151,.18);background:rgba(45,211,151,.035)}
.payv2-step.done i{background:#36d99b;box-shadow:0 0 0 4px rgba(54,217,155,.08),0 0 18px rgba(54,217,155,.15)}
.payv2-step.current{border-color:rgba(73,134,232,.32);background:rgba(73,134,232,.06)}
.payv2-step.current i{background:#6ca4ff;box-shadow:0 0 0 4px rgba(108,164,255,.09),0 0 18px rgba(108,164,255,.18)}
.payv2-step.error{border-color:rgba(239,87,104,.28);background:rgba(239,87,104,.05)}
.payv2-step.error i{background:#f05a70}
.payv2-step b{display:block;font-size:8px;color:#edf2f8;line-height:1.25}
.payv2-step small{display:block;font-size:7px;color:#75879e;margin-top:4px;line-height:1.35}

.payv2-admin-shell{margin:12px 0}
.payv2-admin-hero{padding:15px;border-radius:18px;border:1px solid rgba(74,117,181,.22);background:
 radial-gradient(circle at 86% 14%,rgba(74,132,222,.13),transparent 32%),
 radial-gradient(circle at 10% 90%,rgba(42,214,154,.08),transparent 34%),
 linear-gradient(145deg,#0e192a,#09111e)}
.payv2-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.payv2-admin-title{font-size:15px;font-weight:950;color:#f5f8fc}
.payv2-admin-sub{font-size:9px;line-height:1.6;color:#8e9db2;margin-top:4px;max-width:680px}
.payv2-engine-badge{white-space:nowrap;padding:6px 9px;border-radius:9px;border:1px solid rgba(67,207,153,.22);background:rgba(67,207,153,.06);font-size:8px;font-weight:900;color:#59dda9}
.payv2-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:12px}
.payv2-kpi{padding:10px;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}
.payv2-kpi small{display:block;font-size:7px;letter-spacing:.45px;color:#73849a;text-transform:uppercase}
.payv2-kpi b{display:block;font-size:16px;color:#eef3f9;margin-top:4px}
.payv2-kpi b.green{color:#52dda7}.payv2-kpi b.gold{color:#e1bb5a}.payv2-kpi b.blue{color:#7eafff}
.payv2-rails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.payv2-rail{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.015)}
.payv2-rail-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.payv2-rail-name{font-size:10px;font-weight:900;color:#edf2f8}
.payv2-rail-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.payv2-rail-meta span{font-size:7px;color:#8798ad;border:1px solid rgba(255,255,255,.06);padding:3px 5px;border-radius:6px}
.payv2-note{margin-top:9px;padding:9px 10px;border-radius:10px;background:rgba(78,124,196,.045);border:1px solid rgba(78,124,196,.12);font-size:8px;color:#8193aa;line-height:1.6}

@media(max-width:720px){
  .payv2-methods,.payv2-rails{grid-template-columns:1fr}
  .payv2-steps{grid-template-columns:1fr}
  .payv2-step{min-height:auto;display:grid;grid-template-columns:14px 1fr;column-gap:7px}
  .payv2-step i{grid-row:1 / span 2;margin:3px 0 0}
  .payv2-step:after{display:none}
  .payv2-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payv2-admin-head{flex-direction:column}
}


/* AMIS FAST START v0.7.65 — low-performance Android safety */
html.amis-low-perf *,html.amis-low-perf *::before,html.amis-low-perf *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html.amis-low-perf .amis-qload-orbit,
html.amis-low-perf .amis-qload-orbit::before,
html.amis-low-perf .amis-qload-orbit::after{
  animation:none!important;
}
html.amis-low-perf .shimmer,
html.amis-low-perf [class*="shimmer"]{
  animation:none!important;
}


/* AMIS_RR_FRONTEND_FULL_V1 — scoped display-only UI */
.amis-rr-addon{--rr-gold:#efc96a;--rr-red:#ff6675;--rr-green:#42d998;--rr-cyan:#58c9ff;--rr-line:rgba(255,255,255,.075);margin:14px 0 3px;border:1px solid var(--rr-line);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(12,18,27,.96),rgba(8,13,20,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.08)}
.amis-rr-addon *{box-sizing:border-box}
.amis-rr-addon .rr-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid var(--rr-line);background:linear-gradient(90deg,rgba(239,201,106,.04),transparent 58%)}
.amis-rr-addon .rr-head-left{display:flex;align-items:center;gap:9px;min-width:0}
.amis-rr-addon .rr-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(239,201,106,.18);background:rgba(239,201,106,.055);color:var(--rr-gold);font-size:11px;font-weight:1000}
.amis-rr-addon .rr-kicker{display:block;color:#8593a5;font-size:7px;letter-spacing:.14em;font-weight:900;margin-bottom:2px}
.amis-rr-addon .rr-title{display:block;color:#f4f7fb;font-size:10px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amis-rr-addon .rr-best{direction:ltr;white-space:nowrap;border:1px solid rgba(239,201,106,.22);background:rgba(239,201,106,.06);color:var(--rr-gold);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:950}
.amis-rr-addon .rr-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 9px 4px}
.amis-rr-addon .rr-summary-card{min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.016)}
.amis-rr-addon .rr-summary-card small{display:block;color:#718094;font-size:7px;font-weight:850;margin-bottom:3px}
.amis-rr-addon .rr-summary-card b{display:block;direction:ltr;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amis-rr-addon .rr-risk{color:#ff7e8b}.amis-rr-addon .rr-reward{color:#48d99b}.amis-rr-addon .rr-gold{color:var(--rr-gold)}
.amis-rr-addon .rr-rows{display:grid;gap:6px;padding:6px 9px 9px}
.amis-rr-addon .rr-row{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 66px;gap:7px;align-items:center;padding:8px;border:1px solid rgba(255,255,255,.052);border-radius:11px;background:rgba(255,255,255,.014)}
.amis-rr-addon .rr-target{font-size:9px;font-weight:950;color:#f5f7fb}
.amis-rr-addon .rr-metric small{display:block;color:#708094;font-size:7px;line-height:1.2;margin-bottom:2px}
.amis-rr-addon .rr-metric b{display:block;direction:ltr;white-space:nowrap;font-size:9px}
.amis-rr-addon .rr-ratio{direction:ltr;text-align:center;color:var(--rr-gold);font-size:9px;font-weight:950;border:1px solid rgba(239,201,106,.18);background:rgba(239,201,106,.045);border-radius:999px;padding:5px 4px}
.amis-rr-addon .rr-bar{grid-column:1/-1;height:4px;border-radius:99px;background:rgba(255,255,255,.04);overflow:hidden;position:relative}
.amis-rr-addon .rr-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rr-green),rgba(66,217,152,.34))}
.amis-rr-addon .rr-baseline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 9px;color:#69788b;font-size:7px}
.amis-rr-addon .rr-baseline span:last-child{direction:ltr}
.amis-rr-addon.rr-web{margin-top:15px}
.amis-rr-addon.rr-web .rr-row{grid-template-columns:48px minmax(95px,1fr) minmax(95px,1fr) 74px}
.amis-rr-addon.rr-web .rr-summary-card b{font-size:11px}
.amis-rr-addon.rr-mini{border-radius:14px;margin-top:11px}
.amis-rr-addon.rr-mini .rr-head{padding:9px 10px}
.amis-rr-addon.rr-mini .rr-summary{padding:8px 8px 3px}
.amis-rr-addon.rr-mini .rr-rows{padding:5px 8px 8px}
.amis-rr-spotlight{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px dashed rgba(255,255,255,.07)}
.amis-rr-spotlight span{display:inline-flex;align-items:center;gap:5px;min-height:25px;padding:0 8px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);font-size:8px;color:#8290a2}
.amis-rr-spotlight b{direction:ltr;font-size:8px;color:#f2f5f9}
.amis-rr-spotlight .rrs-stop b{color:#ff7e8b}.amis-rr-spotlight .rrs-best b{color:#efc96a}
@media(max-width:620px){
  .amis-rr-addon .rr-summary{grid-template-columns:1fr 1fr}
  .amis-rr-addon .rr-summary-card:last-child{grid-column:1/-1}
  .amis-rr-addon .rr-row,.amis-rr-addon.rr-web .rr-row{grid-template-columns:36px 1fr 1fr}
  .amis-rr-addon .rr-ratio{grid-column:1/-1;width:100%}
}
@media(max-width:390px){
  .amis-rr-addon .rr-head{align-items:flex-start}
  .amis-rr-addon .rr-icon{display:none}
  .amis-rr-addon .rr-summary-card{padding:7px}
  .amis-rr-addon .rr-row{gap:5px;padding:7px}
}



/* AMIS_RR_INTELLIGENCE_V2 — premium responsive R:R dashboard; scoped */
.amis-rr-overview{
  --rri-bg:#07101b;--rri-panel:#0a1421;--rri-panel2:#0c1725;--rri-line:rgba(135,169,207,.15);
  --rri-text:#f5f8fc;--rri-muted:#77889f;--rri-cyan:#25c8ff;--rri-blue:#278cff;
  --rri-purple:#9d63ff;--rri-green:#20e49a;--rri-gold:#f3c95f;--rri-red:#ff6476;
  position:relative;isolation:isolate;overflow:hidden;margin:18px 0;border:1px solid var(--rri-line);
  border-radius:25px;background:linear-gradient(180deg,rgba(8,17,29,.985),rgba(5,12,20,.99));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 64px rgba(0,0,0,.24)
}
.amis-rr-overview *{box-sizing:border-box}
.amis-rr-overview:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(720px 280px at 92% -7%,rgba(243,201,95,.095),transparent 56%),
  radial-gradient(650px 300px at -8% 60%,rgba(37,200,255,.075),transparent 62%),
  linear-gradient(120deg,rgba(39,140,255,.035),transparent 32%,transparent 70%,rgba(243,201,95,.025))}
.amis-rr-overview:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;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:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 78%)}

/* Header */
.amis-rr-overview .rri-head{position:relative;min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid var(--rri-line);overflow:hidden}
.amis-rr-overview .rri-head:before{content:"";position:absolute;right:-1%;top:-40px;width:48%;height:180px;opacity:.62;filter:drop-shadow(0 0 13px rgba(243,201,95,.15));background:
  linear-gradient(160deg,transparent 0 44%,rgba(243,201,95,.18) 45% 46%,transparent 47%),
  linear-gradient(170deg,transparent 0 51%,rgba(39,140,255,.14) 52% 53%,transparent 54%),
  repeating-linear-gradient(90deg,transparent 0 20px,rgba(243,201,95,.20) 21px 23px,transparent 24px 35px);clip-path:polygon(0 100%,7% 72%,13% 79%,21% 52%,30% 61%,38% 34%,45% 50%,56% 22%,63% 38%,72% 14%,80% 31%,89% 8%,100% 30%,100% 100%)}
.amis-rr-overview .rri-brand{position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-width:0}
.amis-rr-overview .rri-logo{width:58px;height:58px;flex:0 0 58px;border-radius:17px;border:1px solid rgba(37,200,255,.38);display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:14px 12px;background:linear-gradient(145deg,rgba(12,31,50,.98),rgba(7,17,29,.98));box-shadow:inset 0 0 24px rgba(37,200,255,.11),0 0 28px rgba(37,200,255,.10)}
.amis-rr-overview .rri-logo i{display:block;width:6px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#fff3a8,var(--rri-gold));box-shadow:0 0 12px rgba(243,201,95,.6)}
.amis-rr-overview .rri-logo i:nth-child(1){height:16px}.amis-rr-overview .rri-logo i:nth-child(2){height:28px}.amis-rr-overview .rri-logo i:nth-child(3){height:21px}
.amis-rr-overview .rri-kicker{font-size:9px;font-weight:900;letter-spacing:.25em;color:#8a9ab0;margin-bottom:5px}
.amis-rr-overview .rri-title{font-size:25px;line-height:1.08;font-weight:950;letter-spacing:-.03em;color:var(--rri-text)}
.amis-rr-overview .rri-title em{font-style:normal;color:var(--rri-gold)}
.amis-rr-overview .rri-sub{margin-top:7px;font-size:10px;color:#8a9aaf;letter-spacing:.02em}
.amis-rr-overview .rri-live{position:relative;z-index:1;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:11px 15px;border-radius:999px;border:1px solid rgba(32,228,154,.31);background:linear-gradient(180deg,rgba(18,70,55,.5),rgba(7,37,31,.38));color:#e7fff6;font-size:10px;font-weight:950;box-shadow:inset 0 0 19px rgba(32,228,154,.07),0 0 22px rgba(32,228,154,.08)}
.amis-rr-overview .rri-live i{width:9px;height:9px;border-radius:50%;background:var(--rri-green);box-shadow:0 0 15px rgba(32,228,154,.95)}

/* KPIs */
.amis-rr-overview .rri-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px 18px 14px}
.amis-rr-overview .rri-kpi{position:relative;min-width:0;min-height:108px;padding:14px 15px 13px 15px;border:1px solid var(--rri-line);border-radius:17px;background:linear-gradient(145deg,rgba(14,25,39,.92),rgba(7,15,25,.92));overflow:hidden}
.amis-rr-overview .rri-kpi:after{content:"";position:absolute;inset:auto -25px -45px auto;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle,rgba(39,140,255,.11),transparent 67%)}
.amis-rr-overview .rri-kpi.green{border-color:rgba(32,228,154,.32);box-shadow:inset 0 0 28px rgba(32,228,154,.04)}
.amis-rr-overview .rri-kpi.gold{border-color:rgba(243,201,95,.32);box-shadow:inset 0 0 28px rgba(243,201,95,.045)}
.amis-rr-overview .rri-kpi-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.amis-rr-overview .rri-kpi-label{display:flex;align-items:center;gap:8px;color:#8b9bb1;font-size:8px;font-weight:950;letter-spacing:.13em;white-space:nowrap}
.amis-rr-overview .rri-icon{width:29px;height:29px;flex:0 0 29px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(68,143,255,.24);background:linear-gradient(145deg,rgba(43,108,224,.22),rgba(8,29,58,.35));color:#74bcff;box-shadow:inset 0 0 15px rgba(39,140,255,.08)}
.amis-rr-overview .rri-icon svg{width:16px;height:16px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.amis-rr-overview .rri-kpi.green .rri-icon{color:#f3d86e;border-color:rgba(243,201,95,.26);background:rgba(243,201,95,.08)}
.amis-rr-overview .rri-kpi.gold .rri-icon{color:var(--rri-gold);border-color:rgba(243,201,95,.28);background:rgba(243,201,95,.08)}
.amis-rr-overview .rri-kpi-value{direction:ltr;margin-top:10px;font-size:25px;line-height:1;font-weight:950;color:var(--rri-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amis-rr-overview .rri-kpi.green .rri-kpi-value{color:var(--rri-green)}
.amis-rr-overview .rri-kpi.gold .rri-kpi-value{color:var(--rri-gold);font-size:19px}
.amis-rr-overview .rri-kpi-foot{margin-top:8px;color:#75869c;font-size:8px}
.amis-rr-overview .rri-ring{--pct:0;width:51px;height:51px;flex:0 0 51px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--rri-cyan) calc(var(--pct)*1%),rgba(31,73,113,.34) 0);box-shadow:0 0 20px rgba(37,200,255,.08)}
.amis-rr-overview .rri-ring:before{content:"";position:absolute;width:39px;height:39px;border-radius:50%;background:#0a1523;border:1px solid rgba(255,255,255,.06)}
.amis-rr-overview .rri-ring b{position:relative;z-index:1;font-size:11px;color:#a8e8ff}
.amis-rr-overview .rri-signal-bars{position:absolute;right:13px;bottom:11px;width:72px;height:37px;display:flex;align-items:flex-end;gap:4px;opacity:.72}
.amis-rr-overview .rri-signal-bars i{flex:1;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--rri-blue),rgba(39,140,255,.08));box-shadow:0 0 7px rgba(39,140,255,.18)}
.amis-rr-overview .rri-signal-bars i:nth-child(1){height:25%}.amis-rr-overview .rri-signal-bars i:nth-child(2){height:48%}.amis-rr-overview .rri-signal-bars i:nth-child(3){height:36%}.amis-rr-overview .rri-signal-bars i:nth-child(4){height:72%}.amis-rr-overview .rri-signal-bars i:nth-child(5){height:58%}.amis-rr-overview .rri-signal-bars i:nth-child(6){height:92%}

/* Main content */
.amis-rr-overview .rri-main{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(245px,.88fr);gap:13px;padding:0 18px 18px}
.amis-rr-overview .rri-chart-panel,.amis-rr-overview .rri-distribution,.amis-rr-overview .rri-side-card,.amis-rr-overview .rri-note{border:1px solid var(--rri-line);background:linear-gradient(155deg,rgba(12,24,38,.90),rgba(6,14,23,.92));border-radius:18px}
.amis-rr-overview .rri-chart-panel{padding:15px 15px 13px;min-width:0}
.amis-rr-overview .rri-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.amis-rr-overview .rri-section-title{display:flex;align-items:center;gap:10px;min-width:0}
.amis-rr-overview .rri-section-title .rri-icon{color:var(--rri-gold);border-color:rgba(243,201,95,.24);background:rgba(243,201,95,.06)}
.amis-rr-overview .rri-section-title small{display:block;color:#8899af;font-size:8px;font-weight:950;letter-spacing:.16em}
.amis-rr-overview .rri-section-title b{display:block;margin-top:3px;font-size:13px;color:#f0f4f9}
.amis-rr-overview .rri-chip-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.amis-rr-overview .rri-chip{font-size:7px;font-weight:900;color:#99a9bd;border:1px solid rgba(127,161,199,.18);background:rgba(8,20,34,.72);padding:6px 8px;border-radius:8px}
.amis-rr-overview .rri-total-strip{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:0;margin-top:13px;border:1px solid rgba(111,147,187,.12);border-radius:14px;background:rgba(9,20,33,.68);overflow:hidden}
.amis-rr-overview .rri-total{min-width:0;padding:10px 13px;border-left:1px solid rgba(111,147,187,.12)}
.amis-rr-overview .rri-total:first-child{border-left:0;background:linear-gradient(90deg,rgba(39,140,255,.065),transparent)}
.amis-rr-overview .rri-total small{display:block;color:#71849c;font-size:7px;font-weight:900;letter-spacing:.08em}
.amis-rr-overview .rri-total b{direction:ltr;display:block;margin-top:4px;font-size:15px;color:#ecf3fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amis-rr-overview .rri-total.total b{color:var(--rri-gold);font-size:17px}.amis-rr-overview .rri-total.tp1 b{color:var(--rri-cyan)}.amis-rr-overview .rri-total.tp2 b{color:var(--rri-purple)}.amis-rr-overview .rri-total.tp3 b{color:var(--rri-gold)}

.amis-rr-overview .rri-chart-wrap{position:relative;height:255px;margin-top:13px;padding:19px 12px 29px 48px}
.amis-rr-overview .rri-yaxis{position:absolute;left:0;top:18px;bottom:29px;width:42px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:7px;color:#7890aa;font-size:7px}
.amis-rr-overview .rri-chart-grid{position:absolute;left:48px;right:11px;top:18px;bottom:29px;border-left:1px solid rgba(127,161,199,.16);border-bottom:1px solid rgba(127,161,199,.17);background:repeating-linear-gradient(to bottom,rgba(111,147,187,.10) 0 1px,transparent 1px 25%)}
.amis-rr-overview .rri-chart-bars{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:end}
.amis-rr-overview .rri-barcol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}
.amis-rr-overview .rri-barvalue{direction:ltr;font-size:9px;font-weight:950;color:#e7edf5;white-space:nowrap}
.amis-rr-overview .rri-bartrack{height:calc(100% - 44px);width:min(88px,62%);display:flex;align-items:flex-end;justify-content:center}
.amis-rr-overview .rri-bar{width:100%;min-height:4px;border-radius:13px 13px 3px 3px;border:1px solid currentColor;position:relative;overflow:hidden;transition:height .45s ease;box-shadow:0 0 25px color-mix(in srgb,currentColor 18%,transparent)}
.amis-rr-overview .rri-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.15),transparent 30% 68%,rgba(255,255,255,.10))}
.amis-rr-overview .rri-barcol.tp1{color:var(--rri-cyan)}.amis-rr-overview .rri-barcol.tp1 .rri-bar{background:linear-gradient(180deg,rgba(37,200,255,.95),rgba(37,200,255,.16))}
.amis-rr-overview .rri-barcol.tp2{color:var(--rri-purple)}.amis-rr-overview .rri-barcol.tp2 .rri-bar{background:linear-gradient(180deg,rgba(157,99,255,.94),rgba(157,99,255,.15))}
.amis-rr-overview .rri-barcol.tp3{color:var(--rri-gold)}.amis-rr-overview .rri-barcol.tp3 .rri-bar{background:linear-gradient(180deg,rgba(243,201,95,.98),rgba(243,201,95,.20));box-shadow:0 0 27px rgba(243,201,95,.16)}
.amis-rr-overview .rri-barlabel{font-size:9px;font-weight:950;color:#8c9cb0;letter-spacing:.07em}
.amis-rr-overview .rri-bardesc{font-size:7px;color:#61748c;margin-top:-3px}

/* Side */
.amis-rr-overview .rri-side{display:grid;gap:10px;align-content:start}
.amis-rr-overview .rri-distribution{padding:13px}
.amis-rr-overview .rri-distribution-head{display:flex;align-items:center;gap:8px;color:#e9eef5;font-size:10px;font-weight:950;letter-spacing:.08em}
.amis-rr-overview .rri-dist-body{display:grid;grid-template-columns:106px 1fr;align-items:center;gap:9px;margin-top:12px}
.amis-rr-overview .rri-donut{width:99px;height:99px;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 24px rgba(37,200,255,.07)}
.amis-rr-overview .rri-donut:after{content:"";position:absolute;width:67px;height:67px;border-radius:50%;background:#08131f;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 16px rgba(0,0,0,.35)}
.amis-rr-overview .rri-donut-center{position:relative;z-index:1;text-align:center}.amis-rr-overview .rri-donut-center b{display:block;font-size:22px;line-height:1;color:#fff}.amis-rr-overview .rri-donut-center span{display:block;margin-top:4px;color:#7489a2;font-size:7px;font-weight:900;letter-spacing:.13em}
.amis-rr-overview .rri-legend{display:grid;gap:7px;min-width:0}
.amis-rr-overview .rri-legend-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;color:#98a7ba;font-size:7.5px}
.amis-rr-overview .rri-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.amis-rr-overview .rri-dot.g3{color:var(--rri-green);background:var(--rri-green)}.amis-rr-overview .rri-dot.g2{color:var(--rri-blue);background:var(--rri-blue)}.amis-rr-overview .rri-dot.g1{color:var(--rri-gold);background:var(--rri-gold)}.amis-rr-overview .rri-dot.g0{color:var(--rri-red);background:var(--rri-red)}
.amis-rr-overview .rri-legend-row strong{direction:ltr;color:#e8eef5;font-size:8px;white-space:nowrap}
.amis-rr-overview .rri-side-card{position:relative;padding:12px 13px;overflow:hidden}
.amis-rr-overview .rri-side-card:after{content:"";position:absolute;width:90px;height:65px;right:-10px;bottom:-20px;background:radial-gradient(ellipse,rgba(32,228,154,.10),transparent 65%)}
.amis-rr-overview .rri-side-card small{display:block;color:#7e90a7;font-size:7px;font-weight:950;letter-spacing:.11em}.amis-rr-overview .rri-side-card b{direction:ltr;display:block;margin-top:6px;color:#f2f6fa;font-size:22px}.amis-rr-overview .rri-side-card b.green{color:var(--rri-green)}.amis-rr-overview .rri-side-card span{display:block;margin-top:5px;color:#687c94;font-size:7px}
.amis-rr-overview .rri-note{padding:10px 11px;color:#a99665;font-size:7px;line-height:1.55;border-color:rgba(243,201,95,.20);background:linear-gradient(145deg,rgba(65,51,21,.21),rgba(15,20,25,.82))}
.amis-rr-overview .rri-note b{color:var(--rri-gold)}
.amis-rr-overview.rr-overview-empty .rri-live i{background:#607084;box-shadow:none}.amis-rr-overview.rr-overview-empty .rri-live{border-color:rgba(128,145,165,.15);background:rgba(128,145,165,.04)}

/* Web responsiveness */
@media(max-width:980px){
  .amis-rr-overview .rri-title{font-size:21px}.amis-rr-overview .rri-kpis{grid-template-columns:1fr 1fr}.amis-rr-overview .rri-main{grid-template-columns:1fr}.amis-rr-overview .rri-side{grid-template-columns:1.4fr 1fr 1fr}.amis-rr-overview .rri-note{grid-column:1/-1}.amis-rr-overview .rri-dist-body{grid-template-columns:92px 1fr}.amis-rr-overview .rri-donut{width:86px;height:86px}.amis-rr-overview .rri-donut:after{width:58px;height:58px}
}
@media(max-width:620px){
  .amis-rr-overview{border-radius:20px;margin:13px 0}.amis-rr-overview .rri-head{min-height:auto;padding:14px}.amis-rr-overview .rri-head:before{opacity:.3;width:70%}.amis-rr-overview .rri-logo{width:45px;height:45px;flex-basis:45px;padding:10px}.amis-rr-overview .rri-title{font-size:17px}.amis-rr-overview .rri-sub{font-size:8px}.amis-rr-overview .rri-kicker{font-size:7px}.amis-rr-overview .rri-live{padding:8px 10px;font-size:8px}.amis-rr-overview .rri-kpis{padding:11px;gap:8px}.amis-rr-overview .rri-kpi{min-height:98px;padding:11px}.amis-rr-overview .rri-kpi-value{font-size:20px}.amis-rr-overview .rri-kpi.gold .rri-kpi-value{font-size:15px}.amis-rr-overview .rri-ring{width:44px;height:44px;flex-basis:44px}.amis-rr-overview .rri-ring:before{width:34px;height:34px}.amis-rr-overview .rri-main{padding:0 11px 11px}.amis-rr-overview .rri-chart-panel{padding:11px}.amis-rr-overview .rri-chip-row{display:none}.amis-rr-overview .rri-total-strip{grid-template-columns:1fr 1fr}.amis-rr-overview .rri-total:nth-child(3){border-left:0;border-top:1px solid rgba(111,147,187,.12)}.amis-rr-overview .rri-total:nth-child(4){border-top:1px solid rgba(111,147,187,.12)}.amis-rr-overview .rri-chart-wrap{height:215px;padding-left:38px}.amis-rr-overview .rri-chart-grid{left:38px}.amis-rr-overview .rri-yaxis{width:34px}.amis-rr-overview .rri-chart-bars{gap:11px}.amis-rr-overview .rri-bartrack{width:min(54px,74%)}.amis-rr-overview .rri-side{grid-template-columns:1fr 1fr}.amis-rr-overview .rri-distribution{grid-column:1/-1}.amis-rr-overview .rri-note{grid-column:1/-1}
}
@media(max-width:400px){
 .amis-rr-overview .rri-logo{display:none}.amis-rr-overview .rri-head{gap:8px}.amis-rr-overview .rri-title{font-size:15px}.amis-rr-overview .rri-live{font-size:7px;padding:7px 8px}.amis-rr-overview .rri-kpi-label{font-size:6.5px}.amis-rr-overview .rri-icon{width:25px;height:25px;flex-basis:25px}.amis-rr-overview .rri-kpi-value{font-size:18px}.amis-rr-overview .rri-chart-wrap{height:195px}.amis-rr-overview .rri-bardesc{display:none}.amis-rr-overview .rri-side-card b{font-size:18px}
}

/* Mini App specialization */
.amis-rr-overview.rr-overview-mini{margin:12px 0;border-radius:19px}
.amis-rr-overview.rr-overview-mini .rri-head{min-height:auto;padding:13px 12px}.amis-rr-overview.rr-overview-mini .rri-head:before{opacity:.28;width:75%}.amis-rr-overview.rr-overview-mini .rri-logo{width:43px;height:43px;flex-basis:43px;padding:10px;border-radius:13px}.amis-rr-overview.rr-overview-mini .rri-title{font-size:16px}.amis-rr-overview.rr-overview-mini .rri-sub{font-size:7px}.amis-rr-overview.rr-overview-mini .rri-kicker{font-size:6.5px}.amis-rr-overview.rr-overview-mini .rri-live{font-size:7px;padding:7px 8px}
.amis-rr-overview.rr-overview-mini .rri-kpis{grid-template-columns:1fr 1fr;padding:9px;gap:7px}.amis-rr-overview.rr-overview-mini .rri-kpi{min-height:92px;padding:9px;border-radius:14px}.amis-rr-overview.rr-overview-mini .rri-kpi-label{font-size:6px}.amis-rr-overview.rr-overview-mini .rri-icon{width:24px;height:24px;flex-basis:24px}.amis-rr-overview.rr-overview-mini .rri-icon svg{width:13px;height:13px}.amis-rr-overview.rr-overview-mini .rri-kpi-value{font-size:18px;margin-top:8px}.amis-rr-overview.rr-overview-mini .rri-kpi.gold .rri-kpi-value{font-size:13px}.amis-rr-overview.rr-overview-mini .rri-kpi-foot{font-size:6.5px}.amis-rr-overview.rr-overview-mini .rri-ring{width:39px;height:39px;flex-basis:39px}.amis-rr-overview.rr-overview-mini .rri-ring:before{width:30px;height:30px}.amis-rr-overview.rr-overview-mini .rri-ring b{font-size:9px}
.amis-rr-overview.rr-overview-mini .rri-main{grid-template-columns:1fr;padding:0 9px 9px;gap:8px}.amis-rr-overview.rr-overview-mini .rri-chart-panel{padding:9px;border-radius:14px}.amis-rr-overview.rr-overview-mini .rri-section-title b{font-size:10px}.amis-rr-overview.rr-overview-mini .rri-chip-row{display:none}.amis-rr-overview.rr-overview-mini .rri-total-strip{grid-template-columns:1fr 1fr;margin-top:9px}.amis-rr-overview.rr-overview-mini .rri-total{padding:8px}.amis-rr-overview.rr-overview-mini .rri-total:nth-child(3){border-left:0;border-top:1px solid rgba(111,147,187,.12)}.amis-rr-overview.rr-overview-mini .rri-total:nth-child(4){border-top:1px solid rgba(111,147,187,.12)}.amis-rr-overview.rr-overview-mini .rri-total b{font-size:12px}.amis-rr-overview.rr-overview-mini .rri-total.total b{font-size:13px}
.amis-rr-overview.rr-overview-mini .rri-chart-wrap{height:183px;margin-top:8px;padding:15px 4px 24px 31px}.amis-rr-overview.rr-overview-mini .rri-chart-grid{left:31px;right:3px;top:15px;bottom:24px}.amis-rr-overview.rr-overview-mini .rri-yaxis{width:28px;top:15px;bottom:24px;font-size:6px;padding-right:4px}.amis-rr-overview.rr-overview-mini .rri-chart-bars{gap:7px}.amis-rr-overview.rr-overview-mini .rri-bartrack{width:min(45px,77%)}.amis-rr-overview.rr-overview-mini .rri-barvalue{font-size:7px}.amis-rr-overview.rr-overview-mini .rri-barlabel{font-size:7px}.amis-rr-overview.rr-overview-mini .rri-bardesc{display:none}
.amis-rr-overview.rr-overview-mini .rri-side{grid-template-columns:1fr 1fr;gap:7px}.amis-rr-overview.rr-overview-mini .rri-distribution{grid-column:1/-1;padding:10px}.amis-rr-overview.rr-overview-mini .rri-dist-body{grid-template-columns:80px 1fr;margin-top:9px}.amis-rr-overview.rr-overview-mini .rri-donut{width:74px;height:74px}.amis-rr-overview.rr-overview-mini .rri-donut:after{width:50px;height:50px}.amis-rr-overview.rr-overview-mini .rri-donut-center b{font-size:16px}.amis-rr-overview.rr-overview-mini .rri-side-card{padding:9px}.amis-rr-overview.rr-overview-mini .rri-side-card b{font-size:17px}.amis-rr-overview.rr-overview-mini .rri-note{grid-column:1/-1;padding:8px;font-size:6.5px}




/* AMIS IB Follow-up V2 — strictly scoped to IB Network Control */
.ib-admin-page .mini-grid,
.ib-admin-page .safety-grid{display:grid!important;gap:10px!important;width:100%!important;min-width:0!important}
.ib-admin-page .mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ib-admin-page .safety-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.ib-admin-page .mini-stat,.ib-admin-page .safety-kpi{min-width:0!important;min-height:82px!important;padding:13px 14px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.ib-admin-page .mini-label,.ib-admin-page .safety-kpi small{font-size:8.5px!important;line-height:1.25!important;letter-spacing:.055em!important;white-space:normal!important;overflow-wrap:anywhere!important}
.ib-admin-page .mini-value,.ib-admin-page .safety-kpi b{font-size:21px!important;line-height:1.15!important;margin-top:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.ib-followup-panel{margin:14px 0!important;padding:16px!important;border:1px solid rgba(117,133,160,.18)!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(12,23,37,.98),rgba(7,14,24,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}
.ib-followup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.ib-followup-title{font-size:14px;font-weight:850;color:#f1f5fb;line-height:1.2}
.ib-followup-sub{font-size:9.5px;color:#7f8b9d;line-height:1.5;margin-top:5px;max-width:760px}
.ib-followup-chip{flex:none;border:1px solid rgba(231,189,98,.22);background:rgba(231,189,98,.07);color:#efd087;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.05em;white-space:nowrap}
.ib-followup-master{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;margin-bottom:10px;border:1px solid rgba(121,104,255,.18);background:rgba(121,104,255,.055);border-radius:14px}
.ib-followup-master strong{display:block;font-size:11px;color:#eef2f8}.ib-followup-master span{display:block;margin-top:3px;font-size:8.5px;color:#778497}
.ib-followup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.ib-followup-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:12px;border:1px solid rgba(112,128,152,.16);background:#09131f;border-radius:14px}
.ib-followup-item-copy{min-width:0}.ib-followup-stage{font-size:8px;font-weight:850;color:#8e9bae;letter-spacing:.055em;white-space:nowrap}.ib-followup-name{font-size:10px;font-weight:760;color:#e8edf5;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ib-followup-switch{position:relative!important;display:inline-flex!important;align-items:center!important;flex:none!important;width:40px!important;height:23px!important;margin:0!important;padding:0!important}
.ib-followup-switch input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;min-width:1px!important;min-height:1px!important;margin:0!important;padding:0!important}
.ib-followup-switch-ui{display:block;width:40px;height:23px;border-radius:999px;background:#111c29;border:1px solid #29374a;transition:.16s ease;position:relative;cursor:pointer}
.ib-followup-switch-ui:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;left:2px;top:2px;background:#728095;transition:.16s ease;box-shadow:0 2px 7px rgba(0,0,0,.35)}
.ib-followup-switch input:checked + .ib-followup-switch-ui{background:rgba(70,223,154,.13);border-color:rgba(70,223,154,.35)}
.ib-followup-switch input:checked + .ib-followup-switch-ui:after{transform:translateX(17px);background:#57e5a0}
.ib-followup-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(112,128,152,.12)}
.ib-followup-note{font-size:8.5px;color:#738094;line-height:1.45}
.ib-followup-save{min-width:150px!important}
.ib-lead-row{gap:12px!important}
.ib-lead-actions{min-width:210px!important;max-width:230px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;text-align:right!important}
.ib-followup-send{width:100%!important;min-height:34px!important;padding:7px 9px!important;font-size:8.5px!important;line-height:1.25!important;border-radius:10px!important;white-space:normal!important}
.ib-followup-send[disabled]{opacity:.56!important;cursor:not-allowed!important}
.ib-stage-line{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:20px}
.ib-stage-pill{display:inline-flex;align-items:center;border:1px solid rgba(116,132,158,.15);background:rgba(116,132,158,.055);border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850;letter-spacing:.035em}

@media(max-width:1100px){.ib-admin-page .mini-grid,.ib-admin-page .safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ib-followup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.ib-followup-head,.ib-followup-footer{flex-direction:column;align-items:stretch}.ib-followup-grid{grid-template-columns:1fr}.ib-followup-chip{align-self:flex-start}.ib-followup-save{width:100%!important}.ib-lead-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.ib-lead-actions{min-width:0!important;max-width:none!important;width:100%!important;align-items:stretch!important;text-align:left!important}.ib-stage-line{justify-content:flex-start}.ib-admin-page .mini-grid,.ib-admin-page .safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}




/* AMIS Global Promotion */
.commerce-plan-card [id^="pgdview"]{border-color:rgba(118,91,255,.22);background:linear-gradient(90deg,rgba(118,91,255,.08),rgba(57,210,160,.035))}
.promo-offer-banner.active{border-color:rgba(118,91,255,.28);box-shadow:0 14px 40px rgba(76,55,180,.08)}