.user-dropdown-wrap{position:relative;display:inline-block}.user-dropdown-menu{position:absolute;right:0;top:44px;min-width:200px;background:#fff;border-radius:10px;box-shadow:0 4px 24px #0f172a21;padding:10px 0 4px;z-index:1002;display:flex;flex-direction:column;gap:0}.user-dropdown-info{padding:10px 20px 6px;display:flex;flex-direction:column;gap:2px}.user-dropdown-name{font-size:1.08rem;font-weight:600;margin-bottom:2px}.user-dropdown-balance{color:#6b7280;font-size:.98rem;display:flex;align-items:center;gap:4px}.user-dropdown-divider{height:1px;background:#f1f5f9;margin:8px 0}.user-dropdown-logout{color:#2563eb;font-size:1.05rem;padding:8px 20px 10px;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:0 0 10px 10px;transition:background .15s}.user-dropdown-logout:hover{background:#f3f6fa}.user-dropdown-logout-icon{display:inline-block;width:1.1em;height:1.1em;background:url('data:image/svg+xml;utf8,<svg fill="%232563eb" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10v4a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-5a2 2 0 0 0-2 2v4m-3 0h8m-2-2 2 2-2 2" stroke="%232563eb" stroke-width="2" fill="none"/></svg>') no-repeat center/contain;vertical-align:middle}.recharge-page{max-width:900px;margin:0 auto;padding:40px 0 60px;text-align:center}.recharge-title{font-size:2.1rem;font-weight:700;margin-bottom:.2em;text-align:center}.recharge-sub{color:#6b7280;font-size:1.08rem;margin-bottom:32px;text-align:center}.recharge-card-group{display:flex;flex-direction:column;gap:28px;align-items:center}.recharge-card{background:#fff;border:1.5px solid #e5eaf3;border-radius:14px;box-shadow:0 2px 12px #0f172a0a;padding:32px 32px 24px;min-width:420px;max-width:520px;width:100%;text-align:left;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.balance-card{align-items:flex-start;gap:10px}.recharge-card-label{font-size:1.08rem;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.recharge-balance{color:#2b7be6;font-size:2.1rem;font-weight:700}.code-card{gap:10px}.recharge-card-desc{color:#64748b;font-size:.98rem;margin-bottom:2px}.recharge-input{border:1px solid #e5eaf3;border-radius:6px;padding:10px 12px;font-size:1rem;margin-bottom:10px}.recharge-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #dbeafe}.recharge-btn{width:100%;padding:12px 0;font-size:1.08rem;font-weight:600;border-radius:8px}.desc-card{gap:10px}.recharge-desc-list{color:#374151;font-size:.98rem;margin:0;padding-left:18px}.icon-card{display:inline-block;width:1.1em;height:1.1em;background:url('data:image/svg+xml;utf8,<svg fill="%232b7be6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1H4zm2 2a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1H5v2h2v-2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v2h2v-2a1 1 0 0 1-1-1h-1V8a1 1 0 0 1 1-1h2V6H6v1z"/></svg>') no-repeat center/contain;vertical-align:middle;margin-right:3px}.modal-mask{position:fixed;inset:0;background:#0000002e;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0f172a2e;padding:32px 32px 18px;min-width:400px;max-width:420px;width:100%;display:flex;flex-direction:column;gap:10px}.modal-title{font-size:1.18rem;font-weight:700;margin-bottom:2px}.modal-desc{color:#6b7280;font-size:.98rem;margin-bottom:10px}.modal-form{display:flex;flex-direction:column;gap:10px}.modal-form-row{display:flex;flex-direction:column}.modal-input{border:1px solid #e5eaf3;border-radius:6px;padding:10px 12px;font-size:1rem;margin-top:4px}.modal-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #dbeafe}.modal-btn-row{display:flex;justify-content:flex-end;gap:12px;margin-top:10px}.buyflow-page{max-width:700px;margin:0 auto;padding:40px 0 60px;text-align:center}.buyflow-title{font-size:2.1rem;font-weight:700;margin-bottom:.2em;text-align:center}.buyflow-sub{color:#6b7280;font-size:1.08rem;margin-bottom:32px;text-align:center}.buyflow-card{background:#fff;border:1.5px solid #dbeafe;border-radius:16px;box-shadow:0 2px 16px #3b82f60f;padding:36px 36px 28px;margin:0 auto;max-width:520px;text-align:left;display:flex;flex-direction:column;gap:18px}.buyflow-service{display:flex;align-items:center;gap:16px;margin-bottom:10px}.buyflow-service-icon{background:linear-gradient(135deg,#6ea8ff,#a5b4fc);border-radius:8px;padding:10px;display:flex;align-items:center;justify-content:center}.buyflow-service-title{font-size:1.08rem;font-weight:600}.buyflow-service-desc{color:#64748b;font-size:.98rem;margin-top:2px}.buyflow-balance-row{background:#f1f5fb;border-radius:8px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:1.08rem;margin-bottom:6px}.buyflow-balance{color:#2b7be6;font-size:1.35rem;font-weight:700}.buyflow-form-row{margin-top:8px;margin-bottom:0;display:flex;flex-direction:column;gap:6px}.buyflow-label{font-size:.98rem;color:#374151;font-weight:500}.buyflow-input{border:1px solid #e5eaf3;border-radius:6px;padding:10px 12px;font-size:1rem;resize:none}.buyflow-input:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 2px #dbeafe}.buyflow-tip{color:#6b7280;font-size:.92rem;margin-top:2px}.buyflow-order-box{background:#f8fafc;border-radius:10px;padding:18px 18px 10px;margin-top:10px;margin-bottom:8px;border:1px solid #e5eaf3}.buyflow-order-title{font-size:1.02rem;font-weight:600;margin-bottom:10px}.buyflow-order-row{display:flex;justify-content:space-between;align-items:center;font-size:.98rem;color:#374151;margin-bottom:6px}.buyflow-order-icon{display:inline-block;width:1.1em;height:1.1em;background:url('data:image/svg+xml;utf8,<svg fill="%232b7be6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.286 3.967a1 1 0 0 0 .95.69h4.178c.969 0 1.371 1.24.588 1.81l-3.385 2.46a1 1 0 0 0-.364 1.118l1.287 3.966c.3.922-.755 1.688-1.54 1.118l-3.385-2.46a1 1 0 0 0-1.175 0l-3.385 2.46c-.784.57-1.838-.196-1.539-1.118l1.287-3.966a1 1 0 0 0-.364-1.118l-3.385-2.46c-.783-.57-.38-1.81.588-1.81h4.178a1 1 0 0 0 .95-.69l1.286-3.967z"/></svg>') no-repeat center/contain;vertical-align:middle;margin-right:3px}.buyflow-order-pay{display:flex;justify-content:space-between;align-items:center;font-size:1.08rem;font-weight:600;margin-top:10px;color:#2b7be6}.buyflow-order-amount{font-size:1.18rem;font-weight:700}.buyflow-btn{width:100%;margin-top:18px;padding:12px 0;font-size:1.08rem;font-weight:600;border-radius:8px}.buyflow-product-section{margin-bottom:20px}.buyflow-section-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:12px}.buyflow-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.buyflow-product-item{position:relative;display:flex;align-items:center;gap:10px;padding:14px 12px;background:#f8fafc;border:2px solid #e5eaf3;border-radius:10px;cursor:pointer;transition:all .2s ease}.buyflow-product-item:hover{border-color:#93c5fd;background:#f0f7ff}.buyflow-product-item.selected{border-color:#3b82f6;background:#eff6ff;box-shadow:0 0 0 3px #3b82f61f}.buyflow-product-icon{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;flex-shrink:0}.buyflow-product-info{flex:1;min-width:0}.buyflow-product-name{font-size:.9rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buyflow-product-count{font-size:.8rem;color:#64748b;margin-top:2px}.buyflow-product-price{font-size:.95rem;font-weight:700;color:#f59e0b;white-space:nowrap}.buyflow-product-check{position:absolute;top:6px;right:6px;width:18px;height:18px;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.admin-layout{display:flex;min-height:100vh;background:#f8fafc}.admin-sider{width:220px;background:#fff;border-right:1.5px solid #eef2f6;box-shadow:2px 0 8px #0f172a08;padding:0;display:flex;flex-direction:column;align-items:stretch}.admin-sider-title{font-size:1.18rem;font-weight:700;padding:28px 0 18px 28px;color:#2563eb}.admin-menu{display:flex;flex-direction:column;gap:2px;padding:0}.admin-menu-item{display:flex;align-items:center;gap:10px;font-size:1.05rem;color:#374151;padding:.9em 0 .9em 28px;cursor:pointer;border-radius:8px 0 0 8px;transition:background .15s,color .15s}.admin-menu-item.active{background:#e8f0fe;color:#2563eb;font-weight:600}.admin-menu-icon{width:1.2em;height:1.2em;display:inline-block;vertical-align:middle}.icon-overview{background:url('data:image/svg+xml;utf8,<svg fill="%232563eb" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="18" height="4" x="1" y="3" rx="2"/><rect width="18" height="4" x="1" y="9" rx="2"/><rect width="18" height="4" x="1" y="15" rx="2"/></svg>') no-repeat center/contain}.icon-product{background:url('data:image/svg+xml;utf8,<svg fill="%23ec4899" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="14" height="14" x="3" y="3" rx="2"/><rect width="6" height="2" x="7" y="7" rx="1"/><rect width="6" height="2" x="7" y="11" rx="1"/></svg>') no-repeat center/contain}.icon-order{background:url('data:image/svg+xml;utf8,<svg fill="%23f59e42" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="10" x="2" y="5" rx="2"/><rect width="4" height="2" x="8" y="2" rx="1"/></svg>') no-repeat center/contain}.icon-money{background:url('data:image/svg+xml;utf8,<svg fill="%23fbbf24" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="8"/><text x="10" y="15" font-size="10" text-anchor="middle" fill="white">$</text></svg>') no-repeat center/contain}.icon-user{background:url('data:image/svg+xml;utf8,<svg fill="%233b82f6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="7" r="4"/><rect x="4" y="13" width="12" height="5" rx="2"/></svg>') no-repeat center/contain}.icon-cart{background:url('data:image/svg+xml;utf8,<svg fill="%2334d399" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="10" x="2" y="5" rx="2"/><circle cx="7" cy="16" r="2"/><circle cx="15" cy="16" r="2"/></svg>') no-repeat center/contain}.icon-wallet{background:url('data:image/svg+xml;utf8,<svg fill="%238b5cf6" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><rect width="16" height="10" x="2" y="7" rx="2"/><rect width="8" height="4" x="6" y="3" rx="2"/></svg>') no-repeat center/contain}.icon-trend{background:url('data:image/svg+xml;utf8,<svg fill="%23f43f5e" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><polyline points="2,14 8,8 12,12 18,6" stroke="%23f43f5e" stroke-width="2" fill="none"/><circle cx="2" cy="14" r="2"/><circle cx="8" cy="8" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="18" cy="6" r="2"/></svg>') no-repeat center/contain}.admin-main{flex:1;padding:38px 38px 0;min-width:0}.admin-title{font-size:2rem;font-weight:700;margin-bottom:.2em;text-align:left}.admin-sub{color:#6b7280;font-size:1.08rem;margin-bottom:32px;text-align:left}.admin-stats-row{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.admin-stat-card{background:#fff;border:1.5px solid #e5eaf3;border-radius:14px;box-shadow:0 2px 12px #0f172a0a;padding:28px 32px 18px;min-width:220px;flex:1 1 0;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.admin-stat-label{font-size:1.08rem;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:8px}.admin-stat-value{font-size:1.6rem;font-weight:700;color:#222}.admin-desc-card{background:#fff;border:1.5px solid #e5eaf3;border-radius:14px;box-shadow:0 2px 12px #0f172a0a;padding:28px 32px 18px;margin-top:18px;text-align:left}.admin-desc-title{font-size:1.08rem;font-weight:600;margin-bottom:10px}.admin-desc-list{color:#374151;font-size:.98rem;margin:0;padding-left:18px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}header.app-header{width:100vw;min-width:100%;background:#fff;box-sizing:border-box;border-bottom:1px solid #eef2f6;position:fixed;top:0;left:0;z-index:100}.header-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;box-sizing:border-box}.brand{flex:0 0 auto}.nav-menu{flex:0 0 auto;display:flex;align-items:center;gap:.5rem}.brand a{color:#2563eb;font-weight:600;text-decoration:none;font-size:1.25rem;letter-spacing:1px}.nav-menu{display:flex;align-items:center;gap:.5rem}.nav-link{color:#111827;text-decoration:none;padding:0 12px;font-size:1rem;border-radius:6px;transition:background .15s}.nav-link:hover{background:#f3f6fa}.btn{padding:.45rem .9rem;border-radius:6px;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-block;font-size:.98rem;font-weight:500}.btn-primary{background:#2b7be6;color:#fff;border-color:#2b7be6;box-shadow:0 2px 8px #3b82f614}.btn-primary.menu-buy{margin-right:10px}.btn-outline{background:#fff;border-color:#e6eefb;color:#2b7be6}.icon-admin{display:inline-block;width:1.1em;height:1.1em;background:url('data:image/svg+xml;utf8,<svg fill="%232563eb" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a2 2 0 0 1 2 2v1.09A7.001 7.001 0 0 1 17 12v1a2 2 0 0 1-2 2h-1v1a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2v-1H5a2 2 0 0 1-2-2v-1a7.001 7.001 0 0 1 5-6.91V4a2 2 0 0 1 2-2zm0 2a1 1 0 0 0-1 1v1.17a7.001 7.001 0 0 1 2 0V5a1 1 0 0 0-1-1zm-5 8a5 5 0 0 0 10 0v-1a5 5 0 0 0-10 0v1zm5 6a1 1 0 0 0 1-1v-1H9v1a1 1 0 0 0 1 1z"/></svg>') no-repeat center/contain;vertical-align:middle;margin-right:3px}.nav-avatar{margin-left:16px;width:36px;height:36px;border-radius:50%;background:#f3f6fa;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5eaf3;box-shadow:0 2px 8px #3b82f60f}.icon-avatar{display:inline-block;width:22px;height:22px;background:url('data:image/svg+xml;utf8,<svg fill="%239ca3af" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a5 5 0 1 1 0 10A5 5 0 0 1 10 2zm0 12c-4.418 0-8 1.79-8 4v2h16v-2c0-2.21-3.582-4-8-4z"/></svg>') no-repeat center/contain}.page-wrapper{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center}.auth-center{width:100%;display:flex;justify-content:center}.auth-card{width:360px;background:#fff;border:1px solid #eef2f6;padding:22px;border-radius:10px;box-shadow:0 6px 18px #0f172a0f;text-align:left}.auth-title{margin:0;font-size:1.1rem;font-weight:600}.auth-desc{color:#6b7280;font-size:.9rem;margin-top:8px;margin-bottom:14px}.auth-form{display:flex;flex-direction:column;gap:12px}.form-row .label-text{font-size:.85rem;color:#374151;margin-bottom:6px}.form-row input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid #e6edf6;box-sizing:border-box}.form-row input:focus{outline:none;box-shadow:0 0 0 3px #3b82f614;border-color:#93c5fd}.btn.full{width:100%;padding:10px}.muted{text-align:center;margin-top:12px;color:#6b7280;font-size:.9rem}.error{color:#b91c1c;background:#fff1f2;padding:8px;border-radius:6px;font-size:.9rem}.app-main{padding:1rem;padding-top:70px;max-width:1280px;margin:0 auto;box-sizing:border-box}.profile-page{max-width:900px;margin:0 auto;padding:32px 0 40px;display:flex;flex-direction:column;align-items:flex-start}.profile-header{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:18px;padding-left:0}.profile-title{font-size:2rem;font-weight:700;margin-bottom:.2em;text-align:left}.profile-sub{color:#6b7280;font-size:1.05rem;margin-bottom:0;text-align:left}.profile-buy-row-alone{width:100%;display:flex;justify-content:flex-start;margin-bottom:32px}.profile-buy-card{display:flex;align-items:center;background:linear-gradient(90deg,#f5faff 60%,#f0f6ff);border:1.5px solid #b6d2ff;border-radius:12px;padding:28px 36px;min-width:0;max-width:700px;width:70%;box-shadow:0 2px 12px #3b82f60f;gap:24px}.profile-buy-icon{background:linear-gradient(135deg,#6ea8ff,#a5b4fc);border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center}.profile-buy-title{font-size:1rem;font-weight:600}.profile-buy-desc{color:#64748b;font-size:.98rem;margin-top:2px}.profile-buy-content{flex:1}.profile-buy-card .btn{margin-left:24px;min-width:80px;display:flex;align-items:center;justify-content:center;gap:6px}.profile-row-2col{width:100%;max-width:700px;display:flex;gap:24px;margin-bottom:24px;align-items:stretch}.profile-row-2col>.profile-card{flex:1 1 0;min-width:0;max-width:none;width:0}.profile-row-single{width:100%;max-width:700px;display:flex;justify-content:center;margin-top:0;margin-bottom:0}.profile-row-single>.profile-card{width:100%;max-width:700px;margin:0 auto}.profile-card{background:#fff;border:1.5px solid #e5eaf3;border-radius:12px;box-shadow:0 2px 12px #0f172a0a;padding:28px 28px 22px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;min-width:0}.profile-card-title{font-size:1.08rem;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:6px}.profile-card-sub{color:#64748b;font-size:.92rem;margin-left:10px;font-weight:400}.profile-info-row{display:flex;justify-content:space-between;color:#374151;font-size:1rem;margin-bottom:6px}.profile-balance{font-size:2.1rem;font-weight:700;color:#2563eb;margin-bottom:6px}.profile-balance-desc{color:#64748b;font-size:.98rem;margin-bottom:12px}.profile-card .btn.full{margin-top:8px}.card{padding:2em}.read-the-docs{color:#888}.admin-container{padding:20px;max-width:1200px;margin:0 auto}.admin-page-header{margin-bottom:24px}.admin-page-title{font-size:1.75rem;font-weight:800;margin-bottom:8px;color:#0f172a}.admin-page-desc{color:#64748b;font-size:1rem}.admin-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d;padding:24px}.admin-table-title{font-size:1.1rem;font-weight:600;margin-bottom:20px;padding-left:4px;color:#334155}.admin-table-container{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.95rem}.admin-table th{text-align:left;padding:16px 24px;color:#64748b;font-weight:600;border-bottom:1px solid #f1f5f9;white-space:nowrap}.admin-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;white-space:nowrap}.admin-table tr:last-child td{border-bottom:none}.btn-adjust{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#475569;font-size:.85rem;cursor:pointer;transition:all .2s;font-weight:500}.btn-adjust:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.admin-modal{background:#fff;padding:24px;border-radius:12px;width:480px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;gap:20px}.admin-modal-header{display:flex;justify-content:space-between;align-items:flex-start}.admin-modal-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:4px}.admin-modal-subtitle{font-size:.9rem;color:#64748b}.admin-modal-close{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:1.5rem;line-height:1;padding:0}.admin-modal-close:hover{color:#475569}.admin-balance-section{display:flex;flex-direction:column;gap:4px}.admin-balance-label{font-size:.9rem;color:#64748b;font-weight:500}.admin-balance-value{font-size:1.75rem;font-weight:700;color:#2563eb}.admin-input-group{display:flex;flex-direction:column;gap:6px}.admin-input-label{font-size:.9rem;color:#64748b;font-weight:500}.admin-input{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;box-sizing:border-box;outline:none;transition:border-color .2s}.admin-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.admin-helper-text{font-size:.8rem;color:#94a3b8}.admin-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn-cancel{padding:8px 16px;border:1px solid #e2e8f0;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{padding:8px 16px;border:none;background:#ef4444;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;display:flex;align-items:center;gap:4px}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-primary{padding:8px 16px;border:none;background:#3b82f6;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;display:flex;align-items:center;gap:4px}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#2563eb}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:500;line-height:1}.status-badge.completed{background-color:#dcfce7;color:#166534}.status-badge.processing{background-color:#dbeafe;color:#1e40af}.status-badge.pending{background-color:#f3f4f6;color:#4b5563}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.btn-action{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:.85rem;color:#374151;cursor:pointer;transition:all .2s}.btn-action:hover{background:#f9fafb;border-color:#9ca3af}.btn-action.secondary{color:#64748b;border-color:#e2e8f0}.btn-action.secondary:hover{background:#f1f5f9}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;pointer-events:none}.toast-message{background:#fff;border-radius:6px;padding:16px 20px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:4px;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);min-width:280px;border-left:4px solid #10b981;background-clip:padding-box;pointer-events:auto;margin-top:10px}.toast-title{font-weight:600;font-size:.95rem;color:#1f2937}.toast-desc{font-size:.85rem;color:#6b7280}@keyframes slideInRight{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.orders-page{max-width:900px;margin:0 auto;padding:32px 0 40px;display:flex;flex-direction:column;align-items:flex-start}.orders-header{width:100%;max-width:900px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:24px;padding-left:0}.orders-title{font-size:2rem;font-weight:700;margin-bottom:6px;color:#0f172a}.orders-sub{color:#6b7280;font-size:1.05rem;text-align:left}.orders-list{width:100%;display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.order-card:hover{box-shadow:0 4px 12px #0f172a14;border-color:#cbd5e1}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.order-id-row{display:flex;align-items:center;gap:12px}.order-id{font-size:1.1rem;font-weight:700;color:#1e293b}.order-amount-col{text-align:right}.order-label-right{font-size:.8rem;color:#94a3b8;margin-bottom:2px}.order-amount{font-size:1rem;font-weight:700;color:#2563eb}.order-date{font-size:.9rem;color:#64748b;margin-bottom:16px}.order-divider{height:1px;background:#f1f5f9;margin-bottom:16px}.order-detail-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.95rem}.order-detail-row:last-child{margin-bottom:0}.order-label{color:#64748b;font-weight:500}.order-value{color:#334155;font-weight:500}.order-link{color:#3b82f6;text-decoration:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-link:hover{text-decoration:underline}.loading-state,.empty-state{text-align:center;padding:60px 0;color:#64748b}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.5}@media(max-width:1024px){.header-inner{padding:.5rem 1rem}.nav-menu{gap:.3rem}.nav-link{padding:0 8px;font-size:.95rem}.profile-buy-card{width:100%;max-width:none}.profile-cards-row,.admin-layout{flex-direction:column}.admin-sider{width:100%;height:auto;position:relative}.admin-menu{display:flex;flex-wrap:wrap;gap:8px}.admin-main{margin-left:0;padding:16px}}@media(max-width:768px){header.app-header{padding:0}.header-inner{flex-direction:column;padding:.5rem;gap:.5rem}.brand{width:100%;text-align:center;padding:.3rem 0}.brand a{font-size:1.1rem}.nav-menu{width:100%;justify-content:center;flex-wrap:wrap;gap:.3rem}.nav-link{padding:6px 10px;font-size:.9rem}.btn{padding:.4rem .7rem;font-size:.9rem}.btn-primary.menu-buy{margin-right:0}.app-main{padding:.8rem;padding-top:120px}.profile-page{padding:20px 0}.profile-title{font-size:1.5rem}.profile-sub{font-size:.95rem}.profile-buy-card{flex-direction:column;padding:20px;gap:16px;text-align:center}.profile-buy-text{text-align:center}.profile-buy-card .btn{margin-left:0;width:100%}.profile-cards-row{flex-direction:column;gap:16px}.profile-row-2col{flex-direction:column;gap:16px;max-width:100%}.profile-row-2col>.profile-card{width:100%;flex:none}.profile-card{min-width:100%;padding:20px}.profile-info-row{flex-direction:column;gap:4px;margin-bottom:12px}.profile-info-row span:first-child{color:#64748b;font-size:.9rem}.profile-info-row span:last-child{word-break:break-all;font-size:.95rem}.profile-balance{font-size:1.8rem}.recharge-page{padding:20px 0}.recharge-title{font-size:1.5rem}.recharge-card{min-width:100%;padding:20px}.buy-page{padding:20px 0}.buy-title{font-size:1.5rem}.buy-card-main{padding:20px;min-width:100%}.product-grid{grid-template-columns:1fr}.orders-page{padding:20px 0}.orders-title{font-size:1.5rem}.order-card{padding:16px}.order-header{flex-direction:column;align-items:flex-start;gap:12px}.order-amount-col{text-align:left}.order-link{max-width:100%}.auth-card{padding:24px 20px;margin:0 10px}.auth-title{font-size:1.5rem}.admin-layout{flex-direction:column;min-height:auto}.admin-sider{width:100%;height:auto;position:relative;padding:12px}.admin-sider-title{font-size:1.2rem;margin-bottom:10px}.admin-menu{display:flex;flex-wrap:wrap;gap:6px}.admin-menu-item{padding:8px 12px;font-size:.9rem}.admin-main{margin-left:0;padding:12px}.admin-title{font-size:1.5rem}.admin-stats-row{grid-template-columns:1fr 1fr;gap:12px}.admin-stat-card{padding:16px}.admin-table-container{overflow-x:auto}.admin-table{min-width:600px}.admin-modal{width:95%!important;max-width:400px;padding:20px!important}.user-dropdown-menu{right:-50px;min-width:180px}}@media(max-width:480px){.header-inner{padding:.4rem}.brand a{font-size:1rem}.nav-menu{gap:.2rem}.nav-link{padding:5px 8px;font-size:.85rem}.btn{padding:.35rem .6rem;font-size:.85rem}.app-main{padding:.5rem;padding-top:130px}.profile-title,.recharge-title,.buy-title,.orders-title,.admin-title{font-size:1.3rem}.admin-stats-row{grid-template-columns:1fr}.admin-stat-card{padding:14px}.admin-stat-value{font-size:1.3rem}.profile-buy-card,.recharge-card,.buy-card-main{padding:16px}.order-detail-row{flex-direction:column;gap:4px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}