:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0a0c0f;--surface:#12161b;--surface-strong:#181e25;--text:#f7f8fa;--muted:#aab3bd;--accent:#ff6b35;--accent-soft:#ff6b3524;--success:#40d17d;--success-soft:#40d17d21;--border:#ffffff17}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{background:radial-gradient(circle at top right, #ff6b3524, transparent 30rem), var(--background);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}main{width:min(1120px,100% - 32px);margin:0 auto;padding:72px 0}.hero{max-width:780px;padding:40px 0 64px}.eyebrow,.section-heading>span,.section-heading>div>span{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}h1{letter-spacing:-.07em;margin:14px 0 4px;font-size:clamp(3.8rem,12vw,7.6rem);line-height:.92}.tagline{margin:22px 0 0;font-size:clamp(1.35rem,4vw,2rem);font-weight:700}.intro{max-width:680px;color:var(--muted);margin:20px 0 0;font-size:1.08rem;line-height:1.7}.status{background:var(--accent-soft);color:#ffc2ac;border:1px solid #ff6b3566;border-radius:999px;margin-top:28px;padding:10px 14px;font-size:.9rem;font-weight:700;display:inline-flex}.status-online{background:var(--success-soft);color:#a8f2c6;border-color:#40d17d73}.live-panel{border-top:1px solid var(--border);padding:40px 0 64px}.live-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:10px 0 28px;font-size:clamp(2rem,5vw,3.4rem)}.live-badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;margin-bottom:30px;padding:9px 12px;color:var(--muted)!important;letter-spacing:.06em!important;font-size:.72rem!important}.order-card,.database-message{background:linear-gradient(145deg, #40d17d14, transparent 45%), var(--surface);border:1px solid #40d17d40;border-radius:24px;overflow:hidden}.order-topline{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex}.order-topline>div,.order-total{gap:7px;display:grid}.order-topline strong{font-size:clamp(1.45rem,4vw,2.15rem)}.order-total{text-align:right}.order-total span,.order-label,.order-details span,.order-item span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.order-total strong{color:#a8f2c6}.order-details{background:var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.order-details>div{background:var(--surface);align-content:center;gap:9px;min-height:106px;padding:22px 28px;display:grid}.order-details strong{text-transform:capitalize;font-size:1rem}.order-items{gap:16px;padding:28px;display:grid}.order-item{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0 0;display:flex}.order-item>div{gap:7px;display:grid}.order-item>strong{white-space:nowrap}.database-message{padding:28px}.database-message p,.empty-message{color:var(--muted);margin:10px 0 0;line-height:1.6}.modules{border-top:1px solid var(--border);padding-top:40px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.card{border:1px solid var(--border);background:linear-gradient(145deg, var(--surface-strong), var(--surface));border-radius:20px;min-height:170px;padding:24px}.card h3{margin:0;font-size:1.25rem}.card p{color:var(--muted);margin:12px 0 0;line-height:1.55}@media (max-width:800px){main{padding:40px 0}.hero{padding-top:24px}.live-heading,.order-topline{flex-direction:column;align-items:flex-start}.live-badge{margin:-10px 0 26px}.order-total{text-align:left}.order-details,.grid{grid-template-columns:1fr}.order-details>div,.card{min-height:auto}}