:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;min-width:320px;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app{flex-direction:column;min-height:100vh;display:flex}.header{z-index:50;background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:76px;padding:14px 5%;display:flex;position:sticky;top:0}.brand{cursor:pointer;align-items:center;gap:12px;display:flex}.brand-logo{color:#fff;background:#2563eb;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:800;display:flex;box-shadow:0 8px 20px #2563eb38}.brand h1{letter-spacing:-.3px;margin:0;font-size:17px;line-height:1.2}.brand p{color:#7b8497;margin:4px 0 0;font-size:12px}.header-right{align-items:center;gap:14px;display:flex}.status{color:#4d596d;align-items:center;gap:7px;font-size:13px;display:flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #dcfce7}.account{border-left:1px solid #e5e7eb;align-items:center;gap:10px;padding-left:14px;display:flex}.account span{font-size:13px;font-weight:600}.account button,.login-header{color:#2563eb;background:#eef3ff;border:0;border-radius:9px;padding:9px 14px;font-weight:700}.account button:hover,.login-header:hover{background:#dfe9ff}.container{flex:1;width:min(1180px,90%);margin:0 auto;padding:42px 0 70px}.hero{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb 55%,#3b82f6);border-radius:24px;align-items:center;min-height:270px;margin-bottom:28px;padding:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #2563eb2e}.hero:after{content:"";background:#ffffff17;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-70px}.hero-badge{letter-spacing:1px;background:#ffffff29;border-radius:999px;margin-bottom:14px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-block}.hero h2{letter-spacing:-1.5px;margin:0;font-size:clamp(30px,4vw,46px);line-height:1.08}.hero p{color:#ffffffdb;max-width:560px;margin:18px 0 0;line-height:1.7}.toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.toolbar input{color:#172033;background:#fff;border:1px solid #dfe4ec;border-radius:11px;outline:none;width:320px;max-width:100%;padding:13px 16px}.toolbar input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.categories{flex-wrap:wrap;gap:8px;display:flex}.categories button{color:#5c6678;background:#fff;border:1px solid #e0e5ed;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:700}.categories button:hover{color:#2563eb;border-color:#b8c9ee}.categories button.active{color:#fff;background:#2563eb;border-color:#2563eb}.result-info{color:#7a8496;margin:18px 0;font-size:13px}.products{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.product-card{background:#fff;border:1px solid #e6eaf0;border-radius:16px;flex-direction:column;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 8px 25px #141e320a}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #141e3214}.product-card.inactive{opacity:.6}.product-top{justify-content:space-between;align-items:center;gap:8px;min-height:27px;display:flex}.product-category{color:#2563eb;text-transform:uppercase;background:#eef4ff;border-radius:7px;width:fit-content;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.inactive-label{color:#dc2626;font-size:10px;font-weight:700}.product-card h3{color:#182033;margin:17px 0 8px;font-size:16px;line-height:1.4}.brand-name{color:#667085;margin:0 0 8px;font-size:12px;font-weight:700}.description{color:#7b8495;min-height:40px;margin:0;font-size:12px;line-height:1.55}.product-bottom{border-top:1px solid #eef0f4;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:22px;padding-top:15px;display:flex}.price-label{color:#8a93a3;margin-bottom:4px;font-size:10px;display:block}.product-bottom strong{color:#172033;font-size:15px}.product-bottom button{color:#fff;background:#2563eb;border:0;border-radius:9px;padding:10px 13px;font-size:12px;font-weight:800}.product-bottom button:hover:not(:disabled){background:#1d4ed8}.message{text-align:center;color:#687386;background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:25px 0;padding:18px}.message.error{color:#b91c1c;background:#fff7f7;border-color:#fecaca}.auth-container{background:radial-gradient(circle at 0 0,#eaf1ff 0,#0000 35%),#f5f7fb;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 150px);padding:50px 20px;display:flex}.auth-card{background:#fff;border:1px solid #e5e9f0;border-radius:20px;width:min(420px,100%);padding:34px;box-shadow:0 20px 60px #1e2d4617}.auth-logo{color:#fff;background:#2563eb;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 18px;font-size:26px;font-weight:800;display:flex}.auth-card h2{text-align:center;color:#172033;margin:0;font-size:25px}.auth-card>p{text-align:center;color:#7b8495;margin:8px 0 25px;font-size:13px}.auth-card label{color:#374151;margin:16px 0 7px;font-size:12px;font-weight:700;display:block}.auth-card input{color:#172033;background:#fff;border:1px solid #dfe4ec;border-radius:10px;outline:none;width:100%;padding:13px 14px}.auth-card input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.auth-button{color:#fff;background:#2563eb;border:0;border-radius:10px;width:100%;margin-top:22px;padding:13px;font-weight:800}.auth-button:hover:not(:disabled){background:#1d4ed8}.auth-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:9px;margin:15px 0;padding:11px 13px;font-size:12px;line-height:1.5}.auth-switch{justify-content:center;align-items:center;gap:5px;display:flex;margin:20px 0 10px!important}.auth-switch button{color:#2563eb;background:0 0;border:0;padding:0;font-weight:800}.back-store{color:#7b8495;background:0 0;border:0;width:100%;margin-top:10px;padding:10px;font-size:12px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.buy-modal{background:#fff;border-radius:18px;width:min(480px,100%);max-height:90vh;padding:28px;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0000002e}.modal-close{color:#5f6878;background:#f1f3f7;border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:absolute;top:14px;right:14px}.buy-modal h2{margin:17px 40px 5px 0;font-size:20px;line-height:1.4}.modal-game{color:#7b8495;margin:0;font-size:12px}.modal-price{color:#2563eb;margin:22px 0;font-size:22px;font-weight:900}.buy-modal label{color:#374151;margin:15px 0 7px;font-size:12px;font-weight:700;display:block}.buy-modal input{border:1px solid #dfe4ec;border-radius:10px;outline:none;width:100%;padding:13px}.buy-modal input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #dbeafe}.continue-button{color:#fff;background:#2563eb;border:0;border-radius:10px;width:100%;margin-top:24px;padding:14px;font-weight:800}.continue-button:hover:not(:disabled){background:#1d4ed8}footer{color:#8992a2;text-align:center;background:#fff;border-top:1px solid #e8ebf0;padding:24px;font-size:12px}@media (width<=1050px){.products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.header{flex-direction:column;align-items:flex-start}.header-right{justify-content:space-between;width:100%}.toolbar{flex-direction:column;align-items:stretch}.toolbar input{width:100%}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:34px 28px}}@media (width<=560px){.container{width:92%;padding-top:25px}.products{grid-template-columns:1fr}.header{padding:12px 4%}.status{display:none}.account{border-left:0;margin-left:auto;padding-left:0}.account span{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.hero{border-radius:18px;min-height:230px;padding:28px 22px}.hero h2{font-size:30px}.auth-card{padding:27px 22px}.buy-modal{padding:23px}}.admin-layout{color:#172033;background:#f5f7fb;min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#111827;flex-direction:column;width:260px;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:82px;padding:0 22px;display:flex}.admin-logo{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:800;display:grid}.admin-brand strong,.admin-brand span{display:block}.admin-brand strong{letter-spacing:.5px;font-size:15px}.admin-brand span{color:#9ca3af;letter-spacing:1.2px;margin-top:3px;font-size:10px}.admin-nav{flex:1;padding:18px 12px;overflow-y:auto}.admin-nav button{color:#aeb7c7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:45px;margin-bottom:5px;padding:0 13px;font-size:13px;transition:all .2s;display:flex}.admin-nav button:hover{color:#fff;background:#ffffff0f}.admin-nav button.active{color:#fff;background:#2563eb;font-weight:600}.menu-icon{text-align:center;width:24px;font-size:16px}.admin-sidebar-bottom{border-top:1px solid #ffffff14;padding:15px}.admin-status{color:#9ca3af;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.admin-status span{background:#22c55e;border-radius:50%;width:8px;height:8px}.back-store{color:#d1d5db;cursor:pointer;background:#ffffff0f;border:0;border-radius:9px;width:100%;padding:10px}.back-store:hover{background:#ffffff1a}.admin-main{flex:1;min-width:0;margin-left:260px}.admin-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:0 30px;display:flex}.admin-header-label{color:#6b7280;letter-spacing:1.3px;font-size:10px}.admin-header h1{margin:4px 0 0;font-size:22px}.admin-profile{align-items:center;gap:10px;display:flex}.admin-avatar{color:#2563eb;background:#dbeafe;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.admin-profile strong,.admin-profile span{display:block}.admin-profile strong{font-size:13px}.admin-profile span{color:#6b7280;margin-top:2px;font-size:10px}.admin-content{padding:30px}@media (width<=800px){.admin-sidebar{width:72px}.admin-brand{justify-content:center;padding:0}.admin-brand>div:last-child,.admin-nav button span:last-child,.admin-sidebar-bottom{display:none}.admin-nav button{justify-content:center;padding:0}.admin-main{margin-left:72px}.admin-header,.admin-content{padding-left:18px;padding-right:18px}}.admin-page-title{margin-bottom:22px}.admin-page-title h2{margin:0;font-size:22px}.admin-page-title p{color:#6b7280;margin:6px 0 0;font-size:13px}.admin-panel-card h3{margin:0;font-size:16px}.admin-empty{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:10px;margin-top:18px;padding:35px 20px;font-size:13px}@media (width<=1000px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-stats{grid-template-columns:1fr}}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.admin-stat-card span,.admin-stat-card small{display:block}.admin-stat-card span{color:#6b7280;font-size:12px}.admin-stat-card strong{margin:10px 0 5px;font-size:25px;display:block}.admin-stat-card small{color:#9ca3af;font-size:11px}.admin-panel-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.admin-panel-header{margin-bottom:18px}.admin-panel-header h3{margin:0;font-size:16px}.admin-panel-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.admin-empty{text-align:center;color:#9ca3af;padding:30px;font-size:13px}.admin-error{color:#b91c1c;background:#fef2f2}.admin-orders-table{width:100%;overflow-x:auto}.admin-table-row{border-bottom:1px solid #f0f1f3;grid-template-columns:1.5fr 1fr 1fr 1.2fr;align-items:center;gap:15px;min-width:650px;padding:14px 0;font-size:13px;display:grid}.admin-table-head{color:#6b7280;font-size:11px;font-weight:600}.admin-table-row:last-child{border-bottom:0}.order-status{color:#4b5563;background:#f3f4f6;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.status-success,.status-completed,.status-paid{color:#166534;background:#dcfce7}@media (width<=900px){.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.admin-stats{grid-template-columns:1fr}.admin-page-heading{flex-direction:column;align-items:flex-start}}.admin-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.admin-page-heading h2{margin:0;font-size:22px}.admin-page-heading p{color:#6b7280;margin:6px 0 0;font-size:13px}.admin-refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;padding:10px 15px;font-weight:600}.admin-refresh-button:hover{background:#1d4ed8}.admin-table-wrapper{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:13px 15px;font-size:11px}.admin-table td{vertical-align:top;border-bottom:1px solid #eef0f4;padding:15px}.admin-table tbody tr:hover{background:#fafafa}.order-server{color:#6b7280;margin-top:4px;font-size:11px;display:block}.order-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-paid,.status-success,.status-completed{color:#166534;background:#dcfce7}.status-failed,.status-cancelled{color:#991b1b;background:#fee2e2}.admin-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:14px;font-size:13px}@media (width<=800px){.admin-page-heading{align-items:flex-start}.admin-table{min-width:900px}}.admin-status-control{flex-direction:column;gap:6px;min-width:120px;display:flex}.admin-status-select{width:100%;color:inherit;cursor:pointer;background:#111827;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:6px 8px;font-size:12px;font-weight:600}.admin-status-select:focus{border-color:#ffffff59}.admin-status-select:disabled{opacity:.6;cursor:not-allowed}