:root{color-scheme:light;--bg: #f6f7f9;--surface: #ffffff;--border: #e2e5ea;--text: #1c2430;--muted: #667085;--accent: #155eef;--ok: #067647;--ok-bg: #e6f4ea;--err: #b42318;--err-bg: #fdecea}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}h1{font-size:1.25rem;margin:0}h2{font-size:1.05rem;margin:0 0 .75rem}.muted{color:var(--muted);margin:.15rem 0 0;font-size:.85rem}.error{color:var(--err);font-size:.9rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:2rem;width:100%;max-width:24rem;display:flex;flex-direction:column;gap:.9rem}.login-card label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}.login-card input{font:inherit;padding:.5rem .65rem;border:1px solid var(--border);border-radius:6px}.login-card input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button{font:inherit;font-weight:500;padding:.5rem 1rem;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--text);border-color:var(--border)}.page{max-width:64rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.nav{display:flex;flex-wrap:wrap;gap:.4rem;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.5rem}.nav a{text-decoration:none;color:var(--muted);padding:.35rem .75rem;border-radius:6px;font-size:.9rem}.nav a:hover{background:var(--surface);color:var(--text)}.nav a.active{background:var(--surface);color:var(--accent);border:1px solid var(--border);font-weight:600}.badge{display:inline-block;padding:.1rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.err{background:var(--err-bg);color:var(--err)}.envelope{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow-x:auto;font-size:.85rem}.placeholder-card{background:var(--surface);border:1px dashed var(--border);border-radius:8px;padding:1rem;color:var(--muted);max-width:40rem}.placeholder-card strong{color:var(--text);display:block;margin-bottom:.25rem}.placeholder-card code{font-size:.85em;background:var(--bg);padding:.1rem .3rem;border-radius:4px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin:1rem 0}.metric-card{border:1px solid var(--border, #d0d5dd);border-radius:12px;padding:1rem;background:var(--surface, #fff)}.metric-label{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--muted, #667085)}.metric-value{margin:.25rem 0;font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums}.metric-table{width:100%;border-collapse:collapse;margin-top:.5rem}.metric-table th,.metric-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--border, #e2e5ea)}.metric-table td:last-child,.metric-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.funnel{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0 .5rem}.funnel-row{display:grid;grid-template-columns:9.5rem 1fr auto;align-items:center;gap:.75rem}.funnel-step{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.funnel-track{position:relative;height:1.4rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden}.funnel-fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:5px 4px 4px 5px;min-width:3px;transition:width .3s ease}.funnel-count{font-variant-numeric:tabular-nums;font-weight:600;min-width:2.5rem;text-align:right}.funnel-count .muted{font-weight:400}