@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--brand: #00A884;--brand-hover: #06937A;--brand-press: #027E68;--brand-teal: #008069;--brand-deep: #111B21;--brand-bubble: #DCF8C6;--brand-ghost: rgba(0, 168, 132, .1);--bg: #F0F2F5;--surface: #FFFFFF;--surface-raised: #F0F2F5;--surface-sunken: #F7F8FA;--text: #111B21;--text-muted: #667781;--text-faint: #8696A0;--text-on-brand: #FFFFFF;--border: #E9EDEF;--border-strong: #D1D7DB;--success: #0E7A4F;--success-bg: #DCF3E6;--success-border: #A9DCC2;--danger: #C4362B;--danger-bg: #FBE6E3;--danger-border: #F0BDB6;--warning: #A16308;--warning-bg: #FBEFD8;--warning-border: #EBD4A4;--info: #1668A6;--info-bg: #DCEDFA;--info-border: #AED4EF;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 3px;--r-md: 6px;--r-lg: 8px;--r-xl: 10px;--r-full: 999px;--sh-1: none;--sh-2: 0 1px 2px rgba(11, 20, 26, .06);--sh-3: 0 2px 5px rgba(11, 20, 26, .1);--sh-4: 0 8px 24px rgba(11, 20, 26, .18);--c1: #00A884;--c2: #D9922F;--c3: #4AAFDD;--c4: #DE6D6D;--c-grid: #E9EDEF;--c-axis: #8696A0;--c-empty: #E9EDEF;--sidebar-w: 250px;--header-h: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand: #00A884;--brand-hover: #06CF9C;--brand-press: #1FE0AE;--brand-teal: #06CF9C;--brand-deep: #111B21;--brand-bubble: #005C4B;--brand-ghost: rgba(0, 168, 132, .16);--bg: #0B141A;--surface: #111B21;--surface-raised: #202C33;--surface-sunken: #1A242B;--text: #E9EDEF;--text-muted: #8696A0;--text-faint: #6B7A83;--text-on-brand: #04231A;--border: #2A3942;--border-strong: #3B4A54;--success: #5BC98C;--success-bg: #10301F;--success-border: #1E5537;--danger: #E4796A;--danger-bg: #35191A;--danger-border: #5E2A28;--warning: #D9AB5A;--warning-bg: #2F2513;--warning-border: #55411D;--info: #6BB4E8;--info-bg: #10283A;--info-border: #1E4763;--c1: #00A884;--c2: #BE7F22;--c3: #2E99CA;--c4: #DE6D6D;--c-grid: #2A3942;--c-axis: #8696A0;--c-empty: #202C33;--sh-1: none;--sh-2: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px -6px rgba(0,0,0,.5);--sh-3: 0 4px 12px -2px rgba(0,0,0,.45), 0 12px 32px -12px rgba(0,0,0,.6);--sh-4: 0 12px 40px -8px rgba(0,0,0,.7);color-scheme:dark}}:root[data-theme=dark]{--brand: #00A884;--brand-hover: #06CF9C;--brand-press: #1FE0AE;--brand-teal: #06CF9C;--brand-deep: #111B21;--brand-bubble: #005C4B;--brand-ghost: rgba(0, 168, 132, .16);--bg: #0B141A;--surface: #111B21;--surface-raised: #202C33;--surface-sunken: #1A242B;--text: #E9EDEF;--text-muted: #8696A0;--text-faint: #6B7A83;--text-on-brand: #04231A;--border: #2A3942;--border-strong: #3B4A54;--success: #5BC98C;--success-bg: #10301F;--success-border: #1E5537;--danger: #E4796A;--danger-bg: #35191A;--danger-border: #5E2A28;--warning: #D9AB5A;--warning-bg: #2F2513;--warning-border: #55411D;--info: #6BB4E8;--info-bg: #10283A;--info-border: #1E4763;--c1: #00A884;--c2: #BE7F22;--c3: #2E99CA;--c4: #DE6D6D;--c-grid: #2A3942;--c-axis: #8696A0;--c-empty: #202C33;--sh-1: none;--sh-2: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px -6px rgba(0,0,0,.5);--sh-3: 0 4px 12px -2px rgba(0,0,0,.45), 0 12px 32px -12px rgba(0,0,0,.6);--sh-4: 0 12px 40px -8px rgba(0,0,0,.7);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{margin:0;letter-spacing:-.015em;text-wrap:balance}a{color:var(--brand-teal)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}::selection{background:var(--brand-ghost)}.text-primary{color:var(--brand)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-blue{color:var(--info)}.text-main{color:var(--text)}.stat-value,.logs-table td,.log-time,.auto-card-stats,.page-info{font-variant-numeric:tabular-nums}.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--brand-deep);color:#e9f3ee;display:flex;flex-direction:column;padding:20px 14px;gap:6px;z-index:40}.sidebar-logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;color:#fff;padding:4px 8px 20px;letter-spacing:-.02em}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;background:var(--brand);color:#04231a;border-radius:var(--r-md);padding:6px;box-shadow:0 2px 8px #25d3664d}.nav-menu{display:flex;flex-direction:column;gap:3px;flex:1}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);font-size:14.5px;font-weight:500;color:#e9f3eeb8;cursor:pointer;transition:background .15s,color .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:var(--brand);color:#04231a;font-weight:600}.sidebar-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;margin-top:8px}.sidebar-footer-title{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:7px}.sidebar-footer-subtitle{font-size:12px;color:#e9f3ee99;margin-top:3px}.main-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;min-width:0}.header{height:var(--header-h);flex-shrink:0;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.header-title{font-size:18px;font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--r-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:var(--surface-raised);color:var(--text)}.user-profile{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:var(--r-full);background:var(--brand);color:#04231a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.user-name{font-size:14px;font-weight:600}.page-content{max-width:1560px;width:100%;margin:0 auto;padding:18px 22px 24px}.page-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.view-container{animation:fadeIn .28s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-1)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px;flex-wrap:wrap}.card-header h3{font-size:16px;font-weight:700}.card-title-group{display:flex;flex-direction:column;gap:2px}.card-desc{font-size:13px;color:var(--text-muted)}.card-list{display:flex;flex-direction:column}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:5px}.stat-title{font-size:11.5px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.stat-value{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.03em}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:0}.item-title{font-size:14px;font-weight:600}.item-sub{font-size:12.5px;color:var(--text-muted)}.btn-primary,.btn-outline,.btn-text,.auth-submit{font-family:inherit;font-size:14px;font-weight:600;border-radius:var(--r-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s,color .15s,transform .06s;padding:9px 16px;border:1px solid transparent}.btn-primary:active,.btn-outline:active,.auth-submit:active{transform:translateY(1px)}.btn-primary,.auth-submit{background:var(--brand);color:var(--text-on-brand);box-shadow:0 1px 2px #25d36659}.btn-primary:hover,.auth-submit:hover{background:var(--brand-hover)}.btn-primary:disabled,.auth-submit:disabled,.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-outline:disabled:hover{border-color:var(--border);color:var(--text-muted);background:var(--surface)}.btn-outline{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-outline:hover{background:var(--surface-raised);border-color:var(--text-faint)}.btn-text{background:none;color:var(--brand-teal);padding:6px 8px}.btn-text:hover{background:var(--brand-ghost)}.btn-sm{padding:6px 11px;font-size:13px}input[type=checkbox],input[type=radio]{accent-color:var(--brand)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}.form-group label,.lbl{font-size:13px;font-weight:600;color:var(--text)}input[type=text],input[type=password],input[type=email],input[type=number],input[type=time],input[type=date],select,textarea{font-family:inherit;font-size:14px;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-ghost)}input::placeholder,textarea::placeholder{color:var(--text-faint)}textarea{resize:vertical;min-height:80px;line-height:1.5}.full-width{width:100%}.search-box,.filter-box{position:relative;display:flex;align-items:center}.search-box input{padding-left:34px}.search-box svg{position:absolute;left:11px;color:var(--text-faint);pointer-events:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;position:relative;overflow:hidden;background:radial-gradient(1100px 520px at 50% -8%,var(--brand-ghost),transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:38px 34px;box-shadow:var(--sh-4);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:24px}.auth-header h2{font-size:24px;font-weight:800;margin:0 0 5px}.auth-header p{font-size:14px;color:var(--text-muted);margin:0}.auth-logo-text{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:20px;font-weight:800;color:var(--brand-deep);letter-spacing:-.03em;line-height:1;margin-bottom:20px}.auth-logo-text>span{transform:translateY(.5px)}:root[data-theme=dark] .auth-logo-text{color:var(--text)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-logo-text{color:var(--text)}}.auth-form{display:flex;flex-direction:column}.auth-submit{width:100%;padding:11px;margin-top:6px;font-size:15px}.auth-footer{text-align:center;margin-top:18px;font-size:13.5px;color:var(--text-muted)}.auth-link{color:var(--brand-teal);font-weight:600;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit}.auth-link:hover{text-decoration:underline}.auth-msg{font-size:13.5px;padding:10px 12px;border-radius:var(--r-md);margin-bottom:14px;border:1px solid transparent}.powered-by{font-size:12px;line-height:1.4;color:var(--text-faint);letter-spacing:.005em}.powered-by strong{font-weight:600;color:var(--text-muted)}.powered-by--invert{color:#ffffff6b}.powered-by--invert strong{color:#ffffffb8;font-weight:600}.auth-attribution{position:relative;z-index:1;text-align:center}.sidebar-attribution{display:block;padding:10px 8px 2px}.connect-view{display:flex;align-items:center;justify-content:center;padding:40px 20px;min-height:60vh}.connect-card{width:100%;max-width:460px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:34px 30px;box-shadow:var(--sh-3)}.connect-icon{width:60px;height:60px;border-radius:var(--r-full);background:var(--brand-bubble);color:var(--brand-deep);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}:root[data-theme=dark] .connect-icon{color:#dcf8c6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .connect-icon{color:#dcf8c6}}.connect-card h2{font-size:21px;font-weight:800;margin-bottom:7px}.connect-card p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.qr-box{width:232px;height:232px;margin:0 auto 18px;background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-2)}.qr-placeholder-img{color:var(--text-faint);font-size:13.5px}.scan-status{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:var(--r-md);font-size:13px;font-weight:600;background:var(--warning-bg);color:var(--warning);border:1px solid var(--warning-border)}.scan-status.connected{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.automation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.automation-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--sh-1);display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s,transform .12s}.automation-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-2);transform:translateY(-1px)}.auto-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.auto-icon{width:40px;height:40px;border-radius:var(--r-md);background:var(--brand-bubble);color:var(--brand-deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}:root[data-theme=dark] .auto-icon{color:#dcf8c6}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .auto-icon{color:#dcf8c6}}.automation-card h4{font-size:15px;font-weight:700}.auto-card-stats{background:var(--surface-sunken);border-radius:var(--r-md);padding:11px 13px;display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-muted)}.status-label,.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 8px;border-radius:var(--r-sm);background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border)}.status-label.active,.status-badge.active{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.status-label.paused,.status-badge.paused{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.logs-table{width:100%;border-collapse:collapse;font-size:13.5px}.logs-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--surface-sunken);padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.logs-table th:first-child{border-top-left-radius:var(--r-md)}.logs-table th:last-child{border-top-right-radius:var(--r-md)}.logs-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.logs-table tbody tr:last-child td{border-bottom:0}.logs-table tbody tr:hover{background:var(--surface-raised)}.log-contact{font-weight:600}.log-flow,.log-time{color:var(--text-muted)}.expanded-row td{background:var(--surface-sunken)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--r-sm);font-size:11.5px;font-weight:700;white-space:nowrap;border:1px solid transparent;text-transform:capitalize}.badge.badge-prose{text-transform:none}.badge-delivered,.badge-read{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-failed{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-pending{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-sent{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-cancelled{background:var(--surface-raised);color:var(--text-muted);border-color:var(--border)}.log-status{display:flex;align-items:center;gap:7px}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-top:1px solid var(--border)}.page-info{font-size:12.5px;color:var(--text-muted)}.page-number{min-width:32px;height:32px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:13px;cursor:pointer}.page-number.active{background:var(--brand);color:var(--text-on-brand);border-color:var(--brand);font-weight:700}.tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-md)}.tablewrap table{min-width:640px}.th-sort{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit}.th-sort:hover{color:var(--brand)}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:var(--r-sm);border:1px solid var(--border);font-size:11.5px;font-weight:600;line-height:1.7;white-space:nowrap}button.tag-chip{cursor:pointer;font-family:inherit;color:var(--text-muted)}button.tag-chip:hover{border-color:var(--brand);color:var(--brand)}button.tag-chip[style*=background]:hover{filter:brightness(1.08)}.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 14px;background:var(--brand-ghost);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:13px}.graph-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;margin-bottom:14px;box-shadow:var(--sh-1)}.graph-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;flex-wrap:wrap}.graph-title{font-size:16px;font-weight:700}.graph-legend{display:flex;gap:14px;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-muted)}.legend-color{width:10px;height:10px;border-radius:3px}.modal-overlay{position:fixed;inset:0;z-index:1000;background:#08120f8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .16s ease}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--sh-4);width:100%;max-height:90vh;overflow-y:auto}.modal-content h3{font-size:18px;font-weight:700;margin-bottom:16px}.alert-box{padding:12px 14px;border-radius:var(--r-md);font-size:13.5px;border:1px solid transparent;display:flex;gap:10px;align-items:flex-start}.alert-box.warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.alert-box.info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.alert-box.success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.alert-box.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.notifications-container{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:360px}.notification-toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--sh-3);display:flex;gap:11px;align-items:flex-start;animation:slideIn .3s cubic-bezier(.16,1,.3,1)}.notification-toast.success{border-left-color:var(--success)}.notification-toast.error{border-left-color:var(--danger)}.notification-toast.warning{border-left-color:var(--warning)}.notification-icon{flex-shrink:0;margin-top:1px}.notification-content{display:flex;flex-direction:column;gap:2px;min-width:0}.notification-title{font-size:13px;font-weight:700}.notification-message{font-size:13px;color:var(--text-muted);word-break:break-word}@keyframes slideIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.inbox-layout{display:grid;grid-template-columns:340px 1fr;height:calc(100vh - var(--header-h) - 42px);min-height:520px;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.inbox-list{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border)}.inbox-list-head{padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface)}.inbox-list-head .search-box{margin:0;width:100%}.inbox-list-scroll{flex:1;overflow-y:auto}.inbox-filters{display:flex;gap:6px;padding:9px 12px 0;flex-wrap:wrap}.inbox-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-sunken);font:inherit;font-size:12px;font-weight:600;color:var(--text-muted);cursor:pointer;white-space:nowrap}.inbox-chip:hover{border-color:var(--brand);color:var(--brand)}.inbox-chip.active{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.inbox-chip .n{font-size:11px;font-weight:700;padding:0 4px;border-radius:var(--r-sm);background:var(--surface);color:var(--text-muted)}.inbox-chip.active .n{background:#ffffff38;color:inherit}.inbox-row{display:grid;grid-template-columns:42px 1fr;gap:11px;width:100%;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:none;cursor:pointer;font-family:inherit;align-items:center}.inbox-row:hover{background:var(--surface-raised)}.inbox-row.active{background:var(--surface-raised);box-shadow:inset 3px 0 0 var(--brand)}.inbox-row-main{min-width:0}.inbox-row-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.inbox-name{font-size:14px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-time{font-size:11px;color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.inbox-row.unread .inbox-time{color:var(--brand);font-weight:600}.inbox-row-bot{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:2px}.inbox-preview{font-size:12.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:4px;min-width:0}.inbox-row.unread .inbox-name{font-weight:700}.inbox-unread{background:var(--brand);color:var(--text-on-brand);font-size:11px;font-weight:700;min-width:19px;height:19px;border-radius:var(--r-full);display:inline-flex;align-items:center;justify-content:center;padding:0 6px;flex:none}.inbox-row-meta{display:flex;align-items:center;gap:5px;margin-top:4px;flex-wrap:wrap}.sla-chip{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:700;padding:1px 5px;border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--text-muted);border:1px solid var(--border)}.sla-chip.warn{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.sla-chip.late{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.inbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 24px;text-align:center;color:var(--text-muted);flex:1}.inbox-empty svg{color:var(--text-faint);margin-bottom:6px}.inbox-empty p{margin:0;font-size:13px;max-width:34ch}.inbox-empty p strong{color:var(--text);font-size:15px;font-weight:700;display:block;margin-bottom:4px}.inbox-thread{display:flex;flex-direction:column;overflow:hidden;min-width:0}.thread-head{display:flex;align-items:center;gap:11px;padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface);flex:none}.thread-who{min-width:0;flex:1}.thread-who h4{font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap;overflow:hidden}.thread-actions{display:flex;align-items:center;gap:6px;flex:none}.thread-labels{display:flex;gap:5px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--surface-sunken);flex-wrap:wrap;align-items:center;flex:none}.thread-messages{flex:1;overflow-y:auto;padding:16px 5%;display:flex;flex-direction:column;gap:2px;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.035' stroke-width='1.6'%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3Cpath d='M42 10h12v12H42zM70 44l8 8-8 8-8-8z'/%3E%3Cpath d='M12 60c4-6 12-6 16 0M58 78h14M24 84h10'/%3E%3Ccircle cx='84' cy='22' r='4'/%3E%3Cpath d='M2 38h14'/%3E%3C/g%3E%3C/svg%3E")}:root[data-theme=dark] .thread-messages{background-color:#0b141a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .thread-messages{background-color:#0b141a}}.thread-chip{align-self:center;margin:10px 0 6px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-md);font-size:11.5px;font-weight:600;padding:4px 11px;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--sh-1)}.thread-chip.system{text-transform:none;letter-spacing:0;font-weight:500}.bubble{max-width:min(70%,560px);padding:6px 9px 5px;border-radius:7px;box-shadow:0 1px .5px #0b141a21;border:0;word-break:break-word;position:relative}.bubble.in{align-self:flex-start;background:#fff;border-top-left-radius:0}.bubble.out{align-self:flex-end;background:var(--brand-bubble);border-top-right-radius:0}:root[data-theme=dark] .bubble.in{background:#202c33;color:#e9edef}:root[data-theme=dark] .bubble.out{background:#005c4b;color:#e9edef}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bubble.in{background:#202c33;color:#e9edef}:root:not([data-theme=light]) .bubble.out{background:#005c4b;color:#e9edef}}.bubble.in:before,.bubble.out:before{content:"";position:absolute;top:0;width:9px;height:13px}.bubble.in:before{left:-8px;background:#fff;clip-path:polygon(100% 0,100% 100%,0 0)}.bubble.out:before{right:-8px;background:var(--brand-bubble);clip-path:polygon(0 0,100% 0,0 100%)}:root[data-theme=dark] .bubble.in:before{background:#202c33}:root[data-theme=dark] .bubble.out:before{background:#005c4b}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bubble.in:before{background:#202c33}:root:not([data-theme=light]) .bubble.out:before{background:#005c4b}}.bubble.tailless{border-radius:7px}.bubble:not(.tailless){margin-top:10px}.bubble.tailless:before{display:none}.bubble-body{font-size:14.2px;line-height:1.42;white-space:pre-wrap}.bubble-author{font-size:12px;font-weight:700;color:var(--brand-teal);margin-bottom:1px}.bubble-attachment{display:block;max-width:min(320px,100%);max-height:340px;width:auto;height:auto;border-radius:var(--r-md);margin-bottom:4px;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px;object-fit:cover;background:var(--surface-sunken)}:root[data-theme=dark] .bubble-attachment{outline-color:#ffffff1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bubble-attachment{outline-color:#ffffff1a}}.bubble-media{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px;text-transform:capitalize}.bubble-meta{display:inline-flex;align-items:center;gap:3px;float:right;margin:6px -3px -2px 8px;font-size:11px;color:#111b2180;font-variant-numeric:tabular-nums;white-space:nowrap}:root[data-theme=dark] .bubble-meta{color:#e9edef80}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .bubble-meta{color:#e9edef80}}.tick-read{color:#53bdeb}.bubble.note{align-self:center;max-width:min(78%,620px);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--r-md);box-shadow:none}.bubble.note:before{display:none}.bubble.note .bubble-author{color:var(--warning);display:flex;align-items:center;gap:5px}.bubble.note .bubble-meta{color:var(--warning);opacity:.75}.thread-composer{display:flex;gap:9px;align-items:flex-end;padding:9px 14px;border-top:1px solid var(--border);background:var(--surface);flex:none}.thread-composer textarea{flex:1;resize:none;min-height:38px;max-height:130px;padding:9px 12px;border-radius:var(--r-md);font-size:14px;line-height:1.4}.composer-send{width:38px;height:38px;flex:none;border-radius:var(--r-md);border:0;background:var(--brand);color:var(--text-on-brand);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer-send:disabled{opacity:.5;cursor:not-allowed}.composer-mode{display:flex;gap:4px;padding:0 14px 8px;background:var(--surface);flex:none}.composer-mode button{font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--text-muted);cursor:pointer}.composer-mode button.active{background:var(--brand-ghost);border-color:var(--brand);color:var(--brand-teal)}.composer-mode button.active.note-mode{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.composer-caution{padding:9px 14px;border-top:1px solid var(--warning-border);background:var(--warning-bg);color:var(--warning);font-size:12.5px;display:flex;gap:9px;align-items:flex-start;flex:none}.composer-closed{padding:12px 14px;border-top:1px solid var(--border);background:var(--warning-bg);color:var(--warning);font-size:13px;display:flex;gap:9px;align-items:flex-start;flex:none}.canned-pop{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3);max-height:240px;overflow-y:auto;padding:4px}.canned-item{display:block;width:100%;text-align:left;border:0;background:none;font:inherit;padding:7px 9px;border-radius:var(--r-sm);cursor:pointer;color:var(--text)}.canned-item:hover,.canned-item.active{background:var(--surface-raised)}.canned-item b{font-size:13px;display:block}.canned-item span{font-size:12px;color:var(--text-muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-blank{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:40px;background:var(--surface-sunken);border-left:1px solid var(--border)}.thread-blank h4{font-size:19px;font-weight:300;color:var(--text-muted);margin:0}.thread-blank p{font-size:13px;color:var(--text-faint);margin:0;max-width:42ch}.typing-note{font-size:12px;color:var(--brand-teal);font-style:italic}.toggle-row{display:flex;gap:11px;align-items:flex-start;cursor:pointer;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-sunken);transition:border-color .15s,background .15s}.toggle-row:hover{border-color:var(--brand);background:var(--brand-ghost)}.toggle-row input{width:17px;height:17px;margin-top:2px;flex:none;accent-color:var(--brand);cursor:pointer}.toggle-row span{display:flex;flex-direction:column;gap:2px}.toggle-row strong{font-size:14px;font-weight:600;color:var(--text)}.toggle-row em{font-style:normal;font-size:12.5px;color:var(--text-muted);line-height:1.45}.response-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.response-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 15px}.rt-n{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.rt-l{font-size:12px;color:var(--text-muted);font-weight:500}.response-bar{display:flex;height:7px;border-radius:var(--r-full);overflow:hidden;background:var(--surface-sunken);margin-top:14px}.response-bar div{height:100%}.response-list{margin-top:16px;border-top:1px solid var(--border);padding-top:6px}.response-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.response-row:last-child{border-bottom:0}.rr-name{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-none{display:flex;gap:9px;align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.response-none svg{flex:none;margin-top:1px;color:var(--text-faint)}.nav-section{font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#e9f3ee6b;padding:16px 12px 6px}.nav-section:first-child{padding-top:2px}.feed-item{display:flex;gap:11px;padding:12px 14px;border-left:3px solid var(--border-strong);background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-radius:var(--r-md);margin-bottom:9px;box-shadow:var(--sh-1)}.feed-item.reply{border-left-color:var(--brand)}.feed-item.confirm{border-left-color:var(--success)}.feed-item.optout,.feed-item.failed{border-left-color:var(--danger)}.feed-item.sent{border-left-color:var(--border-strong)}.feed-ico{flex:none;margin-top:2px}.feed-body{flex:1;min-width:0}.feed-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.feed-who{font-size:13.5px;font-weight:600}.feed-when{font-size:11px;color:var(--text-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.feed-text{font-size:13px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.flow-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--sh-1);transition:border-color .15s,box-shadow .15s,transform .12s}.flow-card:hover{border-color:var(--border-strong);box-shadow:var(--sh-2);transform:translateY(-1px)}.flow-ico{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--brand-ghost);color:var(--brand-teal)}:root[data-theme=dark] .flow-ico{color:var(--brand)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .flow-ico{color:var(--brand)}}.flow-card h4{font-size:15px;font-weight:700;margin:0}.flow-card p{font-size:13px;color:var(--text-muted);margin:0;flex:1;line-height:1.5}.flow-card .btn-outline{align-self:flex-start;margin-top:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px;gap:4px}.empty-art{width:58px;height:58px;border-radius:var(--r-full);background:var(--surface-sunken);display:flex;align-items:center;justify-content:center;color:var(--text-faint);margin-bottom:8px}.empty-state h4{font-size:16px;font-weight:700;margin:0}.empty-state p{font-size:13.5px;color:var(--text-muted);margin:0;max-width:38ch}.empty-state .btn-primary{margin-top:10px}.apikey-box{display:flex;align-items:center;gap:11px;padding:12px 14px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--r-md);flex-wrap:wrap}.apikey-box code{flex:1;min-width:200px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;background:none;padding:0;color:var(--text)}.code-block{position:relative;background:var(--brand-deep);border-radius:var(--r-md);overflow:hidden}:root[data-theme=dark] .code-block{background:#0a1418;border:1px solid var(--border)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .code-block{background:#0a1418;border:1px solid var(--border)}}.code-block pre{margin:0;padding:15px 16px;overflow-x:auto;color:#dcf8c6;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.65}.code-copy{position:absolute;top:9px;right:9px;background:#ffffff1f;border:0;color:#dcf8c6;border-radius:5px;padding:5px 7px;cursor:pointer;display:flex;align-items:center}.code-copy:hover{background:#ffffff38}.ds-root{max-width:1240px;margin:0 auto;padding:28px}.ds-header{margin-bottom:24px}.ds-header h1{font-size:24px;font-weight:800;letter-spacing:-.03em}.ds-header p{font-size:14px;color:var(--text-muted);margin:6px 0 0;max-width:62ch}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px}.ds-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.ds-panel-head{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface-sunken)}.ds-panel-head h3{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.ds-panel-head p{font-size:12.5px;color:var(--text-faint);margin:3px 0 0}.ds-panel-body{padding:16px}.ds-note{font-size:12.5px;color:var(--text-faint);margin:12px 0 0;line-height:1.5}.ds-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:9px}.ds-row:last-child{margin-bottom:0}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.ds-sw{display:flex;flex-direction:column;gap:3px}.ds-sw span{height:34px;border-radius:var(--r-sm);border:1px solid var(--border)}.ds-sw b{font-size:12px;font-weight:600}.ds-sw code{font-size:10.5px;color:var(--text-faint);background:none;padding:0}.ds-surfaces{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ds-surfaces div{height:58px;border:1px solid var(--border);border-radius:var(--r-sm);display:flex;align-items:flex-end;padding:6px}.ds-surfaces b{font-size:10px;color:var(--text-muted);font-weight:600}.ds-radii{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.ds-radii div{display:flex;flex-direction:column;align-items:center;gap:3px}.ds-radii span{width:42px;height:30px;background:var(--brand-ghost);border:1px solid var(--brand);display:block}.ds-radii code{font-size:10.5px;background:none;padding:0;color:var(--text-muted)}.ds-radii em{font-style:normal;font-size:10px;color:var(--text-faint)}.ds-type p{margin:0 0 8px}.ds-tabs{display:flex;gap:20px;border-bottom:1px solid var(--border)}.ds-tabs button{background:none;border:0;padding:8px 2px 10px;font-family:inherit;font-size:13.5px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent}.ds-tabs button.active{color:var(--brand);font-weight:600;border-bottom-color:var(--brand)}.ds-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.stat-delta{font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:3px;margin-top:2px}.sparkline{margin-top:6px;margin-left:-2px}.ds-donut{position:relative}.ds-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.ds-donut-center b{display:block;font-size:22px;font-weight:800;letter-spacing:-.02em}.ds-donut-center span{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;box-shadow:var(--sh-3);font-size:12.5px;min-width:110px}.chart-tip-label{font-weight:700;margin-bottom:5px;font-size:11.5px;color:var(--text)}.chart-tip-row{display:flex;align-items:center;gap:7px;padding:1px 0;color:var(--text-muted)}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-muted)}.chart-legend i{width:9px;height:9px;border-radius:2px;flex:none}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16px;font-weight:700;margin:0}.modal-head p{font-size:13px;color:var(--text-muted);margin:4px 0 0;max-width:52ch}.modal-body{padding:16px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-sunken)}.modal-content{padding:0}.btn-danger{font-family:inherit;font-size:14px;font-weight:600;border-radius:var(--r-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border:1px solid transparent;background:var(--danger);color:#fff;transition:background .15s}.btn-danger:hover{filter:brightness(1.08)}.drawer-overlay{position:fixed;inset:0;z-index:1000;background:#08120f80;display:flex;justify-content:flex-end}.drawer-panel{background:var(--surface);height:100%;max-width:100vw;display:flex;flex-direction:column;box-shadow:var(--sh-4);border-left:1px solid var(--border);animation:drawerIn .2s cubic-bezier(.16,1,.3,1)}@keyframes drawerIn{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid var(--border);flex:none}.drawer-head h3{font-size:16px;font-weight:700;margin:0}.drawer-head p{font-size:12.5px;color:var(--text-muted);margin:3px 0 0}.drawer-body{flex:1;overflow-y:auto;padding:16px}.drawer-foot{padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-sunken);display:flex;justify-content:flex-end;gap:9px;flex:none}.dropdown{position:relative;display:inline-flex}.dropdown-trigger{background:none;border:0;padding:0;cursor:pointer;font:inherit;color:inherit;display:inline-flex;align-items:center;gap:8px;border-radius:var(--r-md)}.dropdown-menu{position:absolute;top:calc(100% + 8px);z-index:200;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:5px;display:flex;flex-direction:column;gap:1px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:none;font:inherit;font-size:13.5px;color:var(--text);cursor:pointer;text-align:left;border-radius:var(--r-sm)}.dropdown-item:hover{background:var(--surface-raised)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-bg)}.dropdown-item svg{flex:none;color:var(--text-muted)}.dropdown-item.danger svg{color:var(--danger)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-full);font-weight:700;flex:none;object-fit:cover;letter-spacing:.02em}.header-id{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25;min-width:0}.header-id b{font-size:13px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-id span{font-size:11.5px;color:var(--text-muted)}.wa-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-sunken);font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.wa-pill .dot{width:7px;height:7px;border-radius:50%;flex:none}.wa-pill.on .dot{background:var(--success)}.wa-pill.off .dot{background:var(--danger)}.wa-pill b{font-weight:600}@media(max-width:1023px){.wa-pill span.num{display:none}}@media(max-width:639px){.header-id{display:none}}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;padding:14px}.template-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}.template-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px 9px;border-bottom:1px solid var(--border)}.template-card h4{font-size:14.5px;font-weight:700;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card>footer{padding:9px 12px;border-top:1px solid var(--border);background:var(--surface-sunken);display:flex;gap:5px;flex-wrap:wrap}.template-card>footer code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:var(--brand-ghost);color:var(--brand-teal);padding:1px 6px;border-radius:var(--r-sm)}.template-preview,.preview-ground{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23000' stroke-opacity='.035' stroke-width='1.6'%3E%3Ccircle cx='16' cy='16' r='6'/%3E%3Cpath d='M42 10h12v12H42zM70 44l8 8-8 8-8-8z'/%3E%3Cpath d='M12 60c4-6 12-6 16 0M58 78h14M24 84h10'/%3E%3Ccircle cx='84' cy='22' r='4'/%3E%3Cpath d='M2 38h14'/%3E%3C/g%3E%3C/svg%3E")}.preview-ground{border:1px solid var(--border);border-radius:var(--r-md)}:root[data-theme=dark] .template-preview,:root[data-theme=dark] .preview-ground{background-color:#0b141a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .template-preview,:root:not([data-theme=light]) .preview-ground{background-color:#0b141a}}.template-preview .bubble:before,.preview-ground .bubble:before{display:none}.template-preview .bubble,.preview-ground .bubble{border-radius:7px}.template-footer{font-size:11.5px;color:#111b2173;margin-top:5px}:root[data-theme=dark] .template-footer{color:#e9edef73}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .template-footer{color:#e9edef73}}.template-buttons{display:flex;flex-direction:column;gap:2px}.template-buttons span{background:#fff;color:#00a5f4;border-radius:7px;padding:7px;text-align:center;font-size:13.5px;font-weight:500;box-shadow:0 1px .5px #0b141a21}:root[data-theme=dark] .template-buttons span{background:#202c33;color:#53bdeb}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .template-buttons span{background:#202c33;color:#53bdeb}}.template-editor{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.template-preview-pane{position:sticky;top:0}.preview-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin-bottom:6px}@media(max-width:800px){.template-editor{grid-template-columns:1fr}.template-preview-pane{position:static}}.bcast-bar{display:flex;height:6px;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-sunken);border:1px solid var(--border)}.bcast-bar span{display:block;height:100%}.bcast-bar .ok{background:var(--brand)}.bcast-bar .bad{background:var(--danger)}.bcast-bar .skip{background:var(--text-faint)}.analytics-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.range-picker{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.range-picker button{font:inherit;font-size:13px;font-weight:600;padding:6px 14px;border:0;border-right:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer}.range-picker button:last-child{border-right:0}.range-picker button:hover{background:var(--surface-raised);color:var(--text)}.range-picker button.active{background:var(--brand);color:var(--text-on-brand)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1);display:flex;flex-direction:column;min-width:0}.chart-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 16px 10px}.chart-card h3{font-size:14.5px;font-weight:700;margin:0}.chart-card header p{font-size:12.5px;color:var(--text-muted);margin:3px 0 0;max-width:54ch}.chart-card-body{padding:0 16px 14px;flex:1;min-width:0}.chart-note{font-size:12.5px;color:var(--text-muted);margin-top:8px}.chart-blank{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--text-faint);font-size:13px;text-align:center}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:8px;font-size:12px;color:var(--text-muted)}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;flex:none}.chart-tip{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-3);padding:8px 10px;font-size:12.5px;min-width:130px}.chart-tip-label{font-weight:700;margin-bottom:5px;color:var(--text)}.chart-tip-row{display:flex;align-items:center;gap:7px;color:var(--text-muted)}.chart-tip-row i{width:9px;height:9px;border-radius:2px;flex:none}.chart-tip-row b{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}.chart-donut{position:relative}.chart-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.chart-donut-center b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}.chart-donut-center span{font-size:11.5px;color:var(--text-muted)}.funnel{display:flex;flex-direction:column;gap:10px;padding-top:4px}.funnel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.funnel-label{font-size:13px;font-weight:600}.funnel-value{display:inline-flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums}.funnel-value b{font-size:14px;font-weight:700}.funnel-value em{font-style:normal;font-size:12px;color:var(--text-muted)}.funnel-track{height:10px;background:var(--c-empty);border-radius:var(--r-sm);overflow:hidden;margin-top:4px}.funnel-track span{display:block;height:100%;border-radius:var(--r-sm)}.funnel-drop{font-size:11.5px;color:var(--danger);margin-top:3px}.stat-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.sparkline{margin-top:4px}@media(min-width:640px)and (max-width:1023px){.chart-grid{grid-template-columns:1fr}.chart-card[style*=span]{grid-column:auto!important}}@media(max-width:639px){.chart-grid{grid-template-columns:1fr;gap:10px}.chart-card[style*=span]{grid-column:auto!important}.analytics-head{flex-direction:column;align-items:stretch}.range-picker{width:100%}.range-picker button{flex:1}}.settings-shell{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:start}.settings-nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:6px}.settings-nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font:inherit;font-size:13.5px;font-weight:500;padding:8px 10px;border:0;border-radius:var(--r-md);background:none;color:var(--text-muted);cursor:pointer}.settings-nav button:hover{background:var(--surface-raised);color:var(--text)}.settings-nav button.active{background:var(--brand-ghost);color:var(--brand-teal);font-weight:600}.settings-nav svg{flex:none}.settings-body{display:flex;flex-direction:column;gap:14px;min-width:0}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-1)}.settings-card>header{padding:14px 16px 11px;border-bottom:1px solid var(--border)}.settings-card h3{font-size:15px;font-weight:700;margin:0}.settings-card header p{font-size:12.5px;color:var(--text-muted);margin:3px 0 0;max-width:62ch}.settings-card-body{padding:14px 16px}.settings-card>footer{padding:11px 16px;border-top:1px solid var(--border);background:var(--surface-sunken);display:flex;justify-content:flex-end;gap:9px;border-radius:0 0 var(--r-lg) var(--r-lg)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.settings-card-body .form-group:last-child{margin-bottom:0}.settings-card-body small{display:block;font-size:12px;color:var(--text-muted);margin-top:4px}.hours-grid{display:flex;flex-direction:column;gap:2px}.hours-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:2px 0;border-bottom:1px solid var(--border)}.hours-row:last-child{border-bottom:0}.hours-times{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-muted)}.hours-times input{width:118px;padding:5px 8px;font-size:13px}.hours-closed{font-size:12.5px;color:var(--text-faint);padding-right:8px}.member-list{display:flex;flex-direction:column}.member-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border)}.member-row:last-child{border-bottom:0}.you-chip{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--brand-ghost);color:var(--brand-teal);padding:1px 6px;border-radius:var(--r-sm);margin-left:7px;vertical-align:middle}.conn-panel{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--danger-border);background:var(--danger-bg);border-radius:var(--r-md)}.conn-panel.ok{border-color:var(--success-border);background:var(--success-bg)}.conn-panel .conn-dot{width:10px;height:10px}.chip-rows{display:flex;flex-direction:column}.chip-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.chip-row:last-child{border-bottom:0}@media(min-width:640px)and (max-width:1023px){.settings-shell{grid-template-columns:176px 1fr}.settings-grid{grid-template-columns:1fr}}@media(max-width:639px){.settings-shell{grid-template-columns:1fr;gap:10px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding:5px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav button{width:auto;white-space:nowrap;padding:7px 11px}.settings-nav button span{font-size:13px}.settings-grid{grid-template-columns:1fr}.hours-row{grid-template-columns:1fr;gap:2px;padding-bottom:8px}.hours-times input{width:104px}.member-row{flex-wrap:wrap}}.nav-label{white-space:nowrap}.nav-item{position:relative}.nav-badge{margin-left:auto}.conn-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--danger);flex:none}.conn-dot.on{background:var(--brand)}.sidebar-disconnect{margin-top:8px;width:100%;padding:6px;background:#ffffff1a;border:0;color:#fff;border-radius:var(--r-md);cursor:pointer;font-family:inherit;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-disconnect:hover{background:#ffffff2e}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:35;background:#08120f73}.menu-toggle{display:none}@media(min-width:640px)and (max-width:1023px){:root{--sidebar-w: 68px}.sidebar{padding:18px 10px;align-items:stretch}.sidebar .nav-label{display:none}.sidebar-logo{justify-content:center;padding:4px 0 18px}.nav-item{justify-content:center;padding:11px 0}.nav-section{font-size:0;height:1px;padding:0;margin:9px 6px;background:#ffffff24}.nav-badge{position:absolute;top:5px;right:9px;margin:0;min-width:16px;height:16px;font-size:10px;padding:0 4px}.sidebar-footer{padding-top:12px}.sidebar-footer-title{justify-content:center}.sidebar-footer-subtitle{display:none}.sidebar-disconnect{padding:7px 0}.header{padding:0 18px}.page-content{padding:16px 18px 22px}.stats-row,.automation-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.ds-surfaces{grid-template-columns:repeat(3,1fr)}.inbox-layout{grid-template-columns:260px 1fr}.inbox-preview{max-width:150px}.drawer-panel{width:min(480px,92vw)!important}}@media(max-width:639px){.app-container{position:relative}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--sh-4)}.sidebar.open{transform:none}.sidebar-backdrop.show{display:block}.menu-toggle{display:inline-flex}.main-wrapper{width:100%}.header{padding:0 14px;gap:8px}.header-title{font-size:16px}.page-content{padding:12px 10px 18px}.stats-row,.automation-grid,.dashboard-grid,.ds-surfaces{grid-template-columns:1fr}.card{padding:14px 12px}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-actions>.search-box,.page-actions>select{grid-column:1 / -1;width:100%}.page-actions>button{width:100%;justify-content:center}.bulk-bar{flex-direction:column;align-items:stretch;padding:12px 14px}.bulk-bar>div{display:grid!important;grid-template-columns:1fr 1fr}.bulk-bar select{grid-column:1 / -1;width:100%}.notifications-container{left:12px;right:12px;max-width:none;bottom:calc(12px + env(safe-area-inset-bottom))}.auth-card{padding:26px 20px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{width:100%;max-width:none!important;max-height:92vh;border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:0;animation:sheetUp .24s cubic-bezier(.16,1,.3,1)}.modal-foot{flex-direction:column-reverse;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-foot>button{width:100%}.drawer-foot{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.drawer-panel{width:100vw!important}.inbox-layout{grid-template-columns:1fr;border-radius:0;border-left:0;border-right:0;height:calc(100vh - var(--header-h) - 24px)}.inbox-list{border-right:0}.thread-head{padding:8px 10px;gap:8px}.thread-head .icon-btn{width:30px;height:30px;flex:none}.thread-sub{flex-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;display:block}.thread-sub>span{display:inline}.thread-messages{padding:12px 10px}.bubble{max-width:88%}.composer-mode{padding:0 10px 7px;flex-wrap:wrap}.thread-composer{padding:8px 10px}.ds-root{padding:14px}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}@media(max-width:639px){.table-stack,.table-stack tbody,.table-stack tr,.table-stack td{display:block;width:100%}.table-stack thead{display:none}.table-stack{min-width:0!important}.tablewrap:has(.table-stack){border:0;overflow-x:visible}.table-stack tr{border:1px solid var(--border);border-radius:var(--r-md);padding:10px 12px;margin-bottom:8px;background:var(--surface);position:relative}.table-stack tr:hover{background:var(--surface)}.table-stack tr.plain{border:0;padding:0;margin:0;background:none}.table-stack tr.plain td{display:block}.table-stack td{border:0;padding:3px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px}.table-stack td:before{content:attr(data-label);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);flex:none}.table-stack td:not([data-label]):before{content:none}.table-stack td.stack-title{font-size:15px;font-weight:700;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid var(--border);justify-content:flex-start}.table-stack td.stack-check{position:absolute;top:10px;right:12px;width:auto;padding:0}.table-stack td:empty,.table-stack td.stack-hide{display:none}}