@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#111827;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--page:#f6f8fb;--panel:#fff;--panel-muted:#f8fafc;--panel-raised:#fff;--text:#111827;--muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-soft:#eff6ff;--brand-contrast:#fff;--success:#15803d;--success-soft:#f0fdf4;--warning:#b45309;--warning-soft:#fffbeb;--danger:#b91c1c;--danger-soft:#fef2f2;--teal:#0369a1;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 12px 28px #0f172a1f;background:#f6f8fb;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color-scheme:dark;--page:#111827;--panel:#171d27;--panel-muted:#202735;--panel-raised:#1c2330;--text:#f8fafc;--muted:#a8b3c4;--border:#303a4a;--border-strong:#465268;--brand:#60a5fa;--brand-hover:#93c5fd;--brand-soft:#172e4d;--brand-contrast:#fff;--success:#4ade80;--success-soft:#173424;--warning:#fbbf24;--warning-soft:#3b2c14;--danger:#f87171;--danger-soft:#401f24;--teal:#38bdf8;--shadow-sm:0 1px 2px #0000002e;--shadow-md:0 14px 34px #0000004d}*{box-sizing:border-box;letter-spacing:0}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--page);min-height:100vh;color:var(--text);font-size:14px;overflow-x:hidden}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:20px;font-weight:650;line-height:28px}h2{font-size:16px;font-weight:650;line-height:24px}small{color:var(--muted);font-size:12px}.app-shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:40;background:var(--panel-muted);border-right:1px solid var(--border);flex-direction:column;width:240px;transition:width .16s;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:56px;padding:0 14px;display:flex}.brand-mark{background:var(--brand);color:#fff;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.brand-name{white-space:nowrap;flex-direction:column;min-width:0;line-height:18px;display:flex}.brand-name strong{font-size:14px;font-weight:650}.brand-name small{font-size:11px}.sidebar nav{flex:1;min-height:0;padding:6px 8px 10px;overflow-y:auto}.nav-group{margin-bottom:5px}.nav-label{color:var(--muted);padding:8px 10px 4px;font-size:11px;font-weight:600}.nav-link{color:#475569;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;height:36px;margin:1px 0;padding:0 10px;transition:color .14s,background-color .14s;display:flex;position:relative;overflow:hidden}:root[data-theme=dark] .nav-link{color:var(--muted)}.nav-link:hover{background:var(--panel);color:var(--text)}.nav-link.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.nav-link svg{flex:0 0 18px}.sidebar-footer{border-top:1px solid var(--border);background:var(--panel-muted);flex:none;min-width:0;padding:12px 14px;overflow:hidden}.system-health{color:var(--success);white-space:nowrap;align-items:center;gap:8px;display:flex}.app-main{grid-column:2;min-width:0}.topbar{z-index:30;background:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 18px;transition:left .16s;display:flex;position:fixed;top:0;left:240px;right:0}.topbar-left,.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.breadcrumb{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.breadcrumb span{color:var(--muted)}.breadcrumb i{color:var(--border-strong);font-style:normal}.breadcrumb strong{color:var(--text);text-overflow:ellipsis;font-weight:600;overflow:hidden}.connection-state{height:26px;color:var(--success);background:var(--success-soft);white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:0 8px;font-size:11px;display:inline-flex}.connection-state.disconnected{color:var(--warning);background:var(--warning-soft)}.user-menu{cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;height:36px;padding:0 10px;display:inline-flex}.user-menu:hover{background:var(--panel-muted)}.content{width:100%;max-width:1480px;min-height:100vh;margin:0 auto;padding:80px 24px 32px}.content-wide{max-width:none;padding-inline:24px}.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:72px}.sidebar-collapsed .topbar{left:72px}.sidebar-collapsed .brand{padding:0 20px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-link span,.sidebar-collapsed .nav-label,.sidebar-collapsed .system-health span{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .sidebar-footer{padding-inline:27px}.mobile-menu,.mobile-only{display:none!important}.page-heading{justify-content:space-between;align-items:flex-start;gap:20px;min-height:48px;margin-bottom:18px;display:flex}.page-title{flex-direction:column;gap:2px;min-width:0;display:flex}.page-title>div{align-items:baseline;gap:8px;display:flex}.page-title p{max-width:720px;color:var(--muted);font-size:12px;line-height:18px}.result-count{color:var(--muted);white-space:nowrap;font-size:12px}.page-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.data-panel{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 16px;display:flex}.panel-body{padding:16px}.toolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;min-height:52px;padding:8px 12px;display:flex}.toolbar .search{flex:1;min-width:220px;max-width:360px}.button{cursor:pointer;white-space:normal;text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-weight:600;line-height:20px;transition:border-color .14s,background-color .14s,color .14s;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.button-secondary{color:#334155;background:var(--panel);border-color:var(--border-strong)}:root[data-theme=dark] .button-secondary{color:var(--text)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:var(--panel-muted)}.button-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.button-ghost{color:var(--muted);background:0 0}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:0 0 36px;place-items:center;padding:0;transition:color .14s,background-color .14s;display:inline-grid}.icon-button:hover{color:var(--text);background:var(--panel-muted)}.tooltip{z-index:100;color:#fff;background:#182230;border-radius:4px;padding:5px 8px;font-size:12px}input,select,textarea{border:1px solid var(--border-strong);background:var(--panel);border-radius:6px;width:100%;min-height:36px;padding:7px 10px;transition:border-color .14s,box-shadow .14s}input:hover,select:hover,textarea:hover{border-color:var(--brand)}@supports (color:color-mix(in lab,red,red)){input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border-strong))}}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand)}@supports (color:color-mix(in lab,red,red)){input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}}input[type=checkbox],input[type=radio]{width:18px;height:18px;min-height:18px;accent-color:var(--brand);cursor:pointer;vertical-align:middle;flex:0 0 18px;margin:0;padding:0}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.55}textarea{resize:vertical;min-height:100px}input::placeholder,textarea::placeholder{color:var(--muted)}@supports (color:color-mix(in lab,red,red)){input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}}.field{flex-direction:column;gap:6px;display:flex}.field>span{font-size:13px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.field-label-row a{color:var(--brand);align-items:center;gap:4px;font-weight:600;text-decoration:none;display:inline-flex}.field-label-row a:hover{text-decoration:underline}.field-error{color:var(--danger)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-grid .span-2{grid-column:span 2}.form-stack{flex-direction:column;gap:14px;display:flex}.checkbox-field{align-items:center;gap:8px;min-height:36px;display:flex}.checkbox-field input{width:18px;min-height:18px}.test-send-form{gap:18px}.test-send-context{border-top:1px solid var(--border)}.test-send-context>div{border-bottom:1px solid var(--border);grid-template-columns:96px minmax(0,1fr);gap:3px 12px;padding:11px 0;display:grid}.test-send-context span{color:var(--muted);grid-row:span 2;align-self:center;font-size:12px}.test-send-context strong,.test-send-context small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.test-send-context small{color:var(--muted)}.test-send-result{border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:10px;padding:12px;display:flex}.test-send-result>svg{flex:none}.test-send-result>div{flex-direction:column;gap:3px;min-width:0;display:flex}.test-send-result small{overflow-wrap:anywhere;color:inherit;opacity:.86}.test-send-result.success{border-color:var(--success)}@supports (color:color-mix(in lab,red,red)){.test-send-result.success{border-color:color-mix(in srgb,var(--success) 35%,var(--border))}}.test-send-result.success{color:var(--success);background:var(--success-soft)}.test-send-result.failure{border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.test-send-result.failure{border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}}.test-send-result.failure{color:var(--danger);background:var(--danger-soft)}.test-send-form .state-block{min-height:96px}.test-send-actions{border-top:1px solid var(--border);padding-top:4px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;height:44px;padding:7px 12px;overflow:hidden}th{color:#475569;background:var(--panel-muted);height:38px;font-size:12px;font-weight:600}:root[data-theme=dark] th{color:var(--muted)}tbody tr:hover{background:var(--panel-muted)}@supports (color:color-mix(in lab,red,red)){tbody tr:hover{background:color-mix(in srgb,var(--panel-muted) 65%,transparent)}}tbody tr:last-child td{border-bottom:0}.primary-cell{flex-direction:column;min-width:0;display:flex}.primary-cell strong,.primary-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.table-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.numeric{text-align:right;font-variant-numeric:tabular-nums}.progress-track{background:var(--border);border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-value{background:var(--brand);height:100%}.quota-cell{flex-direction:column;gap:5px;display:flex}.quota-cell small{font-variant-numeric:tabular-nums}.pagination{border-top:1px solid var(--border);min-height:52px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.pagination>div{gap:8px;display:flex}.status{background:var(--panel-muted);min-width:72px;height:24px;color:var(--muted);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:12px;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-active,.status-running,.status-completed,.status-sent,.status-success,.status-tls{color:var(--success);background:var(--success-soft)}.status-failed,.status-invalid,.status-blocked,.status-failure{color:var(--danger);background:var(--danger-soft)}.status-paused,.status-retry-wait,.status-uncertain,.status-starttls,.status-preflight{color:var(--warning);background:var(--warning-soft)}.status-scheduled,.status-preparing,.status-pending,.status-claimed,.status-sending{color:var(--brand);background:var(--brand-soft)}.state-block{min-height:180px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.fullscreen-state{place-items:center;min-height:100vh;display:grid}.error-state{border:1px solid var(--danger);align-items:center;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab,red,red)){.error-state{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border))}}.error-state{background:var(--danger-soft);color:var(--danger);border-radius:6px}.error-state>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.error-state small{color:inherit;word-break:break-all}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translate(-50%,calc(8px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes drawer-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.dialog-overlay{z-index:80;background:#0f172a61;animation:.16s ease-out overlay-in;position:fixed;inset:0}.drawer{z-index:90;background:var(--panel);grid-template-rows:56px minmax(0,1fr) auto;width:min(560px,100vw);animation:.18s ease-out drawer-in;display:grid;position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 30px #0f172a29}.drawer>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.drawer>header h2{font-size:16px}.drawer-body{min-height:0;padding:20px;overflow-y:auto}.drawer>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.dialog-content{z-index:90;border:1px solid var(--border);background:var(--panel);width:min(440px,100vw - 32px);box-shadow:var(--shadow-md);border-radius:8px;padding:20px;animation:.18s ease-out dialog-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog-header{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:14px;display:flex}.dialog-header .icon-button{margin:-6px -6px -6px 0}.dialog-content p{color:var(--muted);margin-top:8px;line-height:1.6}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.dropdown-content{z-index:100;border:1px solid var(--border);background:var(--panel);min-width:180px;box-shadow:var(--shadow-md);border-radius:6px;padding:6px}.dropdown-content [role=menuitem],.dropdown-content [role=menuitemradio]{cursor:pointer;border-radius:4px;outline:none;align-items:center;gap:8px;min-height:34px;padding:0 9px;display:flex}.dropdown-content [role=menuitem]:focus{background:var(--panel-muted)}.dropdown-content .dropdown-danger{color:var(--danger)}.dropdown-content [role=separator]{background:var(--border);height:1px;margin:5px}.dropdown-content [role=label]{color:var(--muted);padding:5px 9px;font-size:12px}.auth-page{background:var(--page);grid-template-columns:minmax(420px,1fr) minmax(420px,520px);align-items:stretch;width:100%;min-height:100vh;margin:0 auto;display:grid}.auth-intro{border-right:1px solid var(--border);background:#eef4ff;align-items:flex-end;min-height:100vh;padding:56px 64px;display:flex}:root[data-theme=dark] .auth-intro{background:var(--panel-muted)}.auth-product-copy h1{max-width:560px;font-size:32px;line-height:42px}.auth-form{background:0 0;border:0;flex-direction:column;place-self:center;gap:16px;width:min(360px,100% - 48px);padding:0;display:flex}.auth-form header{margin-bottom:4px}.auth-form header p{color:var(--muted);margin-top:4px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.not-found>strong{color:var(--brand);font-size:48px}.offline-banner{z-index:70;background:var(--warning);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.offline-banner:not([hidden]){display:flex}.kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--border);background:var(--panel);min-width:0;height:88px;box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.kpi-icon{background:var(--brand-soft);width:34px;height:34px;color:var(--brand);border-radius:6px;flex:0 0 34px;place-items:center;display:grid}.kpi>div{flex-direction:column;gap:3px;min-width:0;display:flex}.kpi span{color:var(--muted);white-space:nowrap;font-size:12px}.kpi strong{font-variant-numeric:tabular-nums;font-size:22px;line-height:26px}.tone-brand{color:var(--brand)!important}.tone-success{background:var(--success-soft);color:var(--success)!important}.tone-danger{background:var(--danger-soft);color:var(--danger)!important}.tone-warning{background:var(--warning-soft);color:var(--warning)!important}.tone-teal{color:var(--teal)!important}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px;margin-bottom:16px;display:grid}.trend-chart{width:100%;height:300px}.trend-chart-loading{height:300px}.trend-chart-loading .state-block{height:100%;min-height:0}.segmented{border:1px solid var(--border);background:var(--panel-muted);border-radius:6px;height:30px;padding:2px;display:flex}.segmented button{min-width:54px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 8px}.segmented button.active{color:var(--text);background:var(--panel);box-shadow:0 1px 2px #10182814}.health-list{padding:6px 16px}.health-list>div{border-bottom:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;height:52px;display:grid}.health-list>div:last-child{border-bottom:0}.health-list svg{width:17px;height:17px}.health-list strong{font-variant-numeric:tabular-nums;font-size:16px}.alerts-panel{margin-bottom:16px}.alert-list a{border-bottom:1px solid var(--border);grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:8px 16px;display:grid}.alert-list a:last-child{border-bottom:0}.alert-list a:hover{background:var(--panel-muted)}.alert-list a>div{flex-direction:column;min-width:0;display:flex}.alert-list a small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-list a>span:last-child{color:var(--brand);font-size:12px}.alert-icon{width:28px;height:28px;color:var(--warning);background:var(--warning-soft);border-radius:5px;place-items:center;display:grid}.severity-error{color:var(--danger);background:var(--danger-soft)}.compact{min-height:100px}.search-input{position:relative}.search-input svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:10px;left:10px}.search-input input{padding-left:34px}.toolbar>select{width:150px}.audit-page .toolbar>select:first-child{width:260px}.bulk-bar{border-bottom:1px solid var(--border);background:var(--brand-soft);min-height:48px;color:var(--brand);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.form-submit{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.groups-layout{grid-template-columns:280px minmax(0,1fr);gap:16px;display:grid}.group-list-panel{min-height:560px}.group-list{padding:6px}.group-list-row{min-height:56px;color:var(--text);border-radius:5px;align-items:center;display:flex;position:relative}.group-list-row:hover{background:var(--panel-muted)}.group-list-row.active{background:var(--brand-soft);color:var(--brand)}.group-select{min-width:0;min-height:56px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;flex:1;align-items:center;padding:7px 80px 7px 11px;display:flex}.group-select>span{flex-direction:column;min-width:0;display:flex}.group-select strong,.group-select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-row-actions{opacity:0;display:flex;position:absolute;right:8px}.group-list-row:hover .group-row-actions,.group-list-row:focus-within .group-row-actions{opacity:1}.group-members-panel{min-height:560px}.group-members-panel .panel-header>div{flex-direction:column;min-width:0;display:flex}.inline-alert{border:1px solid var(--border);background:var(--panel);border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:12px;padding:8px 12px;display:flex}.inline-alert button{color:var(--brand);cursor:pointer;background:0 0;border:0}.editor-workspace{border:1px solid var(--border);background:var(--panel);border-radius:6px;grid-template-columns:210px minmax(360px,1fr) minmax(300px,440px);min-height:calc(100vh - 150px);display:grid;overflow:hidden}.editor-meta{border-right:1px solid var(--border);background:var(--panel-muted);padding:16px}.section-label{margin-bottom:8px;font-size:13px;display:block}.variable-picker{border:1px solid var(--border);background:var(--panel-muted);border-radius:5px;margin:8px 0 12px;padding:9px 10px}.variable-picker-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.variable-picker-header strong{font-size:12px}.variable-picker-header small{color:var(--muted);font-size:11px}.variable-list{flex-wrap:wrap;gap:6px;display:flex}.variable-list button{border:1px solid var(--border);min-height:28px;color:var(--text);background:var(--panel);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-size:12px;display:inline-flex}.variable-list button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.variable-list button code{color:var(--brand);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.editor-main{flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.editor-toolbar{border:1px solid var(--border);background:var(--panel-muted);border-radius:6px 6px 0 0;align-items:center;gap:2px;height:42px;padding:2px 5px;display:flex}.tiptap-editor{border:1px solid var(--border);border-top:0;border-radius:0 0 6px 6px;flex:1;min-height:440px;margin-top:-10px;overflow:auto}.tiptap-editor .ProseMirror{outline:none;min-height:440px;padding:16px;line-height:1.65}.source-editor{flex:1;min-height:480px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.template-preview{border-left:1px solid var(--border);background:var(--panel-muted);grid-template-rows:48px 42px minmax(0,1fr);min-width:0;display:grid}.template-preview>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 12px;display:flex}.template-preview>header>div{display:flex}.preview-subject{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;padding:11px 14px;font-weight:600;overflow:hidden}.template-preview iframe{background:#fff;border:0;width:100%;height:100%;min-height:450px}.template-preview.mobile iframe{justify-self:center;width:min(390px,100%)}.template-toolbar{border:1px solid var(--border);border-radius:6px;margin-bottom:14px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.template-card{border:1px solid var(--border);background:var(--panel);min-width:0;box-shadow:var(--shadow-sm);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.template-thumbnail{border-bottom:1px solid var(--border);background:#e8ebef;height:180px;position:relative;overflow:hidden}:root[data-theme=dark] .template-thumbnail{background:#111418}.template-thumbnail iframe{transform-origin:0 0;pointer-events:none;background:#fff;border:0;width:200%;height:360px;transform:scale(.5)}.template-thumbnail-placeholder{height:100%;color:var(--muted);place-items:center;display:grid}.template-card-body{flex-direction:column;flex:1;gap:7px;min-width:0;padding:13px 14px;display:flex}.template-card-heading{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.template-card-heading>div{flex-direction:column;min-width:0;display:flex}.template-card-heading strong,.template-card-heading small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-card-heading strong{font-size:14px}.template-card-heading>span{color:var(--brand);background:var(--brand-soft);border-radius:4px;flex:none;padding:2px 6px;font-size:11px}.template-card-body p{min-height:40px;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:20px;display:-webkit-box;overflow:hidden}.template-card-body>small{margin-top:auto}.template-card-actions{border-top:1px solid var(--border);background:var(--panel-muted);justify-content:flex-end;align-items:center;gap:2px;min-height:46px;padding:5px 9px;display:flex}.template-start-actions{grid-template-columns:repeat(2,minmax(0,320px));gap:12px;margin-bottom:28px;display:grid}.template-start-actions>button{border:1px solid var(--border);min-height:104px;color:var(--text);background:var(--panel);cursor:pointer;text-align:left;border-radius:6px;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);align-content:center;gap:4px 10px;padding:18px;display:grid}.template-start-actions>button:hover{border-color:var(--brand);background:var(--brand-soft)}.template-start-actions svg{color:var(--brand);grid-row:1/3}.template-start-actions span{color:var(--muted);font-size:12px}.template-library-header{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.template-library-header h2{margin:0 0 3px;font-size:18px}.template-library-header span{color:var(--muted);font-size:13px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preset-card{border:1px solid var(--border);min-width:0;color:var(--text);background:var(--panel);cursor:pointer;text-align:left;border-radius:6px;flex-direction:column;align-items:flex-start;gap:5px;padding:0 0 14px;display:flex;overflow:hidden}.preset-card:hover{border-color:var(--brand);box-shadow:0 4px 14px #10182814}.preset-card>strong,.preset-card>small,.preset-category{margin-inline:14px}.preset-card>small{min-height:36px;color:var(--muted);line-height:1.5}.preset-category{color:var(--brand);font-size:11px;font-weight:600}.preset-thumbnail{border-bottom:1px solid var(--border);place-items:center;width:100%;height:170px;display:grid}.preset-thumbnail>div{flex-direction:column;gap:7px;width:62%;height:126px;padding:13px;display:flex;box-shadow:0 2px 8px #10182814}.preset-thumbnail span{width:100%;height:22px}.preset-thumbnail b{white-space:nowrap;font-size:10px;overflow:hidden}.preset-thumbnail i{background:#d0d5dd;width:92%;height:5px}.preset-thumbnail i:nth-of-type(2){width:72%}.preset-thumbnail em{width:42px;height:15px;margin:auto auto 0}.designer-workspace{border:1px solid var(--border);background:var(--panel);height:calc(100vh - 142px);min-height:620px;box-shadow:var(--shadow-sm);border-radius:7px;grid-template-columns:224px minmax(460px,1fr) 288px;display:grid;overflow:hidden}.designer-sidebar,.designer-properties{background:var(--panel);min-width:0;min-height:0}.designer-sidebar{border-right:1px solid var(--border);flex-direction:column;display:flex}.designer-properties{border-left:1px solid var(--border);flex-direction:column;display:flex}.designer-back{border:0;border-bottom:1px solid var(--border);height:34px;color:var(--brand);background:var(--panel);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:12px;display:flex}.designer-panel-tabs{border-bottom:1px solid var(--border);background:var(--panel-muted);grid-template-columns:repeat(2,minmax(0,1fr));height:44px;padding:5px;display:grid}.designer-panel-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.designer-panel-tabs button.active{color:var(--text);background:var(--panel);box-shadow:var(--shadow-sm);font-weight:650}.designer-panel-body,.designer-properties-body,.layer-list{min-height:0;overflow-y:auto}.designer-panel-body{flex-direction:column;flex:1;padding:12px;display:flex}.designer-properties-body{flex:1;padding:14px}.block-palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.block-palette button{border:1px solid var(--border);height:64px;color:var(--text);background:var(--panel);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:12px;display:flex}.block-palette button:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.designer-ai-action{width:100%;margin-top:12px}.layer-list{flex:1;padding:6px}.layer-list>button{width:100%;min-height:48px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.layer-list>button:hover{background:var(--panel-muted)}.layer-list>button.active{color:var(--brand);background:var(--brand-soft)}.layer-list>button>span{border:1px solid var(--border);border-radius:4px;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.layer-list>button>div{flex-direction:column;min-width:0;display:flex}.layer-list strong,.layer-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.designer-canvas-wrap{background:#e8ebef;grid-template-rows:44px minmax(0,1fr);min-width:0;min-height:0;display:grid}:root[data-theme=dark] .designer-canvas-wrap{background:#111418}.designer-canvas-toolbar{border-bottom:1px solid var(--border);background:var(--panel);color:var(--muted);grid-template-columns:minmax(64px,1fr) auto auto;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:grid}.designer-canvas-toolbar>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.canvas-selection-actions{align-items:center;display:flex}.canvas-selection-actions .icon-button{flex-basis:28px;width:28px;height:28px}.preview-segmented{border:1px solid var(--border);background:var(--panel-muted);border-radius:6px;grid-template-columns:repeat(2,76px);gap:2px;height:30px;padding:2px;display:grid}.preview-segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:5px;font-size:11px;display:flex}.preview-segmented button.active{color:var(--text);background:var(--panel);box-shadow:var(--shadow-sm)}.designer-stage{min-width:0;min-height:0;padding:30px;transition:padding .16s;overflow:auto}.designer-stage.mobile{padding-inline:max(20px,50% - 195px)}.designer-email{width:100%;min-height:620px;margin:0 auto;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden;box-shadow:0 8px 24px #10182824}.canvas-block{cursor:pointer;border:1px solid #0000;min-height:42px;position:relative}.canvas-block:hover{border-color:#8490a3}.canvas-block.selected{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.canvas-block-selection-toolbar{z-index:5;border:1px solid var(--border);height:34px;color:var(--text);background:var(--panel);cursor:default;border-radius:6px;align-items:center;gap:2px;padding:2px 3px 2px 9px;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 4px 12px #10182829}.canvas-block-selection-toolbar>span{color:var(--muted);white-space:nowrap;margin-right:3px;font-size:11px;font-weight:600}.canvas-block-selection-toolbar .icon-button{flex-basis:28px;width:28px;height:28px}.canvas-block-selection-toolbar .canvas-block-delete:not(:disabled):hover{color:var(--danger);background:var(--danger-soft)}.canvas-block-banner{min-height:0}.canvas-banner strong,.canvas-banner span{display:block}.canvas-banner strong{font-size:30px;line-height:1.3}.canvas-banner span{margin-top:12px;font-size:16px;line-height:1.6}.canvas-block h1,.canvas-block h2,.canvas-block h3{margin:0;line-height:1.35}.canvas-block h1{font-size:28px}.canvas-block h2{font-size:22px}.canvas-block h3{font-size:17px}.canvas-block .canvas-heading>p{color:inherit;opacity:.72;margin:8px 0 0;font-size:14px;line-height:1.6}.canvas-block p,.canvas-block ul{white-space:pre-line;margin:0;font-size:15px;line-height:1.75}.canvas-block img{width:100%;height:auto;display:block}.canvas-block hr{border:0;border-top:1px solid #e4e7ec}.canvas-callout{white-space:pre-line;border:1px solid #dde3ec;padding:16px;line-height:1.7}.canvas-button{color:#fff;padding:12px 22px;font-size:15px;font-weight:700;display:inline-block}.designer-footer-preview{color:#667085;text-align:center;border-top:1px solid #e4e7ec;margin-top:14px;padding:20px 24px;font-size:12px;line-height:1.6}.property-section{padding-bottom:8px}.property-section+.property-section{border-top:1px solid var(--border);padding-top:18px}.property-section h2{margin:0 0 14px;font-size:14px}.property-group{border-top:1px solid var(--border);padding:14px 0}.property-group h3{color:var(--muted);text-transform:uppercase;margin:0 0 11px;font-size:11px}.property-note{line-height:1.6;display:block}.property-section .field{margin-bottom:12px}.property-section input[type=color]{height:38px;padding:3px}.color-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.rich-text-control{border:1px solid var(--border);background:var(--panel);border-radius:5px;overflow:hidden}.rich-text-control>.variable-picker{border-width:1px 0 0;border-radius:0;margin:0}.rich-text-toolbar{border-bottom:1px solid var(--border);background:var(--panel-muted);flex-wrap:wrap;align-items:center;gap:2px;padding:5px;display:flex}.rich-text-toolbar .icon-button{width:28px;height:28px}.rich-text-toolbar select{width:68px;height:28px;padding:0 5px;font-size:12px}.rich-text-color{cursor:pointer;place-items:center;width:30px;height:28px;display:grid;position:relative}.rich-text-color span{width:16px;color:var(--text);font-size:0;overflow:hidden}.rich-text-color span:before{content:"A";text-align:center;border-bottom:3px solid;font-size:14px;font-weight:700;line-height:18px;display:block}.rich-text-color input{opacity:0;width:1px;height:1px;position:absolute}.rich-text-format-hint{border-bottom:1px solid var(--border);min-height:26px;color:var(--muted);background:var(--panel);padding:5px 9px;font-size:11px;line-height:16px}.rich-text-editor{min-height:142px;max-height:280px;color:var(--text);white-space:pre-wrap;outline:none;padding:10px;font-size:14px;line-height:1.65;overflow-y:auto}.rich-text-editor:focus{box-shadow:inset 0 0 0 1px var(--brand)}.gradient-control{margin:12px 0}.gradient-control>label{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.gradient-control .color-settings{margin-top:10px}.gradient-preview{border:1px solid var(--border);border-radius:4px;height:34px}.gradient-control input[type=range]{width:100%}.region-background-control{margin-top:12px}.region-background-control>label{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.region-background-control .gradient-control{margin-bottom:0}.color-with-clear{grid-template-columns:1fr auto;gap:6px;display:grid}.color-with-clear .button{height:38px;padding-inline:10px}.spacing-control{flex-direction:column;display:flex}.spacing-control input[type=range],.property-section input[type=range]{width:100%}.form-section-divider{border-top:1px solid var(--border);flex-direction:column;gap:3px;padding:14px 0 4px;display:flex}.form-section-divider strong{font-size:13px}.legacy-editor{border:1px solid var(--border);background:var(--panel);border-radius:6px;flex-direction:column;gap:14px;max-width:900px;padding:18px;display:flex}.legacy-body-editor{flex-direction:column;gap:7px;display:flex}.legacy-body-heading{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.legacy-body-heading>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.legacy-body-heading strong{font-size:13px}.legacy-view-tabs{border:1px solid var(--border);background:var(--panel-muted);border-radius:5px;gap:3px;padding:3px;display:flex}.legacy-view-tabs button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:12px}.legacy-view-tabs button.active,.legacy-view-tabs button:hover{color:var(--text);background:var(--panel);box-shadow:var(--shadow-sm)}.legacy-rich-control{min-height:520px}.legacy-rich-editor{white-space:normal;min-height:470px;max-height:680px;overflow-y:auto}.legacy-rich-editor table{table-layout:auto;border-collapse:collapse;width:100%;min-width:0}.legacy-rich-editor th,.legacy-rich-editor td{white-space:normal;height:auto;padding:7px 9px}.legacy-preview-frame{border:1px solid var(--border);background:#fff;width:100%;min-height:520px}.rendered-email-preview>strong{margin-bottom:10px;display:block}.rendered-email-preview iframe{border:1px solid var(--border);background:#fff;width:100%;min-height:calc(100vh - 150px)}.rendered-email-preview.mobile iframe{width:min(390px,100%);margin:0 auto;display:block}.row-command{min-width:72px;padding-inline:8px}.wizard-layout{border:1px solid var(--border);background:var(--panel);border-radius:6px;grid-template-columns:200px minmax(360px,1fr) 300px;min-height:560px;display:grid;overflow:hidden}.wizard-steps{border-right:1px solid var(--border);background:var(--panel-muted);padding:16px 10px}.wizard-steps button{width:100%;height:44px;color:var(--muted);text-align:left;cursor:default;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:0 10px;display:flex}.wizard-steps button>span{border:1px solid var(--border);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.wizard-steps button.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.wizard-steps button.done{color:var(--success);cursor:pointer}.wizard-steps button.done>span{border-color:var(--success);background:var(--success-soft)}.wizard-content{min-width:0;padding:24px}.wizard-content h2{margin-bottom:18px}.wizard-content h3{margin:22px 0 10px;font-size:14px}.wizard-summary{border-left:1px solid var(--border);background:var(--panel-muted);padding:20px 16px}.wizard-summary h2{margin-bottom:14px}.wizard-summary hr{border:0;border-top:1px solid var(--border);margin:14px 0}.summary-row{justify-content:space-between;align-items:center;gap:8px;min-height:38px;display:flex}.summary-row span{color:var(--muted)}.summary-row strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.audience-fields{grid-template-columns:minmax(170px,.72fr) minmax(280px,1.28fr);align-items:start;gap:16px;display:grid}.group-picker{min-width:0}.group-picker-trigger{border:1px solid var(--border-strong);width:100%;min-height:36px;color:var(--text);background:var(--panel);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:9px;padding:7px 10px;display:flex}.group-picker-trigger:hover:not(:disabled),.group-picker-trigger[data-state=open]{border-color:var(--brand)}@supports (color:color-mix(in lab,red,red)){.group-picker-trigger:hover:not(:disabled),.group-picker-trigger[data-state=open]{border-color:color-mix(in srgb,var(--brand) 55%,var(--border-strong))}}.group-picker-trigger:disabled{color:var(--muted);cursor:not-allowed}.group-picker-trigger-copy{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.group-picker-trigger-copy>svg{color:var(--muted);flex:none}.group-picker-trigger-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.group-picker-total{color:var(--muted);white-space:nowrap;flex:none;font-size:12px}.group-picker-trigger>svg:last-child{color:var(--muted);flex:none;transition:transform .14s}.group-picker-trigger>svg.open{transform:rotate(180deg)}.group-picker-dropdown{z-index:100;width:var(--radix-dropdown-menu-trigger-width);border:1px solid var(--border-strong);background:var(--panel);border-radius:8px;min-width:min(360px,100vw - 24px);max-width:calc(100vw - 24px);overflow:hidden;box-shadow:0 12px 30px #10182829}.group-picker-search{margin:10px 10px 8px}.group-picker-actions{justify-content:space-between;align-items:center;gap:12px;padding:0 11px 8px;display:flex}.group-picker-actions button{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.group-picker-actions button:disabled{color:var(--muted);cursor:not-allowed;opacity:.65}.group-picker-dropdown [role=separator]{background:var(--border);height:1px;margin:0}.group-picker-options{max-height:320px;padding:5px;overflow-y:auto}.group-picker-option{cursor:pointer;border-radius:6px;outline:none;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:48px;padding:6px 8px;display:grid}.group-picker-option[data-highlighted]{background:var(--panel-muted)}.group-picker-checkbox{border:1px solid var(--border-strong);color:#fff;background:var(--panel);border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.group-picker-option[data-state=checked] .group-picker-checkbox{border-color:var(--brand);background:var(--brand)}.group-picker-option-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.group-picker-option-copy strong,.group-picker-option-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.group-picker-option-copy strong{font-size:13px;font-weight:500}.group-picker-option-copy small{color:var(--muted);font-size:11px}.group-picker-empty{min-height:96px;color:var(--muted);place-items:center;font-size:12px;display:grid}.group-picker-footer{border-top:1px solid var(--border);color:var(--muted);background:var(--panel-muted);padding:8px 11px;font-size:11px}.selected-group-list{flex-wrap:wrap;gap:6px;max-height:108px;margin-top:8px;padding-right:3px;display:flex;overflow-y:auto}.selected-group-tag{border:1px solid var(--border);background:var(--panel-muted);border-radius:5px;align-items:center;gap:3px;max-width:100%;min-height:26px;padding:2px 3px 2px 8px;font-size:12px;display:inline-flex}.selected-group-tag>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.selected-group-tag button{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 20px;place-items:center;padding:0;display:grid}.selected-group-tag button:hover{color:var(--text);background:var(--border)}.selection-list{flex-direction:column;gap:8px;display:flex}.selection-list>label{border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:flex}.selection-list>label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}.selection-list>label.disabled{opacity:.55;cursor:not-allowed}.selection-list input,.check-row input{flex:0 0 18px;width:18px;min-height:18px}.selection-list label>span{flex-direction:column;flex:1;min-width:0;display:flex}.selection-list strong,.selection-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.check-row{flex-wrap:wrap;gap:16px;display:flex}.check-row label{align-items:center;gap:6px;display:flex}.review-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.review-grid>div{border:1px solid var(--border);border-radius:6px;flex-direction:column;justify-content:center;gap:4px;min-height:82px;padding:12px;display:flex}.review-grid span{color:var(--muted)}.review-grid strong{font-size:22px}.review-grid .warning{color:var(--warning);background:var(--warning-soft)}.blocking-alert{color:var(--danger);background:var(--danger-soft);margin-top:14px;padding:10px}.campaign-kpis{border:1px solid var(--border);background:var(--border);border-radius:6px;grid-template-columns:2fr repeat(5,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.campaign-kpis>div{background:var(--panel);flex-direction:column;justify-content:center;gap:5px;min-width:0;min-height:86px;padding:12px 16px;display:flex}.campaign-kpis span{color:var(--muted);font-size:12px}.campaign-kpis strong{font-variant-numeric:tabular-nums;font-size:20px}.tabs-list{border-bottom:1px solid var(--border);gap:2px;margin-bottom:12px;display:flex}.tabs-list button{height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 14px}.tabs-list button[data-state=active]{border-bottom-color:var(--brand);color:var(--brand);font-weight:600}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:20px;display:grid}.detail-grid>div{flex-direction:column;gap:5px;display:flex}.detail-grid span{color:var(--muted);font-size:12px}.timeline{padding:16px}.timeline>div{grid-template-columns:18px minmax(0,1fr);gap:10px;min-height:58px;display:grid}.timeline>div>span{background:var(--brand);width:9px;height:9px;box-shadow:0 0 0 4px var(--brand-soft);border-radius:50%;margin-top:5px}.timeline>div>div{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.detail-footer-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.clickable-row{cursor:pointer}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.detail-list>div{flex-direction:column;gap:6px;display:flex}.detail-list>div.wide{grid-column:span 2}.detail-list span{color:var(--muted);font-size:12px}.detail-list pre,.detail-list code{background:var(--panel-muted);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:5px;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.metadata-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.metadata-list>div{border:1px solid var(--border);background:var(--panel-muted);border-radius:5px;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;display:flex}.metadata-list strong{overflow-wrap:anywhere;font-size:13px;font-weight:500}.settings-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.onebot-selection-panel{grid-column:1/-1}.configured,.not-configured{font-size:12px;font-weight:600}.configured{color:var(--success)}.not-configured{color:var(--warning)}.ai-result{margin-top:16px}.ai-result .panel-header>div{flex-direction:column;min-width:0;display:flex}.ai-result-error{padding:12px 16px 0}.ai-result .panel-body{grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:16px;display:grid}.ai-result iframe{border:1px solid var(--border);background:#fff;width:100%;min-height:360px}.ai-result pre{white-space:pre-wrap;background:var(--panel-muted);margin:0;padding:12px;overflow:auto}.onebot-groups{max-height:520px;padding:12px;overflow-y:auto}.sync-result{color:var(--success);background:var(--success-soft);align-items:center;gap:8px;margin:12px;padding:10px;display:flex}.sync-result svg{flex:none}.runtime-guidance{border:1px solid var(--warning);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.runtime-guidance{border:1px solid color-mix(in srgb,var(--warning) 35%,var(--border))}}.runtime-guidance{color:var(--warning);background:var(--warning-soft);border-radius:6px}.runtime-guidance>svg{flex:none}.runtime-guidance-copy{flex:1;min-width:180px}.runtime-guidance-copy strong,.runtime-guidance-copy small{display:block}.runtime-guidance-copy small{color:inherit;opacity:.86;margin-top:2px}.runtime-guidance .button{flex:none}.runtime-panel{flex-direction:column;gap:16px;display:flex}.runtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.runtime-metrics>div{border:1px solid var(--border);border-radius:6px;min-width:0;padding:12px}.runtime-metrics span,.runtime-metrics strong{display:block}.runtime-metrics span{color:var(--muted);margin-bottom:5px;font-size:12px}.runtime-metrics strong{text-overflow:ellipsis;overflow:hidden}.runtime-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:16px;display:grid}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav button{min-height:58px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;padding:8px 12px;display:flex}.settings-nav button small{color:var(--muted)}.settings-nav button[data-state=active]{color:var(--brand);background:var(--brand-soft)}.settings-content{min-width:0}.settings-form{padding:18px}.sticky-save{border-top:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;margin:18px -18px -18px;padding:10px 18px;display:flex;position:sticky;bottom:0}.sticky-save span{color:var(--muted);font-size:12px}.sticky-save.dirty{background:var(--warning-soft)}@supports (color:color-mix(in lab,red,red)){.sticky-save.dirty{background:color-mix(in srgb,var(--warning-soft) 55%,var(--panel))}}.sticky-save.dirty span{color:var(--warning);font-weight:600}.settings-subsection{border-top:1px solid var(--border)}.migration-upload,.preflight-panel{margin-bottom:16px}.migration-form{grid-template-columns:230px minmax(260px,1fr) auto;align-items:end;gap:12px;padding:16px;display:grid}.preflight-grid{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1px;margin:0 16px 14px;display:grid}.preflight-grid>div{background:var(--panel);flex-direction:column;padding:10px 12px;display:flex}.preflight-grid span{color:var(--muted);font-size:12px}.preflight-grid strong{font-size:20px}.warning-list{color:var(--warning);background:var(--warning-soft);margin:0 16px 14px;padding:10px 12px}.preflight-actions{justify-content:flex-end;align-items:end;gap:12px;padding:0 16px 16px;display:flex}.preflight-actions .field{width:min(320px,100%)}.job-progress{min-width:150px}.job-progress>div{background:var(--panel-muted);border-radius:4px;height:5px;margin-bottom:4px;overflow:hidden}.job-progress>div>span{background:var(--brand);height:100%;display:block}.job-progress small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.job-progress.large>div{height:9px}.upload-drop{border:1px dashed var(--border);background:var(--panel-muted);text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:20px;display:flex}.upload-drop svg{color:var(--brand)}.upload-drop input{width:min(100%,300px);margin-top:8px}.import-summary{border:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid}.import-summary>span{border-right:1px solid var(--border);color:var(--muted);flex-direction:column;padding:8px;font-size:12px;display:flex}.import-summary>span:last-child{border-right:0}.import-summary strong{color:var(--text);font-size:16px}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sample-table{border:1px solid var(--border);max-height:220px}.sample-table table{min-width:600px}.import-progress-icon{color:var(--brand);place-items:center;padding-top:40px;display:grid}.import-status{justify-content:space-between;align-items:center;display:flex}.import-result{border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.import-result>div{background:var(--panel);flex-direction:column;padding:10px;display:flex}.import-result span{color:var(--muted);font-size:12px}.health-dot{background:currentColor;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px}@supports (color:color-mix(in lab,red,red)){.health-dot{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 14%,transparent)}}.system-health.disconnected{color:var(--warning)}.system-health>div{flex-direction:column;gap:2px;min-width:0;display:flex}.system-health strong,.system-health small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.system-health strong{font-size:12px;font-weight:600}.topbar-divider{background:var(--border);width:1px;height:20px;margin:0 3px}.user-avatar{width:26px;height:26px;color:var(--brand);background:var(--brand-soft);border-radius:50%;place-items:center;display:grid}.user-copy{flex-direction:column;align-items:flex-start;min-width:0;line-height:15px;display:flex}.user-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.user-copy small{font-size:10px}.dashboard-context{border:1px solid var(--border);background:var(--panel);border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin:-2px 0 18px;padding:12px 16px;display:flex}.dashboard-context>div{flex-direction:column;gap:2px;min-width:0;display:flex}.dashboard-context .eyebrow{color:var(--brand);letter-spacing:.08em;font-size:10px;font-weight:650}.dashboard-context strong{font-size:15px;font-weight:600}.dashboard-context small{color:var(--muted)}.dashboard-context>a{color:var(--brand);flex:none;align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.dashboard-context>a:hover{color:var(--brand-hover)}.trend-panel .panel-header>div:first-child{flex-direction:column;gap:1px;display:flex}.trend-panel .panel-header small{color:var(--muted);font-size:11px}.resource-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:-2px 0 16px;display:grid}.resource-summary>div{border:1px solid var(--border);background:var(--panel);min-width:0;box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;gap:2px;padding:14px 16px;display:flex}.resource-summary span,.resource-summary small{color:var(--muted);font-size:12px}.resource-summary strong{font-variant-numeric:tabular-nums;font-size:24px;line-height:28px}.warning-text{color:var(--warning)}.template-toolbar{justify-content:space-between}.template-filters{border:1px solid var(--border);background:var(--panel-muted);border-radius:6px;align-items:center;gap:3px;padding:3px;display:flex}.template-filters button{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:0 10px;font-size:12px}.template-filters button:hover{color:var(--text)}.template-filters button.active{color:var(--text);background:var(--panel);box-shadow:var(--shadow-sm)}.template-card{transition:border-color .14s,transform .14s,box-shadow .14s}.template-card:hover{border-color:var(--brand)}@supports (color:color-mix(in lab,red,red)){.template-card:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.template-card-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.template-status{color:var(--success);white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:inline-flex}.template-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.wizard-layout{box-shadow:var(--shadow-sm);border-radius:8px;grid-template-rows:auto minmax(520px,1fr);grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}.wizard-steps{border-right:0;border-bottom:1px solid var(--border);grid-column:1/-1;align-items:center;gap:6px;padding:12px 14px;display:flex}.wizard-steps button{text-align:center;flex:1;justify-content:center;width:auto;min-height:40px}.wizard-content{grid-area:2/1;min-width:0}.wizard-summary{border-left:1px solid var(--border);grid-area:2/2}.wizard-steps button:not(:last-child):after{content:"";background:var(--border-strong);width:24px;height:1px;margin-left:auto}.wizard-steps button.done:not(:last-child):after{background:var(--success)}.wizard-footer{z-index:12;border:1px solid var(--border);background:var(--panel);border-radius:8px;justify-content:space-between;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:0}@supports (color:color-mix(in lab,red,red)){.wizard-footer{background:color-mix(in srgb,var(--panel) 96%,transparent)}}.wizard-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 -6px 16px #0f172a0f}.designer-workspace{min-height:calc(100vh - 152px);box-shadow:var(--shadow-sm);border-radius:8px;grid-template-columns:240px minmax(500px,1fr) 320px}.designer-canvas-toolbar{z-index:4;position:sticky;top:0}.designer-stage{background:#eef2f7;min-height:680px}:root[data-theme=dark] .designer-stage{background:#0f172a}.designer-email{width:100%;margin:24px auto;box-shadow:0 10px 28px #0f172a24}.designer-properties-body{padding:18px}.sidebar-scrim{z-index:35;background:#0f172a52;border:0;position:fixed;inset:0}@media(max-width:1279px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{width:72px}.topbar{left:72px}.brand{padding:0 20px}.brand-name,.nav-link span,.nav-label,.system-health>div{display:none}.nav-link{justify-content:center;padding:0}.sidebar-footer{padding-inline:20px}.sidebar-collapsed{grid-template-columns:240px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:240px}.sidebar-collapsed .topbar{left:240px}.sidebar-collapsed .brand{padding:0 14px}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-link span,.sidebar-collapsed .nav-label,.sidebar-collapsed .system-health>div{display:flex}.sidebar-collapsed .nav-link{justify-content:flex-start;padding:0 10px}.sidebar-collapsed .sidebar-footer{padding-inline:14px}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.designer-workspace{grid-template-columns:190px minmax(360px,1fr) 280px}}@media(max-width:1023px){.auth-page{grid-template-columns:1fr}.auth-intro{display:none}.auth-form{width:min(100%,400px);padding:36px 0 48px}.dashboard-grid{grid-template-columns:1fr}.wizard-layout{grid-template-rows:auto minmax(500px,1fr);grid-template-columns:minmax(0,1fr)}.wizard-summary{display:none}.wizard-content{grid-column:1}.settings-layout{grid-template-columns:180px minmax(0,1fr)}.ai-result .panel-body{grid-template-columns:1fr}.designer-workspace{grid-template-columns:180px minmax(0,1fr);height:auto;min-height:0}.designer-properties{border-top:1px solid var(--border);border-left:0;grid-column:1/-1;max-height:none}.designer-properties-body{overflow:visible}}@media(max-width:767px){.app-shell{display:block}.sidebar{width:min(290px,100vw - 40px);box-shadow:var(--shadow-md);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-collapsed .sidebar{width:min(290px,100vw - 40px)}.sidebar-collapsed .sidebar .brand{padding:0 14px}.sidebar-collapsed .sidebar .brand-name,.sidebar-collapsed .sidebar .nav-link span,.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .system-health>div{display:flex}.sidebar-collapsed .sidebar .nav-link{justify-content:flex-start;padding:0 10px}.sidebar-collapsed .sidebar-footer{padding-inline:14px}.topbar,.sidebar-collapsed .topbar{padding:0 12px;left:0}.desktop-menu{display:none!important}.mobile-menu{display:inline-grid!important}.topbar-actions{gap:2px}.connection-state,.topbar-divider,.user-copy{display:none}.user-menu{padding:0 3px}.content,.content-wide{padding:72px 14px 24px}.page-heading{flex-direction:column;gap:12px;margin-bottom:14px}.page-title p{white-space:normal}.page-actions{justify-content:flex-start;width:100%}.page-actions .button{flex:auto}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kpi{height:78px;padding:11px}.kpi-icon{flex-basis:30px;width:30px;height:30px}.kpi strong{font-size:19px}.dashboard-context{flex-direction:column;align-items:flex-start;gap:10px}.dashboard-context>a{align-self:flex-end}.resource-summary{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .search,.toolbar>select{min-width:100%;max-width:none}.table-wrap{margin-inline:-1px}.pagination{flex-direction:column;align-items:flex-start}.pagination>div{width:100%}.pagination .button{flex:1}.auth-form{width:min(100%,400px);padding-inline:20px}.wizard-layout{min-height:500px;display:block}.wizard-steps{padding:8px;display:flex;overflow-x:auto}.wizard-steps button{text-align:left;flex:0 0 142px;justify-content:flex-start}.wizard-steps button:not(:last-child):after{display:none}.wizard-content{padding:18px 14px}.wizard-footer{margin-top:8px}.audience-fields,.form-grid,.settings-split,.detail-list,.metadata-list{grid-template-columns:1fr}.form-grid .span-2,.detail-list>div.wide{grid-column:auto}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.designer-workspace{min-height:0;display:block}.designer-sidebar{border-right:0;border-bottom:1px solid var(--border);min-height:auto}.designer-panel-body{max-height:220px}.designer-canvas-wrap{min-height:600px}.designer-stage{min-height:560px;padding:16px}.designer-email{margin:12px auto}.legacy-editor{padding:14px}.legacy-body-heading{flex-direction:column;align-items:flex-start}.legacy-view-tabs{width:100%}.legacy-view-tabs button{flex:1}.drawer-body{padding:16px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}