:root{--ink:#0b1437;--ink-soft:#3d4663;--muted:#6b7280;--accent:#2563eb;--accent-dark:#1d4ed8;--accent-soft:#eef3ff;--gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-hover:linear-gradient(135deg, #1d4ed8 0%, #6d28d9 100%);--gradient-light:linear-gradient(135deg, #dce4ff 0%, #e9deff 100%);--bg:#fff;--bg-soft:#f7f8fa;--border:#e8ebf1;--green:#16a34a;--red:#dc2626;--amber:#d97706;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-sm:0 1px 2px #0b14370a, 0 1px 3px #0b14370f;--shadow-md:0 4px 12px #0b143714;--shadow-lg:0 12px 32px #0b14371f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-soft);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:1.25rem}.btn{border-radius:var(--radius-md);border:1px solid var(--border);color:#1a1a1a;background:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{background:#f5f5f4}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--gradient);color:#fff;border:none}.btn-primary:hover{background:var(--gradient-hover)}.btn-sm{padding:5px 10px;font-size:12px}.input{border:1px solid var(--border);border-radius:var(--radius-md);outline:none;width:100%;padding:8px 12px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-success{color:#166534;background:#dcfce7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-warning{color:#854d0e;background:#fef9c3}.badge-neutral{color:#6b7280;background:#f3f4f6}.metric-card{background:#f9fafb;border-radius:8px;padding:12px}.metric-label{color:#6b7280;margin-bottom:4px;font-size:12px}.metric-value{color:#1a1a1a;font-size:22px;font-weight:600}.metric-value.good{color:#16a34a}.metric-value.warn{color:#d97706}.metric-value.bad{color:#dc2626}.app-header{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.app-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.app-header-email{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;overflow:hidden}@media (width<=600px){.app-header-email{display:none}.app-header{padding:14px 16px}.app-header-actions{gap:8px}}