:root{color:#14213d;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:#2457d6}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:4.25rem;padding:0 1.5rem;color:#fff;background:#101828;box-shadow:0 1px 3px #10182844}.brand{display:inline-flex;align-items:center;gap:.65rem;color:inherit;font-weight:750;text-decoration:none;letter-spacing:-.01em}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;color:#101828;background:#7dd3fc;border-radius:.55rem;font-weight:900}.brand--login{margin-bottom:2.5rem;color:#101828}.topbar-meta{display:flex;align-items:center;gap:1.25rem;margin-left:auto;color:#d0d5dd;font-size:.875rem}.timezone{color:#98a2b3}.menu-button{display:none;margin-right:.75rem;color:#fff;border:0;background:transparent;font-size:1.4rem}.workspace{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:calc(100vh - 4.25rem)}.sidebar{padding:1.5rem .9rem;background:#fff;border-right:1px solid #e4e7ec}.sidebar a{display:block;padding:.72rem .85rem;color:#344054;border-radius:.5rem;font-weight:600;text-decoration:none}.sidebar a:hover{background:#f2f4f7}.sidebar a.router-link-exact-active{color:#1849a9;background:#eff4ff}main{min-width:0;padding:2rem clamp(1rem,3vw,3rem) 4rem}.public-content{display:grid;min-height:100vh;place-items:center}.login-panel{width:min(100% - 2rem,28rem);padding:2.25rem;background:#fff;border:1px solid #e4e7ec;border-radius:1rem;box-shadow:0 12px 30px #10182812}.login-panel form{display:grid;gap:.7rem;margin-top:1.5rem}label{color:#344054;font-size:.9rem;font-weight:650}input,select{width:100%;min-height:2.6rem;padding:.55rem .7rem;color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:.45rem}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #84adff;outline-offset:2px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.eyebrow{margin:0 0 .35rem;color:#2457d6;font-size:.75rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}h1{margin:0;color:#101828;font-size:clamp(1.7rem,3vw,2.3rem);letter-spacing:-.035em}h2{margin:0 0 1rem;font-size:1rem}.page-description,.hint{margin:.55rem 0 0;color:#667085}.hint{font-size:.82rem}.button{display:inline-flex;min-height:2.4rem;align-items:center;justify-content:center;padding:.5rem .85rem;border:1px solid transparent;border-radius:.45rem;cursor:pointer;font-weight:700}.button:disabled{cursor:wait;opacity:.6}.button--primary{margin-top:.7rem;color:#fff;background:#2457d6}.button--secondary{color:#344054;background:#fff;border-color:#d0d5dd}.button--quiet{color:#fff;background:transparent;border-color:#475467}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem}.metric-card,.panel{padding:1.15rem;background:#fff;border:1px solid #e4e7ec;border-radius:.75rem;box-shadow:0 1px 2px #1018280d}.metric-card span{display:block;color:#667085;font-size:.82rem;font-weight:650}.metric-card strong{display:block;margin-top:.45rem;color:#101828;font-size:1.7rem}.summary-grid,.health-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;margin-top:1rem}dl{margin:0}dl div{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid #eaecf0}dt{color:#667085}dd{margin:0;text-align:right;font-weight:650}.health-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.health-summary div{display:flex;justify-content:space-between;align-items:center;padding:.65rem;background:#f9fafb;border-radius:.45rem}.state-card{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;color:#475467;background:#fff;border:1px dashed #d0d5dd;border-radius:.6rem}.state-card--error,.notice--error{color:#912018;background:#fef3f2;border-color:#fecdca}.notice{padding:.8rem 1rem;color:#344054;background:#f2f4f7;border:1px solid #d0d5dd;border-radius:.5rem}.table-scroll{overflow-x:auto;background:#fff;border:1px solid #e4e7ec;border-radius:.7rem}table{width:100%;border-collapse:collapse;font-size:.86rem}th{color:#475467;background:#f9fafb;font-size:.72rem;letter-spacing:.035em;text-align:left;text-transform:uppercase}th,td{max-width:22rem;padding:.78rem .85rem;border-bottom:1px solid #eaecf0;vertical-align:top}tbody tr:last-child td{border-bottom:0}.subject,.diagnostic{overflow-wrap:anywhere;white-space:pre-wrap}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.status-badge{display:inline-flex;padding:.22rem .5rem;color:#344054;background:#f2f4f7;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.status-badge--healthy,.status-badge--sent,.status-badge--accepted,.status-badge--succeeded,.status-badge--configured{color:#067647;background:#ecfdf3}.status-badge--warning,.status-badge--deferred,.status-badge--pending{color:#b54708;background:#fffaeb}.status-badge--critical,.status-badge--bounced,.status-badge--rejected,.status-badge--failed,.status-badge--not-configured{color:#b42318;background:#fef3f2}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.filters label{flex:1 1 13rem}.filters input,.filters select{display:block;margin-top:.35rem}.health-list,.plain-list,.warning-list{margin:0;padding:0;list-style:none}.health-list li,.plain-list li,.warning-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #eaecf0}.health-list li:last-child,.plain-list li:last-child,.warning-list li:last-child{border-bottom:0}.health-list span,.health-list small{display:block;margin-top:.2rem;color:#667085}.warning-list{margin-top:1rem}.warning-list li{justify-content:flex-start}.health-list pre{max-width:32rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#475467;font-size:.75rem}@media(max-width:760px){.topbar{padding:0 1rem}.timezone{display:none}.menu-button{display:block}.workspace{grid-template-columns:1fr}.sidebar{position:fixed;inset:4.25rem auto 0 0;z-index:9;width:15rem;transform:translate(-100%);transition:transform .15s ease;box-shadow:8px 0 24px #10182824}.sidebar--open{transform:translate(0)}main{padding:1.25rem 1rem 3rem}.page-header,.filters{flex-direction:column}.summary-grid,.health-groups{grid-template-columns:1fr}}