:root{--sy-teal: #1ABFB8;--sy-teal-dark: #0DAAA4;--sy-teal-light: #E8F8F7;--sy-navy: #0D2B45;--sy-navy-mid: #1A3D5C;--sy-white: #FAFCFC;--sy-surface: #F4F6F6;--sy-border: #D4E0E0;--sy-border-dark: #A8C0C0;--sy-coral: #FF6B5B;--sy-coral-light: #FFF0EE;--sy-amber: #FFB347;--sy-amber-light: #FFF8EE;--sy-text-primary: #0D2B45;--sy-text-secondary: #3D5A5A;--sy-text-muted: #8FA8A8;--sy-text-inverse: #FFFFFF;--sy-success: #2D7A4F;--sy-success-bg: #EAF4EF;--sy-warning: #B87A00;--sy-warning-bg: #FFF8EE;--sy-error: #CC3322;--sy-error-bg: #FFF0EE;--sy-info: #1A5C8A;--sy-info-bg: #E8F2FA;--sy-chat-bot-bubble: #FFFFFF;--sy-chat-bot-border: #E4ECEC;--sy-chat-user-bubble: #1ABFB8;--sy-chat-user-text: #FFFFFF;--sy-chat-bg: #F4F6F6;--sy-chat-header-bg: #FFFFFF;--sy-overlay-backdrop: rgba(13, 43, 69, .75);--sy-font-heading: "Plus Jakarta Sans", system-ui, sans-serif;--sy-font-body: "Outfit", system-ui, sans-serif;--sy-font-mono: "Courier New", "Courier", monospace;--sy-text-xs: 11px;--sy-text-sm: 13px;--sy-text-base: 15px;--sy-text-md: 16px;--sy-text-lg: 18px;--sy-text-xl: 22px;--sy-text-2xl: 28px;--sy-text-3xl: 36px;--sy-text-4xl: 48px;--sy-weight-light: 300;--sy-weight-regular: 400;--sy-weight-medium: 500;--sy-weight-semibold: 600;--sy-weight-bold: 700;--sy-weight-black: 800;--sy-leading-tight: 1.2;--sy-leading-snug: 1.35;--sy-leading-normal: 1.6;--sy-leading-loose: 1.75;--sy-tracking-tight: -.5px;--sy-tracking-normal: 0px;--sy-tracking-wide: .5px;--sy-tracking-widest: 2px;--sy-space-1: 4px;--sy-space-2: 8px;--sy-space-3: 12px;--sy-space-4: 16px;--sy-space-5: 20px;--sy-space-6: 24px;--sy-space-8: 32px;--sy-space-10: 40px;--sy-space-12: 48px;--sy-space-16: 64px;--sy-space-20: 80px;--sy-radius-sm: 6px;--sy-radius-md: 10px;--sy-radius-lg: 16px;--sy-radius-xl: 24px;--sy-radius-pill: 999px;--sy-radius-full: 50%;--sy-shadow-sm: 0 1px 4px rgba(13, 43, 69, .08);--sy-shadow-md: 0 4px 16px rgba(13, 43, 69, .1);--sy-shadow-lg: 0 8px 32px rgba(13, 43, 69, .14);--sy-shadow-xl: 0 16px 56px rgba(13, 43, 69, .2);--sy-shadow-overlay: 0 24px 80px rgba(13, 43, 69, .45);--sy-shadow-teal: 0 4px 20px rgba(26, 191, 184, .35);--sy-ease: cubic-bezier(.16, 1, .3, 1);--sy-ease-in: cubic-bezier(.4, 0, 1, 1);--sy-ease-out: cubic-bezier(0, 0, .2, 1);--sy-duration-fast: .12s;--sy-duration-base: .2s;--sy-duration-slow: .35s;--sy-duration-overlay: .4s;--sy-z-base: 0;--sy-z-raised: 10;--sy-z-dropdown: 100;--sy-z-sticky: 200;--sy-z-overlay: 1000;--sy-z-toast: 1100}body{font-family:var(--sy-font-body);font-size:var(--sy-text-md);font-weight:var(--sy-weight-regular);color:var(--sy-text-secondary);background-color:var(--sy-white);line-height:var(--sy-leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--sy-font-heading);font-weight:var(--sy-weight-black);color:var(--sy-text-primary);line-height:var(--sy-leading-tight);letter-spacing:var(--sy-tracking-tight)}h1{font-size:var(--sy-text-4xl)}h2{font-size:var(--sy-text-3xl)}h3{font-size:var(--sy-text-2xl)}h4{font-size:var(--sy-text-xl);font-weight:var(--sy-weight-bold)}h5{font-size:var(--sy-text-lg);font-weight:var(--sy-weight-semibold)}h6{font-size:var(--sy-text-base);font-weight:var(--sy-weight-semibold)}p{font-family:var(--sy-font-body);font-size:var(--sy-text-md);color:var(--sy-text-secondary);line-height:var(--sy-leading-loose)}code,pre{font-family:var(--sy-font-mono);font-size:var(--sy-text-sm);background:var(--sy-surface);border-radius:var(--sy-radius-sm)}a{color:var(--sy-teal);text-decoration:none;transition:color var(--sy-duration-fast) var(--sy-ease)}a:hover{color:var(--sy-teal-dark)}:root{--sy-transition: .15s ease;--dash-sidebar-w: 220px;--dash-bg: #F2F6FA;--dash-surface: #FFFFFF;--dash-border: rgba(13,43,69,.1);--dash-text: #0D2B45;--dash-muted: #6B8299}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--sy-font-body);font-size:var(--sy-text-base);color:var(--dash-text);background:var(--dash-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.dash-layout{display:flex;height:100%}.dash-sidebar{width:var(--dash-sidebar-w);flex-shrink:0;background:var(--sy-navy);display:flex;flex-direction:column;overflow-y:auto}.dash-logo{display:flex;align-items:center;gap:var(--sy-space-3);padding:var(--sy-space-6) var(--sy-space-5);border-bottom:1px solid rgba(255,255,255,.08)}.dash-logo-text{font-family:var(--sy-font-heading);font-size:var(--sy-text-lg);font-weight:800;color:var(--sy-text-inverse);letter-spacing:-.3px}.dash-logo-text span{color:var(--sy-teal)}.dash-nav{flex:1;padding:var(--sy-space-4) 0;display:flex;flex-direction:column;gap:2px}.dash-nav-section{padding:var(--sy-space-4) var(--sy-space-5) var(--sy-space-2);font-size:var(--sy-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffff59}.dash-nav-link{display:flex;align-items:center;gap:var(--sy-space-3);padding:10px var(--sy-space-5);color:#ffffffa6;font-size:var(--sy-text-sm);font-weight:500;border-radius:0;transition:background var(--sy-transition),color var(--sy-transition);position:relative}.dash-nav-link:hover{background:rgba(255,255,255,.06);color:var(--sy-text-inverse)}.dash-nav-link.active{background:rgba(26,191,184,.15);color:var(--sy-teal)}.dash-nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sy-teal);border-radius:0 2px 2px 0}.dash-nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.8}.dash-sidebar-footer{padding:var(--sy-space-5);border-top:1px solid rgba(255,255,255,.08);font-size:var(--sy-text-xs);color:#ffffff59}.dash-main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.dash-page{flex:1;padding:var(--sy-space-8) var(--sy-space-10);max-width:1100px;width:100%}.dash-page-header{margin-bottom:var(--sy-space-8)}.dash-page-title{font-family:var(--sy-font-heading);font-size:var(--sy-text-2xl);font-weight:700;color:var(--dash-text);margin-bottom:var(--sy-space-1)}.dash-page-subtitle{font-size:var(--sy-text-sm);color:var(--dash-muted)}.dash-card{background:var(--dash-surface);border-radius:var(--sy-radius-lg);border:1px solid var(--dash-border);box-shadow:var(--sy-shadow-sm);padding:var(--sy-space-6)}.dash-card-title{font-family:var(--sy-font-heading);font-size:var(--sy-text-base);font-weight:700;margin-bottom:var(--sy-space-4);color:var(--dash-text)}.dash-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sy-space-4);margin-bottom:var(--sy-space-6)}.metric-card{background:var(--dash-surface);border-radius:var(--sy-radius-md);border:1px solid var(--dash-border);padding:var(--sy-space-5)}.metric-card-label{font-size:var(--sy-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--dash-muted);margin-bottom:var(--sy-space-2)}.metric-card-value{font-family:var(--sy-font-heading);font-size:var(--sy-text-3xl);font-weight:800;color:var(--dash-text);line-height:1}.metric-card-sub{font-size:var(--sy-text-xs);color:var(--dash-muted);margin-top:var(--sy-space-1)}.metric-card-accent .metric-card-value{color:var(--sy-teal)}.btn{display:inline-flex;align-items:center;gap:var(--sy-space-2);padding:10px var(--sy-space-5);border-radius:var(--sy-radius-sm);font-size:var(--sy-text-sm);font-weight:600;border:none;transition:background var(--sy-transition),opacity var(--sy-transition)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sy-teal);color:var(--sy-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--sy-teal-dark)}.btn-secondary{background:var(--dash-bg);color:var(--dash-text);border:1px solid var(--dash-border)}.btn-secondary:hover:not(:disabled){background:#e8edf2}.btn-danger{background:var(--sy-error-bg);color:var(--sy-coral);border:1px solid rgba(255,107,91,.2)}.btn-danger:hover:not(:disabled){background:#ffe0dd}.btn-sm{padding:6px var(--sy-space-3);font-size:var(--sy-text-xs)}.field{margin-bottom:var(--sy-space-5)}.field-label{display:block;font-size:var(--sy-text-sm);font-weight:600;color:var(--dash-text);margin-bottom:var(--sy-space-2)}.field-hint{font-size:var(--sy-text-xs);color:var(--dash-muted);margin-top:var(--sy-space-1)}.input{width:100%;padding:9px var(--sy-space-3);border:1px solid var(--dash-border);border-radius:var(--sy-radius-sm);font-size:var(--sy-text-sm);color:var(--dash-text);background:var(--dash-surface);outline:none;transition:border-color var(--sy-transition)}.input:focus{border-color:var(--sy-teal)}.input-row{display:flex;gap:var(--sy-space-3);align-items:stretch}.input-row .input{flex:1}select.input{cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--sy-space-3) 0;border-bottom:1px solid var(--dash-border)}.toggle-row:last-child{border-bottom:none}.toggle-label{font-size:var(--sy-text-sm);font-weight:500}.toggle-sub{font-size:var(--sy-text-xs);color:var(--dash-muted);margin-top:2px}.toggle{position:relative;width:40px;height:22px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:#d0d8e0;border-radius:999px;transition:background var(--sy-transition);cursor:pointer}.toggle input:checked+.toggle-track{background:var(--sy-teal)}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--sy-text-inverse);border-radius:50%;transition:transform var(--sy-transition);box-shadow:var(--sy-shadow-sm)}.toggle input:checked+.toggle-track:after{transform:translate(18px)}.dash-table{width:100%;border-collapse:collapse;font-size:var(--sy-text-sm)}.dash-table th{text-align:left;padding:var(--sy-space-3) var(--sy-space-4);font-size:var(--sy-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dash-muted);border-bottom:1px solid var(--dash-border)}.dash-table td{padding:var(--sy-space-3) var(--sy-space-4);border-bottom:1px solid var(--dash-border);vertical-align:middle}.dash-table tr:last-child td{border-bottom:none}.dash-table tr:hover td{background:var(--dash-bg)}.badge{display:inline-block;padding:2px var(--sy-space-2);border-radius:var(--sy-radius-pill);font-size:var(--sy-text-xs);font-weight:600}.badge-teal{background:var(--sy-teal-light);color:var(--sy-teal-dark)}.badge-navy{background:rgba(13,43,69,.08);color:var(--sy-navy)}.badge-coral{background:var(--sy-error-bg);color:var(--sy-coral)}.badge-muted{background:#e8edf2;color:var(--dash-muted)}.bar-chart{display:flex;align-items:flex-end;gap:var(--sy-space-2);height:80px}.bar-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bar-chart-bar{width:100%;background:var(--sy-teal);border-radius:3px 3px 0 0;min-height:2px;transition:height var(--sy-transition)}.bar-chart-label{font-size:10px;color:var(--dash-muted);white-space:nowrap}.connect-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--dash-bg)}.connect-card{background:var(--dash-surface);border-radius:var(--sy-radius-lg);border:1px solid var(--dash-border);box-shadow:var(--sy-shadow-lg);padding:var(--sy-space-10);width:440px;max-width:95vw}.connect-logo{display:flex;align-items:center;gap:var(--sy-space-3);margin-bottom:var(--sy-space-8)}.connect-title{font-family:var(--sy-font-heading);font-size:var(--sy-text-2xl);font-weight:800;color:var(--dash-text);margin-bottom:var(--sy-space-2)}.connect-sub{font-size:var(--sy-text-sm);color:var(--dash-muted);margin-bottom:var(--sy-space-8)}.connect-tabs{display:flex;gap:0;border:1px solid var(--dash-border);border-radius:var(--sy-radius-sm);overflow:hidden;margin-bottom:var(--sy-space-6)}.connect-tab{flex:1;padding:9px;background:transparent;border:none;font-size:var(--sy-text-sm);font-weight:600;color:var(--dash-muted);transition:background var(--sy-transition),color var(--sy-transition)}.connect-tab.active{background:var(--sy-teal);color:var(--sy-text-inverse)}.connect-error{background:var(--sy-error-bg);border:1px solid rgba(255,107,91,.25);border-radius:var(--sy-radius-sm);padding:var(--sy-space-3);font-size:var(--sy-text-sm);color:var(--sy-coral);margin-bottom:var(--sy-space-4)}.branding-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--sy-space-6);align-items:start}.live-preview{background:var(--dash-surface);border-radius:var(--sy-radius-lg);border:1px solid var(--dash-border);box-shadow:var(--sy-shadow-sm);overflow:hidden;position:sticky;top:var(--sy-space-8)}.live-preview-header{padding:var(--sy-space-3) var(--sy-space-4);background:var(--dash-bg);border-bottom:1px solid var(--dash-border);font-size:var(--sy-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--dash-muted)}.preview-widget{padding:var(--sy-space-4);display:flex;flex-direction:column;gap:var(--sy-space-3)}.preview-widget-header{display:flex;align-items:center;gap:var(--sy-space-3);padding:var(--sy-space-3) var(--sy-space-4);border-radius:var(--sy-radius-md)}.preview-widget-title{font-family:var(--sy-font-heading);font-size:var(--sy-text-sm);font-weight:700}.preview-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;margin-left:auto}.preview-bubble{border-radius:var(--sy-radius-md);padding:var(--sy-space-3) var(--sy-space-4);font-size:var(--sy-text-sm);line-height:1.5;max-width:85%}.preview-bubble-bot{align-self:flex-start}.preview-bubble-user{align-self:flex-end}.preview-sources{font-size:var(--sy-text-xs);display:flex;align-items:center;gap:var(--sy-space-2);flex-wrap:wrap;padding:0 var(--sy-space-4)}.preview-source-link{text-decoration:underline;text-underline-offset:2px}.preview-powered{font-size:var(--sy-text-xs);text-align:right;padding:var(--sy-space-2) var(--sy-space-4);border-top:1px solid var(--dash-border);opacity:.5}.color-picker-row{display:flex;align-items:center;gap:var(--sy-space-2)}.color-swatch{width:36px;height:36px;border-radius:var(--sy-radius-sm);border:1px solid var(--dash-border);padding:2px;cursor:pointer;background:transparent}.color-swatch input[type=color]{width:100%;height:100%;border:none;padding:0;border-radius:3px;cursor:pointer;background:transparent}.color-hex{width:100px}.radius-group{display:flex;gap:0;border:1px solid var(--dash-border);border-radius:var(--sy-radius-sm);overflow:hidden}.radius-btn{flex:1;padding:8px;background:transparent;border:none;font-size:var(--sy-text-sm);color:var(--dash-muted);font-weight:500;transition:background var(--sy-transition),color var(--sy-transition);border-right:1px solid var(--dash-border)}.radius-btn:last-child{border-right:none}.radius-btn.active{background:var(--sy-teal);color:var(--sy-text-inverse)}.quick-replies-editor{display:flex;flex-direction:column;gap:var(--sy-space-2)}.conv-thread{display:flex;flex-direction:column;gap:var(--sy-space-3);padding:var(--sy-space-4) 0}.conv-msg{display:flex;gap:var(--sy-space-2);max-width:75%}.conv-msg-bot{align-self:flex-start}.conv-msg-user{align-self:flex-end;flex-direction:row-reverse}.conv-msg-bubble{padding:var(--sy-space-2) var(--sy-space-3);border-radius:var(--sy-radius-md);font-size:var(--sy-text-sm);line-height:1.5}.conv-msg-bot .conv-msg-bubble{background:var(--sy-teal-light);color:var(--dash-text)}.conv-msg-user .conv-msg-bubble{background:var(--sy-navy);color:var(--sy-text-inverse)}.doc-row{display:flex;align-items:center;gap:var(--sy-space-3);padding:var(--sy-space-3) var(--sy-space-4);border-bottom:1px solid var(--dash-border)}.doc-row:last-child{border-bottom:none}.doc-icon{width:32px;height:32px;border-radius:var(--sy-radius-sm);background:var(--sy-teal-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sy-teal)}.doc-info{flex:1;min-width:0}.doc-title{font-size:var(--sy-text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-meta{font-size:var(--sy-text-xs);color:var(--dash-muted)}.drop-zone{border:2px dashed var(--dash-border);border-radius:var(--sy-radius-md);padding:var(--sy-space-8);text-align:center;cursor:pointer;transition:border-color var(--sy-transition),background var(--sy-transition)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--sy-teal);background:var(--sy-teal-light)}.drop-zone-icon{color:var(--dash-muted);margin-bottom:var(--sy-space-3)}.drop-zone-text{font-size:var(--sy-text-sm);color:var(--dash-muted)}.drop-zone-text strong{color:var(--sy-teal)}.code-block{background:var(--sy-navy);border-radius:var(--sy-radius-md);padding:var(--sy-space-5);color:var(--sy-teal-light);font-family:var(--sy-font-mono);font-size:var(--sy-text-sm);line-height:1.6;overflow-x:auto;position:relative}.code-copy-btn{position:absolute;top:var(--sy-space-3);right:var(--sy-space-3);background:rgba(255,255,255,.12);border:none;border-radius:var(--sy-radius-sm);padding:4px 10px;color:var(--sy-text-inverse);font-size:var(--sy-text-xs);font-weight:600;transition:background var(--sy-transition)}.code-copy-btn:hover{background:rgba(255,255,255,.22)}.plan-badge{display:inline-flex;align-items:center;gap:var(--sy-space-2);padding:var(--sy-space-2) var(--sy-space-4);border-radius:var(--sy-radius-pill);font-size:var(--sy-text-sm);font-weight:700}.plan-free{background:#e8edf2;color:var(--dash-muted)}.plan-starter{background:var(--sy-teal-light);color:var(--sy-teal-dark)}.plan-pro{background:#f0ebff;color:#7c3aed}.plan-enterprise{background:#fff8e8;color:#b45309}.pagination{display:flex;align-items:center;gap:var(--sy-space-3);justify-content:center;padding:var(--sy-space-5) 0}.ab-compare{display:grid;grid-template-columns:180px 1fr 1fr;border:1px solid var(--dash-border);border-radius:var(--sy-radius-md);overflow:hidden;font-size:var(--sy-text-sm)}.ab-compare-cell{padding:var(--sy-space-3) var(--sy-space-4);border-bottom:1px solid var(--dash-border)}.ab-compare-cell:nth-child(3n+2),.ab-compare-cell:nth-child(3n+3){text-align:right}.ab-compare-head{background:var(--dash-bg);font-weight:700;font-size:var(--sy-text-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--dash-muted)}.dash-loading{display:flex;align-items:center;justify-content:center;padding:var(--sy-space-12);color:var(--dash-muted);font-size:var(--sy-text-sm)}.dash-empty{text-align:center;padding:var(--sy-space-12);color:var(--dash-muted);font-size:var(--sy-text-sm)}.ab-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--sy-radius-pill);background:linear-gradient(to right,var(--sy-teal) 0%,var(--sy-teal) var(--slider-pct, 100%),#d0d8e0 var(--slider-pct, 100%),#d0d8e0 100%);outline:none;cursor:pointer}.ab-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sy-teal);border:3px solid var(--sy-text-inverse);box-shadow:var(--sy-shadow-md)}.divider{border:none;border-top:1px solid var(--dash-border);margin:var(--sy-space-6) 0}.text-muted{color:var(--dash-muted)}.text-sm{font-size:var(--sy-text-sm)}.text-xs{font-size:var(--sy-text-xs)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--sy-space-2)}.gap-3{gap:var(--sy-space-3)}.gap-4{gap:var(--sy-space-4)}.mb-2{margin-bottom:var(--sy-space-2)}.mb-4{margin-bottom:var(--sy-space-4)}.mb-6{margin-bottom:var(--sy-space-6)}.mt-4{margin-top:var(--sy-space-4)}.w-full{width:100%}