:root{--bg:#f7f7f8;--surface:#fff;--text:#1c1b22;--muted:#6b6675;--border:#e6e4ea;--brand:#4f46e5;--brand-weak:#eef0fe;--green:#16a34a;--amber:#b45309;--red:#dc2626;--radius:10px;--shadow:0 1px 2px #100f190f, 0 1px 3px #100f190d;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}:is(a,button,select,input):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:8px}h3{letter-spacing:-.01em;margin:20px 0 8px;font-size:15px}.app{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:24px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;font-size:18px;font-weight:700}.brand-lg{letter-spacing:-.03em;font-size:40px;font-weight:700}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:7px 12px;font-size:14px;font-weight:500}.nav a:hover{background:var(--bg);color:var(--text)}.nav a.active{background:var(--brand-weak);color:var(--brand)}.spacer{flex:1}.who{align-items:center;gap:10px;font-size:14px;display:flex}.badge{color:var(--amber);background:#fef3c7;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}.content{max-width:1180px;margin:0 auto;padding:24px}.signin{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:100vh;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.btn:hover{background:var(--bg)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{filter:brightness(1.05)}.btn.ghost{color:var(--muted);background:0 0;border-color:#0000}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.banner{padding:10px 24px;font-size:14px}.banner.error{color:var(--red);background:#fef2f2}.banner.warn{color:var(--amber);background:#fffbeb}.banner.success{color:#15803d;background:#f0fdf4}.callout{border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.page-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{letter-spacing:-.02em;margin:0;font-size:22px}.muted{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}select,input[type=text]{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 10px;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}.list{flex-direction:column;gap:10px;display:flex}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.row-top{align-items:baseline;gap:10px;display:flex}.subject{font-size:15px;font-weight:600}.row-sub{color:var(--muted);margin-top:2px;font-size:13px}.row-summary{margin-top:8px;font-size:14px}.row-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.pill{background:var(--bg);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.pill.cat-actionable{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.pill.cat-fyi{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.pill.cat-noise,.pill.cat-newsletter,.pill.cat-marketing{color:#4b5563;background:#f3f4f6}.pill.cat-transactional{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.pill.action{color:#fff;background:#b91c1c;border-color:#b91c1c}.pill.info{background:var(--bg);color:var(--muted);border-color:var(--border)}.pill.mk{background:var(--brand-weak);color:var(--brand);border-color:#c7d2fe}.draft{background:var(--bg);white-space:pre-wrap;border-left:3px solid var(--brand);border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}tr:last-child td{border-bottom:none}.modal-overlay{z-index:100;background:#100f1973;justify-content:center;align-items:flex-start;padding:8vh 16px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:14px;width:100%;max-width:560px;max-height:80vh;overflow:auto;box-shadow:0 20px 50px #100f1940}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head h3{margin:0;font-size:17px}.modal-body{padding:8px 20px 20px}.modal-body h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 6px;font-size:13px}.modal-body p{margin:0 0 4px;font-size:14px;line-height:1.5}.help-list{margin:0;padding-left:20px}.help-list li{margin-bottom:4px;font-size:14px;line-height:1.6}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat .num{letter-spacing:-.02em;font-size:28px;font-weight:700}.stat .lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:12px}.stat.alert .num{color:var(--red)}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=860px){.dash-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.panel h3{margin:0 0 12px;font-size:14px}.bars{align-items:flex-end;gap:3px;height:90px;display:flex}.bars .bar{background:var(--brand-weak);border-radius:3px 3px 0 0;flex:1;min-height:2px;position:relative}.bars .bar>span{color:var(--muted);font-size:10px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.catrow{align-items:center;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.catrow .track{background:var(--bg);border-radius:999px;flex:1;height:8px;overflow:hidden}.catrow .fill{background:var(--brand);border-radius:999px;height:100%}.sub-head{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 6px;font-size:12px;font-weight:600}.chip{align-items:center;gap:6px;display:inline-flex}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.chip button:hover{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:48px}.spin{color:var(--muted);padding:24px}@keyframes mw-spin{to{transform:rotate(360deg)}}.spin:before{content:"";border:2px solid var(--border);border-top-color:var(--brand);vertical-align:-2px;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.7s linear infinite mw-spin;display:inline-block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (width<=640px){.topbar{flex-wrap:wrap;gap:8px 16px;height:auto;padding:8px 12px}.nav{-webkit-overflow-scrolling:touch;overflow-x:auto}.content{padding:16px 12px}.page-head{flex-wrap:wrap}.page-head .muted{flex-basis:100%}.row-foot{gap:6px}.modal{max-width:100%}}
