.modal.session-restore{width:min(440px,100vw - 32px)}.session-restore::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0c10d9}.session-restore .modal-head{align-items:flex-start}.session-restore .modal-head p{max-width:340px;line-height:1.7}.session-restore .session-login-form{padding:0 24px 24px}.session-login-form{gap:18px;display:grid}.session-login-form .field{margin:0}.session-login-form .field input,.session-login-form>.btn{width:100%}@media (width<=640px){.session-restore .session-login-form{padding:0 20px 20px}}.login-page .login-card{text-align:left;width:min(380px,100%);padding:32px}.login-page .login-card h1{margin:0 0 24px;font-size:24px;line-height:1.2}.login-page .login-card .session-login-form{margin:0}.schedule-form .settings-panel{padding:24px}.schedule-form .settings-heading{margin-bottom:24px}.schedule-form .settings-heading h2{font-size:15px}.schedule-form .settings-heading p{max-width:470px;line-height:1.65}.schedule-form .field{min-width:0}.schedule-form .window-row{border-radius:6px}.schedule-form .window-row label{min-width:0}.schedule-form .window-help{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.6;display:block}.schedule-form .settings-section-divider{border-top:1px solid var(--border);margin-top:24px;margin-bottom:16px;padding-top:20px}.settings-section-divider h3{color:var(--text);margin:0 0 6px;font-size:13px}.settings-section-divider p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.schedule-form .integration-hint{align-items:flex-start;line-height:1.6}.schedule-form .integration-hint>svg{flex-shrink:0;margin-top:2px}.schedule-form .schedule-summary{padding:24px 20px}.schedule-form .summary-lines>div{align-items:flex-start;line-height:1.65}.schedule-form .summary-lines svg{flex-shrink:0;margin-top:3px}.schedule-form .schedule-save{padding:16px 0}.schedule-form .schedule-save>.btn{width:100%}.schedule-form .schedule-save>.btn.ghost{margin-top:8px}.schedule-form .save-state{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-bottom:14px;font-size:11px;display:flex}.schedule-form .save-state.pending{color:var(--amber)}.integration-grid .integration-card{flex-direction:column;display:flex;overflow:hidden}.integration-grid .integration-card h3{line-height:1.4}.integration-grid .integration-card dl{flex:1}.integration-grid .integration-card dd{overflow-wrap:anywhere;text-align:right;min-width:0}.integration-grid .integration-buttons{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:16px}.integration-config-modal.wide{width:min(720px,100vw - 32px)}.integration-config-modal .integration-form-fields{border:0;flex-direction:column;gap:20px;min-width:0;margin:0;padding:0;display:flex}.integration-config-modal .integration-form-section{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;margin:0;padding:0 0 24px;display:flex}.integration-config-modal .integration-form-section:last-of-type{border-bottom:0;padding-bottom:0}.integration-form-section>header{align-items:flex-start;gap:12px;margin-bottom:2px;display:flex}.integration-form-section>header>span{border:1px solid var(--border);font-variant-numeric:tabular-nums;width:28px;height:28px;color:var(--muted);background:var(--surface-raised);border-radius:5px;flex-shrink:0;place-items:center;font-size:10px;display:grid}.integration-form-section h3{color:var(--text);margin:1px 0 6px;font-size:13px}.integration-form-section header p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.integration-config-modal .field{margin:0}.integration-config-modal .form-grid{align-items:start;margin:0}.integration-config-modal .secret-input{align-items:center;display:flex;position:relative}.integration-config-modal .secret-input input{width:100%;min-width:0;padding-right:43px}.integration-config-modal .secret-input button{color:var(--muted);background:0 0;position:absolute;right:4px}.integration-config-modal .check-card{border:1px solid var(--border);background:var(--background);border-radius:6px;align-items:flex-start;margin:0;padding:14px}.integration-config-modal .check-card input{margin-top:3px}.integration-config-modal .check-card small{line-height:1.65}@media (width<=600px){.schedule-form .settings-panel,.schedule-form .schedule-summary{padding:18px 16px}.schedule-form .settings-heading{margin-bottom:18px}.schedule-form .settings-heading>.settings-icon{display:none}.schedule-form .window-row{gap:7px}.schedule-form .window-row .window-number{display:none}.schedule-form .window-row input{width:100%;min-width:0;padding:8px 5px}.schedule-form .window-row label{flex:1}.integration-config-modal .form-grid{grid-template-columns:1fr}}.settings-page{max-width:1500px;margin:0 auto}.settings-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;margin-top:28px;display:grid}.workspace-settings-form{gap:20px;min-width:0;display:grid}.workspace-settings-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.settings-page .settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;padding:0}.settings-panel-head{border-bottom:1px solid var(--border);gap:12px;padding:21px 24px;display:flex}.settings-panel-head>svg{color:#a0a8b5;flex-shrink:0;margin-top:3px}.settings-panel-head h2,.settings-section-heading h2{margin:0;font-size:14px;line-height:1.5}.settings-panel-head p,.settings-section-heading p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.6}.settings-panel-body{gap:22px;padding:24px;display:grid}.settings-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-panel-body .field{min-width:0;margin:0}.settings-panel-body .field input,.settings-panel-body .field select{width:100%}.settings-check{cursor:pointer;align-items:flex-start;gap:10px;padding-top:4px;display:flex}.settings-check input{accent-color:#c3cad6;width:16px;height:16px;margin:3px 0 0}.settings-check strong{font-size:12px;font-weight:500;display:block}.settings-check small{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.65;display:block}.settings-save-bar{z-index:5;background:#1c1e22;border:1px solid #41464f;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 6px 20px #0003}.settings-save-bar>span{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.settings-save-bar>div{align-items:center;gap:8px;display:flex}.unsaved-dot{background:#e4bc7a;border-radius:50%;width:6px;height:6px}.operation-status-list{margin:0;padding:8px 22px;font-size:11px}.operation-status-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:15px 0;display:flex}.operation-status-list>div:last-child{border:0}.operation-status-list dt{color:var(--muted)}.operation-status-list dd{margin:0}.settings-runtime{border-top:1px solid var(--border);color:var(--muted);align-items:flex-start;gap:9px;padding:18px 22px;font-size:11px;display:flex}.settings-runtime small{color:var(--text);margin-top:6px;font-size:11px;display:block}.settings-runtime-error{padding:0 16px 16px}.settings-context{color:var(--muted);gap:10px;margin-top:20px;padding:0 2px;display:flex}.settings-context svg{flex-shrink:0;margin-top:1px}.settings-context p{margin:0;font-size:11px;line-height:1.8}.settings-section-heading{align-items:flex-start;gap:10px;margin:34px 0 18px;display:flex}.settings-section-heading>svg{color:var(--muted);margin-top:2px}.settings-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-directory a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;align-items:center;gap:14px;padding:20px;text-decoration:none;transition:background-color .15s,border-color .15s;display:flex}.settings-directory a:hover{background:#22252a;border-color:#555d6a}.settings-directory a>svg{color:#a1abba;flex-shrink:0}.settings-directory a>svg:last-child{width:16px;margin-left:auto}.settings-directory strong{font-size:12px;font-weight:500}.settings-directory span{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.6;display:block}@media (width<=1150px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-operation{grid-template-columns:1fr 1fr;gap:24px;display:grid}}@media (width<=640px){.settings-layout{gap:20px;margin-top:20px}.settings-fields-grid,.settings-directory,.settings-operation{grid-template-columns:minmax(0,1fr)}.settings-panel-head,.settings-panel-body{padding:18px}.settings-save-bar{flex-wrap:wrap;padding:12px;bottom:8px}.settings-save-bar>div{width:100%}.settings-save-bar .btn{flex:1}.settings-context{margin-top:0}}.settings-simple{flex-direction:column;gap:20px;min-width:0;display:flex}.settings-simple .page-title{margin-bottom:0}.settings-simple h2{margin:8px 0 0;font-size:15px}.settings-simple .settings-save-bar{box-shadow:none;background:0 0;border:0;padding:0;position:static}.settings-table-wrap{border:1px solid var(--border);border-radius:8px}.settings-table{width:100%}.settings-table th[scope=row]{white-space:normal;width:40%;font-weight:500}.settings-table td>input:not([type=checkbox]),.settings-table td>select{background:var(--surface-raised);width:100%;min-width:0;max-width:480px;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:10px 12px}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--background);font-synthesis:none;--background:#11151e;--surface:#191e2a;--surface-raised:#222938;--text:#edf0f7;--muted:#a4aec2;--border:#30394b;--primary:#8064e8;--primary-dark:#9479f4;--primary-light:#302745;--accent:#b6a2ff;--accent-soft:#2b2541;--green:#83d9b2;--green-soft:#1c3530;--blue:#9abcfa;--blue-soft:#22334a;--amber:#e4bb7c;--amber-soft:#3b3024;--red:#f0a0a7;--red-soft:#3b2732;--shadow:0 4px 20px #00000018;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0;font-size:13px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s,border-color .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #a99af3}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Inter Variable,sans-serif}h1{letter-spacing:-1.1px;font-size:29px;font-weight:750;line-height:1.3}h2{letter-spacing:-.35px;font-size:16px;font-weight:750}h3{font-size:15px;font-weight:750}small{font-size:11px}input:not([type=checkbox]),select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;transition:border-color .16s,box-shadow .16s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:var(--border);box-shadow:0 0 0 3px #00000026}input[type=checkbox]{accent-color:var(--primary);cursor:pointer;flex-shrink:0;width:16px;height:16px}input:disabled,select:disabled,textarea:disabled{background:var(--surface-raised);color:var(--muted)}textarea{resize:vertical;line-height:1.7}select{cursor:pointer}button svg,a svg{flex-shrink:0}button{border:none}hr{border:0;border-top:1px solid var(--border)}.muted{color:var(--muted)}.block{display:block}.nowrap{white-space:nowrap}.error-text{color:var(--red)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.skip-link{z-index:100;background:var(--surface);padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.btn.primary{color:#f7f8fc;background:var(--primary);box-shadow:0 2px 3px #00000026}.btn.primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 3px 9px #00000026}.btn.secondary{color:var(--muted);background:var(--surface);border-color:var(--border);box-shadow:0 1px 2px #00000026}.btn.secondary:hover:not(:disabled){background:var(--accent-soft);border-color:var(--border)}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--accent-soft)}.btn.danger{background:var(--red-soft);color:var(--red);border-color:var(--border)}.btn.danger:hover{background:var(--red-soft)}.icon-btn{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--accent-soft);color:var(--primary)}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.badge{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:10.5px;font-weight:550;line-height:1.4;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.badge.green{background:var(--green-soft);color:var(--green)}.badge.amber{background:var(--amber-soft);color:var(--amber)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.purple{background:var(--accent-soft);color:var(--accent)}.badge.neutral{background:var(--surface-raised);color:var(--muted)}.eyebrow{letter-spacing:1.5px;color:var(--muted);margin-bottom:8px;font-size:9px;font-weight:700;display:block}.app{min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:25;flex-direction:column;width:242px;padding:29px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.4px;align-items:center;gap:10px;width:max-content;margin-bottom:30px;padding-left:10px;font-family:Inter Variable,sans-serif;font-size:27px;font-weight:800;display:flex}.brand-mark{background:var(--primary);color:#f7f8fc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex;box-shadow:0 4px 9px #00000026}.workspace{border:1px solid var(--border);background:linear-gradient(120deg, var(--surface), var(--surface));border-radius:9px;align-items:center;gap:9px;margin:0 2px 27px;padding:10px;display:flex}.workspace-avatar{background:var(--accent-soft);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.workspace strong,.profile strong{font-size:11px;font-weight:650;display:block}.workspace small,.profile small{color:var(--muted);margin-top:2px;font-size:9px;display:block}.workspace-indicator{background:#67ad91;border-radius:50%;width:6px;height:6px;margin-left:auto;margin-right:3px}.nav-label{letter-spacing:1.3px;color:var(--muted);margin:0 13px 10px;font-size:8.5px;font-weight:600}.nav-label.second{margin-top:29px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{min-height:42px;color:var(--muted);border-radius:7px;align-items:center;gap:11px;padding:10px 12px;font-size:11.5px;font-weight:500;display:flex;position:relative}.sidebar nav a.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:11px;bottom:11px;left:-18px}.nav-count{background:var(--accent-soft);border-radius:5px;justify-content:center;align-items:center;min-width:19px;height:19px;margin-left:auto;font-size:9px;display:flex}.connection-dot,.profile-dot{background:#66b293;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.sidebar nav .connection-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-tip{background:linear-gradient(130deg, var(--accent-soft), var(--accent-soft));border:1px solid var(--border);border-radius:10px;margin:0 4px 15px;padding:16px 13px 15px}.tip-symbol{color:var(--accent);margin-bottom:7px;display:block}.sidebar-tip strong{letter-spacing:-.1px;font-size:10px;display:block}.sidebar-tip p{color:var(--muted);margin-top:5px;font-size:9.5px;line-height:1.7}.sidebar-tip button{color:var(--accent);background:0 0;align-items:center;gap:5px;margin-top:12px;padding:0;font-size:10px;font-weight:600;display:flex}.help-link{color:var(--muted);background:0 0;align-items:center;gap:10px;width:100%;padding:12px;font-size:11px;display:flex}.help-link svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:14px;padding:18px 7px;display:flex}.avatar{border:3px solid var(--border);color:var(--muted);background:var(--surface-raised);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:600;display:flex;box-shadow:0 0 0 1px #e5e0ef}.profile-dot{width:5px;height:5px;margin-left:auto}.main-shell{min-height:100vh;margin-left:242px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;height:69px;padding:0 34px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:11px;font-size:10.5px;display:flex}.breadcrumb strong{color:var(--muted);font-weight:500}.top-actions{align-items:center;gap:19px;display:flex}.quick-search{color:var(--muted);background:0 0;align-items:center;gap:9px;padding:5px;font-size:10.5px;display:flex}.quick-search kbd{border:1px solid var(--border);color:var(--muted);border-radius:4px;margin-left:16px;padding:1px 4px;font-family:inherit;font-size:8px}.top-divider{background:var(--surface-raised);width:1px;height:18px}.live-label{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.live-label i{background:#64b093;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #ecf7f1}.live-label.local{color:var(--muted)}.live-label.local i{background:#a79abd;box-shadow:0 0 0 3px #f2eff7}.notification{position:relative}.notification>i{border:1px solid var(--border);background:#a096d1;border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:7px}.mobile-menu{display:none}.main-content{max-width:1640px;margin:0 auto;padding:32px 36px 26px;animation:.25s appear}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-title .eyebrow{letter-spacing:1.7px;color:var(--muted);margin-bottom:9px;font-size:8px}.page-title .btn{font-size:11px}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:11px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:22px 24px 15px;display:flex}.panel-heading p{color:var(--muted);margin-top:5px;font-size:10px}.overview-banner{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;justify-content:space-between;min-height:266px;padding:30px 35px;display:flex;position:relative;overflow:hidden}.overview-banner>div:first-child{z-index:1}.banner-label{letter-spacing:1.3px;color:var(--muted);align-items:center;gap:6px;font-size:8px;font-weight:650;display:flex}.tiny-spark{display:inline-flex}.overview-banner h2{letter-spacing:-1px;color:var(--text);margin-top:14px;font-size:31px;font-weight:750;line-height:1.22}.overview-banner h2>span{color:var(--accent)}.overview-banner p{color:var(--muted);margin-top:11px;font-size:11px;line-height:1.75}.overview-banner button{color:var(--accent);background:0 0;align-items:center;gap:10px;margin-top:17px;padding:0;font-size:10.5px;font-weight:650;display:flex}.banner-flow{z-index:0;flex-direction:column;justify-content:center;align-items:center;width:46%;min-width:320px;padding-top:3px;padding-left:18px;display:flex;position:relative}.banner-node{background:var(--surface);border:1px solid var(--border);z-index:1;border-radius:9px;align-items:center;gap:12px;width:266px;padding:14px;display:flex;position:relative;box-shadow:0 6px 17px #00000026}.banner-node>span{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;justify-content:center;align-items:center;display:flex}.banner-node small{letter-spacing:.8px;color:var(--muted);margin-bottom:3px;font-size:6.5px;font-weight:650;display:block}.banner-node strong{color:var(--muted);font-size:11px;font-weight:600}.banner-node>i{background:#bdaed7;border-radius:50%;width:6px;height:6px;margin-left:auto}.banner-node>svg{color:var(--muted);margin-left:auto}.banner-node.n1{transform:translate(-18px)}.banner-node.n2{transform:translate(22px)}.banner-node.n2>span{background:var(--accent-soft);color:var(--accent)}.banner-connector{border-left:1px dashed var(--border);border-bottom:1px dashed var(--border);border-radius:0 0 0 6px;width:40px;height:24px;position:relative;transform:translate(-1px)}.banner-connector:after{content:"";border-right:1px dashed var(--border);height:8px;position:absolute;bottom:-7px;right:0}.banner-connector.small{border-bottom:none;border-radius:0;height:25px;transform:translate(40px)}.banner-connector.small:after{display:none}.banner-status{z-index:1;gap:7px;display:flex;transform:translate(12px)}.banner-status>span{border:1px solid var(--border);background:var(--accent-soft);color:var(--muted);border-radius:6px;align-items:center;gap:4px;padding:6px 9px;font-size:8px;display:flex;box-shadow:0 2px 3px #00000026}.banner-status>span:first-child{background:var(--surface-raised);color:var(--muted);border-color:var(--border)}.banner-orbit{border:1px solid var(--border);z-index:-1;border-radius:50%;width:265px;height:265px;position:absolute;top:-5px;right:15px}.orbit-two{opacity:.55;width:360px;height:360px;top:-52px;right:-34px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.metric-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;padding:18px 21px}.metric-top{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:10px;display:flex}.metric-icon{border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.purple{background:var(--accent-soft);color:var(--accent)}.green{background:var(--green-soft);color:var(--green)}.blue{background:var(--blue-soft);color:var(--blue)}.amber{background:var(--amber-soft);color:var(--amber)}.metric-card>strong{letter-spacing:-.6px;color:var(--text);margin:7px 0 10px;font-family:Inter Variable,sans-serif;font-size:27px;font-weight:750;line-height:1.3;display:block}.metric-card>small{color:var(--muted);font-size:8.5px;display:block}.overview-columns{grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:20px;display:grid}.period{color:var(--muted);border:1px solid var(--border);border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-size:9px;display:inline-flex}.chart-legend{color:var(--muted);gap:17px;padding:0 24px;font-size:9px;display:flex}.chart-legend>span{align-items:center;gap:6px;display:flex}.chart-legend i{border-radius:2px;width:6px;height:6px}.purple-dot{background:#a494df}.green-dot{background:#9ccbb5}.chart{height:196px;margin:24px 26px 0;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;height:165px;display:flex}.chart-grid>div{color:var(--muted);align-items:center;gap:11px;height:1px;font-size:8px;display:flex}.chart-grid span{width:17px}.chart-grid i{border-top:1px dashed var(--border);flex:1;height:1px}.chart-bars{justify-content:space-around;display:flex;position:absolute;inset:0 0 0 27px}.chart-column{flex-direction:column;width:5%;height:100%;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:2px;height:165px;display:flex}.bar-pair i{background:#aa99e7;border-radius:3px 3px 0 0;width:9px;min-height:2px}.bar-pair i+i{background:#a4cdb8}.chart-column>span{text-align:center;color:var(--muted);margin-top:9px;font-size:8px}.chart-empty{background:var(--surface);text-align:center;color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:30px 15px 65px 37px}.chart-empty b{color:var(--muted);font-size:10px;font-weight:500}.chart-empty span{color:var(--muted);font-size:9px}.panel-foot{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;padding:13px 22px;font-size:8.5px;display:flex}.panel-foot>span{align-items:center;gap:6px;display:flex}.panel-foot .connection-dot{width:4px;height:4px}.panel-foot button{color:var(--muted);background:0 0;border:0;align-items:center;gap:5px;font-size:8.5px;display:flex}.setup-panel{padding:24px}.setup-icon{border:1px solid var(--border);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.setup-panel h2{font-size:14px}.setup-panel>p{color:var(--muted);margin-top:6px;font-size:10px}.setup-progress{background:var(--accent-soft);border-radius:4px;height:4px;margin-top:20px;overflow:hidden}.setup-progress>span{background:#a390df;height:100%;transition:width .3s;display:block}.setup-panel>small{color:var(--muted);margin-top:6px;font-size:8px;display:block}.setup-items{flex-direction:column;gap:3px;margin-top:14px;display:flex}.setup-items>button{text-align:left;background:0 0;align-items:center;gap:10px;padding:8px 0;display:flex}.step-number{border:1px solid var(--border);color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:9px;display:flex}.step-number.complete{color:var(--muted);background:var(--green-soft);border-color:var(--border)}.setup-items strong{color:var(--muted);font-size:10px;font-weight:500;display:block}.setup-items small{color:var(--muted);margin-top:2px;font-size:8px;display:block}.setup-items svg:last-child{color:var(--muted);margin-left:auto}.overview-flows{margin-top:22px}.overview-flows .panel-heading{padding-bottom:18px}.flow-row{background:var(--surface);text-align:left;border-top:1px solid var(--border);align-items:center;gap:14px;width:100%;padding:17px 25px;display:flex}.flow-icon{background:var(--accent-soft);width:37px;height:37px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.flow-row strong{color:var(--muted);font-size:11px;font-weight:600;display:block}.flow-row small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.row-enrolled{color:var(--muted);margin-left:auto;font-size:10px}.flow-row>.badge{margin:0 22px}.flow-row>svg{color:var(--muted)}.workspace-note{color:var(--muted);justify-content:center;align-items:center;gap:7px;margin-top:24px;font-size:9px;display:flex}.section-toolbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.section-toolbar>.muted{font-size:11px}.search{border:1px solid var(--border);background:var(--surface);min-width:240px;color:var(--muted);border-radius:7px;align-items:center;gap:9px;padding:0 10px;display:flex}.search input:not([type=checkbox]){box-shadow:none;background:0 0;border:none;padding:10px 0;font-size:11px}.mini-stats{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.mini-stats>div{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;align-items:center;gap:16px;padding:20px 23px;display:flex}.mini-stats>div>span{color:var(--muted);font-size:10px}.mini-stats strong{color:var(--text);margin-top:5px;font-family:Inter Variable,sans-serif;font-size:25px;font-weight:700;display:block}.table-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:13px 20px;display:flex}.tabs{align-items:center;gap:4px;display:flex}.tabs button{color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.tabs button.selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar-actions .btn{font-size:10px}.table-search-row{justify-content:space-between;align-items:center;gap:16px;padding:17px 22px;display:flex}.table-search-row .search{width:320px}.table-search-row>.muted{font-size:10px}.table-search-row>select{width:200px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:var(--muted);background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:12px 20px;font-size:9px;font-weight:500}td{border-bottom:1px solid var(--border);padding:16px 20px}tbody tr:last-child td{border-bottom:0}td strong{font-weight:550}td:first-child input{vertical-align:middle}th.checkbox-cell{width:36px}th:empty:last-child{width:80px}.contact-name{white-space:nowrap;align-items:center;gap:10px;display:flex}.contact-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex}.contact-name strong{color:var(--muted);font-size:11px;display:block}.contact-name small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags>span{background:var(--surface-raised);color:var(--muted);border-radius:4px;padding:3px 6px;font-size:9px}.tags>.muted{color:var(--muted);background:0 0}.row-actions{gap:2px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:62px 25px 66px;display:flex}.empty-icon{border:1px solid var(--border);background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:18px;justify-content:center;align-items:center;margin-bottom:17px;display:flex;box-shadow:0 0 0 8px #fcfbfe}.empty h3{color:var(--muted);font-size:15px}.empty p{max-width:340px;color:var(--muted);margin-top:8px;font-size:11px;line-height:1.8}.empty .btn{margin-top:20px;font-size:11px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin-bottom:24px;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;transition:box-shadow .2s,transform .2s;overflow:hidden}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.template-preview{background:var(--accent-soft);text-align:left;width:100%;height:235px;padding:26px 26px 0;display:block;position:relative;overflow:hidden}.template-preview.preview-1,.template-preview.preview-2{background:var(--surface-raised)}.email-paper{background:var(--surface);border-radius:5px;flex-direction:column;gap:12px;min-height:250px;padding:22px 23px;display:flex;box-shadow:0 4px 18px #00000026}.paper-logo{color:var(--accent);align-items:center;gap:5px;font-family:Inter Variable,sans-serif;font-size:10px;font-weight:800;display:flex}.paper-title{color:var(--muted);margin-top:7px;font-size:12px;font-weight:650;line-height:1.5}.paper-line{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:8px;line-height:1.9;display:-webkit-box;overflow:hidden}.paper-footer{letter-spacing:1.1px;color:var(--muted);border-top:1px solid var(--border);margin-top:6px;padding-top:9px;font-size:5px}.preview-hover{opacity:0;color:var(--accent);background:var(--accent-soft);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;gap:8px;font-size:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.template-preview:hover .preview-hover,.template-preview:focus .preview-hover{opacity:1}.template-info{padding:20px 21px 14px}.template-type{letter-spacing:.5px;color:var(--muted);align-items:center;gap:5px;font-size:8px;display:flex}.template-type>span{margin:0 3px}.template-info h3{color:var(--muted);margin-top:8px;font-size:14px}.template-info>p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 13px;font-size:10px;overflow:hidden}.template-info>div:last-child{border-top:1px solid var(--border);align-items:center;gap:3px;padding-top:8px;display:flex}.template-info>div:last-child>span{color:var(--muted);margin-right:auto;font-size:9px}.new-template-card{border:1.5px dashed var(--border);background:var(--accent-soft);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:382px;padding:28px;display:flex}.new-template-card:hover{background:var(--accent-soft);border-color:var(--border)}.new-template-card>span{border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:17px;display:flex}.new-template-card h3{color:var(--muted);font-size:13px}.new-template-card p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.85}.callout{background:var(--accent-soft);color:var(--muted);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:9px;padding:13px 15px;font-size:11px;line-height:1.7;display:flex}.callout svg{flex-shrink:0;margin-top:1px}.callout.subtle{background:var(--accent-soft);border-color:var(--border);margin-top:23px}.callout code{background:var(--accent-soft);color:var(--accent);border-radius:3px;padding:2px 5px;font-size:10px}.callout b{font-weight:600}.schedule-layout{grid-template-columns:minmax(0,1.8fr) minmax(275px,1fr);align-items:start;gap:24px;display:grid}.schedule-main{flex-direction:column;gap:22px;display:flex}.settings-panel{padding:25px}.settings-heading{align-items:center;gap:13px;margin-bottom:24px;display:flex}.settings-heading h2{font-size:14px}.settings-heading p{color:var(--muted);margin-top:4px;font-size:10px}.settings-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.settings-panel>.field{margin-top:22px}.field{flex-direction:column;gap:7px;min-width:0;margin:0;display:flex}.field>span{color:var(--muted);font-size:11px;font-weight:550}.field>small{color:var(--muted);font-size:10px;font-weight:400;line-height:1.6}.field input,.field textarea,.field select{font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.weekday-picker{gap:8px;display:flex}.weekday-picker button{border:1px solid var(--border);background:var(--surface);width:43px;height:39px;color:var(--muted);border-radius:7px;font-size:11px}.weekday-picker button.selected{background:var(--accent-soft);border-color:var(--border);color:var(--accent)}.windows{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.window-row{align-items:center;gap:13px;display:flex}.window-row label{width:120px}.window-row>span:not(.window-number){color:var(--muted);font-size:10px}.window-number{color:var(--muted);margin-right:5px;font-size:9px}.input-unit{border:1px solid var(--border);background:var(--surface);border-radius:8px;align-items:center;display:flex;overflow:hidden}.input-unit:focus-within{border-color:var(--border);box-shadow:0 0 0 3px #00000026}.input-unit input:not([type=checkbox]){border-radius:0;width:100%;min-width:65px;box-shadow:none!important;border:0!important}.input-unit>span{color:var(--muted);white-space:nowrap;padding-right:12px;font-size:10px}.toggle{background:var(--surface-raised);border-radius:20px;align-items:center;width:33px;min-width:33px;height:19px;margin-left:auto;padding:2px;transition:background .2s;display:flex}.toggle>span{background:var(--surface);border-radius:50%;width:15px;height:15px;transition:transform .2s;box-shadow:0 1px 2px #00000026}.toggle.on>span{transform:translate(14px)}.integration-hint{color:var(--muted);align-items:center;gap:7px;margin-top:16px;font-size:10px;display:flex}.schedule-summary{background:linear-gradient(145deg, var(--surface), var(--surface));padding:27px 24px}.schedule-summary>.eyebrow{font-size:8px}.schedule-summary h2{letter-spacing:-.6px;max-width:200px;color:var(--muted);font-size:21px;line-height:1.45}.week-visual{border-bottom:1px solid var(--border);justify-content:space-between;padding:22px 0 23px;display:flex}.week-visual>div{width:24px;color:var(--muted);flex-direction:column;align-items:center;gap:5px;font-size:9px;display:flex}.week-visual span{margin-bottom:7px}.week-visual i{background:var(--surface-raised);border-radius:3px;width:18px;height:13px}.week-visual .on{color:var(--accent)}.week-visual .on i,.week-visual .on i:nth-child(3){background:var(--accent-soft)}.summary-lines{flex-direction:column;gap:15px;padding:23px 0;display:flex}.summary-lines>div{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.summary-lines svg{color:var(--muted)}.pause-control{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2px;margin-bottom:21px;padding-top:21px;display:flex}.pause-control strong{color:var(--muted);font-size:11px;font-weight:550;display:block}.pause-control small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.schedule-summary>.muted{color:var(--muted);font-size:10px}.schedule-save{text-align:center;flex-direction:column;gap:9px;margin-top:20px;display:flex}.schedule-save>.btn{width:100%}.schedule-save>small{color:var(--muted);font-size:9px}.queue-panel{margin-top:26px}.queue-panel .empty{padding:30px 25px 39px}.queue-panel .empty-icon{border-radius:13px;width:47px;height:47px}.queue-panel .empty h3{font-size:12px}.queue-panel .empty p{font-size:10px}.integration-feature{border:1px solid var(--border);background:linear-gradient(105deg, var(--surface), var(--accent-soft));border-radius:11px;align-items:center;gap:21px;margin:5px 0 27px;padding:26px 29px;display:flex}.mailgun-logo{background:var(--red-soft);width:69px;height:69px;color:var(--red);border-radius:17px;justify-content:center;align-items:center;font-size:48px;font-weight:500;line-height:1;display:flex}.integration-feature .eyebrow{margin-bottom:4px;font-size:8px}.integration-feature h2{letter-spacing:-.6px;font-size:24px}.integration-feature p{color:var(--muted);margin-top:5px;font-size:11px}.provider-chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;margin-left:auto;padding:6px 9px;font-size:9px;display:flex}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:26px;display:grid}.integration-card{padding:24px}.integration-card-head{align-items:center;gap:10px;margin-bottom:17px;display:flex}.integration-card-head>.badge{margin-left:auto}.small-provider{background:var(--red-soft);width:35px;height:35px;color:var(--red);border-radius:9px;justify-content:center;align-items:center;font-size:29px;line-height:1;display:flex}.integration-card h3{color:var(--muted);font-size:16px}.integration-domain{color:var(--muted);margin:5px 0 20px;font-size:11px}.integration-card dl{border-top:1px solid var(--border);margin:0;padding-top:13px}.integration-card dl>div{justify-content:space-between;align-items:flex-start;gap:17px;padding:8px 0;font-size:10px;display:flex}.integration-card dt{color:var(--muted);white-space:nowrap}.integration-card dd{color:var(--muted);text-align:right;overflow-wrap:anywhere;margin:0}.secret-status{align-items:center;gap:4px;display:flex;color:var(--muted)!important}.integration-buttons{border-top:1px solid var(--border);gap:8px;margin-top:13px;padding-top:19px;display:flex}.integration-buttons .btn{font-size:10px}.add-integration{border:1.5px dashed var(--border);background:var(--accent-soft);border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:270px;display:flex}.add-integration>span:first-child{background:var(--surface);border:1px solid var(--border);width:49px;height:49px;color:var(--accent);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.add-integration h3{color:var(--muted);font-size:14px}.add-integration p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.85}.add-integration>.text-button{color:var(--accent);margin-top:18px;font-size:10px}.webhook-panel{padding:26px}.webhook-panel .settings-heading>.badge{margin-left:auto}.copy-field{background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;align-items:center;gap:15px;padding:8px 9px 8px 14px;display:flex}.copy-field code{color:var(--muted);overflow-wrap:anywhere;flex:1;font-size:11px}.copy-field>.btn{font-size:10px}.event-chips{flex-wrap:wrap;gap:7px;margin:18px 0;display:flex}.event-chips>span{color:var(--muted);background:var(--accent-soft);border:1px solid var(--border);border-radius:5px;padding:4px 7px;font-family:monospace;font-size:9px}.webhook-panel>.muted{color:var(--muted);margin-bottom:13px;font-size:10px;line-height:1.8}.webhook-panel>.text-button{font-size:10px}.source-panel{align-items:center;gap:16px;margin-top:23px;padding:23px 26px;display:flex}.source-panel h3{font-size:13px}.source-panel p{color:var(--muted);max-width:560px;margin-top:4px;font-size:10px}.source-panel>.badge{margin-left:auto}.status-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.status-legend>div{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px;display:flex}.status-legend strong{color:var(--muted);font-family:Inter Variable,sans-serif;font-size:21px}.status-legend .badge{font-size:9px}.legacy-summary{color:var(--muted);align-items:center;gap:14px;margin-top:24px;padding:21px;display:flex}.legacy-summary strong{font-size:12px}.legacy-summary p{margin-top:4px;font-size:10px}.modal{border:1px solid var(--border);background:var(--surface);width:100%;max-width:min(520px,100vw - 32px);max-height:90vh;color:var(--text);border-radius:16px;padding:0;animation:.2s appear;overflow:auto;box-shadow:0 25px 90px #00000026}.modal.wide{max-width:min(730px,100vw - 32px)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px 22px;display:flex}.modal-head h2{letter-spacing:-.5px;color:var(--muted);font-size:18px}.modal-head p{color:var(--muted);margin-top:7px;font-size:11px;line-height:1.7}.form{flex-direction:column;gap:20px;padding:25px 28px;display:flex}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:20px;display:flex}.form-error{border:1px solid var(--border);background:var(--red-soft);color:var(--red);white-space:pre-line;overflow-wrap:anywhere;border-radius:7px;align-items:flex-start;gap:9px;padding:11px 13px;font-size:11px;line-height:1.7;display:flex}.form-error svg{flex-shrink:0;margin-top:2px}.check-card{background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;align-items:flex-start;gap:10px;padding:14px;display:flex}.check-card b{color:var(--muted);font-size:11px;font-weight:500}.check-card small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.7;display:block}.check-card input{margin-top:4px}.email-preview{background:var(--surface-raised);padding:25px}.email-meta{border:1px solid var(--border);background:var(--surface);border-radius:9px 9px 0 0;padding:19px 24px}.email-meta>span{color:var(--muted);font-size:10px;display:block}.email-meta strong{color:var(--muted);margin-top:10px;font-size:14px;font-weight:600;display:block}.email-body{background:var(--surface);white-space:pre-wrap;color:var(--muted);border:1px solid var(--border);border-top:0;border-radius:0 0 9px 9px;padding:28px 25px;font-size:13px;line-height:1.95}.email-body footer{border-top:1px solid var(--border);color:var(--muted);margin-top:30px;padding-top:20px;font-size:10px}.email-body footer span{color:var(--accent);text-decoration:underline}.toast{z-index:80;background:var(--surface);border:1px solid var(--border);max-width:min(540px,90vw);color:var(--muted);border-radius:11px;align-items:center;gap:12px;padding:16px 19px;font-size:12px;animation:.2s appear;display:flex;position:fixed;bottom:24px;left:calc(50% + 121px);transform:translate(-50%);box-shadow:0 8px 40px #00000026}.toast>svg{color:var(--muted);flex-shrink:0}.toast button{color:var(--muted);background:0 0;margin-left:8px;padding:0;display:flex}.loading-screen{color:var(--accent);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:55vh;font-size:12px;display:flex}.connection-error{align-items:center;gap:12px;margin-bottom:20px;display:flex}.guide{padding:27px}.guide>p{color:var(--muted);margin-bottom:20px;font-size:11px;line-height:1.9}.guide b{color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.guide>.btn{margin-top:20px}.activity-list{padding:25px}.activity-list>div{color:var(--muted);gap:11px;padding-bottom:20px;font-size:11px;display:flex}.activity-dot{background:#b3a1ca;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.activity-dot.success{background:#85b7a0}.activity-dot.error{background:#cf919d}.activity-list small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.command-search{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 24px;display:flex}.command-search input{box-shadow:none!important;border:0!important}.command-list{padding:10px}.command-list button{background:var(--surface);width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:13px 16px;font-size:12px;display:flex}.command-list button:hover{background:var(--accent-soft)}.command-list button>svg:last-child{margin-left:auto}.login-page{background:radial-gradient(ellipse at 20% 20%, var(--accent-soft), transparent 50%), radial-gradient(ellipse at 85% 85%, var(--blue-soft), transparent 50%), var(--accent-soft);justify-content:center;align-items:center;min-height:100vh;padding:25px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;width:100%;max-width:430px;padding:42px;box-shadow:0 15px 80px #00000026}.login-card>.brand-mark{border-radius:13px;width:44px;height:44px;margin-bottom:28px}.login-card>.eyebrow{margin-bottom:12px;font-size:8px}.login-card h1{color:var(--muted);font-size:31px;line-height:1.35}.login-card>p{color:var(--muted);margin-top:10px;font-size:12px}.login-card form{flex-direction:column;gap:19px;margin-top:30px;display:flex}.login-card>small{color:var(--muted);text-align:center;margin-top:24px;font-size:9px;display:block}.main-flow{height:calc(100vh - 69px);min-height:550px}.flows-page{background:var(--surface);flex-direction:column;height:100%;min-height:550px;display:flex}.flow-switcher{border-bottom:1px solid var(--border);z-index:15;justify-content:space-between;align-items:center;gap:15px;padding:20px 26px 19px;display:flex;position:relative}.flow-breadcrumb{align-items:center;gap:11px;min-width:0;display:flex}.flow-workspace-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.flow-breadcrumb>button{letter-spacing:-.4px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:10px;padding:0;font-family:Inter Variable,sans-serif;font-size:14px;font-weight:750;display:flex}.flow-breadcrumb>button>svg{color:var(--muted)}.flow-breadcrumb>.badge{margin-left:5px;font-size:9px}.flow-switcher-actions{align-items:center;gap:16px;display:flex}.flow-switcher-actions>span{color:var(--muted);font-size:9px}.flow-switcher-actions .btn{min-height:32px;padding:7px 11px;font-size:10px}.flow-dropdown{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:10px;min-width:390px;padding:8px;position:absolute;top:64px;left:25px;box-shadow:0 12px 35px #00000026}.dropdown-title{letter-spacing:1.1px;color:var(--muted);padding:9px 12px;font-size:8px}.flow-dropdown>button{background:var(--surface);width:100%;color:var(--muted);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:13px 10px;display:flex}.flow-dropdown>button:hover{background:var(--accent-soft)}.flow-dropdown>button>span:not(.badge){color:var(--muted);flex:1;font-size:11px}.flow-dropdown small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.editor-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;height:61px;padding:0 25px;display:flex}.editor-tabs{align-self:stretch;align-items:center;gap:22px;display:flex}.editor-tabs>span,.editor-tabs>button{height:100%;color:var(--muted);background:0 0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0;font-size:10px;display:flex}.editor-actions{align-items:center;gap:9px;display:flex}.editor-actions>.btn{min-height:33px;padding:7px 12px;font-size:10px}.save-state{color:var(--muted);align-items:center;gap:5px;margin-right:8px;font-size:8px;display:flex}.save-state i{background:#9fbba9;border-radius:50%;width:4px;height:4px}.save-state.unsaved{color:var(--amber)}.save-state.unsaved i{background:#cbb17c}.editor-body{flex:1;min-height:0;display:flex;position:relative}.node-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.node-icon.trigger{color:var(--muted);background:var(--green-soft)}.node-icon.email{color:var(--accent);background:var(--accent-soft)}.node-icon.delay{color:var(--amber);background:var(--amber-soft)}.node-icon.condition{color:var(--blue);background:var(--blue-soft)}.node-icon.end{color:var(--muted);background:var(--surface-raised)}.canvas-wrap{background:var(--blue-soft);flex:1;min-width:0;min-height:300px;position:relative}.react-flow{min-height:300px;height:100%!important}.canvas-top{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:15px 17px auto}.canvas-top>div{align-items:center;gap:6px;display:flex}.canvas-tool{background:var(--surface);border:1px solid var(--border);height:29px;color:var(--muted);pointer-events:auto;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:flex;box-shadow:0 1px 3px #00000026}.canvas-tool:hover{background:var(--surface);color:var(--accent);border-color:var(--border)}.canvas-label{color:var(--muted);background:var(--blue-soft);border-radius:5px;align-items:center;gap:6px;padding:4px 8px;font-size:8px;display:flex}.canvas-label>i{background:#b4a6c4;border-radius:50%;width:4px;height:4px}.canvas-label>span{color:var(--muted);padding:0 3px}.canvas-bottom-note{white-space:nowrap;color:var(--muted);background:var(--blue-soft);border:1px solid var(--border);pointer-events:none;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:7px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.mailgun-mini{color:var(--muted);font-size:13px;line-height:1}.canvas-lock-note{color:var(--muted);background:var(--accent-soft);border:1px solid var(--border);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:8px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.flow-node{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:266px;transition:box-shadow .15s,border-color .15s;box-shadow:0 4px 8px #00000026}.node-category{color:var(--muted);align-items:center;gap:8px;padding:12px 14px 0;font-size:9px;font-weight:600;display:flex}.node-category>.node-icon{border-radius:7px;width:26px;height:26px}.node-category>svg:last-child{color:var(--muted);width:13px;margin-left:auto}.flow-node.condition .node-category,.flow-node.end .node-category{color:var(--muted)}.node-content strong{color:var(--muted);letter-spacing:-.15px;font-size:12px;font-weight:600;display:block}.node-content p{color:var(--muted);margin-top:5px;font-size:8px}.react-flow__handle{background:var(--surface)!important;border:1.5px solid var(--border)!important;width:9px!important;min-width:0!important;height:9px!important;min-height:0!important}.react-flow__handle-top{top:-5px!important}.react-flow__handle-bottom{bottom:-5px!important}.node-branches{border-top:1px solid var(--border);color:var(--muted);justify-content:space-around;align-items:center;padding:8px 0;font-size:8px;display:flex;position:relative}.node-branches>span{align-items:center;gap:5px;display:flex}.yes-dot,.no-dot{background:#8db39f;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:inline-block}.no-dot{background:#c9ae87}.react-flow__controls{border-radius:7px;overflow:hidden;border:1px solid var(--border)!important;bottom:13px!important;left:6px!important;box-shadow:0 2px 7px #00000026!important}.react-flow__controls-button{border-bottom:1px solid var(--border)!important;background:var(--surface)!important;color:var(--muted)!important;width:29px!important;height:29px!important;padding:8px!important}.react-flow__controls-button:last-child{border-bottom:0!important}.react-flow__controls-button svg{fill:currentColor!important}.react-flow__minimap{border:1px solid var(--border);border-radius:6px;overflow:hidden;width:107px!important;height:72px!important;margin:14px!important;bottom:27px!important;right:2px!important;box-shadow:0 3px 10px #00000026!important}.react-flow__minimap svg{width:107px!important;height:72px!important}.react-flow__attribution{margin:0 8px 3px;color:var(--muted)!important;background:0 0!important;font-size:6px!important}.node-inspector{background:var(--surface);border-left:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:290px;display:flex;overflow:auto}.inspector-head{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:18px 16px;display:flex}.inspector-head small{letter-spacing:1px;color:var(--muted);margin-bottom:3px;font-size:6px;display:block}.inspector-head h3{color:var(--muted);font-size:11px}.inspector-head>.icon-btn{margin-left:auto}.inspector-content{flex-direction:column;gap:24px;padding:22px 18px;display:flex}.inspector-content .field>span{color:var(--muted);font-size:10px}.inspector-content .field>small{color:var(--muted);font-size:9px}.inspector-content input,.inspector-content select,.inspector-content textarea{color:var(--muted);border-color:var(--border);padding:9px 10px;font-size:11px}.inspector-content .callout{color:var(--muted);padding:11px 12px;font-size:9px;line-height:1.85}.inspector-email{background:var(--accent-soft);border:1px solid var(--border);border-radius:7px;padding:15px}.inspector-email>span{letter-spacing:1px;color:var(--muted);margin-bottom:6px;font-size:6px;display:block}.inspector-email strong{color:var(--muted);font-size:10px;font-weight:500;line-height:1.7}.inspector-email p{color:var(--muted);-webkit-line-clamp:7;white-space:pre-line;-webkit-box-orient:vertical;margin-top:11px;font-size:9px;line-height:1.85;display:-webkit-box;overflow:hidden}.inspector-footer{border-top:1px solid var(--border);margin-top:auto;padding:14px 18px}.inspector-footer .btn{width:100%;font-size:10px}.quick-durations{gap:6px;display:flex}.quick-durations button{background:var(--accent-soft);border:1px solid var(--border);color:var(--muted);border-radius:6px;flex:1;padding:6px;font-size:10px}.quick-durations button.selected{border-color:var(--border);background:var(--accent-soft);color:var(--accent)}.condition-explanation{flex-direction:column;gap:14px;display:flex}.condition-explanation>div{color:var(--muted);grid-template-columns:7px 25px 1fr;align-items:start;gap:7px;font-size:9px;line-height:1.8;display:grid}.condition-explanation i{margin-top:6px}.condition-explanation strong{color:var(--muted);font-size:9px;font-weight:600}.end-note{text-align:center;color:var(--muted);padding:24px 10px}.end-note h4{color:var(--muted);margin-top:10px;font-size:12px}.end-note p{margin-top:8px;font-size:10px;line-height:1.9}.flow-details{flex-direction:column;gap:14px;padding-top:5px;display:flex}.flow-details>span{color:var(--muted);justify-content:space-between;align-items:center;gap:9px;font-size:9px;display:flex}.flow-details b{color:var(--muted);font-size:9px;font-weight:400}.editor-statusbar{border-top:1px solid var(--border);height:30px;color:var(--muted);background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:0 19px;font-size:7px;display:flex}.editor-statusbar>span{align-items:center;gap:6px;display:flex}.editor-statusbar .connection-dot{background:#9bbca9;width:4px;height:4px}.statusbar-separator{color:var(--accent);padding:0 5px}.editor-error{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 18px;display:flex}.editor-error>.form-error{background:0 0;border:0;flex:1;padding:0;font-size:10px}.validation-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.validation-list>li{color:var(--muted);align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;display:flex}.validation-list>li>span{border:1px solid var(--border);width:21px;height:21px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.validation-success{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:25px 5px;display:flex}.validation-success p{color:var(--muted);margin-top:17px;font-size:13px}.validation-success small{color:var(--muted);margin-top:7px;font-size:10px}.flow-starter-preview{background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);border-radius:9px;justify-content:center;align-items:center;gap:14px;padding:22px;display:flex}.flow-starter-preview>span{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.flow-starter-preview>svg{width:13px}.page-title p,.panel-heading p,.metric-top,.metric-card>small,.setup-panel>p,.setup-panel>small,.setup-items small,.workspace-note,.period,.chart-legend,.panel-foot,.flow-row small,.row-enrolled,.profile small,.workspace small,.sidebar-tip p,.help-link,.quick-search,.live-label,.breadcrumb,.nav-label,.banner-label,.overview-banner p,.banner-node small,.banner-status>span,.table-search-row>.muted,.contact-name small,th,.template-type,.template-info>p,.template-info>div:last-child>span,.field>small,.field>span,.summary-lines>div,.settings-heading p,.schedule-summary>.muted,.schedule-save>small,.integration-hint,.integration-domain,.integration-card dt,.webhook-panel>.muted,.source-panel p,.callout,.callout.subtle,.empty p,.canvas-label,.save-state,.editor-statusbar,.canvas-bottom-note,.node-content p,.node-category,.node-branches,.inspector-content .field>span,.inspector-content .field>small,.inspector-content .callout,.inspector-email p,.flow-details>span,.flow-details b,.condition-explanation>div,.inspector-head h3,.node-content strong,.inspector-content input,.inspector-content select,.inspector-content textarea,.modal-head p,.guide>p,.check-card small,.check-card b,.modal .field>span,.validation-list>li,.inspector-email strong,.email-body,.email-meta strong,.new-template-card h3,.new-template-card p,.add-integration h3,.add-integration p,.eyebrow,.page-title .eyebrow{color:var(--muted)}@media (width>=1700px){.main-content{padding:40px 48px}.overview-banner{min-height:290px}.banner-flow{padding-right:45px}.metric-card{padding:22px 26px}.chart{height:218px}.chart-grid,.bar-pair{height:187px}.node-inspector{width:320px}.node-content strong{font-size:13px}.flow-node{width:280px}}@media (width<=1250px){.sidebar{width:214px;padding-left:13px;padding-right:13px}.main-shell{margin-left:214px}.sidebar nav a{gap:9px;font-size:10px}.brand{font-size:25px}.workspace small{font-size:8px}.main-content{padding:28px 26px}.topbar{padding:0 26px}.top-actions{gap:12px}.quick-search span{display:none}.quick-search kbd{margin-left:1px}.overview-banner{padding:26px}.overview-banner h2{font-size:29px}.banner-flow{min-width:280px}.banner-node{width:240px}.banner-status{gap:5px}.banner-status>span{padding:5px 7px;font-size:7px}.metric-card{padding:16px}.metric-grid{gap:12px}.overview-columns{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:16px}.setup-panel{padding:21px}.panel-heading{padding:20px}.table-toolbar{flex-direction:column;align-items:flex-start}.template-grid{gap:16px}.template-preview{height:210px;padding:23px 18px 0}.email-paper{padding:20px 18px}.new-template-card{min-height:358px}.integration-card{padding:20px}.integration-buttons{flex-wrap:wrap}.status-legend{grid-template-columns:repeat(3,1fr)}.node-inspector{width:263px}.editor-tabs{gap:16px}.flow-switcher-actions>span{display:none}.toast{left:calc(50% + 107px)}}@media (width<=1050px){.sidebar{width:190px;padding-left:10px;padding-right:10px}.main-shell{margin-left:190px}.sidebar nav a{gap:9px;padding:10px;font-size:9.5px}.workspace{gap:7px;padding:9px 7px}.workspace strong{font-size:10px}.workspace-avatar{width:28px;height:28px;font-size:9px}.workspace small{font-size:7px}.sidebar-tip{padding:12px 10px}.sidebar-tip strong{font-size:9px}.sidebar-tip p{font-size:8px}.main-content{padding:25px 22px}.topbar{padding:0 23px}.page-title h1{font-size:24px}.page-title p{font-size:10.5px}.overview-banner h2{font-size:27px}.overview-banner p{font-size:10px}.banner-flow{width:43%;min-width:230px;padding-left:10px}.banner-node{gap:9px;width:212px;padding:11px}.banner-node strong{font-size:10px}.banner-node small{font-size:5.5px}.banner-node.n1{transform:translate(-10px)}.banner-node.n2{transform:translate(5px)}.banner-status{gap:4px;transform:translate(0)}.banner-status>span{gap:2px;padding:5px;font-size:6px}.banner-status svg{width:11px}.overview-columns{grid-template-columns:1fr}.setup-panel{display:none}.metric-top{font-size:9px}.metric-icon{width:24px;height:24px}.metric-icon svg{width:15px}.metric-card>small{font-size:8px}.metric-card>strong{font-size:25px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-template-card{min-height:210px}.schedule-layout{grid-template-columns:1fr}.schedule-aside{grid-template-columns:1fr 1fr;align-items:start;gap:22px;display:grid}.schedule-summary{padding:23px}.schedule-summary h2{max-width:none;font-size:17px}.week-visual{padding-top:15px;padding-bottom:16px}.schedule-save{margin-top:0;padding:22px 0}.integration-grid{grid-template-columns:1fr 1fr;gap:17px}.integration-card dl>div{flex-direction:column;gap:3px}.integration-card dd{text-align:left}.integration-feature{padding:23px}.provider-chip{display:none}.editor-toolbar{padding:0 16px}.editor-tabs>button{font-size:9px}.editor-tabs{gap:13px}.save-state{display:none}.editor-actions>.btn{padding:7px 9px;font-size:9px}.flow-switcher{padding:18px 20px}.flow-breadcrumb>button{font-size:12px}.node-inspector{width:275px;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 30px #00000026}.toast{left:calc(50% + 95px)}}@media (width<=800px){.sidebar{align-items:center;width:73px;padding:25px 10px 0}.brand{gap:0;margin-bottom:28px;padding:0}.brand>span:last-child{display:none}.brand-mark{width:35px;height:35px}.workspace,.nav-label,.sidebar nav a>span,.sidebar nav .connection-dot,.sidebar-tip,.help-link span,.help-link>svg:last-child,.profile>div,.profile-dot,.profile .icon-btn{display:none}.sidebar nav{gap:10px;width:100%}.sidebar nav a{justify-content:center;min-height:44px;padding:12px}.sidebar nav a svg{width:19px;height:19px}.sidebar nav+nav{margin-top:25px}.sidebar nav a.active:before{left:-10px}.sidebar-bottom{width:100%}.help-link{justify-content:center;padding:12px}.profile{justify-content:center;padding:18px 0}.main-shell{margin-left:73px}.topbar{height:60px;padding:0 22px}.main-flow{height:calc(100vh - 60px)}.main-content{padding:24px 22px}.page-title{align-items:flex-start}.page-title h1{font-size:25px}.page-title>.btn{padding:9px 11px;font-size:10px}.page-title p{max-width:320px;font-size:11px;line-height:1.7}.page-title .eyebrow{font-size:7px}.overview-banner{min-height:246px;padding:26px 24px}.banner-label{letter-spacing:.8px;font-size:6px}.overview-banner h2{font-size:26px}.metric-grid{gap:10px}.metric-card{padding:15px 12px}.metric-top{font-size:8.5px}.metric-top>.metric-icon{display:none}.metric-card>small{font-size:7.5px;line-height:1.6}.metric-card>strong{margin-top:12px;font-size:24px}.mini-stats{gap:12px}.mini-stats>div{gap:10px;padding:16px}.mini-stats>div>svg{width:17px}.mini-stats>div>span{font-size:8px}.mini-stats strong{font-size:23px}.flow-switcher{padding:17px}.flow-breadcrumb{gap:8px}.flow-breadcrumb>button{max-width:270px;font-size:12px}.flow-breadcrumb>.badge{margin-left:0}.flow-workspace-icon{display:none}.flow-switcher-actions .btn{padding:7px 8px;font-size:9px}.editor-statusbar{padding:0 11px;font-size:6px}.toast{left:calc(50% + 36px)}.react-flow__minimap{display:none!important}.source-panel{padding:20px}.source-panel>.badge{display:none}.integration-feature p{font-size:10px}}@media (width<=600px){.sidebar{align-items:stretch;width:232px;padding:25px 17px 0;transition:transform .2s;transform:translate(-100%)}.nav-open .sidebar{transform:translate(0)}.nav-scrim{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#34244166;position:fixed;inset:0}.sidebar .brand{gap:10px;padding-left:9px}.sidebar .brand>span:last-child{display:block}.sidebar .workspace{display:flex}.sidebar .nav-label,.sidebar nav a>span{display:block}.sidebar nav .nav-count{display:flex}.sidebar nav a{justify-content:flex-start;gap:13px;font-size:12px}.sidebar nav{gap:4px}.sidebar .sidebar-tip{display:block}.sidebar .sidebar-tip strong{font-size:10px}.sidebar .sidebar-tip p{font-size:9px}.sidebar .help-link{justify-content:flex-start}.sidebar .help-link span{display:block}.sidebar .profile{justify-content:flex-start;gap:11px}.sidebar .profile>div,.sidebar .profile-dot{display:block}.main-shell{margin-left:0}.mobile-menu{display:flex}.topbar{height:57px;padding:0 15px}.breadcrumb{gap:7px;font-size:10px}.workspace-crumb,.breadcrumb>svg{display:none}.top-actions{gap:6px}.top-divider,.quick-search kbd{display:none}.quick-search{padding:6px}.live-label{font-size:8px}.notification{width:28px}.main-content{padding:24px 18px}.page-title{flex-wrap:wrap;gap:17px;margin-bottom:23px}.page-title h1{letter-spacing:-.8px;font-size:25px}.page-title p{max-width:100%;font-size:11px;line-height:1.7}.page-title>.btn{min-height:39px;font-size:11px}.overview-banner{min-height:247px;padding:25px}.overview-banner h2{font-size:30px}.overview-banner p{font-size:11px}.banner-label{font-size:7px}.banner-flow{display:none}.overview-banner:after{content:"";border:1px solid var(--border);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-50px;right:-95px;box-shadow:0 0 0 35px #00000026,0 0 0 70px #00000026}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}.metric-card{padding:15px}.metric-top{font-size:10px}.metric-top>.metric-icon{display:flex}.metric-card>small{font-size:8px}.metric-card>strong{font-size:27px}.overview-columns{gap:16px}.panel-heading{align-items:flex-start;padding:18px}.panel-heading h2{font-size:13px}.panel-heading p{font-size:9px}.period{padding:6px;font-size:8px}.period svg{width:12px}.chart-legend{padding:0 18px}.chart{height:180px;margin:25px 18px 0}.chart-grid,.bar-pair{height:145px}.chart-empty{inset:15px 5px 55px 22px}.chart-empty b{font-size:9px}.chart-empty span{max-width:210px;font-size:8px}.panel-foot{padding:12px 18px;font-size:8px}.panel-foot button{font-size:8px}.overview-flows{margin-top:18px}.overview-flows .panel-heading>.text-button{gap:3px;font-size:9px}.flow-row{flex-wrap:wrap;gap:10px;padding:16px 18px}.flow-row strong{max-width:170px;font-size:10px}.flow-row small{font-size:8px}.flow-icon{width:32px;height:32px}.flow-row .row-enrolled{display:none}.flow-row>.badge{margin:0 0 0 auto;font-size:8px}.flow-row>svg{display:none}.workspace-note{text-align:center;align-items:flex-start;font-size:8px;line-height:1.75}.workspace-note svg{flex-shrink:0;width:13px}.mini-stats{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.mini-stats>div{gap:14px;padding:14px 17px}.mini-stats>div>span{flex:1;justify-content:space-between;align-items:center;font-size:10px;display:flex}.mini-stats strong{margin:0;font-size:23px}.table-toolbar{gap:12px;padding:12px}.tabs{flex-wrap:wrap;gap:0}.tabs button{padding:8px;font-size:9px}.toolbar-actions{justify-content:space-between;gap:3px;width:100%}.table-search-row{flex-wrap:wrap;gap:12px;padding:13px}.table-search-row .search{width:100%;min-width:0}.table-search-row>.muted{font-size:9px}.table-search-row .btn{font-size:10px}.table-scroll{width:100%}table{min-width:570px}td,th{padding:13px}.empty{padding:45px 20px}.empty h3{font-size:13px}.empty p{font-size:10px}.empty-icon{border-radius:15px;width:52px;height:52px}.section-toolbar{flex-wrap:wrap;gap:11px;margin-bottom:20px}.section-toolbar>.search{width:100%}.section-toolbar>.muted{font-size:10px}.template-grid{grid-template-columns:1fr;gap:21px}.template-preview{height:242px;padding:27px 33px 0}.email-paper{padding:23px 24px}.paper-title{font-size:13px}.paper-line{font-size:9px}.template-info{padding:20px}.new-template-card{min-height:210px}.new-template-card h3{font-size:13px}.callout.subtle{font-size:10px}.schedule-layout{gap:20px}.schedule-main{gap:18px}.settings-panel{padding:20px}.settings-heading{gap:10px;margin-bottom:20px}.settings-heading h2{font-size:13px}.settings-heading p{font-size:10px;line-height:1.7}.settings-icon{border-radius:9px;width:34px;height:34px}.settings-heading>.toggle{flex-shrink:0;margin-left:auto}.weekday-picker{justify-content:space-between;gap:6px}.weekday-picker button{width:35px;height:37px;font-size:10px}.window-row{gap:10px}.window-row label{width:auto;min-width:0}.window-row input{padding:8px}.window-number{margin-right:0;font-size:8px}.window-row .icon-btn{width:25px}.form-grid{grid-template-columns:1fr;gap:20px}.field>span{font-size:11px}.field input,.field select,.field textarea{font-size:13px}.schedule-aside{grid-template-columns:1fr;gap:17px}.schedule-summary{padding:23px}.schedule-summary h2{font-size:19px}.week-visual{justify-content:space-around}.schedule-save{padding:0}.schedule-save .btn{min-height:42px}.queue-panel .panel-heading{gap:7px}.queue-panel .badge{font-size:8px}.integration-feature{gap:15px;padding:20px}.mailgun-logo{border-radius:13px;flex-shrink:0;width:52px;height:52px;font-size:40px}.integration-feature h2{font-size:21px}.integration-feature p{font-size:10px;line-height:1.75}.integration-feature .eyebrow{font-size:7px}.integration-grid{grid-template-columns:1fr;gap:17px}.integration-card{padding:23px}.integration-card dl>div{flex-direction:row;gap:15px}.integration-buttons{flex-wrap:nowrap}.add-integration{min-height:260px}.webhook-panel{padding:20px}.webhook-panel .settings-heading{flex-wrap:wrap}.webhook-panel .settings-heading>.badge{margin-top:-7px;margin-left:44px}.copy-field{flex-wrap:wrap;gap:10px;padding:10px 12px}.copy-field code{min-width:100%;font-size:10px}.copy-field>.btn{min-height:31px;padding:7px 10px}.event-chips{gap:5px}.event-chips>span{font-size:8px}.source-panel{gap:12px;padding:18px}.source-panel p{font-size:10px}.status-legend{grid-template-columns:repeat(2,1fr);gap:9px}.status-legend>div{flex-direction:row;justify-content:space-between;align-items:center;padding:12px}.status-legend strong{font-size:18px}.status-legend .badge{padding:4px 5px;font-size:8px}.table-search-row>select{width:100%}.legacy-summary{padding:17px}.modal{border-radius:12px;max-width:calc(100vw - 24px);max-height:92vh}.modal-head{gap:12px;padding:22px 21px 19px}.modal-head h2{font-size:17px}.modal-head p{font-size:11px}.form{gap:19px;padding:23px 21px}.form-actions{gap:9px}.form-actions>.btn{min-height:40px;font-size:11px}.email-preview{padding:16px}.email-body{padding:20px;font-size:12px}.email-meta{padding:16px}.toast{width:calc(100vw - 32px);padding:14px;font-size:11px;bottom:18px;left:50%}.main-flow{height:calc(100dvh - 57px);min-height:560px}.flow-switcher{flex-wrap:wrap;gap:10px;padding:15px}.flow-breadcrumb{gap:6px;width:100%}.flow-breadcrumb>button{flex:1;justify-content:space-between;max-width:none;font-size:12px}.flow-breadcrumb>.badge{font-size:8px}.flow-switcher-actions{margin-left:auto;display:none}.editor-toolbar{gap:8px;height:57px;padding:0 12px}.editor-tabs{gap:10px}.editor-tabs>.selected{gap:0;font-size:0}.editor-tabs>.selected svg{width:18px}.editor-tabs>button{gap:5px;font-size:9px}.editor-tabs>button svg{width:14px}.editor-actions{gap:5px}.editor-actions>.btn{gap:5px;min-height:33px;padding:7px 8px;font-size:9px}.editor-actions>.btn svg{width:13px}.canvas-top{inset:14px 12px auto}.canvas-label{gap:4px;padding:3px;font-size:7px}.canvas-tool{height:28px;padding:0 7px;font-size:8px}.canvas-tool span{display:none}.canvas-bottom-note{gap:4px;padding:5px;font-size:6px;bottom:15px;left:auto;right:10px;transform:none}.canvas-bottom-note svg{width:11px}.canvas-lock-note{max-width:90%;font-size:7px;top:54px}.node-inspector{width:calc(100% - 55px);max-width:290px;box-shadow:-10px 0 40px #00000026}.inspector-content{padding:20px}.inspector-content input,.inspector-content select{font-size:12px}.editor-statusbar{height:30px;padding:0 11px;font-size:6px}.editor-statusbar>span:first-child{display:none}.editor-statusbar>span:last-child{justify-content:space-between;width:100%}.flow-dropdown{width:calc(100vw - 30px);min-width:0;top:53px;left:15px}.flow-dropdown>button{padding:13px 9px}.flow-dropdown>button>.badge{font-size:8px}.flow-dropdown>button>span:not(.badge){font-size:10px}.flow-starter-preview{gap:11px;padding:17px 10px}.flow-starter-preview>span{width:35px;height:35px}.login-card{padding:32px 26px}.login-card h1{font-size:28px}.form .field input,.form .field select,.form .field textarea{font-size:16px}.window-row input[type=time]{font-size:12px}.workspace-note{margin-top:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.field-control{flex-direction:column;gap:7px;min-width:0;display:flex}.field-control>span{color:var(--muted);font-size:11px;font-weight:550}.inspector-content .field-control>span{color:var(--muted);font-size:10px}.tracking-settings,.safety-controls{flex-direction:column;gap:12px;display:flex}.safety-controls>.muted{font-size:10px;line-height:1.8}.safety-controls .badge{align-self:flex-start}.safety-controls .btn{font-size:10px}.node-category{font-size:11px}.node-content strong{font-size:15px}.node-content p{font-size:11px}.node-branches{font-size:10px}.field>label{color:var(--muted);font-size:11px;font-weight:550}.inspector-content .field>label{color:var(--muted);font-size:10px}::selection{color:var(--text);background:#8064e84d}*{scrollbar-width:thin;scrollbar-color:#424d65 transparent}.sidebar nav a.active{color:var(--accent);background:var(--accent-soft)}.sidebar nav a:hover{background:var(--surface-raised)}.nav-count{background:#42355f}.workspace,.sidebar-tip{background:var(--surface)}.sidebar-tip{border-color:var(--border)}.btn.secondary,.btn.ghost,.canvas-tool{color:#c3cbdb}.btn.secondary:hover:not(:disabled),.canvas-tool:hover{background:var(--surface-raised);border-color:#586680}.btn.primary{background:#7457d5}.btn.primary:hover:not(:disabled){background:#8064e8}input:not([type=checkbox]),select,textarea,.input-unit{color:var(--text);background:#141a25}input:disabled,select:disabled,textarea:disabled{background:var(--surface-raised)}.overview-banner{background:linear-gradient(115deg,#252139,#1c2232);border-color:#3b3452}.overview-banner h2,.banner-node strong,.metric-card>strong,.setup-items strong,.flow-row strong,.contact-name strong,.mini-stats strong,.template-info h3,.schedule-summary h2,.pause-control strong,.integration-card h3,.integration-card dd,.status-legend strong,.modal-head h2,.login-card h1,.flow-breadcrumb>button,.node-content strong,.inspector-head h3,.inspector-content input,.inspector-content select,.inspector-content textarea,.email-meta strong,.check-card b,.guide b{color:var(--text)}.overview-banner h2>span,.overview-banner button{color:var(--accent)}.overview-banner:after,.banner-orbit{border-color:#3d3551}.banner-node,.flow-node{background:#1d2432;border-color:#364155}.banner-node>span,.banner-node.n2>span{color:var(--accent);background:var(--accent-soft)}.banner-status>span:first-child{color:var(--green);background:var(--green-soft)}.mailgun-logo,.small-provider{color:#ed9b90;background:#3b292e}.toggle>span{background:#f7f8fc}.weekday-picker button.selected,.quick-durations button.selected{color:var(--accent);background:var(--accent-soft);border-color:#8064c6}.badge.green,.green,.node-icon.trigger{color:var(--green);background:var(--green-soft)}.badge.purple,.purple,.node-icon.email{color:var(--accent);background:var(--accent-soft)}.badge.amber,.amber,.node-icon.delay{color:var(--amber);background:var(--amber-soft)}.blue,.node-icon.condition{color:var(--blue);background:var(--blue-soft)}.badge.red{color:var(--red);background:var(--red-soft)}.badge.neutral,.node-icon.end{color:#bec6d7;background:var(--surface-raised)}.secret-status{color:var(--green)!important}.modal{color:var(--text);box-shadow:0 24px 100px #0008}.toast{color:var(--text)}.email-paper,.email-body{color:#d4dbea;background:#1d2432}.email-body footer{color:var(--muted)}.preview-hover{color:var(--accent);background:#211b38d9}.login-card{background:var(--surface);border-color:var(--border)}.canvas-label,.canvas-bottom-note{background:#11151ee8}.flow-node.trigger .node-category{color:var(--green)}.flow-node.email .node-category{color:var(--accent)}.flow-node.delay .node-category{color:var(--amber)}.flow-node.condition .node-category{color:var(--blue)}.node-content p,.node-branches{color:#acb7cb}.react-flow__minimap{background:#161c28}.react-flow__attribution{background:var(--surface)!important;color:var(--muted)!important}.canvas-top{gap:12px;inset:20px 22px auto}.canvas-tool{border-radius:9px;height:36px;padding:0 11px;font-size:11px}.canvas-label{margin-left:7px;font-size:10px}.add-step-button{color:#fff;pointer-events:auto;background:#8064e8;border:1px solid #a188ef;border-radius:10px;align-items:center;gap:9px;height:42px;padding:0 15px;font-size:12px;font-weight:650;display:inline-flex;box-shadow:0 4px 18px #0003}.add-step-button:hover:not(:disabled),.add-step-button[aria-expanded=true]{background:#9275ee}.add-step-button>svg:last-child{opacity:.8;margin-left:6px}.add-step-menu{z-index:20;background:#1c2331;border:1px solid #46516a;border-radius:15px;width:338px;max-width:calc(100% - 44px);max-height:calc(100% - 90px);padding:8px;animation:.16s appear;position:absolute;top:72px;left:22px;overflow-y:auto;box-shadow:0 18px 60px #0007}.step-menu-heading{justify-content:space-between;align-items:flex-start;gap:8px;padding:13px 10px 16px;display:flex}.step-menu-heading strong{color:var(--text);font-size:14px}.step-menu-heading p{color:var(--muted);margin-top:4px;font-size:11px}.step-menu-heading .icon-btn{width:26px;height:26px}.step-options{flex-direction:column;gap:3px;display:flex}.step-option{text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:12px 10px;display:flex}.step-option:hover:not(:disabled),.step-option:focus-visible{background:#2a3245;border-color:#4c4567}.step-option:disabled{opacity:.42}.step-option .node-icon{border-radius:10px;width:38px;height:38px}.step-option>div{flex:1;min-width:0}.step-option strong{font-size:12px;font-weight:600;display:block}.step-option small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.step-option>svg{color:var(--muted)}.step-menu-tip{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:7px;margin-top:8px;padding:13px 9px 7px;font-size:9px;display:flex}.step-menu-tip svg{flex-shrink:0}@media (width<=1050px){.canvas-label{display:none}}@media (width<=600px){.canvas-top{gap:8px;inset:12px 12px auto}.add-step-button{gap:7px;height:38px;padding:0 11px;font-size:11px}.add-step-button>svg:last-child{display:none}.canvas-tool{width:36px;height:36px;padding:0}.add-step-menu{width:338px;max-width:calc(100% - 24px);max-height:calc(100% - 72px);top:59px;left:12px}.canvas-lock-note{top:60px}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:#111214;--surface:#191a1d;--surface-raised:#24262a;--text:#edeef0;--muted:#999da5;--border:#303237;--primary:#d9dde4;--primary-dark:#fff;--primary-light:#282b31;--accent:#c3c9d3;--accent-soft:#25282e;--green:#86bc9d;--green-soft:#202e27;--blue:#90accd;--blue-soft:#222b36;--amber:#caae7e;--amber-soft:#302b22;--red:#d79a9e;--red-soft:#322327;--shadow:none;--control-border:#3b3e44;--control-radius:6px;--control-height:36px;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{font-size:13px}::selection{background:#59647780}*{scrollbar-color:#42454b transparent}h1,h2,h3,h4,.brand,.flow-breadcrumb>button,.metric-card>strong{font-family:inherit}h1{letter-spacing:-.7px;font-size:26px;font-weight:600}h2,h3{letter-spacing:-.2px;font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=menuitem]:focus-visible{outline-offset:3px;outline:2px solid #9aa6b9}.btn{min-height:var(--control-height);height:var(--control-height);border-radius:var(--control-radius);letter-spacing:0;box-shadow:none;gap:7px;padding:0 13px;font-size:12px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s}.btn.primary{color:#181a1e;box-shadow:none;background:#e2e5e9;border-color:#e2e5e9}.btn.primary:hover:not(:disabled){color:#111214;box-shadow:none;background:#fff;border-color:#fff}.btn.secondary{color:#dedfe3;border-color:var(--control-border);background:#232529;box-shadow:0 1px 2px #0003}.btn.secondary:hover:not(:disabled){background:#2c2f34;border-color:#555962;box-shadow:0 1px 2px #0003}.btn.ghost{color:#b7bbc3;box-shadow:none;background:0 0}.btn.ghost:hover:not(:disabled){color:var(--text);background:#2b2d32}.btn.danger{color:#dfa4aa;background:0 0;border-color:#634045}.btn.danger:hover:not(:disabled){background:#352329;border-color:#90555e}.btn:disabled{opacity:.42;box-shadow:none}.btn.btn-sm{height:32px;min-height:32px;padding:0 11px}.btn.btn-icon{width:32px;height:32px;min-height:32px;padding:0}.btn svg,.icon-btn svg{stroke-width:1.7px;width:15px;height:15px}.icon-btn{width:30px;height:30px;color:var(--muted);border-radius:5px}.icon-btn:hover{color:var(--text);background:#2b2d32}.text-button{color:#c6cbd4;font-size:12px;font-weight:500}.text-button:hover{color:#fff}.page-title .btn,.flow-switcher-actions .btn,.editor-actions>.btn,.inspector-footer .btn,.safety-controls .btn{font-size:12px}.flow-switcher-actions .btn,.editor-actions>.btn{height:32px;min-height:32px;padding:0 11px}.ui-tooltip{z-index:120;color:#202227;background:#e1e3e7;border-radius:5px;max-width:260px;padding:7px 10px;font-size:11px;font-weight:500;box-shadow:0 3px 12px #0005}.sidebar,.topbar{background:#17181b}.sidebar{padding-top:24px}.brand{letter-spacing:-1px;gap:9px;font-size:23px;font-weight:600}.brand-mark{box-shadow:none;color:#e6e8ec;background:#282b30;border:1px solid #444850;border-radius:7px;width:31px;height:31px}.brand-mark svg{width:18px;height:18px}.brand-dot{color:#848994}.workspace{background:#1c1e22;border-radius:6px}.workspace-avatar{color:#c0c5ce;background:#2b2e34;border-radius:5px}.workspace strong,.profile strong{font-size:12px;font-weight:500}.workspace small,.profile small{font-size:10px}.nav-label{letter-spacing:.6px;color:#787d88;font-size:10px}.sidebar nav a{color:#a7abb4;border-radius:5px;min-height:38px;font-size:12px;font-weight:450}.sidebar nav a svg{stroke-width:1.6px;width:17px;height:17px}.sidebar nav a.active{color:#f0f1f3;background:#2a2d32;font-weight:500}.sidebar nav a.active:before{display:none}.sidebar nav a:hover{color:#f0f1f3;background:#23252a}.nav-count{color:#cfd3db;background:#3b3e45;border-radius:4px}.avatar{box-shadow:none;color:#b8bec9;background:#2c2f35;border:0}.topbar{height:58px}.breadcrumb,.breadcrumb strong,.quick-search{color:var(--muted);font-size:11px}.breadcrumb strong{color:#c3c6cd}.quick-search kbd{color:#858b97;border-color:#3b3e44;padding:2px 5px;font-size:9px}.live-label{font-size:10px}.live-label.local i{box-shadow:none;background:#8b919c}.main-flow{height:calc(100vh - 58px)}.help-link{font-size:12px}.page-title{margin-bottom:28px}.page-title p{color:var(--muted);margin-top:7px;font-size:12px}.page-title .eyebrow{display:none}.panel,.metric-card,.template-card,.integration-feature,.new-template-card,.add-integration{box-shadow:none;border-radius:7px}.metric-grid{gap:16px}.metric-icon{color:#949ba7;background:0 0}.metric-top{font-size:12px}.metric-card>strong{font-variant-numeric:tabular-nums;margin:12px 0 8px;font-size:30px;font-weight:500}.metric-card>small{font-size:11px}.panel-heading h2{font-size:14px}.panel-heading p,.settings-heading p,.setup-panel>p{font-size:12px}.panel-foot,.period,.chart-legend,.chart-column>span{font-size:10px}.setup-icon,.flow-icon,.settings-icon,.empty-icon{color:#aeb5c2;border-color:var(--border);box-shadow:none;background:#25282d;border-radius:6px}.setup-items strong,.flow-row strong{font-size:12px;font-weight:500}.setup-items small,.flow-row small{font-size:11px}.flow-row{background:var(--surface)}.flow-row:hover{background:#202226}.setup-progress>span,.purple-dot,.bar-pair i{background:#858f9f}.chart-empty{background:#191a1deb}.chart-empty b{color:#bfc4cd;font-size:12px}.chart-empty span{font-size:11px}.badge{border:1px solid color-mix(in srgb, currentColor 20%, transparent);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:450}.badge.purple{color:#b6becc;background:#252a33}.tabs{gap:3px}.tabs button{border-radius:5px;font-size:12px;font-weight:500}.tabs button.selected{color:#eaecf0;background:#30333a}.tabs button:hover{color:var(--text)}th{color:#a4aab5;background:#1d1f23;font-size:11px;font-weight:500}td{font-size:12px}tbody tr:hover{background:#202226}.contact-avatar{color:#bbc3d2;background:#2a2e36;border-radius:6px}.tags>span{background:#282b31;border-radius:4px}.template-preview,.template-preview.preview-1,.template-preview.preview-2{background:#202226}.template-info h3{font-size:14px}.template-info>p{font-size:12px}.new-template-card,.add-integration{background:#191b1e;border-color:#3b3f46}.new-template-card:hover,.add-integration:hover{background:#22252a;border-color:#626a78}.new-template-card>span,.add-integration>span:first-child{background:#26292f;border-radius:6px}input:not([type=checkbox]),select,textarea,.input-unit{color:#d6d9df;background:#141518;border-color:#363a42;border-radius:5px;font-size:12px}input:not([type=checkbox]),select{min-height:36px;padding:8px 10px}input:not([type=checkbox]):focus,select:focus,textarea:focus,.input-unit:focus-within{border-color:#9099a9;box-shadow:0 0 0 2px #aab5c51a}input::placeholder,textarea::placeholder{color:#737984}.field>label,.field>span,.field-control>span,.modal .field>span,.inspector-content .field>label{color:#bfc4ce;font-size:12px;font-weight:450}.field>small{color:#8e95a2;font-size:11px;line-height:1.6}.search{background:#141518;border-color:#363a42;border-radius:5px}.search input{background:0 0}.weekday-picker{gap:0}.weekday-picker button{color:#9ea5b2;background:#202226;border-color:#3c4048;border-radius:0;margin-left:-1px;font-size:12px}.weekday-picker button:first-child{border-radius:5px 0 0 5px;margin-left:0}.weekday-picker button:last-child{border-radius:0 5px 5px 0}.weekday-picker button.selected{color:#edeff3;background:#363b44;border-color:#626b7a;position:relative}.quick-durations button{background:#25282f;border-radius:4px;font-size:11px}.quick-durations button.selected{color:#e6ebf3;background:#363c47;border-color:#657086}.toggle{background:#41464f}.toggle.on{background:#658f78}.schedule-summary,.integration-feature{background:#1c1e22}.schedule-summary h2{font-size:18px;font-weight:550}.summary-lines>div,.pause-control small,.integration-card dt,.integration-card dd,.integration-domain{font-size:11px}.week-visual .on i{background:#444c59}.week-visual .on i:nth-child(3){background:#5b6575}.week-visual .on i:nth-child(4){background:#818ea3}.callout,.callout.subtle,.check-card{color:#9ca6b7;background:#20242b;border-color:#323844;border-radius:5px;font-size:11px}.integration-feature p{font-size:12px}.provider-chip{background:#25282d;border-radius:4px;font-size:10px}.copy-field{background:#141619;border-radius:5px}.copy-field code{color:#b0bacb;font-size:11px}.event-chips>span{background:#252a32;border-radius:4px;font-size:10px}.modal{background:#1b1d21;border-color:#454a54;border-radius:8px}.modal-head{padding:21px 24px}.modal-head h2{font-size:17px;font-weight:550}.modal-head p{margin-top:6px;font-size:12px}.modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#090a0cc4}.form-actions{gap:8px}.toast{background:#24282f;border-radius:6px;font-size:12px}.login-page{background:#111214}.login-card{border-radius:10px}.flows-page{background:#191a1d}.flow-switcher{padding:17px 24px}.flow-workspace-icon{color:#9da6b5;background:0 0;width:26px;height:26px}.flow-breadcrumb .flow-select-trigger{color:#e8eaed;letter-spacing:-.2px;background:0 0;border-radius:4px;align-items:center;gap:12px;padding:4px 6px;font-size:14px;font-weight:550;display:flex}.flow-select-trigger:hover,.flow-select-trigger[data-state=open]{background:#2b2e34}.flow-select-trigger>svg{color:#878f9d}.flow-switcher-actions>span{font-size:11px}.flow-select-menu{z-index:80;background:#23252a;border:1px solid #414650;border-radius:7px;width:360px;max-width:calc(100vw - 24px);padding:5px;box-shadow:0 12px 36px #0007}.dropdown-title{letter-spacing:0;padding:9px 10px;font-size:11px;font-weight:500}.flow-select-item{cursor:pointer;color:#aeb5c2;border-radius:4px;outline:none;align-items:center;gap:10px;padding:10px;display:flex}.flow-select-item[data-highlighted]{color:#f0f2f5;background:#333740}.flow-select-item>span:not(.badge){color:#d9dde4;flex:1;font-size:12px}.flow-select-item small{color:#959ead;margin-top:4px;font-size:10px;display:block}.menu-separator{background:#3a3e47;height:1px;margin:5px}.editor-toolbar{height:53px;padding:0 24px}.editor-tabs{gap:22px}.editor-tabs>span,.editor-tabs>button{color:#8f96a3;font-size:12px}.editor-tabs>.selected{color:#e1e5eb;border-bottom-color:#abb4c2;font-weight:500}.editor-tabs>.settings-active{color:#e1e5eb}.save-state{font-size:10px}.canvas-top{inset:18px 22px auto}.canvas-label{color:#858e9d;background:0 0;font-size:11px}.canvas-label>i{background:#778497}.canvas-wrap{background:var(--background)}.react-flow.dark{--xy-background-color:#111214;--xy-minimap-background-color:#191b20}.add-step-button.btn{color:#dfe3ea;pointer-events:auto;background:#26292f;border:1px solid #444a54;border-radius:6px;gap:8px;height:34px;min-height:34px;padding:0 12px;font-size:12px;font-weight:500;box-shadow:0 1px 3px #0004}.add-step-button.btn:hover:not(:disabled),.add-step-button.btn[data-state=open]{color:#fff;background:#343942;border-color:#616b7d}.canvas-action-group{pointer-events:auto;background:#202328;border:1px solid #393f49;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:0 1px 3px #0004}.canvas-action-group .btn{border:0;border-radius:3px}.toolbar-separator{background:#3b414c;width:1px;height:17px;margin:0 3px}.step-popover{z-index:80;width:304px;max-width:calc(100vw - 24px);max-height:var(--radix-popover-content-available-height);background:#22252a;border:1px solid #474d58;border-radius:7px;outline:none;overflow-y:auto;box-shadow:0 12px 36px #0007}.step-popover-title{justify-content:space-between;align-items:center;padding:8px 9px 2px 13px;display:flex}.step-popover-title strong{color:#ccd2dd;font-size:12px;font-weight:500}.step-search{color:#858f9f;background:#181b20;border:1px solid #414752;border-radius:4px;align-items:center;gap:8px;height:34px;margin:5px 8px 7px;padding:0 9px;display:flex}.step-search:focus-within{border-color:#7b8ba3}.step-search input{background:0 0;border:none;outline:none;min-height:0;padding:0;font-size:12px;box-shadow:none!important}.step-search input:focus-visible{outline:none}.step-search kbd{color:#848d9b;border:1px solid #363c46;border-radius:3px;padding:0 4px;font-family:inherit;font-size:9px}.step-options{gap:1px;padding:0 5px}.step-option{border:none;border-radius:4px;gap:10px;min-height:55px;padding:10px 8px}.step-option .node-icon{color:#acb5c4;background:0 0;border-radius:4px;width:26px;height:26px}.step-option .node-icon svg{stroke-width:1.5px;width:17px;height:17px}.step-option strong{color:#e1e6ed;font-size:12px;font-weight:450}.step-option small{color:#939daa;margin-top:3px;font-size:10px}.step-option>svg{opacity:0;color:#bfc8d6}.step-option:hover:not(:disabled),.step-option:focus-visible{background:#333a45;outline:none}.step-option:hover:not(:disabled)>svg,.step-option:focus-visible>svg{opacity:1}.step-menu-tip{color:#7d8796;border-color:#373e49;justify-content:space-between;margin:6px 0 0;padding:9px 13px;font-size:10px}.step-no-results{text-align:center;color:var(--muted);padding:24px 10px;font-size:12px}.flow-node{background:#1e2126;border-color:#3a404a;border-radius:6px;box-shadow:0 2px 4px #0003}.flow-node.node-selected{border:1px solid #99adc9;box-shadow:0 0 0 2px #8babc329}.node-category{padding:12px 14px 0;font-size:11px;font-weight:450}.node-category .node-icon{background:0 0;border-radius:3px;width:22px;height:22px}.node-category>svg:last-child{color:#596271}.flow-node.email .node-category,.node-icon.email{color:#b6c1d2}.node-content{padding:10px 15px 15px}.node-content strong{font-size:14px;font-weight:500}.node-content p{color:#919cab;font-size:11px}.node-branches{color:#a5afbd;border-color:#333a44;font-size:10px}.react-flow__handle{background:#20252d!important;border-color:#8795a9!important}.react-flow__handle:hover{background:#afbdd0!important}.react-flow__controls{border-color:#3d4450!important;border-radius:5px!important;box-shadow:0 1px 4px #0005!important}.react-flow__controls-button{color:#b9c4d4!important;background:#242930!important;border-color:#3d4450!important}.react-flow__controls-button:hover{background:#363f4b!important}.react-flow__minimap{background:#191b20;border-color:#333b47;border-radius:4px}.node-inspector{background:#1b1e23;box-shadow:-4px 0 14px #0002}.inspector-head h3{font-size:13px;font-weight:500}.inspector-head small{letter-spacing:.5px;font-size:9px}.inspector-head .node-icon{background:0 0}.inspector-content input,.inspector-content select,.inspector-content textarea{font-size:12px}.inspector-content .field>small,.inspector-content .callout{font-size:11px}.inspector-email{background:#22272e;border-radius:5px}.editor-statusbar{color:#8390a3;background:#191c21;font-size:9px}.flow-starter-preview{background:#23272f;border-radius:5px}.flow-starter-preview>span{color:#aebdce;background:#2c333e;border-radius:5px}@media (width<=1050px){.save-state{display:none}}@media (width<=600px){.topbar{height:56px}.main-flow{height:calc(100dvh - 56px)}.main-content{padding:22px 16px}h1{font-size:23px}.page-title .btn{padding:0 10px;font-size:11px}.page-title p{font-size:11px}.metric-grid{gap:10px}.metric-top{font-size:10px}.metric-card>strong{font-size:26px}.metric-card>small{font-size:10px}.flow-switcher{padding:13px 12px}.flow-breadcrumb{gap:7px}.flow-breadcrumb .flow-select-trigger{gap:7px;font-size:12px}.editor-toolbar{gap:8px;height:52px;padding:0 12px}.editor-tabs{gap:10px}.editor-tabs>span,.editor-tabs>button{font-size:10px}.editor-actions{gap:6px}.editor-actions>.btn{padding:0 9px;font-size:11px}.editor-actions>.btn>svg{display:none}.canvas-top{inset:12px 12px auto}.add-step-button.btn{height:36px;min-height:36px;padding:0 10px;font-size:11px}.canvas-action-group{gap:0}.canvas-action-group .btn{width:30px;height:30px;min-height:30px;padding:0}.canvas-action-group .btn>span{display:none}.toolbar-separator{margin:0 2px}.editor-statusbar{font-size:7px}.form .field input,.form .field select,.form .field textarea{font-size:16px}}.modal.template-editor-modal{max-width:min(1190px,100vw - 32px)}.template-editor-modal .form{gap:20px}.template-metadata{grid-template-columns:1fr 1.4fr;gap:20px;display:grid}.template-authoring{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:22px;display:grid}.template-source{min-width:0}.template-source-toolbar{justify-content:space-between;align-items:flex-start;gap:8px;height:44px;margin-bottom:8px;display:flex}.format-selector{background:#14161a;border:1px solid #373c46;border-radius:6px;gap:2px;padding:3px;display:inline-flex}.format-selector button{color:#8f99a9;background:0 0;border-radius:3px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;font-weight:500;display:inline-flex}.format-selector button[aria-pressed=true]{color:#eef2f8;background:#323946;box-shadow:0 1px 2px #0005}.format-selector button:hover{color:#eef2f8}.template-source textarea{border-radius:6px;height:436px;min-height:380px;max-height:700px;font-size:12px;line-height:1.75}.template-source .html-source{color:#b7d5eb;tab-size:2;resize:vertical;background:#12161d;font-family:Cascadia Code,Consolas,monospace}.template-variables{color:#98a3b4;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;font-size:10px;display:flex}.template-variables>span{margin-right:4px}.template-variables code{color:#b6c7dc;border:1px solid #3a424e;border-radius:4px;padding:2px 5px;font-size:10px}.template-footer-hint{color:#8a95a7;margin-top:11px;font-size:10px;line-height:1.7}.email-live-preview{background:#20242b;border:1px solid #3b424e;border-radius:7px;width:100%;min-width:0;overflow:hidden}.email-preview-toolbar{border-bottom:1px solid #343b46;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:0 13px;display:flex}.email-preview-toolbar>span{color:#c0cbdc;align-items:center;gap:8px;font-size:11px;display:flex}.preview-devices{gap:2px;display:flex}.preview-devices button{color:#8795a9;background:0 0;border-radius:4px;place-items:center;width:30px;height:28px;display:grid}.preview-devices button[aria-pressed=true]{color:#e4ebf6;background:#384251}.preview-devices button:hover{background:#2e3744}.email-preview-envelope{border-bottom:1px solid #343b46;flex-direction:column;gap:5px;padding:12px 14px;display:flex}.email-preview-envelope span{color:#919fb4;font-size:10px}.email-preview-envelope strong{color:#d8e1f0;overflow-wrap:anywhere;font-size:12px;font-weight:500}.email-preview-stage{background:#2b3038;justify-content:center;min-height:440px;display:flex;overflow:hidden}.email-preview-stage iframe{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:0;width:100%;height:460px;display:block}.email-preview-stage.mobile{padding:12px 8px}.email-preview-stage.mobile iframe{border-radius:5px;width:min(375px,100%);box-shadow:0 3px 18px #0004}.email-preview-empty{color:#8593a7;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:440px;padding:20px;font-size:12px;display:flex}.email-preview-empty small{color:#79899f;font-size:10px}.email-preview-caption{color:#92a0b5;border-top:1px solid #343b46;flex-wrap:wrap;justify-content:space-between;gap:5px;padding:9px 12px;font-size:9px;display:flex}.email-preview-caption small{font-size:9px}.modal .modal-body>.email-live-preview{border:0;border-radius:0}.email-live-preview.compact{pointer-events:none;background:#fff;border:0;border-radius:0;height:180px}.email-live-preview.compact .email-preview-stage{width:100%;height:100%;min-height:0;display:block;position:relative}.email-live-preview.compact iframe{transform-origin:top;width:660px;max-width:none;height:550px;margin-left:-330px;position:absolute;top:0;left:50%;transform:scale(.48)}.email-live-preview.compact .email-preview-empty{background:#232a35;min-height:180px}.template-preview>.email-live-preview{height:100%;position:absolute;inset:0}.inspector-email .email-live-preview.compact{border-radius:4px;height:170px;margin-top:12px}.inspector-email .email-live-preview.compact iframe{transform:scale(.34)}.flow-node{border-color:color-mix(in srgb, var(--node-neon) 78%, #313a49);box-shadow:0 0 0 1px color-mix(in srgb, var(--node-neon) 7%, transparent), 0 0 15px color-mix(in srgb, var(--node-neon) 15%, transparent), inset 0 0 14px color-mix(in srgb, var(--node-neon) 3%, transparent)}.flow-node:hover{border-color:var(--node-neon);box-shadow:0 0 20px color-mix(in srgb, var(--node-neon) 23%, transparent)}.flow-node.node-selected{border-color:var(--node-neon);box-shadow:0 0 0 3px color-mix(in srgb, var(--node-neon) 27%, transparent), 0 0 24px color-mix(in srgb, var(--node-neon) 25%, transparent)}.flow-node.trigger .node-category,.flow-node.email .node-category,.flow-node.delay .node-category,.flow-node.condition .node-category,.flow-node.end .node-category,.flow-node .node-icon,.step-option .node-icon,.node-inspector .node-icon{color:var(--node-neon)}.flow-node .react-flow__handle{box-shadow:0 0 6px color-mix(in srgb, var(--node-neon) 26%, transparent);border-color:var(--node-neon)!important;background:#182029!important}.flow-node .react-flow__handle:hover{background:var(--node-neon)!important}.step-option .node-icon{background:color-mix(in srgb, var(--node-neon) 8%, transparent);border:1px solid color-mix(in srgb, var(--node-neon) 32%, transparent)}.step-option:hover:not(:disabled),.step-option:focus-visible{background:color-mix(in srgb, var(--node-neon) 11%, #242a33)}.flow-legend{pointer-events:none;background:#151a21e8;border:1px solid #2f3947;border-radius:5px;align-items:center;gap:14px;padding:8px 12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.flow-legend span{color:#919eb1;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.flow-legend i{border-radius:2px;width:5px;height:5px}@media (width<=1000px){.flow-legend{display:none}}@media (width<=800px){.template-authoring{grid-template-columns:1fr}.template-source textarea{height:280px;min-height:260px}.template-metadata{grid-template-columns:1fr;gap:14px}}@media (width<=600px){.modal.template-editor-modal{max-width:calc(100vw - 20px)}.template-editor-modal .form{padding:16px}.template-source .html-source{font-size:12px}.template-source-toolbar{gap:5px}.template-source-toolbar .btn{padding:0 6px;font-size:10px}.email-preview-stage iframe{height:430px}}.flow-library{max-width:1600px;margin:0 auto}.flow-library-toolbar{align-items:center;gap:12px;margin:28px 0 22px;display:flex}.flow-library-toolbar .search{background:var(--surface);width:320px;max-width:100%}.flow-library-toolbar select{background-color:var(--surface);width:auto;min-width:160px;height:38px}.flow-library-count{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.flow-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:20px;display:grid}.automation-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;min-width:0;padding:22px 22px 0;transition:border-color .15s,background-color .15s;display:flex;position:relative}.automation-card:hover{background:#1d1f23;border-color:#555a64}.automation-card:focus-within{border-color:#9aa6b9}.automation-card-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.automation-card-icon{color:#c2c8d3;background:#24262b;border:1px solid #3a3d44;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.automation-card h2{margin:0;font-size:16px;line-height:1.45}.automation-card-link{color:var(--text);overflow-wrap:anywhere;justify-content:space-between;align-items:flex-start;gap:16px;text-decoration:none;display:flex}.automation-card-link:after{content:"";z-index:1;border-radius:10px;position:absolute;inset:0}.automation-card-link:focus-visible{outline:none}.automation-card-link:focus-visible:after{outline-offset:3px;outline:2px solid #9aa6b9}.automation-open-icon{color:#747b87;flex-shrink:0;margin-top:3px}.automation-card:hover .automation-open-icon{color:var(--text)}.automation-card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:41px;margin:8px 0 20px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.automation-card-preview{background:#131518;border:1px solid #2a2d32;border-radius:6px;align-items:center;gap:12px;margin-top:auto;padding:18px 14px;display:flex;overflow:hidden}.automation-mini-node{height:32px;color:var(--node-neon);border:1px solid color-mix(in srgb, var(--node-neon) 60%, transparent);background:color-mix(in srgb, var(--node-neon) 7%, #16191e);box-shadow:0 0 8px color-mix(in srgb, var(--node-neon) 8%, transparent);border-radius:6px;flex:0 0 32px;place-items:center;display:grid;position:relative}.automation-mini-node+.automation-mini-node:before,.automation-more:before{content:"";background:#3b4048;width:12px;height:1px;position:absolute;top:50%;left:-13px}.automation-more{color:var(--muted);padding-left:2px;font-size:11px;position:relative}.automation-card-meta{color:#a8adb6;align-items:center;gap:20px;padding:18px 0;font-size:11px;display:flex}.automation-card-meta span{align-items:center;gap:6px;display:inline-flex}.automation-card-meta svg{color:#747b87}.automation-card-footer{border-top:1px solid var(--border);color:#9096a1;justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:10px;display:flex}.automation-delete{z-index:2;flex-shrink:0;width:36px;height:36px;position:relative}.automation-delete:hover{color:#f1a0a9;background:#38252a}.flow-delete-description{color:var(--muted);overflow-wrap:anywhere;margin:0;line-height:1.8}.flow-delete-description strong{color:var(--text)}.flow-breadcrumb .flow-back{border:1px solid var(--border);flex-shrink:0;justify-content:center;width:34px;height:34px;padding:0}@media (width<=640px){.flow-library-toolbar{flex-wrap:wrap;gap:10px;margin-top:20px}.flow-library-toolbar .search{width:100%}.flow-library-toolbar select{flex:1;min-width:0}.flow-library-grid{gap:16px}.automation-card{padding:18px 18px 0}.automation-delete{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.automation-card{transition:none}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}button,a,select,input{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}.modal,.flow-select-menu,.step-menu{overscroll-behavior:contain}.modal{scroll-padding-block:24px}.workspace{color:var(--text);text-decoration:none;transition:border-color .15s,background-color .15s}.workspace:hover{background:#24262b;border-color:#515762}.workspace>div{flex:1;min-width:0}.workspace strong,.workspace small,.profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-avatar{flex-shrink:0}.workspace-settings-icon{color:var(--muted);flex-shrink:0}.profile>div{min-width:0}table{font-variant-numeric:tabular-nums}.app[data-density=compact] table td{padding-top:9px;padding-bottom:9px}.app[data-density=compact] table th{padding-top:10px;padding-bottom:10px}.app[data-density=compact] table .avatar{width:28px;height:28px}.app[data-density=compact] .event-row{padding-top:10px;padding-bottom:10px}html[data-reduce-motion=true] *,html[data-reduce-motion=true] :before,html[data-reduce-motion=true] :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (width<=640px){.top-actions{gap:6px}.refresh-data{width:28px}.breadcrumb strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.modal .modal-head{padding:20px 24px}.modal .modal-body{flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.modal .modal-body>.form,.modal .modal-body>.session-login-form{padding:0}.modal .modal-body>.campaign-actions{justify-content:flex-end}.modal .modal-head>.icon-btn{flex-shrink:0}.modal .modal-body input,.modal .modal-body select,.modal .modal-body textarea{max-width:100%}.badge.blue{color:#8abbff;background:#253a55}.badge.green{color:#86d9ac;background:#244437}.badge.neutral{color:#b9bec7;background:#30343b}@media (width<=640px){.modal .modal-head{padding:18px 20px}.modal .modal-body{padding:20px}}

/* MailSupreme layout hotfix 2026-10-05: integrations tabs and optional event help only. */
.layout-hotfix-tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--border);margin:0 0 24px;overflow-x:auto}
.layout-hotfix-tabs>button{display:inline-flex;gap:8px;align-items:center;flex-shrink:0;padding:13px 1px 14px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-weight:550;white-space:nowrap}
.layout-hotfix-tabs>button:hover{color:var(--text)}
.layout-hotfix-tabs>button[aria-selected=true]{color:var(--text);border-bottom-color:var(--text)}
.layout-hotfix-tabs>button>span{padding:1px 7px;border:1px solid var(--border);border-radius:5px;font-size:11px;line-height:1.5;color:var(--muted)}
.layout-hotfix-tabs>button:focus-visible{outline:2px solid var(--text);outline-offset:-4px}
.layout-hotfix-tabpanel[hidden]{display:none}
.layout-hotfix-tabpanel:focus-visible{outline:2px solid var(--muted);outline-offset:4px}
.layout-hotfix-event-actions{display:flex;align-items:center;gap:12px}
.layout-hotfix-help{width:34px;height:34px;flex-shrink:0}
.layout-hotfix-help-content{display:grid;gap:18px;line-height:1.7;color:var(--muted)}
.layout-hotfix-help-content b{color:var(--text)}
@media(max-width:600px){.layout-hotfix-tabs{gap:20px;margin-bottom:20px}.layout-hotfix-event-actions{gap:8px}}