:root{--brand:#6817f5;--brand2:#4d06d7;--brand3:#861cff;--ink:#171526;--text:#25233a;--muted:#77738a;--line:#ece9f4;--bg:#f7f6fb;--surface:#fff;--soft:#f4f1ff;--soft2:#edf6ff;--ok:#10a86e;--warn:#e79a18;--bad:#df3f5a;--shadow:0 16px 44px rgba(46,25,86,.08);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1160px,calc(100% - 32px));margin:auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:-.02em}.brand-logo{width:36px;height:36px;border-radius:12px;object-fit:cover}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(235,232,243,.9)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.desktop-nav{display:flex;align-items:center;gap:24px;color:#5f5a70;font-weight:650}.desktop-nav a:hover{color:var(--brand)}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:12px 17px;font-weight:800;cursor:pointer;transition:.18s;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 25px rgba(104,23,245,.22)}.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.03)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.small{padding:9px 13px;border-radius:11px;font-size:.86rem}.btn.secondary{background:#fff;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.danger{background:var(--bad);box-shadow:none}.btn-wide{width:100%}.btn-primary{min-height:48px}
.eyebrow{font-size:.71rem;letter-spacing:.17em;font-weight:900;color:var(--brand)}h1,h2,h3{letter-spacing:-.035em;line-height:1.12;margin-top:0}h1{font-size:clamp(1.9rem,4vw,2.7rem)}h2{font-size:1.55rem}.muted{color:var(--muted)}.no-margin{margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.alert{padding:13px 15px;border-radius:14px;margin:14px 0;background:#f0edff;color:#4f22a4;border:1px solid #e3dbff}.alert.error{background:#fff0f3;color:#a6253a;border-color:#ffd5dc}.status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:900;letter-spacing:.035em;background:#f0eef5;color:#625d70}.status.running{background:#e8faf2;color:#087b54}.status.completed{background:#eaf4ff;color:#1767a3}.status.queued{background:#fff4dc;color:#a26100}.status.failed,.status.cancelled{background:#fff0f2;color:#a3263a}.status.pending{background:#f2efff;color:#5f2ccc}
/* public */.hero{padding:88px 0 66px;background:radial-gradient(circle at 80% 5%,rgba(104,23,245,.12),transparent 34%),radial-gradient(circle at 10% 15%,rgba(58,151,255,.09),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.hero h1{font-size:clamp(2.8rem,6vw,5rem);margin:12px 0 18px}.lead{font-size:1.12rem;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.status-line,.summary-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.meter{height:10px;background:#eeeaf5;border-radius:999px;overflow:hidden}.meter>span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#3e9dff);border-radius:inherit}.metric-row,.grid-3,.grid-4{display:grid;gap:16px}.metric-row{grid-template-columns:repeat(3,1fr);margin-top:18px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.metric{background:#f8f7fc;padding:14px;border-radius:14px}.metric strong{display:block;font-size:1.25rem}.section{padding:70px 0}.section-head{max-width:760px;margin-bottom:28px}.footer{background:#171225;color:#e9e5f2;padding:50px 0 24px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer a,.footer p{display:block;color:#aaa3bb;margin-top:10px}.footer-bottom{border-top:1px solid #2e2740;margin-top:32px;padding-top:20px;color:#898196}.auth-wrap{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:40px 16px}.auth-card{width:min(520px,100%);padding:28px}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:.88rem;font-weight:800}.field input,.field select,.field textarea,.soft-input{width:100%;padding:13px 14px;border:1px solid #e6e1f1;border-radius:13px;background:#fff;outline:0;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus,.soft-input:focus{border-color:#a47df8;box-shadow:0 0 0 4px rgba(104,23,245,.08)}
/* user app */.user-app{background:#f7f6fb}.user-side{position:fixed;z-index:50;inset:0 auto 0 0;width:258px;padding:22px 16px;background:linear-gradient(160deg,#7619ff 0%,#5b0bea 50%,#4504c8 100%);color:#fff;display:flex;flex-direction:column;box-shadow:18px 0 50px rgba(55,11,139,.12)}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 9px 22px}.side-brand img,.admin-brand img{width:42px;height:42px;border-radius:14px;box-shadow:0 7px 18px rgba(0,0,0,.15)}.side-brand strong,.admin-brand strong{display:block;font-size:1.08rem}.side-brand small,.admin-brand small{display:block;opacity:.7;font-size:.73rem}.side-nav{display:grid;gap:7px}.side-nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:13px;color:rgba(255,255,255,.78);font-weight:750}.side-nav a:hover,.side-nav a.active{background:#fff;color:#5d0cea;box-shadow:0 9px 22px rgba(44,1,120,.14)}.nav-icon{width:25px;height:25px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}.side-nav a.active .nav-icon{background:#f0eaff}.side-wallet{margin-top:auto;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:14px}.side-wallet span{display:block;font-size:.72rem;opacity:.78}.side-wallet strong{display:block;font-size:1.28rem;margin-top:2px}.side-bottom{display:flex;justify-content:space-between;padding:16px 4px 0;font-size:.79rem;color:rgba(255,255,255,.72)}.user-main{min-height:100vh;margin-left:258px}.user-top{height:76px;position:sticky;top:0;z-index:35;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top-title{display:flex;align-items:center;gap:9px;font-weight:850}.top-title img{display:none;width:32px;height:32px;border-radius:10px}.top-user{text-align:right}.top-user span,.top-user small{display:block}.top-user span{font-weight:800}.top-user small{color:var(--muted)}.user-content{min-height:calc(100vh - 76px)}.app-page{padding:28px}.app-container{max-width:1160px;margin:0 auto}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title-row h1{margin:4px 0 5px}.balance-pill{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(38,21,70,.05);padding:11px 15px;border-radius:14px;min-width:150px}.balance-pill span{display:block;font-size:.7rem;color:var(--muted);font-weight:750}.balance-pill strong{font-size:1.16rem}.order-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;align-items:start}.order-form{padding:24px}.form-heading{display:flex;align-items:center;gap:13px;padding-bottom:17px;border-bottom:1px solid var(--line)}.form-heading img{width:48px;height:48px;border-radius:15px}.form-heading h2,.form-heading p{margin:0}.form-heading p{color:var(--muted);font-size:.85rem;margin-top:3px}.capacity-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.capacity-strip>div{padding:13px;border-radius:14px;background:#f5f2ff;border:1px solid #ece5ff}.capacity-strip span{display:block;color:#716a80;font-size:.72rem;font-weight:750}.capacity-strip strong{font-size:1.35rem}.quantity-wrap{display:grid;grid-template-columns:46px 1fr 46px;gap:8px}.qty-btn{border:1px solid #e5dff1;background:#f7f4ff;color:var(--brand);font-size:1.3rem;font-weight:900;border-radius:12px;cursor:pointer}.qty-input{text-align:center;font-weight:850}.duration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.duration-option{cursor:pointer}.duration-option input{position:absolute;opacity:0;pointer-events:none}.duration-option span{display:block;border:1px solid #e6e1ef;background:#fff;border-radius:13px;padding:11px 12px;transition:.17s}.duration-option strong,.duration-option small{display:block}.duration-option small{font-size:.7rem;color:var(--muted);margin-top:3px}.duration-option input:checked+span{border-color:#8654f7;background:#f3eeff;box-shadow:0 0 0 3px rgba(104,23,245,.07);color:#5512c6}.duration-option.disabled{opacity:.45;cursor:not-allowed}.form-security-note{font-size:.76rem;color:var(--muted);text-align:center;margin:10px 0 0}.order-side{display:grid;gap:16px}.sticky-card{position:sticky;top:94px}.summary-box.clean{background:#faf9fd;border:1px solid var(--line);border-radius:15px;padding:10px 15px}.summary-row{padding:9px 0;border-bottom:1px dashed #e8e4ef}.summary-row:last-child{border-bottom:0}.summary-row.total{font-size:1.08rem;color:var(--brand)}.card-title-inline{display:flex;align-items:center;gap:9px}.card-title-inline h3{margin:0}.availability-dot{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 5px rgba(16,168,110,.09)}.release-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.85rem}.release-row:last-child{border-bottom:0}
/* generic app content */.dashboard{padding:30px}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.stat-card .value{font-size:1.85rem;font-weight:900;margin-top:4px}.order-card{display:grid;gap:17px}.order-top{display:flex;justify-content:space-between;gap:12px}.progress-info{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.progress-info>div{padding:11px;border-radius:12px;background:#f7f6fa}.progress-info small,.progress-info strong{display:block}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(40,27,70,.04)}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #f0edf4;text-align:left}.table th{font-size:.72rem;letter-spacing:.075em;text-transform:uppercase;color:var(--muted);background:#fbfafd}.table tr:last-child td{border-bottom:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters a{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:10px;font-size:.82rem}.filters a:hover{border-color:#b89cf6;color:var(--brand)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.resource-grid>div{padding:13px;background:#faf9fd;border:1px solid var(--line);border-radius:13px}.resource-grid span{display:block;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.resource-grid strong{font-size:1.25rem}.timeline{display:grid;gap:12px}.timeline-item{display:flex;gap:10px;align-items:flex-start}.timeline-dot{width:20px;height:20px;border:2px solid #d5cfdf;border-radius:50%;display:grid;place-items:center;font-size:.65rem}.timeline-item.done .timeline-dot{background:var(--ok);border-color:var(--ok);color:#fff}.timeline-item.current .timeline-dot{border-color:var(--brand);box-shadow:0 0 0 4px rgba(104,23,245,.08)}.empty{padding:30px;text-align:center;color:var(--muted)}
/* admin */.admin-body{background:#f7f6fb}.admin-side{position:fixed;z-index:50;inset:0 auto 0 0;width:255px;background:linear-gradient(165deg,#32105e,#1f1238 64%,#171025);padding:22px 16px;color:#fff}.admin-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 22px}.admin-side nav{display:grid;gap:4px}.admin-side nav a{padding:10px 12px;border-radius:11px;color:#bbb1ca;font-weight:680;font-size:.88rem}.admin-side nav a:hover,.admin-side nav a.active{background:rgba(124,42,255,.24);color:#fff}.admin-main{margin-left:255px;min-height:100vh}.admin-top{height:82px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:35;display:flex;align-items:center;justify-content:space-between;padding:13px 26px}.admin-top h1{font-size:1.3rem;margin:3px 0 0}.admin-content{padding:26px}.admin-user{font-weight:800}.mobile-only{display:none}.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}.mini-chart{display:grid;gap:9px}.mini-chart>div{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;font-size:.75rem}.mini-chart i{height:8px;background:#eeeaf4;border-radius:999px;overflow:hidden}.mini-chart b{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#3d9cff);border-radius:inherit}.account-actions{display:grid;gap:7px}.inline-auth{display:flex;gap:7px}.inline-auth input{min-width:0;flex:1}.resource-state{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.69rem;font-weight:900;background:#f0eef5}.state-available{background:#e8faf2;color:#087a54}.state-reserved,.state-joining,.state-leaving{background:#fff4dc;color:#985900}.state-active{background:#ece8ff;color:#5421ba}.state-error,.state-offline{background:#fff0f2;color:#a3263a}.state-disabled{background:#eeedf1;color:#65606f}.error-text{color:var(--bad)}.accounts-table{min-width:1120px}.side-backdrop{display:none}
@media(max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.sticky-card{position:static}.duration-grid{grid-template-columns:repeat(3,1fr)}.user-side,.admin-side{transform:translateX(-102%);transition:.22s}.user-side.open,.admin-side.open{transform:translateX(0)}.user-main,.admin-main{margin-left:0}.mobile-only,.user-top .menu-toggle{display:inline-flex}.top-title img{display:block}.side-backdrop{position:fixed;z-index:45;inset:0;background:rgba(20,12,35,.42)}body.menu-open .side-backdrop{display:block}}
@media(min-width:981px){.user-top .menu-toggle{display:none}}
@media(max-width:680px){.shell{width:min(100% - 22px,1160px)}.desktop-nav a:not(.btn){display:none}.nav{height:64px}.hero{padding:54px 0 44px}.hero-grid,.grid-3,.grid-4,.metric-row,.footer-grid,.form-grid,.split{grid-template-columns:1fr}.hero h1{font-size:2.5rem}.section{padding:48px 0}.app-page,.dashboard,.admin-content{padding:18px 13px}.user-top,.admin-top{height:68px;padding:0 14px}.top-user{display:none}.page-title-row,.dash-head{align-items:flex-start;flex-direction:column}.balance-pill{width:100%;display:flex;align-items:center;justify-content:space-between}.capacity-strip{grid-template-columns:repeat(3,1fr)}.capacity-strip>div{padding:10px}.capacity-strip strong{font-size:1.16rem}.duration-grid{grid-template-columns:repeat(2,1fr)}.order-form,.card{padding:17px}.progress-info{grid-template-columns:repeat(3,1fr)}.admin-user{display:none}.table{min-width:680px}.resource-grid{grid-template-columns:1fr 1fr}.inline-auth{flex-direction:column}}
.pricing-admin-list{display:grid;gap:10px}.pricing-admin-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,.8fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.pricing-admin-row:last-child{border-bottom:0}.pricing-admin-row strong,.pricing-admin-row small{display:block}.pricing-admin-row small{color:var(--muted)}.money-input{display:flex;align-items:center;border:1px solid var(--line);background:#faf9fd;border-radius:12px;padding-left:12px}.money-input input{border:0;background:transparent;outline:0;width:100%;padding:10px}.inline-wallet-form{display:grid;grid-template-columns:90px 140px auto auto;gap:6px;min-width:430px}.inline-wallet-form input{min-width:0;padding:8px;border:1px solid var(--line);border-radius:9px}@media(max-width:680px){.pricing-admin-row{grid-template-columns:1fr}.inline-wallet-form{grid-template-columns:1fr 1fr;min-width:320px}}
.icon{width:42px;height:42px;border-radius:13px;background:#f0eaff;color:var(--brand);display:grid;place-items:center;font-weight:900;margin-bottom:16px}.price{font-size:1.75rem;font-weight:900;letter-spacing:-.03em}.price small{font-size:.72rem;color:var(--muted);font-weight:700}
/* phase 2: automatic deposits + referrals */
.deposit-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:18px;align-items:start}.deposit-side{display:grid;gap:16px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.payment-method-card{position:relative;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px;box-shadow:0 8px 24px rgba(40,22,75,.04);transition:.18s}.payment-method-card:hover{border-color:#c9b6f9;transform:translateY(-1px)}.payment-method-card.active{border-color:#966bf5;background:#f8f5ff;box-shadow:0 0 0 3px rgba(104,23,245,.06)}.payment-method-card strong,.payment-method-card small{display:block}.payment-method-card small{color:var(--muted);font-size:.7rem;margin-top:2px}.payment-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-weight:950;flex:0 0 auto}.payment-logo.binance{background:#171a1f;color:#f3ba2f}.payment-logo.bkash_email{background:#fff0f6;color:#d71965}.payment-logo.nagad_email{background:#fff3e9;color:#ef5a24}.brand-letter{font-size:1.15rem;font-weight:950}.method-check{display:none;margin-left:auto;color:var(--brand);font-weight:900}.payment-method-card.active .method-check{display:block}.deposit-card{padding:24px}.deposit-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.deposit-card-head h2{margin:4px 0 0}.deposit-receiver{background:linear-gradient(135deg,#fbfaff,#f4f0ff);border:1px solid #e9e0ff;border-radius:16px;padding:17px;margin:17px 0}.deposit-receiver>span{display:block;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.deposit-receiver small{display:block;color:var(--muted);margin-top:8px}.copy-value{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.copy-value strong{font-size:1.28rem;letter-spacing:.025em;overflow-wrap:anywhere}.copy-button{border:1px solid #d8cdf6;background:#fff;color:var(--brand);border-radius:10px;padding:7px 10px;font-weight:800;cursor:pointer}.deposit-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:15px 0}.deposit-limits>div{background:#faf9fd;border:1px solid var(--line);border-radius:13px;padding:11px}.deposit-limits span,.deposit-limits strong{display:block}.deposit-limits span{font-size:.68rem;color:var(--muted);font-weight:800;text-transform:uppercase}.deposit-limits strong{margin-top:3px}.deposit-instructions{font-size:.86rem;color:#5c5669;background:#fffaf0;border:1px solid #faebc8;border-radius:13px;padding:12px 14px;margin:14px 0}.deposit-form{margin-top:15px}.deposit-success{background:#eafaf3;color:#08754f;border-color:#ccefdc}.security-callout{background:#fbfaff;border-color:#e9e1fa;box-shadow:none}.security-callout p{margin:6px 0 0;color:var(--muted);font-size:.83rem}.compact-head{margin-top:28px;margin-bottom:14px}.empty-state{text-align:center;padding:45px 24px}.empty-icon{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;background:#efe8ff;color:var(--brand);border-radius:18px;font-size:1.8rem}.table code{font-size:.78rem;background:#f5f3f8;padding:4px 6px;border-radius:7px}.referral-applied{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f2edff;border:1px solid #e4d9ff;color:#5521bb;border-radius:13px;padding:10px 12px;margin:13px 0}.referral-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.referral-hero{background:radial-gradient(circle at 100% 0,rgba(104,23,245,.11),transparent 40%),#fff}.referral-icon{width:50px;height:50px;border-radius:16px;background:#eee7ff;color:var(--brand);display:grid;place-items:center;font-size:1.5rem;font-weight:900;margin-bottom:16px}.copy-field{display:grid;grid-template-columns:1fr auto;gap:9px;margin:18px 0}.copy-field input{width:100%;min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#faf9fd;color:#4e4960}.ref-code-row{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--line);padding-top:13px;color:var(--muted)}.ref-code-row strong{color:var(--text);letter-spacing:.05em}.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.ref-stats>div{background:#f8f6fc;border:1px solid var(--line);border-radius:13px;padding:13px}.ref-stats span,.ref-stats strong{display:block}.ref-stats span{font-size:.7rem;color:var(--muted);font-weight:750}.ref-stats strong{font-size:1.25rem;margin-top:3px}.admin-method-layout{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}.admin-method-list{display:grid;gap:8px;margin-top:16px}.admin-method-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;transition:.17s}.admin-method-item:hover,.admin-method-item.active{background:#f8f5ff;border-color:#c9b8f5}.admin-method-item>span:nth-child(2){min-width:0;flex:1}.admin-method-item strong,.admin-method-item small{display:block}.admin-method-item small{color:var(--muted);font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.method-state{padding:5px 7px;border-radius:999px;font-size:.64rem;font-weight:900}.method-state.on{background:#e8faf2;color:#087a54}.method-state.off{background:#f2f0f5;color:#77717f}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.secret-panel{background:#faf8ff;border:1px solid #e7defb;border-radius:14px;padding:14px;margin:15px 0}.secret-panel>p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.toggle-card{display:flex;align-items:flex-start;gap:10px;background:#faf9fd;border:1px solid var(--line);border-radius:13px;padding:13px;margin:16px 0;cursor:pointer}.toggle-card input{width:18px;height:18px;margin-top:2px;accent-color:var(--brand)}.toggle-card strong,.toggle-card small{display:block}.toggle-card small{color:var(--muted);font-size:.72rem;margin-top:2px}.admin-security-note{margin-top:18px;background:#fffaf0;border-color:#faebc8;box-shadow:none}.admin-security-note p{margin:5px 0 0;color:#6d6251}.deposit-toolbar{margin-top:26px;align-items:flex-end}.deposit-toolbar h2{margin:3px 0 0}.filter-pills{display:flex;gap:7px;flex-wrap:wrap}.filter-pills a{padding:8px 11px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.77rem;font-weight:800}.filter-pills a.active{background:#eee7ff;color:#5b19c5;border-color:#d8c7ff}.money-value{font-size:clamp(1.25rem,2vw,1.85rem)!important}.timeline-mini{display:grid;gap:12px;margin-top:18px}.timeline-mini>div{display:flex;align-items:flex-start;gap:10px}.timeline-mini b{width:25px;height:25px;border-radius:9px;background:#eee7ff;color:var(--brand);display:grid;place-items:center;font-size:.73rem;flex:0 0 auto}.timeline-mini span{padding-top:2px;color:#5e5868;font-size:.86rem}
@media(max-width:980px){.deposit-layout,.referral-grid,.admin-method-layout{grid-template-columns:1fr}.payment-method-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.payment-method-grid{grid-template-columns:1fr}.deposit-limits,.ref-stats,.settings-grid{grid-template-columns:1fr}.copy-field{grid-template-columns:1fr}.copy-field .btn{width:100%}.copy-value strong{font-size:1.05rem}.deposit-card-head{flex-direction:column}.admin-method-layout{gap:13px}}
/* phase 3: API, account security, portable admin + public docs */
.api-key-reveal{border-color:#cdbbff;background:linear-gradient(135deg,#fbf9ff,#f3edff)}
.api-key-reveal input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}
.docs-shell{width:min(1180px,calc(100% - 32px));margin:auto}.docs-head{max-width:820px;margin-bottom:26px}.docs-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}.docs-nav{position:sticky;top:88px;display:grid;gap:4px;padding:14px}.docs-nav strong{padding:8px 10px}.docs-nav a{padding:8px 10px;border-radius:9px;color:var(--muted);font-size:.86rem;font-weight:750}.docs-nav a:hover{background:#f4efff;color:var(--brand)}.docs-content{display:grid;gap:16px}.docs-content .card{scroll-margin-top:90px}.docs-content h2{margin-top:0}.docs-content pre{margin:14px 0;overflow:auto;border:1px solid #e3daf8;background:#171421;color:#f6f2ff;border-radius:14px;padding:15px;line-height:1.55}.docs-content code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.79rem}.docs-content p code,.notice code{background:#f0ebfa;color:#5520b5;padding:2px 5px;border-radius:6px}.notice{border:1px solid var(--line);border-radius:13px;padding:12px 14px;margin:13px 0;font-size:.84rem;line-height:1.55}.notice.security{background:#eefaf5;border-color:#cdeede;color:#176847}.notice.warning{background:#fff8e8;border-color:#f4deb0;color:#6a5527}.guide-steps,.policy-stack{display:grid;gap:12px;margin:25px 0}.guide-steps .card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:15px;align-items:start}.guide-steps .card>b{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eee7ff;color:var(--brand);font-size:1rem}.guide-steps h3,.guide-steps p,.policy-stack h3,.policy-stack p{margin-top:0}.guide-steps p,.policy-stack p{margin-bottom:0;color:var(--muted)}.narrow{max-width:850px}.account-manage-summary .card{display:grid;gap:5px}.account-manage-summary strong{font-size:1.15rem}.account-manage-summary small{display:block}.account-manage-grid h3{margin-top:4px}.soft-rule{border:0;border-top:1px solid var(--line);margin:20px 0}.session-list{display:grid;gap:9px}.session-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#faf9fd;border-radius:13px;padding:11px}.session-item>div{min-width:0}.session-item strong,.session-item small{display:block}.session-item small{color:var(--muted);font-size:.7rem;margin-top:3px;overflow-wrap:anywhere}.admin-route-input{display:flex;align-items:center;border:1px solid var(--line);background:#faf9fd;border-radius:12px;overflow:hidden}.admin-route-input span{padding:0 10px;color:var(--muted);font-weight:800}.admin-route-input input{border:0!important;border-radius:0!important;background:transparent!important;flex:1;min-width:0}.security-state-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.security-state-grid>div{padding:12px;background:#faf9fd;border:1px solid var(--line);border-radius:13px}.security-state-grid span,.security-state-grid strong{display:block}.security-state-grid span{color:var(--muted);font-size:.7rem}.security-state-grid strong{margin-top:3px}
@media(max-width:900px){.docs-grid{grid-template-columns:1fr}.docs-nav{position:static;grid-template-columns:repeat(3,1fr)}.docs-nav strong{grid-column:1/-1}.account-manage-grid{grid-template-columns:1fr}}
@media(max-width:680px){.docs-shell{width:min(100% - 22px,1180px)}.docs-nav{grid-template-columns:1fr 1fr}.session-item{align-items:flex-start;flex-direction:column}.session-item form,.session-item .btn{width:100%}.guide-steps .card{grid-template-columns:36px 1fr}.guide-steps .card>b{width:36px;height:36px}.security-state-grid{grid-template-columns:1fr}}

/* Phase 3 owner-operated Telegram account onboarding */
.owner-setup-body{background:#f5f7fb;min-height:100vh}.owner-setup-shell{width:min(980px,calc(100% - 28px));margin:0 auto;padding:32px 0 56px}.owner-setup-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.owner-setup-brand img{width:42px;height:42px;object-fit:contain}.owner-setup-brand strong,.owner-setup-brand small{display:block}.owner-setup-brand strong{font-size:19px}.owner-setup-brand small{color:var(--muted);margin-top:2px}.owner-setup-card{margin-bottom:18px}.owner-setup-card h1,.owner-setup-card h2{margin-top:6px}.setup-progress{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.setup-progress span{padding:7px 11px;border-radius:999px;background:#eef2f7;color:#667085;font-size:12px;font-weight:700}.setup-progress span.active{background:#ede9fe;color:#6d28d9}.setup-progress span.done{background:#ecfdf3;color:#027a48}.owner-setup-grid{align-items:start}.session-list{display:grid;gap:10px;margin-top:14px}.session-item{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border);border-radius:14px;padding:12px}.session-item strong,.session-item small{display:block}.session-item small{color:var(--muted);margin-top:3px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;min-width:0}.btn:disabled{opacity:.45;cursor:not-allowed}.owner-setup-body .card{box-shadow:0 10px 30px rgba(16,24,40,.05)}
@media(max-width:760px){.owner-setup-shell{width:min(100% - 20px,980px);padding-top:18px}.owner-setup-grid{grid-template-columns:1fr}.copy-field{flex-direction:column}.session-item{align-items:flex-start;flex-direction:column}.owner-setup-card{padding:18px}}

/* ============================================================
   SMMVAI REFERENCE UI — LiveTest adaptation
   Reference direction: SMMVAI smm-rxv2 (user supplied)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

:root{
  --smm-page:#F1F2F6;
  --smm-side:#22213b;
  --smm-top:#292a45;
  --smm-active-a:#7365ff;
  --smm-active-b:#8878ff;
  --smm-purple:#7437ff;
  --smm-purple-2:#6022e9;
  --smm-ink:#202136;
  --smm-muted:#7c8093;
  --smm-line:#e5e7ef;
  --smm-card:#ffffff;
  --smm-shadow:0 5px 14px rgba(26,28,53,.09);
  --brand:var(--smm-purple);
  --brand2:var(--smm-purple-2);
  --ink:var(--smm-ink);
  --text:#26273a;
  --muted:var(--smm-muted);
  --line:var(--smm-line);
  --bg:var(--smm-page);
  --surface:#fff;
  --soft:#f7f5ff;
  --shadow:var(--smm-shadow);
  --radius:15px;
}

html,body{min-height:100%}
body.smmvai-ui,body.smmvai-ui button,body.smmvai-ui input,body.smmvai-ui select,body.smmvai-ui textarea{font-family:'Poppins','Segoe UI',Arial,sans-serif}
body.smmvai-ui{background:var(--smm-page);color:var(--smm-ink)}
body.menu-open{overflow:hidden}

/* Brand */
.brand-logo-wide{width:172px!important;height:auto!important;max-height:48px!important;border-radius:0!important;object-fit:contain!important}
.brand-plate{display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;border-radius:14px!important;padding:9px 12px!important;box-shadow:0 5px 15px rgba(9,10,26,.14)!important}
.brand-plate img{display:block!important;width:100%!important;max-width:210px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
.footer-brand{display:flex;align-items:center;background:#fff;border-radius:12px;padding:8px 12px;width:max-content;max-width:220px}
.footer-brand img{width:170px;max-width:100%;height:auto;display:block}

/* Public SMMVAI-style navbar */
.public-body{background:#fff!important}
.public-body .topbar{position:sticky;top:0;z-index:70;background:#fff!important;border:0!important;box-shadow:0 2px 14px rgba(25,27,49,.09)!important;backdrop-filter:none!important}
.public-body .nav{height:72px!important}
.public-body .desktop-nav{gap:9px!important}
.public-body .desktop-nav>a:not(.btn){padding:9px 11px;border-radius:9px;color:#33354a;font-size:.86rem;font-weight:600;transition:.18s}
.public-body .desktop-nav>a:not(.btn):hover{background:#f2efff;color:#5b31db}
.public-body .hero{padding:78px 0 58px!important;background:radial-gradient(circle at 90% 8%,rgba(116,55,255,.16),transparent 32%),radial-gradient(circle at 8% 22%,rgba(96,34,233,.09),transparent 28%),#fff!important}
.public-body .hero h1{font-size:clamp(2.35rem,5vw,4.4rem)!important;color:#202136}
.public-body .hero-card{border:1px solid #ececf3!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(37,30,86,.10)!important}
.public-body .section{background:#fff}
.public-body .section:nth-of-type(even){background:#fafaff}
.public-body .card{border-radius:15px!important;border:1px solid #e8e9f0!important;box-shadow:0 5px 14px rgba(26,28,53,.07)!important}
.public-body .footer{background:#22213b!important;color:#fff!important;margin-top:0!important}
.public-body .footer a,.public-body .footer p{color:#c8c8d7!important}
.public-body .footer-bottom{border-color:rgba(255,255,255,.12)!important;color:#9697aa!important}

/* Buttons and form controls */
.smmvai-ui .btn{border-radius:10px!important;background:linear-gradient(135deg,var(--smm-purple),var(--smm-purple-2))!important;box-shadow:0 7px 18px rgba(105,50,238,.22)!important;font-weight:700!important}
.smmvai-ui .btn.secondary{background:#fff!important;color:#2b2d42!important;border:1px solid #dddfea!important;box-shadow:none!important}
.smmvai-ui .btn.danger{background:#dc3545!important;color:#fff!important;box-shadow:none!important}
.smmvai-ui .field label{font-size:.78rem;font-weight:700;color:#3f4157;margin-bottom:6px}
.smmvai-ui input,.smmvai-ui select,.smmvai-ui textarea,.smmvai-ui .soft-input{background:#f3f4f8!important;border:1px solid #e3e5ed!important;border-radius:11px!important;color:#24263b!important;outline:none!important;box-shadow:none!important}
.smmvai-ui input:focus,.smmvai-ui select:focus,.smmvai-ui textarea:focus{border-color:#8b72ff!important;box-shadow:0 0 0 3px rgba(116,55,255,.09)!important;background:#fff!important}
.smmvai-ui .eyebrow{color:#6c4cf5!important;font-weight:800!important;letter-spacing:.12em!important}
.smmvai-ui .card{border:1px solid #e6e7ef!important;border-radius:15px!important;box-shadow:var(--smm-shadow)!important}
.smmvai-ui .alert{border-radius:11px!important}

/* Customer app shell */
.user-app{background:var(--smm-page)!important}
.user-side{width:300px!important;padding:18px 15px 16px!important;background:var(--smm-side)!important;background-image:linear-gradient(155deg,#22213b 0%,#24233e 55%,#1f1e36 100%)!important;box-shadow:none!important;color:#fff!important}
.side-brand{padding:0 5px 12px!important}
.side-profile{margin:1px 5px 14px;padding:13px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}
.side-welcome{display:block;font-size:.65rem;letter-spacing:.14em;color:#b7b7c8;font-weight:700;margin-bottom:10px}
.side-profile-row{display:flex;align-items:center;gap:10px;min-width:0}
.side-avatar,.top-user-avatar{display:grid;place-items:center;width:38px;height:38px;min-width:38px;border-radius:50%;background:linear-gradient(135deg,#806bff,#684aff);color:#fff;font-size:.83rem;font-weight:800;border:2px solid rgba(255,255,255,.35)}
.side-profile-text{min-width:0;flex:1}.side-profile-text strong,.side-profile-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-profile-text strong{font-size:.85rem}.side-profile-text small{font-size:.68rem;color:#bfc0ce;margin-top:2px}
.side-balance{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09)}
.side-balance span{font-size:.68rem;color:#babaca}.side-balance strong{font-size:.88rem;color:#fff}
.side-nav{display:grid!important;gap:5px!important;padding:1px 4px!important;overflow:auto!important}
.side-nav a{min-height:45px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:9px 12px!important;border-radius:11px!important;color:#c9c9d7!important;font-size:.84rem!important;font-weight:600!important;border:1px solid transparent!important;transition:.18s!important}
.side-nav a:hover{background:rgba(117,96,255,.13)!important;color:#fff!important;transform:translateX(2px)}
.side-nav a.active{background:linear-gradient(135deg,var(--smm-active-a),var(--smm-active-b))!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,72,219,.24)!important}
.side-nav .nav-icon{width:29px;height:29px;min-width:29px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.07);font-size:.82rem;font-weight:800}
.side-nav a.active .nav-icon{background:rgba(255,255,255,.17)}
.side-wallet{display:none!important}
.side-bottom{margin-top:auto!important;padding:12px 6px 0!important;border-top:1px solid rgba(255,255,255,.08)!important;display:flex!important;justify-content:space-between!important;gap:10px!important}
.side-bottom a{font-size:.72rem!important;color:#aaaabd!important}.side-bottom a:hover{color:#fff!important}

.user-main{margin-left:300px!important;min-height:100vh!important;background:var(--smm-page)!important;padding-top:1px}
.user-top{position:sticky!important;top:10px!important;z-index:45!important;width:auto!important;height:56px!important;margin:10px 12px 0!important;padding:0 12px!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:16px!important;background:var(--smm-top)!important;color:#fff!important;box-shadow:0 9px 24px rgba(8,10,28,.18)!important;backdrop-filter:none!important}
.top-head-left{display:flex;align-items:center;gap:10px;min-width:0}
.top-brand-chip{height:36px;min-width:122px;max-width:150px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:5px 9px}
.top-brand-chip img{display:block;width:100%;height:100%;object-fit:contain}
.top-title{font-size:.79rem!important;font-weight:600!important;color:#e9e9f1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-user{display:flex!important;align-items:center!important;gap:9px!important;color:#fff!important}
.top-user>div:last-child span,.top-user>div:last-child small{display:block!important;text-align:left!important}.top-user>div:last-child span{font-size:.76rem!important;font-weight:700!important}.top-user>div:last-child small{font-size:.64rem!important;color:#bebed0!important;margin-top:1px!important}
.user-top .menu-toggle,.admin-top .menu-toggle{width:36px!important;height:36px!important;border:0!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:20px!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
.user-content{padding:26px 22px 44px!important}
.app-container{max-width:1240px!important;margin:0 auto!important}
.app-page,.dashboard{background:transparent!important}
.page-title-row,.dash-head,.toolbar{margin-bottom:18px!important}
.page-title-row h1,.dash-head h1{font-size:1.72rem!important;margin:4px 0 5px!important}
.balance-pill{border:1px solid #e4e5ed!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 12px rgba(26,28,53,.06)!important;padding:10px 13px!important}

/* SMMVAI-style dashboard statistic cards */
.smm-page-head{align-items:flex-end!important}
.smm-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}
.smm-stat-card{display:flex;align-items:center;gap:12px;min-height:92px;background:#fff;border:1px solid #e3e4eb;border-radius:12px;padding:15px;box-shadow:0 4px 13px rgba(26,28,53,.08)}
.smm-stat-icon{width:46px;height:46px;min-width:46px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6f55ff,#8a77ff);color:#fff;font-size:.76rem;font-weight:800;box-shadow:0 7px 16px rgba(111,85,255,.22)}
.smm-stat-icon.money{background:linear-gradient(135deg,#17b97d,#0c9664);font-size:1.05rem}.smm-stat-icon.live{background:linear-gradient(135deg,#ff5e79,#ed3155);font-size:1rem}.smm-stat-icon.orders{background:linear-gradient(135deg,#4e9cff,#3779e6);font-size:1.1rem}
.smm-stat-card>div:last-child{min-width:0}.smm-stat-card span,.smm-stat-card strong,.smm-stat-card small{display:block}.smm-stat-card span{font-size:.72rem;color:#6f7284}.smm-stat-card strong{font-size:1.18rem;color:#22233a;margin-top:2px}.smm-stat-card small{font-size:.62rem;color:#9193a2;margin-top:1px}

/* Order cards/forms */
.order-layout{gap:18px!important}.order-form,.sticky-card,.availability-card{border-radius:15px!important}
.form-heading{display:flex!important;align-items:center!important;gap:11px!important;margin-bottom:17px!important}.form-heading img{width:42px!important;height:42px!important;min-width:42px!important;object-fit:contain!important;border-radius:10px!important}.form-heading h2{font-size:1.08rem!important;margin:0!important}.form-heading p{font-size:.72rem!important;color:var(--muted)!important;margin:2px 0 0!important}
.capacity-strip{background:#f4f4f8!important;border:1px solid #e5e6ed!important;border-radius:12px!important}
.capacity-strip>div:not(:last-child){border-right:1px solid #e0e1e8!important}
.duration-option{border-radius:11px!important;border:1px solid #e1e3eb!important;box-shadow:none!important}.duration-option:has(input:checked){border-color:#7d65ff!important;background:#f6f3ff!important;box-shadow:0 0 0 2px rgba(116,55,255,.08)!important}
.quantity-wrap{background:#f3f4f8!important;border-radius:11px!important}.qty-btn{background:#fff!important;border-color:#e1e3eb!important;color:#5d48d8!important}
.order-card{border-radius:14px!important}.order-top strong{font-size:.88rem}.meter{background:#e8e8ef!important}.meter>span{background:linear-gradient(90deg,#7465ff,#8f78ff)!important}
.progress-info>div{background:#f6f6f9!important;border-radius:10px!important}

/* Add funds / referral / API */
.payment-method-card,.deposit-card,.referral-hero,.api-key-reveal{border-radius:14px!important}.payment-method-card.active{border-color:#7d65ff!important;background:#f7f4ff!important;box-shadow:0 0 0 2px rgba(116,55,255,.07)!important}
.payment-logo{border-radius:10px!important}.deposit-receiver,.deposit-limits,.security-callout,.summary-box.clean{background:#f6f6f9!important;border-color:#e6e7ed!important}
.copy-button{background:#292a45!important;color:#fff!important;border-radius:9px!important}

/* Tables */
.table-wrap{border:1px solid #e4e5ec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 13px rgba(26,28,53,.06)!important;overflow:auto!important}
.table{margin:0!important}.table th{background:#f6f6f9!important;color:#606275!important;font-size:.68rem!important;letter-spacing:.06em!important}.table td{font-size:.76rem!important}.table tr:nth-child(even) td{background:#fafbff!important}
.status{font-size:.66rem!important;font-weight:800!important}

/* Auth */
.auth-wrap{min-height:calc(100vh - 72px)!important;background:radial-gradient(circle at 85% 10%,rgba(116,55,255,.15),transparent 30%),var(--smm-page)!important;padding:38px 16px!important}
.auth-card{width:min(460px,100%)!important;border-radius:17px!important;padding:28px!important}.auth-card h1{font-size:1.65rem!important;margin:6px 0 18px!important}.auth-card .btn{width:100%!important;margin-top:4px!important}

/* Admin shell */
.admin-body{background:var(--smm-page)!important}
.admin-side{width:285px!important;background:var(--smm-side)!important;background-image:linear-gradient(155deg,#22213b,#24233e 60%,#1f1e36)!important;padding:18px 14px!important;color:#fff!important}
.admin-brand{margin:0 5px 12px!important}.admin-brand img{max-width:205px!important;max-height:54px!important}
.admin-side-label{font-size:.62rem;letter-spacing:.13em;color:#a9a9bc;padding:5px 12px 9px;font-weight:700}
.admin-side nav{gap:4px!important;max-height:calc(100vh - 125px);overflow:auto}.admin-side nav a{min-height:40px!important;padding:9px 11px!important;border-radius:10px!important;color:#c5c5d4!important;font-size:.76rem!important;font-weight:600!important}.admin-side nav a:hover{background:rgba(117,96,255,.13)!important;color:#fff!important}.admin-side nav a.active{background:linear-gradient(135deg,var(--smm-active-a),var(--smm-active-b))!important;color:#fff!important;box-shadow:0 7px 16px rgba(91,72,219,.22)!important}
.admin-main{margin-left:285px!important;background:var(--smm-page)!important;min-height:100vh!important;padding-top:1px}
.admin-top{position:sticky!important;top:10px!important;margin:10px 12px 0!important;width:auto!important;height:58px!important;padding:0 12px!important;background:var(--smm-top)!important;color:#fff!important;border:1px solid rgba(255,255,255,.04)!important;border-radius:16px!important;box-shadow:0 9px 24px rgba(8,10,28,.18)!important}
.admin-top h1{font-size:.95rem!important;color:#fff!important;margin:1px 0 0!important}.admin-top .eyebrow{font-size:.58rem!important;color:#bdbbd7!important}.admin-user{font-size:.72rem!important;color:#eeeef5!important}.admin-chip{max-width:132px;min-width:112px;height:34px}.admin-content{padding:25px 22px 45px!important}

/* Mobile */
@media(max-width:1100px){
  .smm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .user-side{width:286px!important;transform:translateX(-103%)!important;transition:.22s ease!important;box-shadow:18px 0 40px rgba(12,13,28,.22)!important}
  .user-side.open{transform:translateX(0)!important}
  .user-main{margin-left:0!important}
  .admin-side{width:286px!important;transform:translateX(-103%)!important;transition:.22s ease!important;box-shadow:18px 0 40px rgba(12,13,28,.22)!important}
  .admin-side.open{transform:translateX(0)!important}
  .admin-main{margin-left:0!important}
  .user-top,.admin-top{top:8px!important;margin:8px 10px 0!important;height:54px!important}
  .user-content,.admin-content{padding:23px 14px 40px!important}
  .user-top .menu-toggle,.admin-top .menu-toggle{display:inline-flex!important}
  .side-backdrop{background:rgba(17,18,34,.45)!important;backdrop-filter:blur(2px)}
}
@media(min-width:981px){.user-top .menu-toggle,.admin-top .mobile-only{display:none!important}}
@media(max-width:720px){
  .public-body .desktop-nav a:not(.btn){display:none}.public-body .desktop-nav .btn{padding:9px 12px!important}.brand-logo-wide{width:145px!important}
  .user-top .top-title{display:none!important}.top-brand-chip{min-width:102px!important;max-width:118px!important;height:33px!important}.top-user>div:last-child{display:none!important}.top-user-avatar{width:34px!important;height:34px!important;min-width:34px!important}
  .smm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.smm-stat-card{min-height:78px;padding:10px;gap:8px}.smm-stat-icon{width:36px;height:36px;min-width:36px;border-radius:10px;font-size:.65rem}.smm-stat-card span{font-size:.61rem}.smm-stat-card strong{font-size:.92rem}.smm-stat-card small{font-size:.55rem}
  .page-title-row,.dash-head{align-items:flex-start!important;gap:12px!important}.page-title-row h1,.dash-head h1{font-size:1.38rem!important}.balance-pill{padding:8px 10px!important}.balance-pill span{font-size:.61rem!important}.balance-pill strong{font-size:.85rem!important}
  .card{padding:15px!important}.order-layout{gap:12px!important}.capacity-strip{grid-template-columns:repeat(3,1fr)!important}.capacity-strip span{font-size:.56rem!important}.capacity-strip strong{font-size:.86rem!important}
  .duration-grid{grid-template-columns:1fr 1fr!important}.duration-option{padding:10px!important}.duration-option strong{font-size:.72rem!important}.duration-option small{font-size:.58rem!important}
  .progress-info{gap:6px!important}.progress-info>div{padding:8px!important}.progress-info small{font-size:.55rem!important}.progress-info strong{font-size:.72rem!important}
  .footer-grid{grid-template-columns:1fr!important}
}
@media(max-width:430px){
  .smm-stat-grid{grid-template-columns:1fr 1fr!important}.smm-stat-card{padding:9px!important}.smm-stat-card .smm-stat-icon{display:none!important}
  .brand-logo-wide{width:132px!important}.public-body .nav{height:64px!important}.auth-wrap{min-height:calc(100vh - 64px)!important}
}
.owner-setup-brand{gap:12px!important}.owner-brand-plate{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e4e5ed;border-radius:12px;padding:7px 10px;box-shadow:0 4px 12px rgba(26,28,53,.07)}.owner-setup-brand .owner-brand-plate img{width:150px!important;height:auto!important;max-height:38px!important;object-fit:contain!important}
