@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--surface: rgba(15, 23, 42, .72);--surface-strong: rgba(15, 23, 42, .88);--surface-border: rgba(148, 163, 184, .18);--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent: #38bdf8;--accent-subtle: rgba(56, 189, 248, .16);background-color:#020617}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(59,130,246,.18),transparent 55%),radial-gradient(circle at 85% 15%,rgba(16,185,129,.16),transparent 50%),linear-gradient(180deg,#020617,#0f172a 65%,#030712);color:var(--text-primary)}a{color:inherit;text-decoration:none}.dashboard-shell{display:grid;min-height:100vh;grid-template-columns:240px 1fr;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2rem;padding:2.5rem 1.75rem;color:var(--text-primary);background:#020617b8;border-right:1px solid var(--surface-border)}.sidebar h1{font-size:1.6rem;font-weight:600;letter-spacing:.02em;margin:0}.sidebar-header{display:flex;flex-direction:column;gap:.75rem}.user-menu{display:flex;flex-wrap:wrap;gap:.5rem}.user-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500;background:#94a3b829;border:1px solid rgba(148,163,184,.24)}.user-pill.ghost{background:transparent;border-style:dashed;color:var(--text-secondary)}.nav-links{display:flex;flex-direction:column;gap:.6rem}.nav-links a{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem .85rem;border-radius:.9rem;color:var(--text-secondary);font-weight:500;transition:background-color .2s ease,color .2s ease,transform .15s ease}.nav-links a:before{content:"";width:6px;height:6px;border-radius:50%;background:transparent;transition:background-color .2s ease,transform .2s ease}.nav-links a:hover,.nav-links a[data-active=true],.nav-links a.active{background:#94a3b824;color:var(--text-primary);transform:translate(3px)}.nav-links a[data-active=true]:before,.nav-links a.active:before{background:var(--accent);transform:scale(1.2)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}.content-area{position:relative;display:flex;flex-direction:column;gap:2.4rem;padding:3rem clamp(1.75rem,3vw,3rem);max-width:1120px;width:100%;color:var(--text-primary)}.content-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172ab3,#0f172a80);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid rgba(148,163,184,.08);z-index:-2}.content-area:after{content:"";position:absolute;inset:12px 12px auto auto;width:280px;height:280px;background:radial-gradient(circle,rgba(56,189,248,.22),transparent 65%);opacity:.35;z-index:-3}.header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.header h2{font-size:clamp(1.6rem,1.8vw,2rem);font-weight:600;margin:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}.stat-card{background:var(--surface);border-radius:1.1rem;padding:1.4rem 1.6rem;border:1px solid var(--surface-border);box-shadow:0 22px 25px -20px #0f172aa6;display:flex;flex-direction:column;gap:.75rem}.stat-card span{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.stat-card strong{font-size:clamp(1.75rem,3vw,2.15rem);font-weight:600;color:var(--text-primary)}.grid-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:1.6rem}.panel{position:relative;background:var(--surface-strong);border-radius:1.1rem;padding:1.5rem 1.6rem 1.4rem;border:1px solid var(--surface-border);display:flex;flex-direction:column;gap:1.2rem;box-shadow:0 20px 40px -22px #020617cc}.panel.error{border-color:#f8717173;background:#0f172ae6}.panel.error button{align-self:flex-start;background:#f871713d;color:#fecaca;border:1px solid rgba(248,113,113,.4)}.panel header{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem}.form-card{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px dashed var(--surface-border);border-radius:1rem;background:#0f172a66}.form-card label{font-size:.9rem;display:flex;flex-direction:column;gap:.3rem;color:var(--text-secondary)}.form-card input,.form-card select{border-radius:.75rem;border:1px solid rgba(148,163,184,.3);padding:.55rem .8rem;background:#02061799;color:var(--text-primary);font-size:.95rem}.form-card button{border:none;border-radius:.75rem;padding:.6rem 1rem;font-weight:600;cursor:pointer;background:var(--accent);color:#021019}.form-card button.danger{background:#f87171;color:#170101}.toast{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;border-radius:.9rem;border:1px solid rgba(148,163,184,.32);margin-bottom:1rem;font-size:.9rem}.toast-success{background:#22c55e1f;color:#bbf7d0}.toast-error{background:#f871711f;color:#fecaca}.panel header h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.panel p{margin:0;color:var(--text-secondary);line-height:1.6}.panel footer{margin-top:auto;color:var(--text-secondary);font-size:.9rem}.table-preview{border-collapse:collapse;width:100%;font-size:.9rem}.table-preview thead{text-transform:uppercase;font-size:.72rem;letter-spacing:.08em;color:var(--text-secondary)}.table-preview th,.table-preview td{padding:.6rem .8rem;border-bottom:1px solid rgba(148,163,184,.12);text-align:left;vertical-align:top;line-height:1.4}.table-preview th:first-child,.table-preview td:first-child{padding-left:0}.table-preview th+th,.table-preview td+td{padding-left:1.2rem}.table-preview tbody tr:last-of-type td{border-bottom-color:transparent}.table-preview td{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text-primary)}.table-preview tbody tr:hover{background:#94a3b814;transition:background-color .2s ease}.table-preview .nowrap{white-space:nowrap}.table-preview .muted{color:var(--text-secondary)}.table-preview .emphasis{font-weight:600}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .7rem;border-radius:999px;font-size:.72rem;font-weight:500;background:var(--accent-subtle);color:var(--accent);letter-spacing:.04em}.footer-note{color:var(--text-secondary);font-size:.85rem}.status-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .6rem;border-radius:999px;font-size:.78rem;font-weight:500;background:#94a3b829;color:var(--text-primary)}.status-pill[data-tone=operational]{background:#22c55e29;color:#34d399}.status-pill[data-tone=maintenance]{background:#f973162e;color:#fb923c}.status-pill[data-tone=success]{background:#22c55e29;color:#34d399}.status-pill[data-tone=info]{background:#38bdf829;color:#38bdf8}.status-pill[data-tone=warning]{background:#facc152e;color:#facc15}.status-pill[data-tone=critical]{background:#f871712e;color:#f87171}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.alert-pill{display:inline-flex;align-items:center;justify-content:center;padding:.22rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#94a3b829;color:var(--text-secondary)}.alert-pill[data-tone=info]{background:#38bdf829;color:#38bdf8}.alert-pill[data-tone=warning]{background:#facc152e;color:#facc15}.alert-pill[data-tone=critical]{background:#f871712e;color:#f87171}.throughput-chart{display:flex;flex-direction:column;gap:1.2rem}.throughput-row{display:flex;flex-direction:column;gap:.45rem}.throughput-row-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:.9rem}.throughput-mailbox{font-weight:600;color:var(--text-primary)}.throughput-meta{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--text-secondary)}.throughput-tenant{font-weight:500}.throughput-separator{opacity:.6}.throughput-domain{color:var(--text-secondary);font-size:inherit}.throughput-value{color:var(--text-secondary);font-size:.82rem;font-variant-numeric:tabular-nums}.throughput-bar{position:relative;height:10px;border-radius:999px;background:#94a3b829;overflow:hidden}.throughput-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf866,#38bdf8f2)}.navigator-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;justify-content:space-between}.navigator-controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-secondary)}.navigator-controls select{border-radius:.8rem;border:1px solid rgba(148,163,184,.3);padding:.55rem .85rem;background:#02061799;color:var(--text-primary);min-width:260px}.navigator-meta{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.email-navigator-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(360px,1fr);gap:1.4rem}.email-navigator-column{display:flex;flex-direction:column;gap:.9rem}.navigator-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.navigator-actions{display:flex;gap:.6rem}.navigator-actions button,.message-actions button{border:none;border-radius:.85rem;padding:.55rem 1rem;font-weight:600;background:var(--accent-subtle);color:var(--accent)}.message-detail{display:flex;flex-direction:column;gap:.9rem;background:#0f172a99;border-radius:1rem;border:1px solid var(--surface-border);padding:1.1rem}.message-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin:0}.message-detail-grid dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:0 0 .2rem}.message-detail-grid dd{margin:0;font-weight:600}.message-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.message-actions a{border-radius:.85rem;padding:.5rem 1rem;border:1px solid rgba(148,163,184,.35);color:var(--text-primary);font-weight:500}.mime-preview{border-radius:.9rem;border:1px solid rgba(148,163,184,.25);background:#0206178c;max-height:260px;overflow:auto;padding:.75rem 1rem}.mime-preview pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem;white-space:pre-wrap;word-break:break-word}.table-preview tr[data-selectable=true]{cursor:pointer;transition:background-color .15s ease}.table-preview tr[data-selected=true]{background:#38bdf814}.table-preview tr[data-selectable=true]:hover{background:#38bdf81f}.workflow-editor{display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.workflow-block{border:1px solid var(--surface-border);border-radius:1rem;padding:1rem;background:#0f172a99}.workflow-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.stage-list{display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem}.stage-option{display:flex;gap:.75rem;align-items:flex-start}.stage-option input{margin-top:.2rem}.stage-option small{display:block;color:var(--text-secondary);font-size:.8rem}.binding-form{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end}.error-text{color:#f87171;margin-top:.75rem}@media (max-width: 960px){.dashboard-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:1.25rem;border-right:none;border-bottom:1px solid var(--surface-border)}.nav-links{flex-direction:row;flex-wrap:wrap;gap:.4rem}.content-area{padding:2.2rem 1.4rem 3rem;max-width:min(980px,100%)}.email-navigator-grid{grid-template-columns:1fr}.navigator-controls select{min-width:100%}}