@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0a0e1a;--surface: #131829;--surface-alt: #1b2136;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text: #f4f5f9;--muted: #8892ac;--faint: #5b6480;--accent-from: #ff6b4a;--accent-to: #ffb347;--accent: #ff7a52;--accent-ink: #1a0e08;--danger: #fb7185;--danger-bg: rgba(251, 113, 133, .14);--danger-border: rgba(251, 113, 133, .35);--success: #34d399;--success-bg: rgba(52, 211, 153, .14);--warn: #fbbf24;--warn-bg: rgba(251, 191, 36, .14);--topbar-grad-start: #151a2e;--glow-tint: #1b1420}:root[data-theme=light]{color-scheme:light;--bg: #f5f6fb;--surface: #ffffff;--surface-alt: #f0f1f8;--border: rgba(20, 22, 43, .09);--border-strong: rgba(20, 22, 43, .18);--text: #181a2e;--muted: #5c6178;--faint: #9a9fb5;--accent-from: #ff6b4a;--accent-to: #ffb347;--accent: #e35f2c;--accent-ink: #1a0e08;--danger: #d5304c;--danger-bg: rgba(213, 48, 76, .1);--danger-border: rgba(213, 48, 76, .35);--success: #12915a;--success-bg: rgba(18, 145, 90, .1);--warn: #a8620a;--warn-bg: rgba(168, 98, 10, .12);--topbar-grad-start: #ffffff;--glow-tint: #fff1e8}*{box-sizing:border-box}img{max-width:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}h1,h2,.brand,.stat-value{font-family:Sora,Inter,system-ui,sans-serif}#root{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:linear-gradient(180deg,var(--topbar-grad-start) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.brand{font-weight:800;font-size:1.05rem;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;color:var(--text)}.topbar-identity{display:flex;align-items:center;gap:12px}.topbar-identity-text{display:flex;flex-direction:column;line-height:1.25}.topbar-email{color:var(--muted);font-size:.76rem}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));display:inline-flex;align-items:center;justify-content:center;color:var(--accent-ink);flex-shrink:0;box-shadow:0 6px 16px -4px #ff6b4a80}.topbar-right{display:flex;align-items:center;gap:14px;font-size:.9rem;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.pill-balance{background:var(--success-bg);color:var(--success)}.pill-admin{background:#ff7a5229;color:var(--accent)}button.link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem;padding:0}button.link:hover{color:var(--text)}.icon-btn{width:34px;height:34px;border-radius:10px;background:var(--surface-alt);border:1px solid var(--border);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{color:var(--text);border-color:var(--border-strong)}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 28px 60px}.tabs{display:flex;gap:4px;margin-bottom:24px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--muted);border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;flex:0 0 auto;white-space:nowrap}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.card-glow{border-color:#ff7a5240;background:linear-gradient(160deg,var(--glow-tint),var(--surface) 60%)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 720px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.topbar-right{gap:8px;flex-wrap:wrap}main{padding:20px 14px 48px}.card{padding:16px;border-radius:14px}h1{font-size:1.25rem}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.admin-form-grid{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}}h1{font-size:1.5rem;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}.welcome-heading{margin:0 0 18px}h2{font-size:1.05rem;font-weight:700;margin:0 0 16px}.subtitle{color:var(--muted);font-size:.92rem;margin:0 0 24px}.stat-label{color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-size:2rem;font-weight:800;margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}form{display:flex;flex-direction:column;gap:14px}label{font-size:.83rem;font-weight:600;color:var(--muted);display:block;margin-bottom:6px}input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:.95rem;font-family:inherit;background:var(--surface-alt);color:var(--text)}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}button.primary{background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:var(--accent-ink);border:none;border-radius:10px;padding:12px 18px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 8px 20px -6px #ff6b4a73}button.primary:hover{filter:brightness(1.05)}button.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface-alt);color:var(--accent);border:1px solid var(--border-strong);border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:600;cursor:pointer}button.danger{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border);border-radius:10px;padding:8px 14px;font-size:.88rem;font-weight:600;cursor:pointer}button.small{padding:6px 10px;font-size:.8rem}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 860px){.admin-form-grid{grid-template-columns:1fr 1fr}}.admin-row-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.admin-inline-form input{width:130px}.pill-suspended{background:var(--danger-bg);color:var(--danger)}.pill-active{background:var(--success-bg);color:var(--success)}.pill-pending{background:var(--warn-bg);color:var(--warn)}.crypto-address-box{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-top:4px;word-break:break-all}.crypto-address-box code{font-size:.85rem;color:var(--text)}.pending-topup-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:.85rem;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;color:var(--muted);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:0 10px 10px;border-bottom:1px solid var(--border)}td{padding:13px 10px;border-bottom:1px solid var(--border);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}.status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700}.status-PENDING_SUBMISSION,.status-IN_PROGRESS{background:var(--warn-bg);color:var(--warn)}.status-COMPLETED{background:var(--success-bg);color:var(--success)}.status-PARTIAL{background:var(--warn-bg);color:var(--warn)}.status-CANCELED,.status-FAILED{background:var(--danger-bg);color:var(--danger)}.error-banner{background:var(--danger-bg);color:var(--danger);padding:11px 14px;border-radius:10px;font-size:.88rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.success-banner{background:var(--success-bg);color:var(--success);padding:11px 14px;border-radius:10px;font-size:.88rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.auth-shell{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:22px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.auth-brand-name{font-family:Sora,sans-serif;font-weight:800;font-size:1.2rem;letter-spacing:-.01em}.auth-card{width:100%;max-width:380px}.auth-switch{text-align:center;margin-top:16px;font-size:.88rem;color:var(--muted)}.auth-switch button.link{color:var(--accent);font-weight:700}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 520px){.platform-grid{gap:8px}.platform-card{padding:14px 4px}}.platform-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;border-radius:16px;border:1px solid var(--border);background:var(--surface-alt);color:var(--text);cursor:pointer;text-align:center;font-family:inherit;transition:border-color .15s,transform .1s,background .15s}.platform-card:hover{border-color:#ff7a5273;background:#ff7a5214;transform:translateY(-1px)}.platform-card-icon{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#ff6b4a38,#ffb34738);color:var(--accent);display:flex;align-items:center;justify-content:center}.platform-card-name{font-weight:700;font-size:.92rem}.platform-card-count{color:var(--muted);font-size:.76rem}.back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--muted);font-size:.83rem;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px}.back-link:hover{color:var(--accent)}.category-heading{display:flex;align-items:center;gap:9px}.selected-service-chip{display:flex;align-items:center;gap:10px;background:var(--surface-alt);border:1px solid rgba(255,122,82,.35);border-radius:12px;padding:10px 12px;margin-bottom:18px}.category-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.category-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-alt);color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer}.category-pill:hover{border-color:var(--border-strong);color:var(--text)}.category-pill.active{background:linear-gradient(135deg,#ff6b4a38,#ffb34738);border-color:#ff7a5280;color:var(--accent)}.category-count{background:#ffffff14;color:var(--muted);border-radius:999px;padding:1px 7px;font-size:.7rem;font-variant-numeric:tabular-nums}.category-pill.active .category-count{background:#ff7a5238;color:var(--accent)}.service-list{display:flex;flex-direction:column;gap:10px;max-height:480px;overflow-y:auto;padding-right:4px}.service-card{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:14px;padding:14px;cursor:pointer;transition:border-color .15s,background .15s;background:var(--surface-alt)}.service-card.selected{border-color:var(--accent);background:#ff7a5214}.service-icon{width:38px;height:38px;border-radius:10px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.service-card.selected .service-icon{color:var(--accent);background:#ff7a5229}.service-body{flex:1}.service-name{font-weight:700;margin-bottom:2px}.service-price{color:var(--accent);font-weight:700;font-size:.95rem;text-align:right;white-space:nowrap}.service-meta{color:var(--muted);font-size:.78rem;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--faint);padding:40px 0;font-size:.9rem}.section-gap{margin-top:32px}.tx-icon{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.notif-dot{position:absolute;top:-4px;right:-4px;background:var(--accent);color:var(--accent-ink);font-size:.6rem;font-weight:800;border-radius:999px;min-width:16px;height:16px;padding:0 3px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media (max-width: 720px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.stat-tile-accent{border-color:#ff7a5240;background:linear-gradient(160deg,var(--glow-tint),var(--surface) 60%)}.stat-tile .stat-value{font-size:1.5rem}.wallet-balance-card{border-color:#ff7a5240;background:linear-gradient(160deg,var(--glow-tint),var(--surface) 60%)}.wallet-topup-form{max-width:320px}.promo-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.promo-card{flex:0 0 260px;background:linear-gradient(160deg,#ff6b4a24,#ffb34714);border:1px solid rgba(255,122,82,.3);border-radius:16px;padding:16px;position:relative}.promo-badge{display:inline-block;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:var(--accent-ink);font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:999px;margin-bottom:8px}.promo-title{font-weight:700;margin-bottom:4px}.promo-desc{color:var(--muted);font-size:.83rem;line-height:1.4}.notif-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.notif-list{display:flex;flex-direction:column;gap:12px;max-height:320px;overflow-y:auto;padding-right:4px}.notif-item{display:flex;gap:10px;padding:10px;border-radius:12px;border:1px solid transparent}.notif-item.unread{background:#ff7a520f;border-color:#ff7a522e}.notif-icon{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--muted)}.notif-icon-ORDER_UPDATE{color:var(--success);background:var(--success-bg)}.notif-icon-WALLET{color:var(--accent);background:#ff7a5224}.notif-icon-REFERRAL{color:var(--warn);background:var(--warn-bg)}.notif-icon-PROMOTION{color:var(--accent);background:#ff7a5224}.notif-title{font-weight:700;font-size:.86rem}.notif-text{color:var(--muted);font-size:.8rem;margin-top:2px;line-height:1.4}.notif-time{color:var(--faint);font-size:.72rem;margin-top:4px}.mini-service-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px}.mini-service-card{flex:0 0 180px;background:var(--surface-alt);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px}.mini-service-top{display:flex;align-items:center;justify-content:space-between}.star-btn{background:none;border:none;cursor:pointer;padding:4px;display:inline-flex;align-items:center;color:var(--faint);flex-shrink:0}.mini-service-name{font-weight:700;font-size:.88rem;line-height:1.3}.mini-service-meta{color:var(--muted);font-size:.74rem}.mini-service-price{font-size:.82rem;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.price-strike{color:var(--faint);text-decoration:line-through;font-size:.78rem}.price-now{color:var(--accent);font-weight:700}.mini-order-btn{margin-top:4px;width:100%;text-align:center;justify-content:center}.discount-tag{display:inline-block;margin-left:6px;background:var(--warn-bg);color:var(--warn);font-size:.68rem;font-weight:800;padding:1px 6px;border-radius:999px;vertical-align:middle}.mini-order-list{display:flex;flex-direction:column;gap:10px}.mini-order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.mini-order-row:last-child{border-bottom:none;padding-bottom:0}.referral-code-row{display:flex;align-items:center;gap:10px;margin-top:10px}.referral-code{background:var(--surface-alt);border:1px dashed var(--border-strong);border-radius:10px;padding:8px 14px;font-size:1rem;font-weight:800;letter-spacing:.06em;color:var(--text);flex:1}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--surface-alt);border:1px solid var(--border-strong);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:.82rem;font-weight:600;cursor:pointer}.chip.active{background:#ff7a5229;border-color:var(--accent);color:var(--accent)}.ticket-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--border);cursor:pointer}.ticket-list-row:last-child{border-bottom:none}.ticket-list-row:hover{background:var(--surface-alt)}.ticket-status-OPEN{background:var(--success-bg);color:var(--success)}.ticket-status-CLOSED{background:var(--border);color:var(--muted)}.ticket-thread{display:flex;flex-direction:column;gap:12px;max-height:460px;overflow-y:auto;padding:4px 2px;margin-bottom:16px}.ticket-msg{max-width:78%;padding:10px 14px;border-radius:14px;font-size:.9rem;line-height:1.45}.ticket-msg-mine{align-self:flex-end;background:linear-gradient(135deg,var(--accent-from),var(--accent-to));color:var(--accent-ink);border-bottom-right-radius:4px}.ticket-msg-theirs{align-self:flex-start;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.ticket-msg-meta{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin-bottom:4px}.ticket-msg-attachment{display:block;max-width:100%;max-height:220px;border-radius:8px;margin-top:8px}.ticket-reply-row{display:flex;gap:8px;align-items:flex-end}.ticket-reply-row textarea{flex:1;resize:vertical;min-height:44px}.ticket-attach-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:600}.ticket-attach-preview{max-width:140px;max-height:100px;border-radius:8px;margin-top:8px;display:block}