*{box-sizing:border-box}html,body{margin:0;background:#08090d;color:#f7f7fb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}body{min-height:100vh}.phone-shell{max-width:520px;margin:auto;min-height:100vh;background:radial-gradient(circle at 85% 8%,#33206a55,transparent 28%),#0b0c11;padding-bottom:92px;position:relative}header{height:72px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#0b0c11dd;backdrop-filter:blur(18px);z-index:5;border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:10px;font-size:20px}.logo{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#8b5cf6,#5b36f2);box-shadow:0 8px 30px #7047ff55}.avatar-btn{border:1px solid #ffffff12;background:#15161d;color:white;padding:9px 13px;border-radius:14px}main{padding:18px}.hero{min-height:205px;border:1px solid #ffffff0d;border-radius:28px;padding:24px;display:flex;overflow:hidden;position:relative;background:linear-gradient(145deg,#15131f,#101117);box-shadow:0 20px 60px #0007}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#9c88ff;font-weight:800}.hero h1{font-size:34px;line-height:1.02;margin:12px 0}.hero h1 em{font-style:normal;color:#9b7cff}.hero p{font-size:13px;color:#8f909a;max-width:270px;line-height:1.5}.orb{position:absolute;right:-30px;bottom:-38px;width:155px;height:155px;border-radius:50%;display:grid;place-items:center;font-size:70px;font-weight:900;color:#ffffff12;background:linear-gradient(145deg,#7c4dff55,#7c4dff08);border:1px solid #9b7cff33}.wallet{margin-top:14px;background:linear-gradient(120deg,#7650f6,#5731dc);padding:18px 19px;border-radius:22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 40px #5e3be733}.wallet small{display:block;color:#ddd4ff;margin-bottom:4px}.wallet strong{font-size:25px}.wallet button,.quick button{border:0;border-radius:13px;padding:11px 14px;font-weight:800}.wallet button{background:#fff;color:#4d2bc7}.section-title{display:flex;justify-content:space-between;margin:26px 2px 13px}.section-title span{font-size:12px;color:#8975ef}.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.platforms button{height:74px;border:1px solid #ffffff0c;background:#121319;color:#8d8e98;border-radius:19px;font-size:22px}.platforms button small{display:block;font-size:10px;margin-top:7px}.platforms button.active{border-color:#7959f866;background:#6f4bf51a;color:#a58cff}.services{display:grid;gap:10px;margin-top:14px}.service{padding:16px;border-radius:19px;background:#121319;border:1px solid #ffffff0b;display:flex;align-items:center;justify-content:space-between}.service .meta{display:flex;gap:12px;align-items:center}.service .icon{width:42px;height:42px;border-radius:14px;background:#6f4bf51c;color:#9e87ff;display:grid;place-items:center}.service b{display:block;font-size:14px}.service small{color:#747680;font-size:11px}.service .right{text-align:right}.service .right b{color:#a58cff}.quick{margin-top:16px;border-radius:21px;padding:16px;background:#15161c;border:1px solid #ffffff0c;display:flex;justify-content:space-between;align-items:center}.quick>div{display:flex;gap:11px;align-items:center}.quick small{display:block;color:#777984;font-size:10px;margin-top:4px}.quick button{background:#7650f6;color:#fff}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;height:76px;background:#101117ee;backdrop-filter:blur(20px);border-top:1px solid #ffffff0b;display:grid;grid-template-columns:repeat(5,1fr);z-index:8;padding-bottom:env(safe-area-inset-bottom)}nav button{border:0;background:none;color:#686a74;font-size:20px}nav small{display:block;font-size:9px;margin-top:4px}nav .active{color:#9c83ff}.modal{position:fixed;inset:0;background:#000a;z-index:20;display:none;align-items:flex-end;justify-content:center}.modal.show{display:flex}.sheet{width:min(520px,100%);background:#121319;border-radius:28px 28px 0 0;padding:26px 20px 34px;border:1px solid #ffffff10;position:relative}.close{position:absolute;right:18px;top:16px;border:0;background:#22232b;color:white;border-radius:50%;width:32px;height:32px;font-size:20px}.sheet h2{margin:8px 0 20px}.sheet label{display:block;color:#9a9ba5;font-size:12px;margin:12px 0}.sheet input{width:100%;margin-top:7px;background:#0b0c11;border:1px solid #ffffff10;color:white;border-radius:14px;padding:14px;outline:none}.price-row{display:flex;justify-content:space-between;padding:15px 2px}.price-row b{color:#a58cff}.primary{width:100%;border:0;border-radius:15px;padding:15px;background:linear-gradient(120deg,#805cff,#5e38e8);color:white;font-weight:900}#msg{text-align:center;color:#a58cff;font-size:12px}@media(min-width:700px){body{padding:22px}.phone-shell{border:1px solid #ffffff0b;border-radius:34px;overflow:hidden;min-height:calc(100vh - 44px)}nav{bottom:22px;border-radius:0 0 34px 34px}}.page-modal{display:none;position:fixed;inset:0;margin:auto;max-width:520px;background:#0b0c11;z-index:12;overflow:auto;padding-bottom:30px}.page-modal.show{display:block}.page-head{height:70px;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;border-bottom:1px solid #ffffff0b;position:sticky;top:0;background:#0b0c11ee;backdrop-filter:blur(18px);z-index:2}.page-head button{background:none;border:0;color:white;font-size:32px}.page-content{padding:18px}.big-card{padding:24px;border-radius:25px;background:linear-gradient(135deg,#7650f6,#4f2bc7);margin-bottom:14px}.big-card small{color:#ded7ff}.big-card strong{display:block;font-size:34px;margin:6px 0 18px}.amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amounts button,.list-card,.admin-card{background:#14151b;border:1px solid #ffffff0c;color:white;border-radius:16px;padding:14px}.amounts button{font-weight:800}.list-card{margin-bottom:9px;display:flex;justify-content:space-between;gap:12px}.list-card small{display:block;color:#777984;margin-top:4px}.positive{color:#8cf0b5}.negative{color:#ff8e9a}.profile-card{text-align:center;padding:28px 16px}.profile-card img{width:76px;height:76px;border-radius:50%;border:3px solid #7650f6}.profile-card h2{margin:12px 0 4px}.profile-card p{color:#777984;font-size:12px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-card b{display:block;font-size:24px;color:#a58cff;margin-top:5px}.qpay-box{text-align:center}.qpay-box img{width:220px;max-width:100%;background:white;padding:10px;border-radius:18px}.qpay-box .primary{margin-top:12px}
.brand-logo-img{width:38px;height:38px;border-radius:12px;object-fit:cover;box-shadow:0 8px 30px #7047ff35}
.bank-links{display:grid;gap:9px;margin-top:14px}
.bank-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;background:#111218;border:1px solid #ffffff0d;border-radius:15px;padding:11px 13px;text-align:left}
.bank-link img{width:36px;height:36px;border-radius:10px;background:#fff;object-fit:contain;padding:4px}
.bank-link .bank-meta{min-width:0;flex:1}
.bank-link .bank-meta b{display:block;font-size:13px}
.bank-link .bank-meta small{display:block;color:#7c7e89;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.pay-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;color:#a58cff;font-size:12px}
.pay-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 0 #8b5cf666;animation:pulse 1.4s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px #8b5cf600}100%{box-shadow:0 0 0 0 #8b5cf600}}
.qpay-logo-mini{width:94px!important;background:transparent!important;padding:0!important;border-radius:0!important;margin-bottom:8px}

.qty-range-wrap{margin-top:12px}.qty-range-wrap input[type=range]{width:100%;accent-color:#7650f6}.qty-range-wrap>div{display:flex;justify-content:space-between;color:#6f7180;font-size:10px}.qty-range-wrap>small{display:block;text-align:right;color:#a58cff;margin-top:5px}
.direct-pay-head{text-align:center;padding:8px 0 14px}.direct-pay-head small{display:block;color:#777984;margin-top:8px}.direct-pay-head strong{display:block;font-size:32px;margin-top:7px}.direct-pay-head p{color:#a58cff;font-size:12px;margin:5px}
.desktop-qr{text-align:center;margin:8px 0 14px}.desktop-qr img{width:220px;max-width:70%;background:#fff;padding:10px;border-radius:18px}
.direct-bank-links{max-height:402px;overflow-y:auto;padding-right:3px}
.direct-status{position:sticky;bottom:10px;z-index:9;background:#15161cf5;box-shadow:0 -12px 28px #0b0c11}
@media(max-width:600px){.desktop-qr{display:none}.direct-bank-links{max-height:402px}}

.service{cursor:pointer;transition:.18s ease}.service:active{transform:scale(.985)}
.service-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.s-badge{font-size:8px!important;padding:4px 6px;border-radius:8px;background:#7650f61c;color:#a993ff!important;border:1px solid #7650f633}
.s-badge.refill{background:#24b47e14;color:#78ddb8!important;border-color:#24b47e2d}
.qty-label-row{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.qty-label-row label{margin:0!important}.qty-label-row span{font-size:11px;color:#a58cff;font-weight:800}
.qty-input{font-size:20px!important;font-weight:900;letter-spacing:.3px}
.quick-qty{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}
.quick-qty button{border:1px solid #ffffff0e;background:#171820;color:#9b9da8;border-radius:12px;padding:10px 4px;font-size:11px;font-weight:800}
.quick-qty button.active{background:#7650f61e;color:#b09dff;border-color:#7650f666}
.order-summary{margin-top:16px;background:#0b0c11;border:1px solid #ffffff0b;border-radius:17px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.order-summary small{display:block;color:#6f7180;font-size:9px;margin-bottom:4px}.order-summary b{font-size:13px}
.summary-total{grid-column:1/-1;padding-top:12px;border-top:1px solid #ffffff0b;display:flex;align-items:end;justify-content:space-between}.summary-total small{margin:0}.summary-total strong{font-size:25px;color:#a58cff}
.order-card{background:#121319;border:1px solid #ffffff0b;border-radius:18px;padding:15px;margin-bottom:9px;cursor:pointer}
.order-card-top,.order-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card-top b{font-size:13px}.order-card-bottom{margin-top:10px}.order-card small{color:#71737e;font-size:10px}.order-status{font-size:9px;padding:5px 8px;border-radius:9px;background:#7650f61c;color:#a58cff;text-transform:capitalize}
.order-status.completed{background:#20b77a14;color:#73dbad}.order-status.failed,.order-status.cancelled{background:#ff5f6815;color:#ff8c93}
.order-detail-hero{padding:22px;border-radius:24px;background:linear-gradient(145deg,#17131f,#111218);border:1px solid #ffffff0c;margin-bottom:12px}.order-detail-hero .order-id{color:#8f77ff;font-size:10px;font-weight:900;letter-spacing:1px}.order-detail-hero h2{margin:8px 0}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-box{padding:14px;background:#121319;border:1px solid #ffffff0b;border-radius:16px}.detail-box small{display:block;color:#747680;font-size:9px;margin-bottom:5px}.detail-box b{font-size:13px}.detail-link{grid-column:1/-1;word-break:break-all}
.admin-section-title{margin:22px 2px 10px;font-size:13px}.admin-service{background:#121319;border:1px solid #ffffff0b;border-radius:18px;padding:14px;margin-bottom:9px}.admin-service-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.admin-service-head small{color:#747680}.admin-service-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.admin-service-edit input,.admin-service-edit select{width:100%;background:#0b0c11;border:1px solid #ffffff0e;color:white;border-radius:11px;padding:10px;font-size:11px}.admin-service-edit .full{grid-column:1/-1}.admin-save{grid-column:1/-1;border:0;background:#7650f6;color:#fff;border-radius:11px;padding:11px;font-weight:900}

.quick-qty{grid-template-columns:repeat(3,1fr)!important}
.quick-qty button{min-height:42px}
.premium-service{position:relative;overflow:hidden}.premium-service:after{content:'';position:absolute;right:-30px;top:-40px;width:90px;height:90px;border-radius:50%;background:#7650f612;pointer-events:none}
.order-meta-info{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.order-meta-info span{font-size:9px;padding:6px 8px;border-radius:9px;background:#14151b;border:1px solid #ffffff0d;color:#aaa0e8}
.order-progress{margin-top:14px}.progress-track{height:7px;background:#1a1b23;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#7650f6,#9f7cff);border-radius:999px}

/* V7.1 fixed quantity chooser */
.quick-qty{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
.quick-qty button{min-height:44px!important;font-size:12px!important}

.profit-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.profit-card>div,.provider-card,.admin-order-card{background:#121319;border:1px solid #ffffff0b;border-radius:16px;padding:13px}
.profit-card small,.provider-card small,.admin-order-card small{display:block;color:#72747f;font-size:9px;margin-bottom:4px}
.profit-card b{font-size:18px;color:#a58cff}
.provider-create{display:grid;grid-template-columns:1.2fr 1fr auto;gap:7px;margin-bottom:10px}
.provider-create input,.provider-create select{background:#0b0c11;border:1px solid #ffffff0e;color:white;border-radius:11px;padding:10px}
.provider-create button,.admin-order-card button{border:0;background:#7650f6;color:#fff;border-radius:11px;padding:10px;font-weight:800}
.provider-card,.admin-order-card{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.admin-order-card>div:nth-child(2){text-align:right;flex:1}

.smart-search{display:flex;align-items:center;gap:8px;margin-top:16px;background:#121319;border:1px solid #ffffff0b;border-radius:16px;padding:10px 12px}
.smart-search span{color:#8a78ec}.smart-search input{flex:1;background:none;border:0;outline:none;color:#fff;font-size:13px}.smart-search button{border:0;background:#1a1b23;color:#a58cff;width:34px;height:34px;border-radius:11px;font-size:18px}
.smart-chips{display:flex;gap:7px;overflow:auto;padding:10px 0 2px}.smart-chips button{white-space:nowrap;border:1px solid #ffffff0c;background:#121319;color:#777984;padding:8px 11px;border-radius:999px;font-size:10px}.smart-chips button.active{background:#7650f61c;border-color:#7650f655;color:#b09dff}
.popular-strip{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.popular-card{scroll-snap-align:start;background:linear-gradient(145deg,#17131f,#111218);border:1px solid #ffffff0d;border-radius:21px;padding:16px;position:relative;overflow:hidden}.popular-card:after{content:'';position:absolute;right:-20px;bottom:-30px;width:110px;height:110px;border-radius:50%;background:#7650f615}.popular-card small{color:#777984}.popular-card h3{margin:7px 0 4px;font-size:15px}.popular-card .popular-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px}.popular-card button{border:0;background:#7650f6;color:white;border-radius:11px;padding:8px 11px;font-weight:800}
.recent-orders{display:grid;gap:8px}.recent-mini{display:flex;align-items:center;justify-content:space-between;background:#121319;border:1px solid #ffffff0b;border-radius:16px;padding:12px}.recent-mini small{display:block;color:#747680;margin-top:3px}.recent-mini button{border:0;background:#7650f61f;color:#a58cff;border-radius:10px;padding:8px 10px;font-weight:800}
.favorite-heart{position:absolute;right:12px;top:12px;border:0!important;background:#0c0d12aa!important;width:32px;height:32px;border-radius:50%!important;color:#fff!important;display:grid;place-items:center;padding:0!important}.favorite-heart.active{color:#ff8fb0!important}
.toast-wrap{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:100;width:min(460px,calc(100% - 28px));pointer-events:none}.toast{background:#171820f2;border:1px solid #ffffff12;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 15px 50px #0008;margin-top:8px;font-size:12px;animation:toastIn .2s ease}.toast.ok{border-color:#4bd39b33}.toast.err{border-color:#ff6f7933}@keyframes toastIn{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.skeleton{position:relative;overflow:hidden;background:#15161c;border-radius:15px;min-height:70px}.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff08,transparent);animation:sk 1.2s infinite}@keyframes sk{to{transform:translateX(100%)}}
.analytics-tabs{display:flex;gap:7px;margin:12px 0}.analytics-tabs button{border:1px solid #ffffff0b;background:#121319;color:#888a95;border-radius:10px;padding:8px 10px;font-size:10px}.analytics-tabs button.active{background:#7650f61b;color:#ad99ff;border-color:#7650f64d}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-box{background:#121319;border:1px solid #ffffff0b;border-radius:16px;padding:14px}.metric-box small{display:block;color:#777984;font-size:9px}.metric-box b{display:block;font-size:20px;margin-top:5px;color:#a58cff}
.popular-admin-row{display:grid;grid-template-columns:1fr auto;gap:10px;background:#121319;border:1px solid #ffffff0b;border-radius:14px;padding:11px;margin-bottom:7px}.popular-admin-row small{display:block;color:#777984;margin-top:3px}.popular-admin-row .right{text-align:right}