:root{--background:#f7f8fa;--foreground:#14171f;--muted:#687083;--panel:#fff;--line:#dfe3ea;--accent:#0e7c86;--accent-strong:#0a5960;--warning-bg:#fff7e6;--warning-text:#714b00;--ok-bg:#eaf7ef;--ok-text:#1f6b3a;--radius:8px}*{box-sizing:border-box}html{min-width:320px;overflow-x:auto}body{background:var(--background);min-width:320px;color:var(--foreground);letter-spacing:0;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button-link{background:var(--accent);border-radius:var(--radius);color:#fff;cursor:pointer;border:0;justify-content:center;padding:10px 12px;font-weight:700;display:inline-flex}button.secondary,.button-link.secondary{border:1px solid var(--accent);color:var(--accent-strong);background:#fff}button:disabled{background:var(--muted);cursor:not-allowed}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);color:var(--foreground);background:#fff;width:100%;padding:10px 12px}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:24px;min-height:56px;padding:0 28px;display:flex}.brand{color:#111827;white-space:nowrap;font-size:15px;font-weight:700}.topnav{flex-wrap:wrap;gap:16px;margin-left:auto;display:flex}.topnav a{color:var(--muted);font-size:14px}.topnav a:hover{color:var(--foreground)}.page{width:100%;min-width:0;max-width:1180px;margin:0 auto;padding:32px 28px 48px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.page-header>div{min-width:0}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:32px;line-height:1.15}h2{letter-spacing:0;margin-bottom:12px;font-size:20px;line-height:1.25}h3{letter-spacing:0;margin-bottom:8px;font-size:16px;line-height:1.3}.subtle{color:var(--muted);overflow-wrap:anywhere;line-height:1.6}.grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;min-width:0;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;min-width:0;padding:18px}.metric{color:var(--foreground);margin-bottom:4px;font-size:24px;font-weight:700}.stack{gap:16px;min-width:0;display:grid}.form{gap:12px;margin-top:16px;display:grid}.checkout-inline{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:14px;display:grid}.payment-qr{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:240px}.code-block{border:1px solid var(--line);border-radius:var(--radius);overflow-wrap:anywhere;white-space:pre-wrap;background:#f7f8fa;padding:12px;display:block}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);background:#fff;margin-top:16px;padding:18px}.demo-session-banner{padding-top:0;padding-bottom:0}.field{gap:6px;min-width:0;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:700}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;margin-top:16px;display:grid}.profile-field{border:1px solid var(--line);border-radius:var(--radius);background:#f7f8fa;gap:6px;padding:14px;display:grid}.profile-field span{color:var(--muted);font-size:13px;font-weight:700}.profile-field strong{overflow-wrap:anywhere;font-size:16px;font-weight:700}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.row>*{min-width:0}.nav-list{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:8px;min-width:0;display:grid}.nav-list a{border:1px solid var(--line);border-radius:var(--radius);color:var(--accent-strong);background:#fff;padding:12px 14px;font-weight:600}.status{white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status.pending{background:var(--warning-bg);color:var(--warning-text)}.status.ready{background:var(--ok-bg);color:var(--ok-text)}.table{border:1px solid var(--line);border-radius:var(--radius);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.table-row{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:minmax(220px,1.2fr) minmax(160px,1fr) minmax(180px,1fr);align-items:center;gap:16px;min-width:720px;padding:12px 14px;display:grid}.table-row>*{overflow-wrap:anywhere;min-width:0}.table-row:last-child{border-bottom:0}.table-head{color:var(--muted);text-transform:uppercase;background:#eef1f5;font-size:12px;font-weight:700}@media (max-width:720px){.topbar,.page-header{flex-direction:column;align-items:stretch}.topnav{margin-left:0}.page{padding:24px 18px 36px}.table-row{grid-template-columns:1fr;min-width:0}}