@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.topbar-actions{display:flex;gap:18px;align-items:center}.demo-shell,.demo-access{--accent:#3c755e}.demo-shell{background:#f6f7f1;color:#233d35}.demo-shell aside{background:#1f3933}.demo-shell .brand-icon,.demo-access .brand-icon{background:#8ab99d;color:#183d2b}.demo-shell .brand-dot{color:#b2d7ae}.demo-shell .workspace{background:#2b493e;border-color:#405d4b}.demo-shell .avatar{background:#3c5f46;color:#e0ecd1}.demo-shell .nav-item.selected{background:#385b48;color:#e4f1d9}.demo-shell .nav-item:hover{background:#304d3e}.demo-shell .notice{background:#edf2e2;border-color:#dce6ce;color:#758668}.demo-shell .panel,.demo-shell .stat{border-color:#dfe6d6;background:#fffefa}.demo-shell .topbar{background:#fcfdf7;border-color:#dfe6d6}.demo-shell .panel-header{border-color:#e7ecdf}.demo-shell .eyebrow{color:#6f8d60}.demo-shell th{background:#f5f8ed;color:#92a083}.demo-shell td{border-color:#edf0e6}.demo-shell .nav-label{color:#91a88b}.demo-shell .sidebar-footer p{color:#829b7b}.demo-shell .workspace small{color:#a6b99a}.demo-shell .secondary{background:#fffefa;color:#728568;border-color:#dfe6d5}.demo-shell .secondary:hover{background:#edf3e3}.demo-shell .verification{background:#f1f4e8}.demo-shell .badge-active,.demo-shell .badge-submitted,.demo-shell .badge-verified{background:#e7f1df;color:#64834c}.demo-shell .brand,.demo-access .brand{letter-spacing:-1px}.demo-access{background:radial-gradient(ellipse at 5% 0,#e2ecda,transparent 65%),#f6f7ef}.demo-access .access-card{max-width:575px;border-color:#dce4d3;box-shadow:0 20px 80px #314b2d0a}.demo-access h1{font-size:38px;letter-spacing:-1.7px}.demo-access .eyebrow{font-size:9px;letter-spacing:1.5px;color:#758d63}.demo-start{width:100%;padding:14px;margin:18px 0 7px}.demo-preview-flow{display:flex;align-items:center;justify-content:space-between;gap:9px;background:#f0f4e7;border:1px solid #e2e9d7;border-radius:9px;padding:16px;margin:24px 0 8px;font-size:11px;color:#779063}.demo-preview-flow span:nth-child(2n){color:#a3b68f}.demo-success{padding:14px 17px;background:#e8f2df;border:1px solid #cfe1bd;color:#5a7c43;font-size:12px;border-radius:8px;margin:16px 0}.demo-onboarding{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}.demo-step{text-align:left;display:flex;flex-direction:column;background:#fffefa;border:1px solid #dfe6d5;border-radius:12px;padding:24px 22px;color:#314c36;min-height:230px;transition:transform .2s,border-color .2s}.demo-step:hover{background:#f2f6e9;transform:translateY(-3px);border-color:#acc49a}.demo-step>span{display:grid;place-items:center;border-radius:50%;background:#eef3e3;color:#92a880;width:30px;height:30px;font-size:11px;margin-bottom:24px}.demo-step.done>span{background:#d9e9c9;color:#6b8c4d}.demo-step h2{font-size:16px;line-height:1.4}.demo-step p{font-size:11px;font-weight:400;color:#91a080;line-height:1.9;margin:10px 0 20px}.demo-step strong{font-size:11px;font-weight:500;color:#6e8e53;margin-top:auto}.demo-story{display:flex;align-items:center;justify-content:space-between;gap:40px}.demo-story>div{max-width:690px}.demo-story p.muted{font-size:13px}.demo-story button{white-space:nowrap}.demo-compose-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.demo-compose-grid label{margin-bottom:22px;gap:10px}.demo-compose-grid select{padding:13px;line-height:1.5}.demo-composer-preview{background:#f1f5e8;border:1px dashed #d5e1c4;border-radius:12px;padding:27px}.mail-symbol{display:inline-grid;place-items:center;font-size:34px;color:#7b9a66;background:#e0ebd4;border-radius:13px;width:59px;height:59px;margin-bottom:20px}.demo-composer-preview h2{font-size:22px}.demo-composer-preview>p:not(.eyebrow){font-size:12px;color:#8b9b79}.preview-scenario{border-top:1px solid #dce6cf;margin-top:25px;padding-top:20px}.preview-scenario strong{font-size:12px;color:#647e50}.preview-scenario p{font-size:11px;color:#91a17f;margin:9px 0 0}.demo-send-footer{display:flex;align-items:center;gap:20px;border-top:1px solid #e5ebdc;padding-top:24px;margin-top:25px}.demo-send-footer span{font-size:10px;color:#99a58b}.demo-hint{font-size:11px;line-height:1.9;color:#8b815e;background:#f7f0dc;border:1px solid #eadebc;border-radius:8px;padding:13px 17px;margin:20px 0}.demo-last-send{margin-top:26px;border-radius:10px;padding:20px;border:1px solid #dae5cd;background:#f6f9ef;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-last-send h3{font-size:16px;margin:6px 0 10px}.demo-inbox-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:20px;align-items:start}.demo-inbox-layout>.panel{margin-top:0}.demo-inbox-item{width:100%;text-align:left;display:flex;flex-direction:column;gap:9px;border-radius:0;border:0;border-bottom:1px solid #e6ecdd;background:#fffefa;padding:22px;color:#476041;font-weight:400}.demo-inbox-item:hover,.demo-inbox-item.selected{background:#edf4e3}.demo-inbox-item strong{font-size:13px;line-height:1.6;font-weight:600}.demo-inbox-item>span:not(.small){font-size:11px;color:#8fa27b;overflow-wrap:anywhere}.demo-inbox-item small{font-size:9px;color:#a2ae91}.demo-message-meta{display:grid;grid-template-columns:110px minmax(0,1fr);gap:11px 13px;font-size:10px;margin:0 0 25px;padding-bottom:25px;border-bottom:1px solid #e7ecdf}.demo-message-meta dt{color:#9aa98a}.demo-message-meta dd{margin:0;color:#6f8959;overflow-wrap:anywhere}.demo-message-body{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#6a8058}.demo-action-box{margin:25px 0;background:#f1f6e8;border:1px solid #dce8cd;border-radius:10px;padding:21px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.demo-action-box>strong{font:28px ui-monospace,monospace;letter-spacing:6px;color:#64844e}.demo-action-box .eyebrow{margin:0}.demo-action-box button{font-size:11px}.demo-attachment{margin:25px 0;display:block;width:100%;text-align:left;background:#eef4e4;color:#63824a;border:1px solid #dae5cc;padding:17px;font-size:12px}.demo-attachment span{display:block;font-size:9px;font-weight:400;color:#97a886;margin-top:6px}.demo-inspector-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}.demo-inspector-grid .eyebrow{display:block;margin-bottom:9px}.demo-inspector-grid strong{font-size:14px;color:#5a7747}.demo-inspector-grid p{overflow-wrap:anywhere}.demo-timeline{list-style:none;padding:0;margin:25px 0 0}.demo-timeline li{position:relative;border-left:1px solid #d7e2c9;margin-left:5px;padding:0 0 24px 23px}.demo-timeline li:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;background:#9fbb88}.demo-timeline li:last-child{border-left-color:transparent;padding-bottom:0}.demo-timeline span{font-size:12px;color:#718e57;font-weight:500}.demo-timeline p{font-size:10px;line-height:1.9;margin:6px 0 0;color:#9cac8c;overflow-wrap:anywhere}@media(max-width:1250px){.demo-onboarding{grid-template-columns:1fr 1fr}.demo-inbox-layout{grid-template-columns:1fr}.demo-step{min-height:210px}.demo-compose-grid{gap:22px}.demo-shell .content{padding-left:25px;padding-right:25px}}@media(max-width:720px){.demo-shell nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.demo-shell .nav-item{margin:0;font-size:10px}.demo-shell .content{padding:20px 16px}.topbar-actions{gap:10px}.topbar-actions .quiet{font-size:9px}.demo-onboarding{gap:10px}.demo-step{padding:18px 15px}.demo-step h2{font-size:14px}.demo-step p{font-size:10px}.demo-step>span{margin-bottom:15px}.demo-story{display:block}.demo-story button{margin-top:10px}.demo-compose-grid{grid-template-columns:1fr}.demo-send-footer{flex-direction:column;align-items:stretch;gap:12px}.demo-send-footer span{text-align:center}.demo-last-send{flex-direction:column;align-items:flex-start}.demo-inspector-grid{grid-template-columns:1fr;gap:10px}.demo-message-meta{grid-template-columns:90px minmax(0,1fr);gap:12px}.demo-access h1{font-size:32px}.demo-preview-flow{font-size:10px;padding:13px 10px}.demo-shell .page-heading>button{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.demo-step{transition:none}.demo-step:hover{transform:none}}:root{font-family:DM Sans,sans-serif;color:#222438;background:#f7f8fc;font-synthesis:none;font-weight:400;--accent:#6254d9;--muted:#797d92;--border:#e8eaf2}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;background:var(--accent);color:#fff;border-radius:8px;padding:11px 18px;font-weight:600;transition:background .15s}button:hover{background:#5043c4}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aaa1fb;outline-offset:3px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.25;margin:9px 0 12px}h2{font-size:18px;letter-spacing:-.4px;margin:0}p{line-height:1.65}small,.small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}code{font-family:ui-monospace,monospace;font-size:12px;overflow-wrap:anywhere}.brand{font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1px;font-weight:800;display:flex;align-items:center;gap:9px}.brand-icon{display:grid;place-items:center;background:#7c6bee;color:#fff;width:33px;height:33px;border-radius:10px;font-size:27px}.brand-dot{font-size:8px;color:#9d92ff;align-self:flex-start;margin-top:8px}.brand .muted{font-size:16px;font-weight:500;letter-spacing:0}.app-shell{display:flex;min-height:100vh}aside{width:246px;flex-shrink:0;background:#191b2d;color:#f5f4ff;padding:33px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.workspace{display:flex;gap:11px;align-items:center;background:#24263b;border:1px solid #34364a;border-radius:9px;padding:13px 10px;margin-top:40px;font-size:11px}.workspace small{display:block;color:#a2a4bb;font-size:10px}.avatar{display:grid;place-items:center;width:29px;height:29px;background:#46415f;border-radius:7px;color:#d9d4ff}.nav-label{font-size:9px;letter-spacing:1.8px;color:#7d8099;margin-top:34px;margin-left:12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;background:transparent;text-align:left;color:#aeb0c6;font-size:12px;padding:13px 15px;margin:5px 0}.nav-item span{font-size:18px}.nav-item.selected{background:#34304f;color:#dbd5ff}.nav-item:hover{background:#2b2c42}.sidebar-footer{margin-top:auto;padding:20px 8px 0;font-size:10px;color:#c1c2d1}.sidebar-footer p{color:#71758e;font-size:10px;margin:8px 0}.status-dot{display:inline-block;background:#71d0ab;width:6px;height:6px;border-radius:50%;margin-right:6px}.quiet{background:transparent;color:inherit;padding:5px 0;font-size:11px}.quiet:hover{background:transparent;text-decoration:underline}.main{flex:1;min-width:0}.topbar{height:78px;padding:0 44px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}.pill{font-size:10px;border:1px solid var(--border);border-radius:20px;padding:5px 11px;color:#6a607e}.content{max-width:1380px;padding:25px 44px 64px;margin:auto}.notice{background:#eeecfb;border:1px solid #e3dff6;border-radius:7px;padding:10px 15px;color:#706889;font-size:11px;margin-bottom:33px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--accent);margin:0}.page-heading p{font-size:13px;margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.stat{border:1px solid var(--border);border-radius:11px;padding:20px 24px;background:#fff}.stat p{font-size:12px;color:var(--muted);margin:0 0 10px}.stat strong{display:block;font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px}.stat small{color:#9c9eb0;font-size:10px;display:block;margin-top:10px}.panel{background:#fff;border:1px solid var(--border);border-radius:11px;margin-top:22px;overflow:hidden}.panel-header{padding:22px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-body{padding:24px}.panel-header p{font-size:11px;color:var(--muted);margin:6px 0 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:500;color:#8b8fa4;font-size:10px;background:#fcfcfe;padding:13px 24px}td{padding:19px 24px;border-top:1px solid #f0f1f7;vertical-align:middle}td strong{font-weight:500;display:block;margin-bottom:5px}td code{color:#9396a7;font-size:10px}.badge{display:inline-block;padding:4px 9px;border-radius:5px;font-size:10px;background:#f0f1f7;color:#83879a}.badge-active,.badge-submitted,.badge-verified{background:#eaf8f1;color:#3e9976}.badge-paused,.badge-pending,.badge-processing{background:#fff5df;color:#a37c25}.badge-retired,.badge-dead,.badge-unknown{background:#fcebef;color:#b45f73}.actions{display:flex;gap:8px;flex-wrap:wrap}.secondary{background:#fff;color:#6e7187;border:1px solid var(--border);padding:7px 10px;font-size:11px}.secondary:hover{background:#f5f4fb}.danger{color:#aa6674}.empty{padding:45px 24px;text-align:center;color:#8e92a6;font-size:13px;line-height:1.8}.error{border:1px solid #efd0d7;background:#fff1f4;color:#9f4c61;padding:13px 17px;border-radius:8px;font-size:13px;margin:14px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:500;color:#72768b}input,select{width:100%;padding:11px 12px;border:1px solid #e0e2ed;border-radius:7px;background:#fff;color:#3a3d50;font-size:12px}select{min-width:0}input::placeholder{color:#b3b5c4}.search{max-width:230px}.helper{font-size:11px;color:#9699ac;margin:15px 0 0}.verification{background:#f6f4ff;border-radius:8px;padding:18px;margin-top:20px}.verification input{margin:10px 0}.verification p{font-size:12px}.access{display:grid;min-height:100vh;place-items:center;padding:25px;background:radial-gradient(ellipse at 10% 0,#eeeafe,transparent 65%),#f7f8fc}.access-card{max-width:520px;width:100%;background:#fff;padding:40px;border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 80px #39326a09}.access .brand{margin-bottom:40px}.access p.muted{font-size:13px}.access form{display:flex;flex-direction:column;gap:16px;margin:25px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-grid p{font-size:13px;color:var(--muted)}.code-block{display:block;background:#242538;color:#d4ceed;border-radius:7px;padding:16px;margin-top:18px;line-height:1.8}.footer-note{font-size:10px;color:#a0a3b4;margin-top:24px;display:flex;justify-content:space-between}@media(min-width:1500px){.content{padding-top:40px}.page-heading{margin-top:40px}}@media(max-width:1100px){aside{width:205px;padding:26px 16px}.content{padding:24px}.topbar{padding:0 24px}td,th{padding-left:16px;padding-right:16px}.form-grid{grid-template-columns:1fr 1fr}.form-grid button{grid-column:1/-1}.page-heading{align-items:flex-start}}@media(max-width:720px){.app-shell{display:block}aside{width:100%;height:auto;position:static;padding:18px}.workspace,.nav-label,.sidebar-footer{display:none}aside .brand{font-size:21px}nav{display:flex;margin-top:16px;gap:6px}.nav-item{padding:8px;font-size:10px;justify-content:center;gap:6px}.nav-item span{display:none}.topbar{height:58px;padding:0 20px}.content{padding:20px 16px}.notice{line-height:1.7;margin-bottom:25px}.page-heading{flex-direction:column}h1{font-size:27px}.stats{gap:8px}.stat{padding:14px 12px}.stat p{font-size:10px}.stat strong{font-size:25px}.stat small{font-size:9px}.panel-header{padding:18px;align-items:flex-start;flex-direction:column}.panel-body{padding:18px}.form-grid,.info-grid{grid-template-columns:1fr}.search{max-width:none}.access-card{padding:25px}.footer-note{gap:20px}}.health-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.health-services>div{padding:18px;border:1px solid #dfe6df;border-radius:10px}.health-services h3{margin:0 0 12px}.health-services p,.health-alert p{font-size:13px;line-height:1.6;color:#647268}.health-alert{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #e8ede7}.health-alert:last-child{border-bottom:0}.badge-healthy{background:#e7f3e6;color:#315e36}.badge-warning,.badge-stale{background:#fff0cf;color:#7b5700}.badge-down{background:#fbe5df;color:#983b2d}.service-health .stats{margin:22px 0}.service-health>.panel,.service-health>.info-grid{margin-bottom:22px}@media(max-width:760px){.health-services{grid-template-columns:1fr}.health-alert{flex-direction:column;gap:8px}}