/* SendBox design system. Application UI only; outbound email styles are unchanged. */
:root{
 color-scheme:dark;--bg:#090b0b;--sidebar:#111414;--white:#1a1e1d;--surface:#141817;--surface-hover:#232a27;--surface-inset:#0e1110;
 --ink:#f0f3f1;--muted:#a0aaa4;--quiet:#8b978f;--line:#2a322e;--line-subtle:#202824;--green:#3deaa6;--accent-ink:#082e1f;--accent-soft:#142e23;--accent-border:#244f3c;
 --warning:#efc97e;--warning-bg:#2a251b;--error:#f2a39b;--error-bg:#321e1d;--info:#acc5ef;--info-bg:#1b2535;
 --radius:16px;--radius-sm:9px;--radius-xs:6px;--radius-pill:999px;--sidebar-width:238px;--header-height:72px;--page-gutter:30px;--page-max:1600px;--target:44px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;
 --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
 --text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:16px;--text-title:28px;--text-metric:32px;--leading:1.6;
 --shadow:0 24px 80px #0008;--focus:0 0 0 3px #3deaa638;
 --motion-hover:140ms;--motion-press:100ms;--motion-nav:180ms;--motion-pop:160ms;--motion-modal:240ms;--motion-page:280ms;--motion-chart:140ms;--motion-stagger:40ms;--ease-out:ease-out;--ease-enter:cubic-bezier(.22,1,.36,1)
}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}button,a{touch-action:manipulation}button svg,a svg{pointer-events:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:4px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}::selection{background:var(--accent-border);color:var(--ink)}.icon{width:19px;height:19px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:var(--green);color:var(--accent-ink);padding:12px 20px;transform:translateY(-150%);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}
/* Shell */
aside{width:var(--sidebar-width);position:fixed;inset:0 auto 0 0;background:var(--sidebar);padding:var(--space-6) var(--space-4) var(--space-4);display:flex;flex-direction:column;z-index:30;border-right:1px solid var(--line-subtle);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-3);min-height:var(--target);padding:0 var(--space-2);}.brand-logo{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm);display:block;flex-shrink:0}.brand-sub{display:block;color:var(--quiet);margin-top:0}.workspace{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-8) 0 var(--space-6);background:var(--surface)}.workspace-icon{width:30px;height:30px;display:grid;place-items:center;background:var(--surface-hover);border-radius:var(--radius-xs);color:var(--muted)}.workspace small{display:block;color:var(--quiet);}.workspace>svg:last-child{margin-left:auto;width:14px;color:var(--quiet)}.nav-label{color:var(--quiet);margin:0 var(--space-3) var(--space-3);}nav{display:grid;gap:var(--space-1)}nav a{position:relative;display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:var(--space-3);border-radius:var(--radius-sm);color:var(--muted);transition:color var(--motion-nav) var(--ease-out)}nav a:before{content:'';position:absolute;inset:0;background:var(--surface-hover);border:1px solid transparent;border-radius:inherit;opacity:0;transition:opacity var(--motion-nav) var(--ease-out);z-index:-1}nav a:hover:before,nav a.active:before{opacity:1}nav a:hover,nav a.active{color:var(--ink)}nav a.active:before{border-color:var(--line)}nav a.active .icon{color:var(--green)}.nav-label.section-gap{margin-top:var(--space-8)}.sidebar-bottom{margin-top:auto;padding-top:var(--space-8)}.private-note{background:var(--surface);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);padding:var(--space-4);margin-bottom:var(--space-6)}.private-note .icon{color:var(--green);margin-bottom:var(--space-3)}.private-note b{display:block}.private-note p{color:var(--quiet);margin:var(--space-2) 0 0}.account{border-top:1px solid var(--line);padding-top:var(--space-4);display:flex;align-items:center;gap:var(--space-2);}.account small{display:block;color:var(--quiet);}.account form{margin-left:auto}.avatar{width:33px;height:33px;border:1px solid #3f4c43;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;background:#26372c;color:#d0ddcd;flex-shrink:0;}.avatar.small{width:32px;height:32px}.shell{margin-left:var(--sidebar-width);min-height:100vh;border-radius:var(--space-6) 0 0 0}header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-gutter);border-bottom:1px solid var(--line-subtle);gap:var(--space-3);}#breadcrumb{color:var(--muted);display:flex;align-items:center;gap:var(--space-3)}#breadcrumb span{color:var(--quiet)}#breadcrumb b{color:var(--ink)}.header-right{display:flex;gap:var(--space-5);align-items:center}.private-pill{color:var(--muted);display:flex;align-items:center;gap:var(--space-2)}.private-pill svg{width:15px;height:15px;color:var(--quiet)}.header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.icon-button.menu-toggle{display:none}.nav-scrim{display:none}main{max-width:var(--page-max);margin:0 auto;padding:var(--page-gutter);min-width:0}footer{padding:var(--space-3) var(--page-gutter) var(--space-6);display:flex;justify-content:space-between;color:var(--quiet);max-width:var(--page-max);margin:auto;gap:var(--space-4)}footer b{color:var(--muted)}
/* Typography, actions, page structure */
h1,h2,h3,p{margin-top:0}h1{margin:0 0 var(--space-2)}h2{margin:0;}h3{margin:0 0 var(--space-2)}.eyebrow{color:var(--quiet);margin-bottom:var(--space-3)}.subtext{color:var(--muted);margin:0}.hint{color:var(--quiet);margin:var(--space-3) 0}.page-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.heading-inline{display:flex;align-items:center;gap:var(--space-3)}.heading-inline h1{margin:0}.page-head .subtext{margin-top:var(--space-2)}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.primary,.secondary,.danger,.text-button,.icon-button,.close{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--target);padding:10px var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;position:relative;isolation:isolate;white-space:nowrap;transition:opacity var(--motion-hover) var(--ease-out),transform var(--motion-press) var(--ease-out)}.primary:before,.secondary:before,.danger:before,.text-button:before,.icon-button:before{content:'';position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;z-index:-1;transition:opacity var(--motion-hover) var(--ease-out)}.primary{background:var(--green);color:var(--accent-ink);border-color:var(--green)}.primary:hover:before{opacity:.10}.secondary{background:var(--white);color:var(--ink);border-color:var(--line)}.secondary:hover:before,.text-button:hover:before,.icon-button:hover:before{opacity:.06}.danger{background:var(--error-bg);color:var(--error);border-color:#613a35}.text-button{min-width:var(--target);background:transparent;color:var(--muted);padding:10px var(--space-3);}.text-button:hover{color:var(--ink)}.icon-button,.close{width:var(--target);padding:var(--space-2);background:transparent;color:var(--muted);}.icon-button:hover,.close:hover{color:var(--ink)}button:not(:disabled):active,.primary:active,.secondary:active{transform:translateY(1px)}button[aria-busy="true"]{opacity:.65;cursor:wait}button[aria-busy="true"]:after{content:'';width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 900ms linear infinite}.button-label{display:inline-flex;gap:var(--space-2);align-items:center}.primary .icon,.secondary .icon{width:16px;height:16px}.grow{flex:1;min-width:0}
/* Cards and metrics */
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2);border-radius:calc(var(--radius) + var(--space-1));background:var(--surface-inset);border:1px solid var(--line-subtle);margin-bottom:var(--space-6)}.metric{padding:var(--space-5);background:var(--white);border:1px solid var(--line-subtle);border-radius:var(--radius);min-width:0}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--muted);}.metric-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--quiet)}.metric-icon .icon{width:17px;height:17px}.metric-value{color:var(--ink);margin:var(--space-5) 0 var(--space-4);font-variant-numeric:tabular-nums}.metric-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.metric small{color:var(--quiet)}.metric small.positive{color:var(--green)}.micro-mark{display:flex;gap:3px;align-items:flex-end;height:22px}.micro-mark span{width:4px;height:5px;background:var(--line);border-radius:2px}.micro-mark span:nth-child(2){height:8px}.micro-mark span:nth-child(3){height:12px}.micro-mark span:nth-child(4){height:16px}.micro-mark span:nth-child(5){height:20px;background:var(--green)}.panel{border:1px solid var(--line-subtle);border-radius:var(--radius);background:var(--surface);overflow:hidden;min-width:0;margin-bottom:var(--space-6)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--line-subtle);min-height:78px}.panel-head p{color:var(--quiet);margin:var(--space-1) 0 0}.card-body{padding:var(--space-6)}.grid-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:var(--space-6)}.dashboard-row{align-items:stretch}.dashboard-row>.panel{height:calc(100% - var(--space-6))}.panel-link{min-width:var(--target);color:var(--muted);display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target);}.panel-link:hover{color:var(--ink)}.panel-link .icon{width:14px;height:14px}.subtle-label{color:var(--quiet);padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius-xs);white-space:nowrap}.inline-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-pill);padding:5px 9px;background:var(--surface-hover);color:#b9c3bc;border:1px solid var(--line);white-space:nowrap;}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
/* Current campaign snapshot chart. No fabricated time series. */
.status-chart{padding:var(--space-5) var(--space-6) var(--space-4)}.chart-summary{display:flex;gap:var(--space-2);align-items:baseline;margin-bottom:var(--space-6)}.chart-summary strong{color:var(--ink)}.chart-summary span{color:var(--quiet)}.chart-plot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;height:164px;gap:var(--space-4);position:relative;border-bottom:1px solid var(--line);background-image:radial-gradient(circle,var(--line) .8px,transparent .9px);background-size:18px 40px}.chart-column{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;gap:var(--space-2);min-width:0}.chart-column:focus-visible{outline-offset:5px}.chart-count{color:var(--muted)}.chart-bar{height:var(--bar-height);min-height:3px;width:100%;max-width:65px;border-radius:4px 4px 0 0;position:relative;border:1px solid var(--line);background:repeating-linear-gradient(-45deg,#4b56504d 0 2px,#20292444 2px 6px)}.chart-bar:after{content:'';height:4px;position:absolute;left:-1px;right:-1px;top:-1px;background:var(--quiet);border-radius:4px}.chart-column.accent .chart-bar:after{background:var(--green)}.chart-column.has-value .chart-bar{border-color:#405a48}.chart-column.accent.has-value .chart-bar{background:linear-gradient(0deg,#23432f55,#3deaa625)}.chart-labels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4);color:var(--quiet);text-align:center;padding-top:var(--space-3)}.chart-caption{color:var(--quiet);margin:var(--space-4) 0 0}.chart-tooltip{position:absolute;bottom:calc(var(--bar-height) + 45px);left:50%;padding:8px 12px;background:#2b3530;border:1px solid #52645a;border-radius:var(--radius-sm);box-shadow:var(--shadow);white-space:nowrap;color:var(--ink);pointer-events:none;opacity:0;transform:translate(-50%,5px);transition:opacity var(--motion-chart) var(--ease-out),transform var(--motion-chart) var(--ease-out);z-index:2}.chart-column:hover .chart-tooltip,.chart-column:focus-visible .chart-tooltip{opacity:1;transform:translate(-50%,0)}.chart-column:first-child .chart-tooltip{left:0;transform:translate(0,5px)}.chart-column:first-child:hover .chart-tooltip,.chart-column:first-child:focus-visible .chart-tooltip{transform:translate(0,0)}.chart-column:last-child .chart-tooltip{left:auto;right:0;transform:translate(0,5px)}.chart-column:last-child:hover .chart-tooltip,.chart-column:last-child:focus-visible .chart-tooltip{transform:translate(0,0)}
/* Sending capacity */
.capacity-display{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-2) 0 var(--space-6)}.quota-ring{width:100px;height:100px;border-radius:50%;background:conic-gradient(var(--green) var(--quota-progress),var(--line) 0);display:grid;place-items:center;position:relative;flex-shrink:0}.quota-ring:before{content:'';position:absolute;inset:7px;background:var(--surface);border-radius:inherit}.quota-ring .icon{position:relative;width:25px;height:25px;color:var(--green)}.capacity-number{}.capacity-number small{color:var(--quiet);}.capacity-label{color:var(--muted);margin-top:var(--space-2)}.connection{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-inset)}.google-icon{width:34px;height:34px;display:grid;place-items:center;background:#f5f5f3;color:#4285f4;border-radius:var(--radius-sm);flex-shrink:0}.connection h3{margin:0 0 3px}.connection p{color:var(--quiet);margin:0;overflow-wrap:anywhere}.connection>.badge{margin-left:auto}.meter{height:5px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden;margin:var(--space-5) 0 var(--space-3)}.meter span{height:100%;display:block;background:var(--green);border-radius:inherit}.step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--line-subtle);}.step:last-child{border:0}.step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:var(--radius-xs);background:var(--surface-hover);color:var(--green);flex-shrink:0}.step a{margin-left:auto;min-width:var(--target);min-height:var(--target);display:grid;place-items:center;color:var(--quiet)}
/* Tables, list and template cards */
.table-wrap{overflow-x:auto;max-width:100%;overscroll-behavior-x:contain}table{border-collapse:collapse;text-align:left;width:100%;white-space:nowrap}th{background:var(--surface-inset);color:var(--quiet);padding:var(--space-3) var(--space-6);}td{border-top:1px solid var(--line-subtle);padding:var(--space-4) var(--space-6);color:var(--muted);height:76px}tbody tr:hover{background:#ffffff03}td strong{display:block;color:var(--ink);}td small{display:block;color:var(--quiet);max-width:260px;overflow:hidden;text-overflow:ellipsis;margin-top:var(--space-1)}td:last-child{padding-right:var(--space-4)}td .text-button{padding-left:var(--space-2);padding-right:var(--space-2)}td .icon{width:17px}.table-name{display:flex;align-items:center;gap:var(--space-3)}.table-name>.icon{width:34px;height:34px;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted)}.table-footer{padding:var(--space-3) var(--space-6);border-top:1px solid var(--line-subtle);color:var(--quiet)}.toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap}.toolbar input{max-width:320px;margin:0}.toolbar .search-field{max-width:320px;flex:1;min-width:180px;position:relative}.search-field>.icon{position:absolute;left:13px;top:13px;color:var(--quiet);width:17px}.search-field input{padding-left:39px;max-width:none}.list-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.list-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:var(--space-6);min-width:0}.list-card .metric-icon{background:var(--surface-hover);padding:10px;border-radius:var(--radius-sm)}.list-card h3{margin:var(--space-5) 0 var(--space-1);overflow-wrap:anywhere}.list-card .count{margin:var(--space-6) 0 var(--space-1);}.list-card .hint{margin:var(--space-1) 0 var(--space-4)}.template-card{border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);background:var(--surface);min-width:0}.template-thumbnail{height:195px;background:var(--surface-inset);border:1px solid var(--line-subtle);border-radius:var(--radius-sm);display:grid;place-items:center;overflow:hidden}.paper{width:153px;height:153px;background:#e8eee8;border-radius:5px 5px 0 0;padding:var(--space-5);transform:translateY(22px);box-shadow:0 0 35px #3deaa609}.paper-bar{height:5px;margin-bottom:var(--space-2);background:#bdcabe;border-radius:2px}.paper-bar:first-child{background:#396747;width:50%}.paper-bar:last-child{width:70%}.paper-image{height:38px;background:#d4e3d3;margin:var(--space-3) 0}.template-card h3{margin:var(--space-5) 0 var(--space-2)}.template-card p{color:var(--quiet);margin:0 0 var(--space-4)}.template-card>.secondary{width:100%;justify-content:space-between}.template-grid>.empty,.list-grid>.empty{grid-column:1/-1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;border-bottom:1px solid var(--line-subtle);}.setting-row span{color:var(--muted)}.setting-row b{text-align:right}.setting-row:first-child{padding-top:0}.setting-row:last-child{border:0}.notice,.demo-banner{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:#b4d5bf;margin:var(--space-4) 0}.notice .icon{width:15px;margin-right:var(--space-2)}.warning{background:var(--warning-bg);border-color:#53462b;color:var(--warning)}.demo-banner{margin:0 0 var(--space-5);background:var(--info-bg);color:var(--info);border-color:#2d4160}.error{color:var(--error);}.empty{padding:var(--space-10) var(--space-6);text-align:center;min-width:0;color:var(--muted);}.empty-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);background:var(--surface-hover);border-radius:var(--radius);margin:0 auto var(--space-4);color:var(--quiet)}.empty b{display:block;color:var(--ink);margin-bottom:var(--space-2)}.empty p{color:var(--quiet);max-width:330px;margin:0 auto var(--space-5)}
/* Automation journeys */
.flow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-6);align-items:start}.flow-grid>.empty{grid-column:1/-1;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at top,#1a2a2022,transparent 70%)}.flow-grid>.panel{margin:0}.journey{display:flex;flex-direction:column;align-items:center;background-image:radial-gradient(circle,var(--line) .7px,transparent .8px);background-size:14px 14px;border:1px solid var(--line-subtle);background-color:var(--surface-inset);border-radius:var(--radius-sm);padding:var(--space-5);margin-bottom:var(--space-5)}.journey-node{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-4);color:var(--muted);width:100%;max-width:340px;position:relative}.journey-node .node-label{display:flex;align-items:center;gap:var(--space-2);color:var(--muted);}.journey-node .icon{width:15px;height:15px}.journey-node b{display:block;color:var(--ink);margin-top:var(--space-2);overflow-wrap:anywhere}.journey-node.trigger{background:var(--accent-soft);border-color:var(--accent-border)}.journey-node.trigger .node-label{color:var(--green)}.journey-line{height:18px;width:1px;background:var(--line)}.journey-delay{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);padding:5px 10px}.journey-delay .icon{width:12px;height:12px}.flow-card-meta{display:flex;gap:var(--space-5);color:var(--quiet)}.flow-card-meta strong{color:var(--ink);margin-right:5px}.flow-step{padding:var(--space-5);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-inset);margin:var(--space-5) 0;position:relative}.flow-step:before{content:'';position:absolute;left:25px;top:-21px;height:20px;width:1px;background:var(--line)}.flow-step h3{margin:0}.flow-step textarea{min-height:110px}.flow-step .step-index{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid var(--line);background:var(--surface-hover);border-radius:6px;margin-right:var(--space-2);color:var(--green)}.workflow-dialog{max-width:780px}.flow-editor-intro{display:flex;align-items:center;gap:var(--space-3);color:var(--quiet);margin-bottom:var(--space-5)}.flow-editor-intro .icon{color:var(--green)}
/* Forms, dialogs, feedback */
label{display:block;color:var(--muted);margin:var(--space-4) 0}input,select,textarea{display:block;width:100%;max-width:100%;min-height:var(--target);margin-top:var(--space-2);padding:var(--space-3);border:1px solid #39443d;border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--ink);outline:none;accent-color:var(--green)}input::placeholder,textarea::placeholder{color:var(--quiet)}input:hover,select:hover,textarea:hover{border-color:#56635a}input:disabled{opacity:.5}input[type=file]{padding:var(--space-2)}input[type=file]::file-selector-button{background:var(--surface-hover);color:var(--ink);border:1px solid var(--line);padding:9px 12px;border-radius:var(--radius-xs);margin-right:var(--space-3);cursor:pointer;min-height:36px}textarea{min-height:180px;resize:vertical;}.form-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--line-subtle)}dialog{width:calc(100% - var(--space-8));max-width:700px;max-height:calc(100dvh - var(--space-8));border:1px solid #3a463e;border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:var(--space-6);box-shadow:var(--shadow);overscroll-behavior:contain;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog[open]{animation:modal-in var(--motion-modal) var(--ease-enter) both}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.modal-head h2{}.modal-head .close{margin:-8px -8px -8px 0}body:has(dialog[open]){overflow:hidden}.preview-frame{width:100%;height:340px;border:1px solid var(--line);border-radius:var(--radius-sm);background:white;margin-top:var(--space-4)}details:not(.profile-menu){margin:var(--space-5) 0;border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 var(--space-4)}summary{cursor:pointer;color:var(--muted);min-height:var(--target);padding:var(--space-3) 0}details:not(.profile-menu)[open]>summary{border-bottom:1px solid var(--line)}#visual-host textarea{min-height:200px}#toast{position:fixed;bottom:var(--space-6);left:calc(50% + var(--sidebar-width)/2);transform:translateX(-50%);display:none;max-width:min(600px,calc(100% - var(--space-8)));padding:var(--space-3) var(--space-5);background:#24382c;border:1px solid #42604c;color:#d0edda;border-radius:var(--radius-sm);box-shadow:var(--shadow);z-index:100;}#toast[role=alert]{background:var(--error-bg);border-color:#75463d;color:var(--error)}.initial-loading{min-height:480px;display:grid;align-content:start;gap:var(--space-6);padding-top:var(--space-3)}.skeleton{background:linear-gradient(90deg,var(--surface),var(--white),var(--surface));border:1px solid var(--line);border-radius:var(--radius);height:135px;opacity:.65}.skeleton-title{height:34px;width:240px;border-radius:var(--radius-sm)}.skeleton-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.skeleton-panel{height:320px}.loading-label{color:var(--quiet)}
/* Authentication and email preferences */
.auth{display:grid;place-items:center;min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#1e342726,transparent 65%),var(--bg);padding:var(--space-5)}.auth-card{width:420px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:var(--space-8);box-shadow:var(--shadow);min-height:0}.auth-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-10)}.auth-brand .brand-logo{width:42px;height:42px}.auth-card h1{margin-bottom:var(--space-3)}.auth-card p{color:var(--muted);}.auth-card .eyebrow{color:var(--quiet);margin-bottom:var(--space-3)}.auth-card .primary{width:100%;margin-top:var(--space-3)}.auth-card small{display:block;color:var(--quiet);text-align:center;margin-top:var(--space-6)}.auth-card .error{color:var(--error)}.auth-footer{border-top:1px solid var(--line);margin-top:var(--space-6);padding-top:var(--space-5);display:flex;align-items:center;gap:var(--space-2);justify-content:center;color:var(--quiet)}.auth-footer .icon{width:13px;height:13px}
/* Shared motion. Refreshes do not receive the route-enter class. */
.route-enter .page-head{animation:page-in var(--motion-page) var(--ease-enter) both}.route-enter .metric{animation:page-in var(--motion-page) var(--ease-enter) both}.route-enter .metric:nth-child(2){animation-delay:var(--motion-stagger)}.route-enter .metric:nth-child(3){animation-delay:calc(var(--motion-stagger)*2)}.route-enter .metric:nth-child(4){animation-delay:calc(var(--motion-stagger)*3)}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Responsive layout: desktop > tablet > mobile; tables own their scrolling. */
@media(min-width:1600px){:root{--page-gutter:40px;--sidebar-width:252px}}
@media(max-width:1150px){:root{--sidebar-width:208px;--page-gutter:24px}.metric{padding:var(--space-4)}.metric-footer small{max-width:100px}.grid-two{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:var(--space-4)}.panel-head,.card-body{padding:var(--space-5)}.status-chart{padding-left:var(--space-5);padding-right:var(--space-5)}.capacity-display{gap:var(--space-3)}.quota-ring{width:76px;height:76px}.capacity-number{}.list-grid,.template-grid{gap:var(--space-4)}.account small{}.brand{}}
@media(max-width:900px){.grid-two{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-footer small{max-width:none}.flow-grid{grid-template-columns:1fr}.list-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr;gap:0}.capacity-display{padding-bottom:var(--space-5)}.quota-ring{width:95px;height:95px}.dashboard-row>.panel{height:auto}.header-right{gap:var(--space-3)}}
@media(max-width:780px){:root{--sidebar-width:238px;--page-gutter:20px;--header-height:64px}.shell{margin-left:0}.icon-button.menu-toggle{display:inline-flex}.header-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}header{position:sticky;top:0;background:#090b0bf2;backdrop-filter:blur(12px);z-index:20;padding-left:var(--space-3);padding-right:var(--space-5)}aside{transform:translateX(-100%);transition:transform var(--motion-modal) var(--ease-enter);box-shadow:var(--shadow)}body.nav-open aside{transform:translateX(0)}.nav-scrim{display:block;position:fixed;inset:0;background:#0009;z-index:25;opacity:0;pointer-events:none;transition:opacity var(--motion-modal) var(--ease-enter);border:0}body.nav-open .nav-scrim{opacity:1;pointer-events:auto}body.nav-open{overflow:hidden}.page-head{align-items:flex-start}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}.page-head h1{}.private-pill{display:none}.account small{}#toast{left:50%}.sidebar-bottom{padding-top:var(--space-6)}footer{}.auth-card{padding:var(--space-8)}}
@media(max-width:520px){:root{--page-gutter:16px;--text-title:24px;--text-metric:28px}.page-head{flex-direction:column;gap:var(--space-4)}.page-actions{width:100%;justify-content:flex-start}.page-actions>.primary{flex:1}.eyebrow{}.metrics{gap:6px;padding:6px;border-radius:var(--radius)}.metric{padding:var(--space-3);border-radius:var(--radius-sm)}.metric-top{}.metric-value{margin:var(--space-4) 0 var(--space-3)}.metric small{}.micro-mark{display:none}.grid-two{gap:0}.panel{margin-bottom:var(--space-4)}.panel-head,.card-body{padding:var(--space-4)}.panel-head{gap:var(--space-2);min-height:74px}.panel-head h2{}.status-chart{padding:var(--space-4)}.chart-plot,.chart-labels{gap:var(--space-3)}.chart-labels{}.chart-plot{height:140px}.chart-summary{margin-bottom:var(--space-5)}.list-grid,.template-grid,.form-two{grid-template-columns:1fr}.toolbar{gap:var(--space-2)}.toolbar .search-field{max-width:none;flex-basis:100%}.toolbar .grow{display:none}.toolbar .secondary{flex:1}.toolbar input{max-width:none}.form-actions>.primary{flex:1}.flow-card-meta{gap:var(--space-3);}.flow-card-meta strong{}.journey{padding:var(--space-4) var(--space-3)}.journey-node{padding:var(--space-3)}.flow-step{padding:var(--space-4)}.flow-step .inline-between{flex-wrap:wrap}.setting-row{gap:var(--space-3)}.setting-row b{max-width:58%}.connection{padding:var(--space-3)}.connection p{}.connection>.badge{padding:5px 6px}.google-icon{width:29px;height:29px;}dialog{padding:var(--space-5);width:calc(100% - var(--space-5));max-height:calc(100dvh - var(--space-5))}.modal-head h2{}.skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth{padding:var(--space-4)}.auth-card{padding:var(--space-6)}footer span{display:none}#breadcrumb{gap:var(--space-2);}.heading-inline{flex-wrap:wrap;gap:var(--space-2)}td,th{padding-left:var(--space-4);padding-right:var(--space-4)}.empty{padding:var(--space-8) var(--space-4)}.subtle-label{}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}aside{transition:none}}

.modal-feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:var(--space-5)}.modal-feedback[hidden]{display:none}.modal-feedback.error{background:var(--error-bg);border-color:#684039}
/* Reference direction: rounded, monochrome workspace with pastel focal cards. */
:root{--bg:#080808;--sidebar:#141414;--white:#1c1c1c;--surface:#171717;--surface-hover:#252525;--surface-inset:#111;--ink:#f4f3ef;--muted:#aaa9a5;--quiet:#969591;--line:#30302f;--line-subtle:#282827;--green:#3deaa6;--accent-ink:#242017;--accent-soft:#302b20;--accent-border:#5a4c2c;--radius:22px;--radius-sm:13px;--sidebar-width:212px;--header-height:86px;--page-gutter:26px;--mono:var(--font);--focus:0 0 0 3px #3deaa655}
html{background:var(--bg);overscroll-behavior-y:none}body:not(.auth){margin:0;max-width:none;min-height:100dvh;border-radius:0;overflow-x:clip}aside{left:0;top:0;bottom:0;border-radius:0;border-right:1px solid #050505;padding:26px 16px}.shell{min-height:100dvh;border-radius:0}header{background:var(--sidebar);border-bottom:0;border-radius:0;padding:0 var(--page-gutter)}.brand{gap:10px;padding:0 5px 26px}.brand-logo{width:34px;height:34px;border-radius:9px}.brand{}.brand-sub{display:none}.workspace{display:none}.nav-label{margin:14px 12px 10px;color:#888}.section-gap{margin-top:24px}nav a{min-height:46px;margin-bottom:5px;padding:10px 12px;border-radius:10px;}nav a.active{color:var(--green);background:#ffffff06}nav a .icon{width:18px;height:18px}.private-note{background:#3deaa6;color:#102b20;border:0;padding:20px 16px;border-radius:22px}.private-note .icon{color:#133e2a;width:28px;height:28px}.private-note b{}.private-note p{color:#214533;}.account{gap:8px}.account small{}.avatar{background:#292726;color:#65edb3;border:1px solid #49453b}#breadcrumb{}#breadcrumb>span{opacity:.5}.private-pill{}main{padding-top:24px}.demo-banner{background:#171717;border:1px solid #292929;color:#aaa;padding:8px 12px;margin-bottom:22px;border-radius:9px}.overview-head{margin-bottom:22px}.overview-head h1{}.eyebrow{color:#a7a39a;}.subtext{}.overview-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px;align-items:start}.overview-primary{min-width:0}.overview-rail{min-width:0;border-left:1px solid #222;padding-left:22px}.metrics{background:none;border:0;padding:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;border-radius:0}.metric{background:#3deaa6;border:0;color:#1c1b17;min-height:161px;padding:18px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between}.metric:nth-child(2){background:#3deaa6}.metric:nth-child(3){background:#a9f1ce}.metric-top{color:inherit;gap:6px}.metric-top .icon{width:17px;height:17px;opacity:.6}.metric-middle small{color:#39352d;}.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-value{margin:3px 0 0;}.metric-arrow{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#20201d;color:#f0ecdf;transform:rotate(-35deg)}.metric-arrow .icon{width:16px;height:16px}.panel{background:#151515;border:1px solid #333;border-radius:22px;box-shadow:inset 0 1px #ffffff05;margin-bottom:18px}.panel-head{padding:18px 20px;border:0;min-height:70px}.panel-head h2{}.panel-head p{margin-top:3px}.status-chart{padding:0 20px 16px}.chart-summary{margin-bottom:12px}.chart-summary strong{}.chart-summary span{}.chart-plot{height:158px;background-image:linear-gradient(to bottom,#ffffff13 1px,transparent 1px);background-size:100% 38px;gap:25px;padding:0 18px;border-bottom:1px solid #484743}.chart-bar{background:#3deaa65c;border:1px solid #65edb3;border-top:3px solid #65edb3;border-radius:7px 7px 0 0;max-width:60px;margin:auto}.chart-column.accent .chart-bar{background:#3deaa63b;border-color:#3deaa6}.chart-count{color:#c2e9d8;}.chart-labels{padding:0 18px;gap:25px;color:#aaa}.chart-caption{margin-top:16px}.chart-tooltip{background:#3deaa6;color:#13271e}.overview-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.overview-bottom .card-body{padding:0 20px 18px}.overview-bottom .quota-ring{width:64px;height:64px}.overview-bottom .capacity-display{padding-bottom:14px;gap:12px}.capacity-number{}.capacity-number small{}.capacity-label,.inline-between{}.quota-ring{background:conic-gradient(var(--green) var(--quota-progress),#333 var(--quota-progress))}.audience-value{}.audience-value span{display:block;color:var(--muted);margin-top:4px}.audience-card p{color:var(--muted);margin:12px 0}.audience-card .secondary{min-height:44px}.rail-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:-5px 0 9px}.rail-heading h2{color:#bbb}.rail-card{border-radius:22px;background:#1d1d1d;padding:18px;margin-bottom:16px}.rail-card h3{margin:16px 0 6px;}.rail-card p{color:#a8a7a2;margin:0 0 16px}.rail-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center}.rail-icon .icon{width:18px;height:18px}.tone-0{background:#3deaa6;color:#292315}.tone-1{background:#3deaa6;color:#173528}.tone-2{background:#a9f1ce;color:#27331b}.rail-meta{display:flex;justify-content:space-between;border-top:1px solid #343434;padding:12px 0;color:#aaa;}.rail-card .secondary{width:100%;background:#292929;border-color:#393939}.badge{}.primary{background:#3deaa6;color:#211e16;border-color:#3deaa6}.primary:hover{background:#79f2bf;border-color:#79f2bf}.secondary{background:#202020;border-color:#363636}.page-actions button{padding-left:15px;padding-right:15px}.table-name>.icon{display:none}td,th{padding:14px 16px}td small{}th{color:#999}.text-button{}.flow-grid{gap:20px}.journey-node{background:#202020}.journey-node.trigger{background:#1c2d25;border-color:#355348}.node-label{color:#9deac9}.step-number{color:#b4edce}.template-thumbnail{background:#1c2923}.paper-image{background:#a9f1ce}.auth-card{border-radius:28px}.auth-brand img{border-radius:12px}.list-card:nth-child(3n+1)>.metric-icon{color:#3deaa6}.list-card:nth-child(3n+2)>.metric-icon{color:#65edb3}.list-card:nth-child(3n+3)>.metric-icon{color:#a9f1ce}footer{padding-top:6px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#65edb3}

@media(max-width:1180px){.overview-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.overview-rail{padding-left:16px}.metric{padding:15px}.metric-top{}.overview-bottom{grid-template-columns:1fr}.overview-bottom .capacity-display{padding-bottom:16px}.overview-head{align-items:flex-start}.overview-head .page-actions{max-width:170px;flex-wrap:wrap}.overview-head .page-actions button{width:100%}}
@media(max-width:960px){.overview-layout{grid-template-columns:minmax(0,1fr)}.overview-rail{border:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rail-heading{grid-column:1/-1;margin-bottom:0}.rail-card{margin:0}.overview-bottom{grid-template-columns:1fr 1fr}.overview-head .page-actions{max-width:none}.overview-head .page-actions button{width:auto}}
@media(max-width:780px){html{background:#080808}body:not(.auth){margin:0;min-height:100vh;border-radius:0}.shell{min-height:100vh}aside{top:0;bottom:0;left:0;border-radius:0}.shell header{border-radius:0;background:#141414}.overview-head .page-actions{max-width:none}.private-note{max-width:180px}.overview-layout{gap:4px}.metric{min-height:150px}.overview-head h1{}}
@media(max-width:520px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric{padding:12px;min-height:138px;border-radius:17px}.metric-top{}.metric-top>.icon{display:none}.metric-middle small{display:block;min-height:26px}.metric-value{}.metric-arrow{width:23px;height:23px}.metric-arrow .icon{width:13px;height:13px}.overview-bottom{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr}.chart-plot,.chart-labels{gap:16px;padding-left:4px;padding-right:4px}.panel-head{padding:16px}.status-chart{padding:0 16px 16px}.overview-head .page-actions{width:100%}.overview-head .page-actions button{flex:1}.rail-card{padding:20px}.demo-banner{}.metric-bottom{gap:2px}.page-head{gap:14px}}
.metric .metric-value{color:#152b21}.chart-bar{margin:0}.chart-bar:after{background:#65edb3}.chart-column.has-value .chart-bar{border-color:#57bd93}.chart-column.accent.has-value .chart-bar{background:#3deaa63b;border-color:#3deaa6}.chart-column.accent .chart-bar:after{background:#3deaa6}
/* Campaign pipeline: rounded columns, soft color, and zero-to-value entrance. */
:root{--motion-pipeline:1100ms}.pipeline-panel{overflow:hidden;background:linear-gradient(135deg,#181b19 0%,#151515 65%)}.pipeline-panel .panel-head{padding-bottom:10px}.pipeline-live{display:inline-flex;align-items:center;gap:6px;color:#b8c0bb;white-space:nowrap}.pipeline-live>span{width:5px;height:5px;border-radius:50%;background:#65edb3}.pipeline-summary{display:flex;align-items:center;gap:12px;padding:6px 22px 24px}.pipeline-summary>strong{font-variant-numeric:tabular-nums;min-width:24px}.pipeline-summary>div{color:#eee}.pipeline-summary>div>span{display:block;color:#939e97;}.pipeline-unit{margin-left:auto;color:#8b968f;align-self:flex-end}.pipeline-chart{display:flex;gap:14px;padding:8px 24px 0 20px}.pipeline-axis{display:flex;flex-direction:column;justify-content:space-between;height:170px;color:#8a968e;min-width:18px;transform:translateY(-6px);font-variant-numeric:tabular-nums}.pipeline-grid{position:relative;flex:1;min-width:0}.pipeline-gridlines{position:absolute;inset:0 0 auto;height:170px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.pipeline-gridlines>span{border-top:1px dashed #ffffff12;width:100%}.pipeline-columns{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;position:relative}.pipeline-column{position:relative;min-width:0;--column-color:#71eabb;--column-dark:#26825e;border-radius:8px}.pipeline-tone-1{--column-color:#8ceac2;--column-dark:#3b8464}.pipeline-tone-2{--column-color:#99bded;--column-dark:#4e78ad}.pipeline-tone-3{--column-color:#a9f1ce;--column-dark:#479a72}.pipeline-tone-4{--column-color:#aaa5b5;--column-dark:#666172}.pipeline-track{height:170px;display:flex;align-items:flex-end;justify-content:center;padding-top:0}.pipeline-fill{height:var(--fill);width:72%;max-width:54px;min-height:0;position:relative}.pipeline-bar{height:100%;width:100%;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,var(--column-color),var(--column-dark));box-shadow:inset 0 1px #ffffff70,0 0 22px color-mix(in srgb,var(--column-color) 8%,transparent);transform-origin:center bottom;transition:filter var(--motion-hover) var(--ease-out)}.pipeline-fill.is-zero .pipeline-bar{height:3px;position:absolute;bottom:0;opacity:.45;border-radius:3px}.pipeline-value{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);color:var(--column-color);font-variant-numeric:tabular-nums}.pipeline-category{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:15px;color:#a5aea9;white-space:nowrap}.pipeline-category i{height:5px;width:5px;border-radius:50%;background:var(--column-color);flex-shrink:0}.pipeline-tooltip{position:absolute;bottom:37px;left:50%;transform:translate(-50%,4px);opacity:0;pointer-events:none;background:#e6f3eb;color:#193328;padding:7px 10px;border-radius:8px;white-space:nowrap;z-index:2;box-shadow:0 6px 20px #0004;transition:opacity var(--motion-chart) var(--ease-out),transform var(--motion-chart) var(--ease-out)}.pipeline-column:hover .pipeline-tooltip,.pipeline-column:focus-visible .pipeline-tooltip{opacity:1;transform:translate(-50%,0)}.pipeline-column:hover .pipeline-bar,.pipeline-column:focus-visible .pipeline-bar{filter:brightness(1.15)}.pipeline-column:first-child .pipeline-tooltip{left:0;transform:translate(0,4px)}.pipeline-column:first-child:hover .pipeline-tooltip,.pipeline-column:first-child:focus-visible .pipeline-tooltip{transform:translate(0,0)}.pipeline-column:last-child .pipeline-tooltip{left:auto;right:0;transform:translate(0,4px)}.pipeline-column:last-child:hover .pipeline-tooltip,.pipeline-column:last-child:focus-visible .pipeline-tooltip{transform:translate(0,0)}.pipeline-footnote{display:flex;align-items:center;gap:6px;padding:18px 22px;color:#919d96;margin-top:14px;border-top:1px solid #ffffff08}.pipeline-footnote .icon{width:12px;height:12px;flex-shrink:0}@media(max-width:520px){.pipeline-panel .panel-head{padding:16px;align-items:flex-start;gap:8px}.pipeline-panel .panel-head h2{}.pipeline-live{gap:4px;padding-top:3px}.pipeline-summary{padding:10px 16px 25px}.pipeline-summary>strong{}.pipeline-unit{display:none}.pipeline-chart{gap:8px;padding:8px 16px 0 12px}.pipeline-columns{gap:8px}.pipeline-fill{width:72%}.pipeline-category{gap:3px}.pipeline-category i{height:4px;width:4px}.pipeline-footnote{padding:14px 16px;}.pipeline-tooltip{}.pipeline-axis{min-width:12px}}@media(prefers-reduced-motion:reduce){.pipeline-bar,.pipeline-tooltip{transition:none}}
/* Editorial typography: light sans headings, serif accents, and readable measures. */
:root{--font:"Avenir Next","Segoe UI",Arial,sans-serif;--font-editorial:Georgia,"Times New Roman",serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-lg:18px;--text-title:40px;--text-metric:38px;--leading:1.6;--type-display:clamp(32px,3.1vw,44px);--type-section:19px;--type-body:14px;--type-caption:12px}
body{}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{}.page-head{margin-bottom:28px;gap:24px;align-items:center}.page-head>div:first-child{min-width:0}.page-head h1,.overview-head h1{margin:0;text-wrap:balance}.page-head h1 em{}.subtext,.page-head .subtext{max-width:54ch;margin-top:12px;color:#b3bab6;text-wrap:pretty}.eyebrow{margin:0 0 12px}.overview-head{padding:5px 0 8px}.page-actions{align-items:center;flex-shrink:0}.page-actions button,.page-actions .primary,.page-actions .secondary{padding:12px 17px}.brand{}.nav-label{}nav a{}#breadcrumb{}.private-pill{}.private-note b{}.private-note p{}.account small{}.panel-head{padding-top:21px;padding-bottom:19px}.panel-head h2,.pipeline-panel .panel-head h2{}.panel-head p{margin-top:6px;max-width:52ch}.panel-head .subtle-label{}.metric-top{}.metric-middle small{max-width:18ch;display:block}.metric .metric-value{}.metric{min-height:172px}.rail-heading h2{}.rail-card h3{}.rail-card p{}.rail-meta{}.rail-card .secondary{}.badge{}.pipeline-summary>strong{}.pipeline-summary>div{}.pipeline-summary>div>span{}.pipeline-live{}.pipeline-unit{}.pipeline-category{}.pipeline-value{}.pipeline-axis{}.pipeline-footnote{}.pipeline-tooltip{}.capacity-number{}.capacity-number small{}.capacity-label,.inline-between{}.audience-value{}.audience-value span{}.audience-card p{}.audience-card .secondary{}td,th{}th{}td strong{}td small{margin-top:3px}.text-button{}.table-footer{}.panel-link{}.subtle-label,.hint{}.notice{}.list-card h3,.template-card h3{}.template-card p{max-width:34ch}.list-card .count{}.node-label{}.journey-node b{}.journey-delay{}.flow-card-meta{}.flow-card-meta strong{}.setting-row{}.setting-row b{}.connection h3{}.connection p{}.modal-head h2{}label{}input,select,textarea{}form .hint{max-width:65ch}summary{}.flow-step h3{}.form-actions button{}button{}.auth-card h1{}.auth-card p{}.empty b{}.empty p{max-width:42ch;margin-left:auto;margin-right:auto}footer{}.demo-banner{}
@media(max-width:1180px){.overview-head{align-items:flex-start}.overview-head .page-actions{max-width:180px}.overview-head .page-actions button{width:100%}.metric-top{}.metric-middle small{}.rail-card h3{}.rail-card .badge{}.overview-bottom{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-actions{flex-shrink:1}.pipeline-live{}}
@media(max-width:960px){.overview-head .page-actions{max-width:none}.overview-head .page-actions button{width:auto}.overview-bottom{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.page-head h1,.overview-head h1{}.subtext,.page-head .subtext{max-width:44ch}.panel-head h2{}.private-note b{}.pipeline-panel .panel-head h2{}}
@media(max-width:520px){:root{--type-display:32px;--type-section:18px;--text-title:32px;--text-metric:30px}.page-head h1,.overview-head h1{}.page-head{gap:18px;margin-bottom:24px}.page-actions{width:100%}.page-actions button{padding:12px}.subtext,.page-head .subtext{margin-top:10px;max-width:36ch}.eyebrow{margin-bottom:10px}.metric{min-height:151px;padding:12px 10px}.metric-top{min-height:28px}.metric-middle small{min-height:30px;}.metric .metric-value{}.metric-arrow{width:21px;height:21px}.pipeline-panel .panel-head h2{}.pipeline-panel .panel-head p{}.pipeline-live{}.pipeline-summary>strong{}.pipeline-summary>div{}.pipeline-summary>div>span{}.pipeline-category{gap:3px}.pipeline-footnote{}.pipeline-tooltip{}.overview-bottom{grid-template-columns:1fr}.rail-card h3{}.rail-card p{}.rail-meta{}.rail-card .secondary{}.badge{}.modal-head h2{}.notice{}.hint{}.demo-banner{}.setting-row{}.auth-card h1{}.account small{}footer span{display:none}}
/* SendBox brand accent and frosted-glass workspace metrics. */
:root{--green:#3deaa6;--accent:#3deaa6;--accent-hover:#79f2bf;--accent-ink:#082e1f;--accent-soft:#142e23;--accent-border:#285440;--focus:0 0 0 3px #3deaa638;--glass-bg:#ffffff06;--glass-border:#ffffff1c;--glass-shine:#ffffff22}
.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.primary:active{background:#2bd899}.secondary:hover{border-color:var(--accent-border);background:#1b2a22}.text-button:hover,.panel-link:hover{color:var(--accent)}nav a.active{color:var(--accent);background:#3deaa60d;border-color:#3deaa61a}.avatar{background:#17251e;border-color:#304b3d;color:#a9ebcc}.private-note{background:linear-gradient(140deg,#163d2b,#18261f);border:1px solid #3deaa62b;color:#e4f4eb}.private-note .icon{color:var(--accent)}.private-note p{color:#a4c6b3}.journey-node.trigger{background:#172b21;border-color:#2b523e}.node-label,.step-number{color:#8cebc0}.tone-0,.tone-1,.tone-2{background:#3deaa61c;border:1px solid #3deaa62a;color:var(--accent)}.pipeline-tone-0{--column-color:#3deaa6;--column-dark:#1e7e56}.pipeline-tone-1{--column-color:#94e7bc;--column-dark:#3c8761}.pipeline-tone-2{--column-color:#78baa1;--column-dark:#3b7560}.pipeline-tone-3{--column-color:#b4f4d2;--column-dark:#5da47b}.pipeline-tone-4{--column-color:#91aaa0;--column-dark:#506c5f}.pipeline-panel{background:linear-gradient(135deg,#18211c,#151515 65%)}.pipeline-live>span{background:var(--accent)}.template-thumbnail{background:#1c2922}.paper-image{background:#b2ebcf}.list-card:nth-child(n)>.metric-icon{color:var(--accent)}.metrics{position:relative;isolation:isolate;gap:14px;overflow:visible}.metrics:before{content:'';position:absolute;inset:-16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 14% 80%,#3deaa61c,transparent 52%),radial-gradient(ellipse at 80% 0%,#71ddae12,transparent 46%);filter:blur(18px)}.metrics .metric:nth-child(n){position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff0e,#ffffff03 60%,#3deaa608);border:1px solid var(--glass-border);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%);box-shadow:inset 0 1px 0 var(--glass-shine),inset 0 -1px 0 #ffffff04,0 12px 24px #0002;color:var(--ink)}.metric:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(118deg,#ffffff07,transparent 40%)}.metric .metric-top{color:#e4efe8}.metric .metric-top>.icon{color:var(--accent);opacity:.9}.metric .metric-middle small{color:#a3b7ac}.metric .metric-value{color:#f0f8f4}.metric .metric-arrow{color:var(--accent);background:#3deaa613;border:1px solid #3deaa62b}.metric:hover{border-color:#3deaa645;box-shadow:inset 0 1px #ffffff22,0 12px 30px #0003}.metric{transition:border-color var(--motion-hover) var(--ease-out),box-shadow var(--motion-hover) var(--ease-out)}.quota-ring .icon{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:var(--accent)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.metrics .metric:nth-child(n){background:linear-gradient(135deg,#232c26,#19221d)}}@media(max-width:520px){.metrics{gap:8px}.metrics:before{inset:-8px;filter:blur(12px)}}

/* Solid semantic status cards, shared by every route and dialog. */
:root{--status-positive-bg:#8ee5a2;--status-positive-ink:#064329;--status-warning-bg:#f9cf53;--status-warning-ink:#593506;--status-negative-bg:#ffa5a8;--status-negative-ink:#661c21;--status-info-bg:#96c9f4;--status-info-ink:#123d60;--status-neutral-bg:#c5cfca;--status-neutral-ink:#293e34}
.badge{border-radius:9px;padding:6px 10px;background:var(--status-neutral-bg);color:var(--status-neutral-ink);border:1px solid transparent;box-shadow:inset 0 1px #ffffff30}
.badge.active,.badge.connected,.badge.online,.badge.subscribed,.badge.completed,.badge.sent{background:var(--status-positive-bg);color:var(--status-positive-ink)}
.badge.paused,.badge.unknown{background:var(--status-warning-bg);color:var(--status-warning-ink)}
.badge.disconnected,.badge.not-connected,.badge.worker-offline,.badge.offline,.badge.failed,.badge.unsubscribed{background:var(--status-negative-bg);color:var(--status-negative-ink)}
.badge.queued,.badge.pending,.badge.sending{background:var(--status-info-bg);color:var(--status-info-ink)}
.badge:before{width:6px;height:6px;opacity:1}

/* Solid sidebar navigation symbols. */
nav .menu-icon{fill:currentColor;stroke:none;stroke-width:0}

/* Owner profile with a neutral avatar fallback. */
.profile-summary{display:flex;align-items:center;gap:11px;min-width:0}.profile-avatar{--profile-silhouette:#80b69a;display:block;width:42px;height:42px;border-radius:50%;overflow:hidden;color:#203c2d;border:1px solid #3d614c;flex-shrink:0}.profile-avatar svg,.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile-details{display:flex;flex-direction:column;min-width:0}.profile-email{color:var(--muted)}@media(max-width:520px){.profile-summary{gap:8px}.profile-avatar{width:36px;height:36px}.profile-email{display:none}.header-right{gap:0}}

/* Reference status palette: solid color pills and compact semantic symbols. */
.badge{border-radius:999px;padding:6px 11px;gap:6px;border:0;box-shadow:none}
.badge:before{width:13px;height:13px;border-radius:0;background:currentColor;flex-shrink:0;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3C/svg%3E") center/contain no-repeat}
.badge.active:before,.badge.connected:before,.badge.online:before,.badge.subscribed:before,.badge.completed:before,.badge.sent:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1Zm3.8 4.5a.8.8 0 0 1 0 1.1l-4.3 4.3a.8.8 0 0 1-1.1 0L4.2 8.7a.8.8 0 0 1 1.1-1.1L7 9.2l3.7-3.7a.8.8 0 0 1 1.1 0Z'/%3E%3C/svg%3E")}
.badge.paused:before,.badge.unknown:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 1h6l4 4v6l-4 4H5l-4-4V5l4-4Zm2.2 3v6h1.6V4H7.2Zm0 7v1.6h1.6V11H7.2Z'/%3E%3C/svg%3E")}
.badge.disconnected:before,.badge.not-connected:before,.badge.worker-offline:before,.badge.offline:before,.badge.failed:before,.badge.unsubscribed:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.1 1.8a1 1 0 0 1 1.8 0l6 11.1a1 1 0 0 1-.9 1.5H2a1 1 0 0 1-.9-1.5l6-11.1ZM7.3 5v5h1.4V5H7.3Zm0 6v1.4h1.4V11H7.3Z'/%3E%3C/svg%3E")}
.badge.queued:before,.badge.pending:before,.badge.sending:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM7.2 4v4.4l3 1.8.8-1.3-2.2-1.3V4H7.2Z'/%3E%3C/svg%3E")}

/* One owner profile and sign-out location: header only. */
.header-right>form{margin:0;display:flex;align-items:center}.header-right{gap:14px}.header-right>form .icon-button{border:1px solid var(--line);border-radius:50%}.header-right>form .icon-button:hover{background:var(--surface-hover);color:var(--accent)}@media(max-width:520px){.header-right{gap:8px}.profile-email{display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-details{max-width:118px}#breadcrumb{gap:5px}.header-left{gap:4px}.profile-summary{gap:6px}.header-right>form .icon-button{width:44px;min-width:44px}.profile-avatar{width:32px;height:32px}}
@media(max-width:520px){header #breadcrumb{display:none}.header-left{flex:0 0 auto}.header-right{margin-left:auto;flex-shrink:0}.profile-details{max-width:145px}.profile-email{max-width:145px}}
.profile-menu{position:relative}.profile-toggle{display:flex;align-items:center;gap:10px;background:transparent;color:var(--ink);border:1px solid transparent;border-radius:14px;padding:6px 9px;min-height:52px;text-align:left;list-style:none;cursor:pointer}.profile-toggle::-webkit-details-marker{display:none}.profile-toggle:hover,.profile-menu[open] .profile-toggle{background:var(--surface-hover);border-color:var(--line)}.profile-toggle>.icon{width:16px;height:16px;color:var(--muted)}.profile-menu[open] .profile-toggle>.icon{transform:rotate(180deg)}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:292px;max-width:calc(100vw - 32px);background:#202422;border:1px solid #3a443e;border-radius:18px;box-shadow:0 16px 50px #0008;padding:8px;z-index:60}.profile-dropdown-heading{display:flex;flex-direction:column;gap:3px;padding:12px 12px 16px;border-bottom:1px solid var(--line);margin-bottom:6px}.profile-dropdown-heading>span,.profile-dropdown-heading>small{color:var(--muted);overflow-wrap:anywhere}.profile-menu-link,.profile-signout{display:flex;align-items:center;gap:10px;min-height:46px;width:100%;padding:10px 12px;background:transparent;border:0;border-radius:10px;color:var(--ink);text-align:left;white-space:normal}.profile-menu-link:hover{background:#ffffff08;color:var(--accent)}.profile-menu-divider{border-top:1px solid var(--line);margin:6px 4px}.profile-dropdown form{margin:0}.profile-signout{color:#ffa5a8}.profile-signout:hover{background:#ffa5a80c}.profile-signout .icon{width:18px;height:18px}
.profile-avatar.character-avatar{border-color:#ffffff30;background:#fff}.avatar-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.avatar-option{display:flex;flex-direction:column;align-items:center;gap:12px;border-radius:16px;background:var(--surface);border:1px solid var(--line);color:var(--ink);padding:16px 8px;min-height:120px}.avatar-option img{width:76px;height:76px;border-radius:50%;display:block;max-width:100%}.avatar-option:hover{background:var(--surface-hover);border-color:var(--accent)}.avatar-option[aria-pressed=true]{border:2px solid var(--accent);background:var(--accent-soft)}@media(max-width:520px){.avatar-options{gap:8px}.avatar-option{padding:12px 5px;gap:8px}.avatar-option img{width:64px;height:64px}}
/* Header profile sits directly on the solid header surface. */
.profile-toggle,.profile-toggle:hover,.profile-menu[open] .profile-toggle{background:transparent;border-color:transparent;box-shadow:none}
.profile-toggle,.profile-toggle:hover,.profile-toggle:focus,.profile-toggle:focus-visible,.profile-toggle:active,.profile-menu[open] .profile-toggle{border:0;outline:0;box-shadow:none;background:transparent}.profile-avatar,.profile-avatar.character-avatar{border:0;box-shadow:none}.profile-toggle:focus-visible .profile-name{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}

details.profile-menu{border:0;outline:0;box-shadow:none;background:transparent;margin:0;padding:0;border-radius:0}
details.notification-menu{position:relative;border:0;margin:0;padding:0;background:transparent}.notification-toggle{list-style:none;cursor:pointer;display:grid;place-items:center;position:relative;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--muted)}.notification-toggle::-webkit-details-marker{display:none}.notification-menu[open]>.notification-toggle{border-bottom:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent)}.notification-toggle:hover{color:var(--accent)}.notification-count{position:absolute;right:-3px;top:-3px;min-width:17px;height:17px;padding:0 4px;background:var(--accent);color:var(--accent-ink);border-radius:10px;display:grid;place-items:center;border:2px solid var(--sidebar)}.notification-count[hidden]{display:none}.notification-panel{position:absolute;right:0;top:calc(100% + 14px);width:350px;max-width:calc(100vw - 32px);background:#202422;border:1px solid #3a443e;border-radius:18px;box-shadow:0 16px 50px #0008;z-index:65;overflow:hidden}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line)}.notification-heading h2{margin:0}.notification-heading .text-button{padding:8px 0}#notification-list{max-height:380px;overflow-y:auto}.notification-item{display:block;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--ink)}.notification-item:hover{background:#ffffff05}.notification-item strong{display:block;margin-bottom:5px}.notification-item p{color:var(--muted);margin:0}.notification-item.unread{border-left:3px solid var(--accent);padding-left:15px}.notification-empty{padding:26px 20px;text-align:center;color:var(--muted)}.notification-footer{padding:10px 18px;margin:0;color:var(--quiet)}.profile-avatar{position:relative;overflow:visible}.profile-avatar img,.profile-avatar svg{border-radius:50%}.profile-presence{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid var(--sidebar);box-shadow:0 0 0 1px #3deaa630}.profile-presence.offline{background:#b5bab7;box-shadow:none}@media(max-width:520px){.notification-panel{position:fixed;top:75px;right:16px;left:16px;width:auto}.profile-email{max-width:125px}.header-right{gap:10px}.notification-heading{padding:10px 14px}}