:root{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#f1f5f9;--accent: #7c3aed}:root.theme-dark{color:#e2e8f0;background:#0f172a}:root.theme-dark .card{background:#1e293b;box-shadow:0 4px 24px #00000059}:root.theme-dark .stat{background:#334155}:root.theme-dark .btn.secondary{background:#475569;color:#f8fafc}body{margin:0}.wrap{max-width:960px;margin:0 auto;padding:24px 16px 48px}.card{background:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 24px #0f172a0f}h1{font-size:1.5rem;margin:0 0 8px}.muted{color:#64748b;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:16px}.stat{background:#f8fafc;border-radius:12px;padding:12px}.stat b{display:block;font-size:1.25rem}.btn{border:none;background:var(--accent);color:#fff;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:600}.btn.secondary{background:#e2e8f0;color:#0f172a}.landing-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #e2e8f0;padding:12px 0}code{font-size:.85rem;word-break:break-all}.error{color:#b91c1c}.error-inline{color:#b91c1c;font-size:.85rem}.form-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;align-items:center}.form-row input,.form-row select,.full-width{padding:8px 10px;border-radius:8px;border:1px solid #cbd5e1;min-width:140px}.full-width{width:100%;box-sizing:border-box;margin-bottom:8px}.row-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.period-tabs{display:flex;gap:6px}.tab{border:1px solid #cbd5e1;background:#fff;color:#334155;padding:6px 12px;border-radius:999px;cursor:pointer;font-weight:600}.tab.active{background:#7c3aed;border-color:#7c3aed;color:#fff}.conv{margin-top:12px}.sub{font-size:1rem;margin:16px 0 8px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:8px}.top-list{list-style:none;padding:0;margin:0}.top-list li{display:flex;flex-direction:column;gap:2px;padding:8px 0;border-top:1px solid #e2e8f0}.chart{display:flex;align-items:flex-end;gap:6px;min-height:140px;overflow-x:auto;padding:8px 0 4px}.chart-col{flex:1 0 28px;max-width:48px;text-align:center}.chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100px}.bar{width:10px;min-height:2px;border-radius:4px 4px 0 0}.bar.connect{background:#7c3aed}.bar.approve{background:#059669}.chart-label{font-size:.65rem;color:#64748b}
