@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111c;--bg-soft:#0d1b2acc;--panel:#0a1422db;--panel-border:#7898b829;--text:#f2f6fb;--muted:#8aa1b8;--accent:#55d6be;--accent-strong:#15b89a;--warn:#f2b35d;--danger:#ea7668;--success:#7ce38b;--shadow:0 24px 60px #00000040}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#55d6be29,#0000 32%),radial-gradient(circle at 100% 100%,#f2b35d24,#0000 28%),linear-gradient(135deg,#07111b 0%,#0d1b2a 48%,#13263a 100%);margin:0;font-family:IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}#root{min-height:100vh}.screen-shell{place-items:center;min-height:100vh;padding:32px;display:grid}.hero-panel,.page-panel,.sidebar,.topbar,.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.hero-panel{border-radius:28px;width:min(720px,100%);padding:40px}.hero-panel h1,.sidebar h1,.page-header h2{letter-spacing:-.03em;margin:10px 0 12px;font-family:Space Grotesk,sans-serif;line-height:1.05}.hero-panel h1{font-size:clamp(2.4rem,5vw,4.5rem)}.hero-panel p,.sidebar p,.empty-state p{color:var(--muted);margin:0;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.72rem;display:inline-flex}.hero-actions,.toolbar{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.primary-button,.secondary-button,select{border:0;border-radius:999px;padding:12px 18px}.primary-button{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-strong) 100%);color:#06221d;cursor:pointer;font-weight:700}.secondary-button,select{color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14}.dashboard-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{border-radius:0 28px 28px 0;flex-direction:column;justify-content:space-between;padding:28px 22px;display:flex}.nav-stack{gap:10px;margin-top:28px;display:grid}.nav-link{color:var(--muted);background:#ffffff08;border-radius:18px;padding:14px 16px;transition:transform .2s,background .2s,color .2s}.nav-link:hover,.nav-link--active{color:var(--text);background:#55d6be1f;transform:translate(4px)}.content{gap:18px;padding:22px;display:grid}.topbar,.page-panel{border-radius:24px}.topbar{justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.page-panel{padding:24px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.metric-card{border-radius:20px;gap:8px;padding:18px;display:grid}.metric-card span{color:var(--muted)}.metric-card strong{font-family:Space Grotesk,sans-serif;font-size:1.55rem}.metric-card--accent strong{color:var(--accent)}.metric-card--warn strong{color:var(--warn)}.metric-card--success strong{color:var(--success)}.table-wrap{border:1px solid #ffffff14;border-radius:18px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:14px 16px}th{color:var(--muted);font-size:.88rem;font-weight:600}.status-pill{background:#ffffff14;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.status-pill--completed{color:var(--success)}.status-pill--pending,.status-pill--processing,.status-pill--paid{color:var(--warn)}.status-pill--canceled,.status-pill--failed{color:var(--danger)}.empty-state{background:#ffffff08;border-radius:18px;gap:8px;padding:22px;display:grid}.error-text{color:#ff9c91}@media (width<=960px){.dashboard-shell{grid-template-columns:1fr}.sidebar{border-radius:0 0 24px 24px}}@media (width<=640px){.screen-shell,.content{padding:14px}.hero-panel,.page-panel,.topbar,.sidebar{padding:18px}.page-header,.topbar{flex-direction:column;align-items:stretch}}