:root{--bg:#f4f7fa;--surface:#fff;--surface-strong:#0d2438;--text:#273545;--text-strong:#0c1722;--text-muted:#66788a;--border:#d9e2ec;--accent:#1667d9;--accent-2:#247a5a;--shadow:0 16px 48px #152b401f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.merchant-shell{background:linear-gradient(135deg, #1667d917, #247a5a1f), var(--bg);min-height:100vh}.merchant-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;align-items:center;gap:14px;min-height:84px;padding:24px clamp(20px,5vw,64px);display:flex}.brand-mark{background:var(--surface-strong);color:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-size:14px;font-weight:800;display:grid}.nav-kicker,.section-kicker{color:var(--text-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-size:13px;font-weight:750}.merchant-nav h1,.dashboard-heading h2,.metric-grid h3{color:var(--text-strong);letter-spacing:0;margin:0}.merchant-nav h1{font-size:22px;line-height:1.1}.merchant-dashboard{gap:28px;width:min(1120px,100% - 40px);margin:0 auto;padding:54px 0;display:grid}.dashboard-heading{max-width:720px}.dashboard-heading h2{margin-top:10px;font-size:clamp(34px,5vw,56px);line-height:1.02}.dashboard-heading p:last-child{max-width:620px;color:var(--text-muted);margin:18px 0 0;font-size:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-grid article{border:1px solid var(--border);background:var(--surface);min-height:180px;box-shadow:var(--shadow);border-radius:8px;padding:24px}.metric-grid span{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:18px;font-weight:800;display:grid}.metric-grid article:nth-child(2) span{background:var(--accent-2)}.metric-grid h3{font-size:20px}.metric-grid p{color:var(--text-muted);margin:8px 0 0}@media (width<=760px){.metric-grid{grid-template-columns:1fr}}