@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--brand-primary:#6366f1;--brand-primary-dark:#4f46e5;--brand-primary-light:#eef2ff;--brand-accent:#22c55e;--brand-accent-dark:#16a34a;--brand-gold:#f59e0b;--bg-base:#f1f5f9;--bg-surface:#fff;--bg-surface-2:#f8fafc;--bg-sidebar:#0a0f1e;--bg-sidebar-hover:#ffffff0f;--bg-sidebar-active:#6366f126;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-on-dark:#f1f5f9;--text-on-dark-muted:#64748b;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-sidebar:#ffffff0f;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#6366f1;--bubble-incoming:#fff;--bubble-outgoing:#dcf8c6;--bubble-incoming-text:#0f172a;--bubble-outgoing-text:#0f172a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 20px 60px #00000026, 0 8px 16px #00000012;--shadow-brand:0 4px 20px #6366f159;--shadow-glow:0 0 24px #6366f140;--shadow-accent-glow:0 0 24px #22c55e4d;--sidebar-width:260px;--topbar-height:60px;--content-max-w:1280px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Inter", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:36px;--text-4xl:48px;--font-family:var(--font-body);--font-size-xs:var(--text-xs);--font-size-sm:var(--text-sm);--font-size-base:var(--text-base);--font-size-md:var(--text-md);--font-size-lg:var(--text-lg);--font-size-xl:var(--text-xl);--font-size-2xl:var(--text-2xl);--font-size-3xl:var(--text-3xl)}[data-theme=dark]{--bg-base:#060b18;--bg-surface:#0f172a;--bg-surface-2:#1e293b;--border-color:#1e293b;--border-light:#0f172a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--brand-primary-light:#6366f11f;--bubble-incoming:#1e293b;--bubble-outgoing:#134e2b;--bubble-incoming-text:#f1f5f9;--bubble-outgoing-text:#f1f5f9;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d, 0 2px 4px #0003;--shadow-lg:0 10px 30px #0006, 0 4px 8px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base), color var(--transition-base);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{color:var(--brand-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}input,textarea,select{font-family:var(--font-body);font-size:var(--text-base)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:9px var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);letter-spacing:.01em;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#fff0,#ffffff14);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn-primary{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 1px 3px #6366f14d}.btn-primary:hover{background:var(--brand-primary-dark);border-color:var(--brand-primary-dark);box-shadow:var(--shadow-brand)}.btn-accent{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent)}.btn-accent:hover{background:var(--brand-accent-dark);border-color:var(--brand-accent-dark);box-shadow:var(--shadow-accent-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-surface-2);border-color:var(--brand-primary);color:var(--brand-primary)}.btn-danger{color:var(--color-danger);background:#fef2f2;border-color:#fecaca}.btn-danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg-surface-2);color:var(--text-primary)}.btn-sm{padding:5px var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:13px var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--text-sm);color:var(--text-primary);letter-spacing:.01em;font-weight:600}.form-input{padding:10px var(--space-4);border:1.5px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%}.form-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.form-hint{font-size:var(--text-xs);color:var(--text-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-6)}.card-title{font-family:var(--font-heading);font-size:var(--text-md);color:var(--text-primary);font-weight:700}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.025em;font-weight:600;display:inline-flex}.badge-success{color:#16a34a;background:#22c55e1a}.badge-warning{color:#d97706;background:#f59e0b1a}.badge-danger{color:#dc2626;background:#ef44441a}.badge-info{color:var(--brand-primary);background:#6366f11a}.badge-default{background:var(--bg-surface-2);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-gold{color:#d97706;background:#f59e0b1f}.badge-pro{color:#d97706;background:linear-gradient(135deg,#f59e0b26,#eab3081a);border:1px solid #f59e0b33}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);align-items:center;gap:var(--space-2);border:1px solid #0000;font-weight:500;display:flex}.alert-error{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alert-success{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.alert-info{color:var(--brand-primary);background:#eef2ff;border-color:#c7d2fe}.alert-warning{color:#d97706;background:#fffbeb;border-color:#fde68a}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-color);width:100%;max-width:520px;max-height:90vh;animation:.2s cubic-bezier(.34,1.56,.64,1) modal-enter;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-color);justify-content:flex-end;gap:var(--space-3);display:flex}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{opacity:.25;font-size:48px}.empty-state-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.empty-state-desc{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;line-height:1.6}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-wrapper .tooltip-text{color:#f1f5f9;font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:1000;white-space:normal;text-align:center;max-width:220px;box-shadow:var(--shadow-md);background:#0f172a;border:1px solid #ffffff1a;padding:5px 10px;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper .tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-text{opacity:1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-enter{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shimmer{to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--border-light) 50%, var(--bg-surface-2) 75%);border-radius:var(--radius-md);background-size:200%;animation:1.5s linear infinite shimmer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-muted{color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){:root{--sidebar-width:0px}}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);z-index:200;transition:width var(--transition-base);border-right:1px solid var(--border-sidebar);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:64px}.sidebar-logo{align-items:center;gap:var(--space-3);padding:18px var(--space-4);border-bottom:1px solid var(--border-sidebar);flex-shrink:0;min-height:64px;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 12px #6366f166}.sidebar-logo-icon svg{color:#fff;width:18px;height:18px}.sidebar-brand{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.02em;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.2;display:block}.sidebar-tagline{color:var(--brand-primary);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-top:1px;font-size:10px;font-weight:600;display:block}.sidebar-nav{padding:var(--space-3) var(--space-2);flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.sidebar-nav-group{padding:var(--space-3) var(--space-2) 4px;color:var(--text-on-dark-muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-top:var(--space-2);font-size:10px;font-weight:700}.sidebar-nav-group:first-child{margin-top:0}.sidebar-nav-divider{background:var(--border-sidebar);height:1px;margin:var(--space-2) var(--space-2)}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:#64748b;font-size:var(--text-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:var(--bg-sidebar-hover);color:#cbd5e1;text-decoration:none}.sidebar-nav-item--active{background:var(--bg-sidebar-active);color:#a5b4fc!important}.sidebar-nav-item--active:before{content:"";background:var(--brand-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-nav-icon svg{width:18px;height:18px}.sidebar-nav-label{flex:1;min-width:0;font-weight:500}.sidebar-nav-badge{border-radius:var(--radius-full);color:#a5b4fc;white-space:nowrap;background:#6366f133;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--border-sidebar);gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:default;display:flex}.sidebar-user-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;width:32px;height:32px;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.sidebar-user-email{font-size:var(--text-xs);color:#475569;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-plan-badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:700}.sidebar-plan-badge.basic{color:#94a3b8;background:#64748b33}.sidebar-plan-badge.pro{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b40}.sidebar-logout-btn{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:#475569;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:none;width:100%;font-weight:500;display:flex;overflow:hidden}.sidebar-logout-btn:hover{color:#f87171;background:#ef444414}.sidebar-logout-btn svg{flex-shrink:0;width:18px;height:18px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0009;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{display:block}}.layout{min-height:100vh;display:flex}.layout-main{margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);background:var(--bg-base);flex-direction:column;flex:1;min-height:100vh;display:flex}.layout-main--expanded{margin-left:64px}.topbar{height:var(--topbar-height);background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:0 var(--space-6);z-index:100;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-toggle{border-radius:var(--radius-md);border:1.5px solid var(--border-color);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;display:flex}.topbar-toggle:hover{background:var(--bg-surface-2);border-color:var(--brand-primary);color:var(--brand-primary)}.topbar-toggle svg{width:16px;height:16px}.topbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.topbar-breadcrumb-current{color:var(--text-primary);font-weight:600}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.topbar-status{border-radius:var(--radius-full);font-size:var(--text-xs);letter-spacing:.025em;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:flex}.topbar-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.topbar-status--connected{color:#16a34a;background:#22c55e1a}.topbar-status--connected .topbar-status-dot{background:#22c55e;animation:2s infinite pulse-dot;box-shadow:0 0 6px #22c55e99}.topbar-status--disconnected{color:#dc2626;background:#ef444414}.topbar-status--disconnected .topbar-status-dot{background:#ef4444}.topbar-status--connecting{color:#d97706;background:#f59e0b1a}.topbar-status--connecting .topbar-status-dot{background:#f59e0b;animation:1s infinite pulse-dot}.topbar-theme-btn{border-radius:var(--radius-md);border:1.5px solid var(--border-color);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:15px;display:flex}.topbar-theme-btn:hover{background:var(--bg-surface-2);border-color:var(--brand-primary)}.page-content{padding:var(--space-8) var(--space-8);flex:1}.page-header{margin-bottom:var(--space-8)}.page-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em;font-weight:800}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.stats-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:var(--space-3);transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--stat-accent,var(--brand-primary));opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.stat-card-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-card-icon svg{width:20px;height:20px}.stat-card-value{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);letter-spacing:-.03em;font-weight:800;line-height:1}.stat-card-trend{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.stat-card-trend.up{color:var(--brand-accent)}.stat-card-trend.down{color:var(--color-danger)}.dashboard-grid{gap:var(--space-5);grid-template-columns:1fr 340px;display:grid}.upgrade-overlay-container{min-height:calc(100vh - var(--topbar-height));padding:var(--space-8);justify-content:center;align-items:center;display:flex}.upgrade-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);text-align:center;width:100%;max-width:440px;box-shadow:var(--shadow-xl);animation:.25s cubic-bezier(.34,1.56,.64,1) modal-enter;position:relative;overflow:hidden}.upgrade-card:before{content:"";background:linear-gradient(90deg, var(--brand-gold), #fcd34d, var(--brand-gold));background-size:200%;height:4px;animation:2s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.upgrade-icon{margin-bottom:var(--space-5);filter:drop-shadow(0 4px 12px #f59e0b66);font-size:56px;animation:3s ease-in-out infinite float}.upgrade-card h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:-.02em;font-weight:800}.upgrade-card p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-8);line-height:1.6}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}}@media (width<=1024px){.page-content{padding:var(--space-6)}.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.layout-main{margin-left:0}.page-content{padding:var(--space-4)}.stats-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.topbar{padding:0 var(--space-4)}.topbar-breadcrumb{display:none}.dashboard-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.landing-page{color:#e2e8f0;min-height:100vh;font-family:var(--font-body);background:#060b18;overflow-x:hidden}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#060b18d9;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:64px;padding:0 48px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-nav-logo-icon{color:#fff;width:32px;height:32px;font-size:15px;font-weight:900;font-family:var(--font-heading);background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;justify-content:center;align-items:center;display:flex}.landing-nav-name{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.02em;font-size:16px;font-weight:800}.landing-nav-name span{color:#6366f1}.landing-nav-links{align-items:center;gap:32px;list-style:none;display:flex}.landing-nav-links a{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.landing-nav-links a:hover{color:#f1f5f9}.landing-nav-cta{align-items:center;gap:12px;display:flex}.landing-btn-login{color:#94a3b8;font-size:14px;font-weight:500;text-decoration:none;transition:color .15s}.landing-btn-login:hover{color:#f1f5f9}.landing-btn-signup{color:#fff;background:#6366f1;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #6366f14d}.landing-btn-signup:hover{background:#4f46e5;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.landing-hero{text-align:center;padding:160px 48px 100px;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(#6366f11f 0%,#0000 65%);width:800px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.landing-hero:after{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.hero-badge{color:#a5b4fc;letter-spacing:.03em;background:#6366f11a;border:1px solid #6366f140;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero-badge-dot{background:#6366f1;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;box-shadow:0 0 6px #6366f1cc}.hero-title{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.04em;z-index:1;margin-bottom:20px;font-size:clamp(40px,6vw,72px);font-weight:900;line-height:1.08;position:relative}.hero-title .gradient{background:linear-gradient(135deg,#818cf8 0%,#6366f1 40%,#22c55e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#64748b;z-index:1;max-width:580px;margin:0 auto 40px;font-size:clamp(16px,2vw,20px);line-height:1.6;position:relative}.hero-actions{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-bottom:64px;display:flex;position:relative}.hero-btn-primary{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-heading);background:#6366f1;border-radius:10px;align-items:center;gap:8px;padding:14px 32px;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 20px #6366f166}.hero-btn-primary:hover{background:#4f46e5;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 32px #6366f180}.hero-btn-secondary{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.hero-btn-secondary:hover{color:#f1f5f9;background:#ffffff14;text-decoration:none}.hero-stats{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex;position:relative}.hero-stat-item{text-align:center}.hero-stat-value{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.03em;font-size:28px;font-weight:900}.hero-stat-label{color:#475569;margin-top:2px;font-size:12px;font-weight:500}.hero-stat-divider{background:#ffffff14;width:1px;height:40px}.landing-features{max-width:1200px;margin:0 auto;padding:80px 48px}.section-header{text-align:center;margin-bottom:64px}.section-label{letter-spacing:.12em;text-transform:uppercase;color:#6366f1;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-block}.section-title{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.03em;margin-bottom:14px;font-size:clamp(28px,4vw,44px);font-weight:900}.section-desc{color:#64748b;max-width:520px;margin:0 auto;font-size:17px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.feature-card{background:#0f172a;border:1px solid #ffffff0f;border-radius:16px;padding:28px;transition:all .2s;position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--feature-accent,#6366f1);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#6366f133;transform:translateY(-3px);box-shadow:0 12px 40px #0000004d}.feature-card:hover:before{opacity:1}.feature-icon{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:18px;display:flex}.feature-title{font-family:var(--font-heading);color:#f1f5f9;margin-bottom:8px;font-size:17px;font-weight:700}.feature-desc{color:#64748b;font-size:14px;line-height:1.6}.landing-pricing{background:#ffffff03;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;padding:80px 48px}.pricing-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:0 auto;display:grid}.pricing-card{background:#0f172a;border:1px solid #ffffff14;border-radius:20px;padding:36px;position:relative;overflow:hidden}.pricing-card.featured{background:linear-gradient(145deg,#0f172a,#12193a);border-color:#6366f166}.pricing-card.featured:before{content:"";background:linear-gradient(90deg,#6366f1,#818cf8,#6366f1) 0 0/200%;height:3px;animation:2s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.pricing-label{letter-spacing:.1em;text-transform:uppercase;color:#6366f1;margin-bottom:8px;font-size:11px;font-weight:700}.pricing-name{font-family:var(--font-heading);color:#f1f5f9;margin-bottom:4px;font-size:24px;font-weight:800}.pricing-price{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.04em;margin:16px 0 4px;font-size:42px;font-weight:900}.pricing-price span{color:#64748b;font-size:20px;font-weight:500}.pricing-desc{color:#475569;margin-bottom:28px;font-size:13px}.pricing-features{flex-direction:column;gap:10px;margin-bottom:28px;list-style:none;display:flex}.pricing-feature{color:#94a3b8;align-items:flex-start;gap:10px;font-size:14px;display:flex}.pricing-feature-check{color:#22c55e;background:#22c55e26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.pricing-feature-x{color:#334155;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.pricing-btn{text-align:center;width:100%;font-size:15px;font-weight:700;font-family:var(--font-heading);border-radius:10px;padding:13px;text-decoration:none;transition:all .15s;display:block}.pricing-btn.primary{color:#fff;background:#6366f1;box-shadow:0 4px 16px #6366f166}.pricing-btn.primary:hover{background:#4f46e5;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 24px #6366f180}.pricing-btn.secondary{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a}.pricing-btn.secondary:hover{color:#f1f5f9;background:#ffffff1a;text-decoration:none}.landing-demos{max-width:1200px;margin:0 auto;padding:80px 48px}.wa-mocks-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.wa-mock{background:#0f172a;border:1px solid #ffffff12;border-radius:20px;transition:transform .2s;overflow:hidden}.wa-mock:hover{transform:translateY(-4px)}.wa-mock-header{background:#1e293b;border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 18px;display:flex}.wa-mock-avatar{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.wa-mock-title{color:#f1f5f9;font-size:14px;font-weight:600}.wa-mock-status{color:#22c55e;font-size:11px;font-weight:500}.wa-mock-body{background:#0b111d;flex-direction:column;gap:10px;min-height:200px;padding:16px;display:flex}.wa-bubble{border-radius:12px;max-width:85%;padding:10px 13px;font-size:13px;line-height:1.5;position:relative}.wa-bubble.received{color:#e2e8f0;background:#1e293b;border-bottom-left-radius:4px;align-self:flex-start}.wa-bubble.sent{color:#d1fae5;background:linear-gradient(135deg,#1b4332,#14532d);border-bottom-right-radius:4px;align-self:flex-end}.wa-time{opacity:.5;text-align:right;margin-top:4px;font-size:10px;display:block}.landing-cta{text-align:center;padding:100px 48px;position:relative;overflow:hidden}.landing-cta:before{content:"";pointer-events:none;background:radial-gradient(#6366f11a 0%,#0000 65%);width:600px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-cta h2{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.03em;z-index:1;margin-bottom:16px;font-size:clamp(32px,4vw,52px);font-weight:900;position:relative}.landing-cta p{color:#64748b;z-index:1;margin-bottom:36px;font-size:17px;position:relative}.landing-cta .actions{z-index:1;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.landing-footer{border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:40px 48px;display:flex}.landing-footer-logo{align-items:center;gap:10px;display:flex}.landing-footer-logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:900;display:flex}.landing-footer-name{color:#64748b;font-size:14px;font-weight:700}.landing-footer-copy{color:#334155;font-size:12px}@media (width<=900px){.landing-nav{padding:0 24px}.landing-nav-links{display:none}.landing-hero{padding:120px 24px 80px}.landing-features,.landing-pricing,.landing-demos,.landing-cta{padding:60px 24px}.pricing-grid{grid-template-columns:1fr;max-width:420px}.wa-mocks-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}.landing-footer{padding:32px 24px}}.auth-root{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-panel-brand{background:linear-gradient(145deg,#0a0f1e 0%,#0d1b3e 50%,#111827 100%);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-panel-brand:before{content:"";background-image:linear-gradient(#6366f112 1px,#0000 1px),linear-gradient(90deg,#6366f112 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.auth-panel-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 70%);width:400px;height:400px;position:absolute;top:-100px;left:-100px}.auth-brand-logo{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.auth-brand-icon{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;width:38px;height:38px;font-size:18px;font-weight:900;font-family:var(--font-heading);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #6366f166}.auth-brand-name{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.02em;font-size:18px;font-weight:800}.auth-brand-name span{color:var(--brand-primary)}.auth-brand-main{z-index:1;flex-direction:column;flex:1;justify-content:center;padding:40px 0;display:flex;position:relative}.auth-brand-headline{font-family:var(--font-heading);color:#f1f5f9;letter-spacing:-.03em;margin-bottom:16px;font-size:36px;font-weight:900;line-height:1.15}.auth-brand-headline .highlight{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-brand-desc{color:#64748b;max-width:340px;margin-bottom:36px;font-size:15px;line-height:1.7}.auth-features{flex-direction:column;gap:12px;display:flex}.auth-feature-item{color:#94a3b8;align-items:center;gap:10px;font-size:13px;display:flex}.auth-feature-dot{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.auth-brand-footer{z-index:1;color:#334155;font-size:12px;position:relative}.auth-panel-form{background:var(--bg-surface);justify-content:center;align-items:center;padding:40px;display:flex;overflow-y:auto}.auth-form-inner{width:100%;max-width:380px;animation:.3s slide-up}.auth-form-header{margin-bottom:32px}.auth-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.025em;margin-bottom:6px;font-size:28px;font-weight:800}.auth-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form .btn{height:46px;font-size:14px;font-weight:600}.auth-forgot-link{text-align:right;margin-top:-10px}.auth-forgot-link a{color:var(--text-secondary);font-size:12px;font-weight:500}.auth-forgot-link a:hover{color:var(--brand-primary)}.auth-divider{text-align:center;color:var(--text-secondary);border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px;font-size:13px}.auth-divider a{color:var(--brand-primary);font-weight:600}.pw-strength{gap:4px;margin-top:6px;display:flex}.pw-strength-bar{background:var(--border-color);height:3px;transition:background var(--transition-fast);border-radius:2px;flex:1}.pw-strength-bar.weak{background:var(--color-danger)}.pw-strength-bar.fair{background:var(--color-warning)}.pw-strength-bar.good{background:#84cc16}.pw-strength-bar.strong{background:var(--brand-accent)}@media (width<=900px){.auth-root{grid-template-columns:1fr}.auth-panel-brand{display:none}.auth-panel-form{min-height:100vh;padding:32px 24px}}.flows-list{gap:var(--space-3);flex-direction:column;display:flex}.flow-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.flow-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.flow-card-info{flex:1;min-width:0}.flow-card-name{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.flow-card-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.flow-card-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.toggle-switch{cursor:pointer;width:40px;height:22px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:var(--border-color);border-radius:var(--radius-full);transition:var(--transition-fast);position:absolute;inset:0}.toggle-slider:before{content:"";width:16px;height:16px;transition:var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--brand-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.flow-editor{gap:var(--space-4);flex-direction:column;display:flex}.flow-editor-meta{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-5);gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.flow-editor-meta{grid-template-columns:1fr}}.steps-container{flex-direction:column;gap:0;display:flex}.step-connector{background:var(--brand-primary);opacity:.4;width:2px;height:24px;margin-left:28px}.step-card{background:var(--bg-surface);border:2px solid var(--border-color);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);overflow:hidden}.step-card:hover{border-color:var(--brand-primary)}.step-card-header{background:var(--bg-surface-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.step-card-title{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-primary);font-weight:700;display:flex}.step-number{background:var(--brand-primary);color:#fff;width:22px;height:22px;font-size:var(--font-size-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-card-body{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.step-type-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.step-type-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface-2);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:flex}.step-type-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary-dark)}.step-type-btn--active{border-color:var(--brand-primary);background:#25d3661a;color:var(--brand-primary-dark)!important}.btn-items{gap:var(--space-2);flex-direction:column;display:flex}.btn-item{gap:var(--space-2);align-items:center;display:flex}.btn-item .form-input{flex:1}.add-item-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px dashed var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;width:100%;font-weight:500;display:flex}.add-item-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary-dark);background:#25d3660d}.add-step-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);background:0 0;font-weight:600;display:flex}.add-step-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary-dark);background:#25d3660d}.next-step-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.next-step-label{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;font-weight:500}.next-step-select{flex:1;min-width:120px}.step-card--broken{border-color:var(--color-danger)!important}.wa-preview-panel{flex:0 0 260px;max-height:80vh;position:sticky;top:16px;overflow-y:auto}@media (width<=900px){.wa-preview-panel{display:none}}.step-collapsed-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-left:8px;font-size:12px;font-weight:400;overflow:hidden}.step-label-input{background:var(--bg-surface);border:1px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--transition-fast);width:160px;padding:3px 8px;font-size:12px;font-weight:600}.step-label-input:focus{border-color:var(--brand-primary);border-style:solid;outline:none}.flow-card-trigger{align-items:center;gap:var(--space-1);background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--font-size-xs);color:var(--brand-primary-dark);font-family:monospace;font-weight:600;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 6px #f59e0b00}}[draggable]{-webkit-user-select:none;user-select:none;-webkit-user-drag:element}[draggable]:active{cursor:grabbing}.flow-card-drag-over{transform:translateY(-3px)scale(1.005);border-top:2px solid var(--brand-primary)!important}.flow-card-dragging{opacity:.35;box-shadow:none!important}.drag-handle{cursor:grab;color:var(--text-muted);border-radius:4px;grid-template-columns:repeat(2,4px);gap:3px;padding:6px 5px;transition:background .15s,color .15s;display:grid}.drag-handle:hover{background:var(--bg-surface-2);color:var(--text-secondary)}.drag-handle-dot{background:currentColor;border-radius:50%;width:3px;height:3px}.conversations-layout{height:calc(100vh - var(--topbar-height));background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;overflow:hidden}.conv-sidebar{border-right:1px solid var(--border-color);background:var(--bg-surface);flex-direction:column;flex-shrink:0;width:320px;display:flex}.conv-sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-color);background:var(--bg-surface-2)}.conv-sidebar-title{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:700}.conv-search{position:relative}.conv-search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) var(--space-8);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-base);font-size:var(--font-size-sm);color:var(--text-primary)}.conv-search-icon{left:var(--space-3);color:var(--text-muted);font-size:14px;position:absolute;top:50%;transform:translateY(-50%)}.conv-list{flex:1;overflow-y:auto}.conv-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);cursor:pointer;border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);display:flex}.conv-item:hover{background:var(--bg-surface-2)}.conv-item--active{border-left:3px solid var(--brand-primary);background:#25d36614!important}.conv-avatar{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:#fff;width:46px;height:46px;font-size:var(--font-size-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.conv-item-info{flex:1;min-width:0}.conv-item-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.conv-item-name{font-size:var(--font-size-sm);color:var(--text-primary);truncate:true;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.conv-item-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0}.conv-item-preview{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-window{background:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2325D366' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;display:flex}.chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-5);align-items:center;gap:var(--space-3);display:flex}.chat-header-info{flex:1}.chat-contact-name{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.chat-contact-meta{font-size:var(--font-size-xs);color:var(--text-secondary)}.chat-messages{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-message{max-width:70%;display:flex}.chat-message--incoming{align-self:flex-start}.chat-message--outgoing{align-self:flex-end}.chat-bubble{padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-base);word-break:break-word;max-width:100%;line-height:1.5;position:relative}.chat-message--incoming .chat-bubble{background:var(--bubble-incoming);color:var(--bubble-incoming-text);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm)}.chat-message--outgoing .chat-bubble{background:var(--bubble-outgoing);color:var(--bubble-outgoing-text);border-radius:var(--radius-lg) 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-sm)}.chat-timestamp{color:var(--text-muted);text-align:right;margin-top:2px;font-size:10px;display:block}.chat-message--outgoing .chat-timestamp{color:#075e54b3}.chat-input-area{background:var(--bg-surface);border-top:1px solid var(--border-color);padding:var(--space-3) var(--space-4);gap:var(--space-2);align-items:flex-end;display:flex}.chat-input{padding:var(--space-3) var(--space-4);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-base);background:var(--bg-base);color:var(--text-primary);resize:none;max-height:120px;transition:border-color var(--transition-fast);flex:1}.chat-input:focus{border-color:var(--brand-primary);outline:none}.chat-send-btn{background:var(--brand-primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.chat-send-btn:hover{background:var(--brand-primary-dark);transform:scale(1.05)}.chat-empty{justify-content:center;align-items:center;gap:var(--space-4);color:var(--text-secondary);flex-direction:column;flex:1;display:flex}.chat-empty-icon{opacity:.2;font-size:64px}@media (width<=768px){.conv-sidebar{width:100%;display:block}.conversations-layout{flex-direction:column}}.agent-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));width:100%;animation:.5s forwards slide-up;display:grid}.agent-list-container{gap:var(--space-4);flex-direction:column;animation:.4s forwards slide-up;display:flex}.agent-card{padding:var(--space-6);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);cursor:pointer;gap:var(--space-3);z-index:1;background:#ffffffb3;border:1px solid #fff9;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px -6px #0000000d}[data-theme=dark] .agent-card{background:#1e293b99;border-color:#ffffff1a;box-shadow:0 4px 24px -6px #0003}.agent-card:before{content:"";z-index:-1;opacity:0;background:linear-gradient(135deg,#6366f11a,#ec48991a);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.agent-card:hover{border-color:#6366f166;transform:translateY(-6px);box-shadow:0 12px 32px -8px #6366f140}.agent-card:hover:before{opacity:1}.agent-card.active{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light);background:#6366f10d}.agent-card-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;justify-content:space-between;align-items:center;font-size:20px;font-weight:800;display:flex}.agent-card-desc{font-size:var(--text-md);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.bg-blobs{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-blob-1,.bg-blob-2{filter:blur(80px);opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float-slow;position:absolute}.bg-blob-1{background:#6366f126;width:50vw;height:50vw;top:-10%;left:-10%}.bg-blob-2{background:#ec489926;width:40vw;height:40vw;animation-delay:-5s;bottom:-10%;right:-10%}@keyframes float-slow{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.glass-panel{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);background:#fff6;border:1px solid #ffffff80;animation:.3s fade-in}[data-theme=dark] .glass-panel{background:#1e293b80;border-color:#ffffff0d}.edit-section{background:var(--bg-surface-2);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5);border:1px solid var(--border-color);position:relative;overflow:hidden}.edit-section-title{font-family:var(--font-heading);font-size:var(--text-md);margin-bottom:var(--space-4);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:600;display:flex}.edit-section:after{content:"";background:linear-gradient(90deg, var(--brand-primary), var(--brand-accent));opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.kb-table-container{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.kb-table{border-collapse:collapse;width:100%}.kb-table th{background:var(--bg-surface-2);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--border-color);font-weight:600}.kb-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-primary);vertical-align:middle}.kb-table tr:last-child td{border-bottom:none}.kb-table tbody tr{transition:background var(--transition-fast)}.kb-table tbody tr:hover{background:var(--bg-surface-2)}.animate-fade-in{animation:.3s forwards fade-in}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-up}.ai-empty-icon{width:120px;height:120px;margin:0 auto var(--space-5);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#6366f11a,#22c55e1a);border-radius:50%;justify-content:center;align-items:center;font-size:56px;animation:4s ease-in-out infinite float;display:flex}.help-layout{align-items:flex-start;gap:32px;max-width:1200px;margin:0 auto;display:flex}.help-sidebar{background:var(--bg-surface-1);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-direction:column;flex-shrink:0;gap:16px;max-height:calc(100vh - 48px);padding:24px;display:flex;position:sticky;top:24px;overflow-y:auto}.help-sidebar h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:700}.help-nav-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.help-nav-link{color:var(--text-primary);border-radius:var(--radius-md);padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.help-nav-link:hover,.help-nav-link.active{background:var(--brand-primary-light);color:var(--brand-primary-dark)}.help-content{background:var(--bg-surface-1);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex:1;min-width:0;padding:40px}.help-section{border-top:1px solid var(--border-color);margin-bottom:64px;padding-top:24px}.help-section:first-child{border-top:none;padding-top:0}.help-section h2{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 16px;font-size:28px;font-weight:800}.help-section p{color:var(--text-secondary);margin:0 0 24px;font-size:15px;line-height:1.6}.help-step{margin-bottom:32px}.help-step h4{align-items:center;gap:8px;margin:0 0 12px;font-size:18px;font-weight:700;display:flex}.help-step-number{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.help-image-placeholder{background:var(--bg-surface-2);border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;margin:24px 0;padding:40px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.help-image-placeholder:hover{background:var(--bg-surface-1);border-color:var(--brand-primary);color:var(--brand-primary)}.help-image-placeholder svg{opacity:.7;width:32px;height:32px}.help-callout{background:var(--brand-primary-light);border-left:4px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:24px 0;padding:16px 20px}.help-callout h5{color:var(--brand-primary-dark);margin:0 0 8px;font-size:15px;font-weight:700}.help-callout p{color:var(--text-secondary);margin:0;font-size:14px}@media (width<=1024px){.help-layout{flex-direction:column}.help-sidebar{width:100%;max-height:none;position:static}}:root{--admin-bg:#080d1a;--admin-sidebar:#0c1526;--admin-surface:#111c30;--admin-border:#ffffff12;--admin-green:#25d366;--admin-green-dim:#25d3661f;--admin-blue:#3b82f6;--admin-red:#ef4444;--admin-yellow:#f59e0b;--admin-text:#e2e8f0;--admin-muted:#64748b;--admin-subtle:#1e2d45}*{box-sizing:border-box;margin:0;padding:0}.admin-root{background:var(--admin-bg);min-height:100vh;color:var(--admin-text);font-family:Inter,sans-serif;font-size:14px;display:flex}.admin-sidebar{background:var(--admin-sidebar);border-right:1px solid var(--admin-border);z-index:50;flex-direction:column;flex-shrink:0;width:240px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-brand{border-bottom:1px solid var(--admin-border);align-items:center;gap:12px;padding:28px 24px 20px;display:flex}.admin-brand-icon{background:var(--admin-green-dim);border:1px solid #25d3664d;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.admin-brand-name{color:#fff;font-size:15px;font-weight:700;line-height:1.1}.admin-brand-tag{color:var(--admin-green);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.admin-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.admin-nav-item{cursor:pointer;color:var(--admin-muted);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:all .18s;display:flex}.admin-nav-item:hover{background:var(--admin-subtle);color:var(--admin-text)}.admin-nav-item.active{background:var(--admin-green-dim);color:var(--admin-green);border:1px solid #25d36633}.admin-nav-icon{text-align:center;width:22px;font-size:18px}.admin-sidebar-footer{border-top:1px solid var(--admin-border);flex-direction:column;gap:8px;padding:16px;display:flex}.admin-user-chip{background:var(--admin-subtle);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.admin-user-avatar{background:var(--admin-green);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.admin-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.admin-user-role{color:var(--admin-green);font-size:11px}.admin-btn-logout{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:flex}.admin-btn-logout:hover{background:#ef444433}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:240px;display:flex}.admin-topbar{border-bottom:1px solid var(--admin-border);background:var(--admin-sidebar);justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.admin-page-title{color:#fff;font-size:20px;font-weight:700}.admin-page-subtitle{color:var(--admin-muted);margin-top:2px;font-size:13px}.admin-content{flex:1;padding:32px}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.admin-stat-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:14px;padding:20px 22px;transition:border-color .2s,transform .2s;position:relative;overflow:hidden}.admin-stat-card:hover{border-color:#25d36640;transform:translateY(-2px)}.admin-stat-card:before{content:"";background:var(--admin-green-dim);border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(30px,-30px)}.admin-stat-emoji{margin-bottom:12px;font-size:24px}.admin-stat-value{color:#fff;margin-bottom:6px;font-size:32px;font-weight:800;line-height:1}.admin-stat-label{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.admin-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:14px;margin-bottom:24px;overflow:hidden}.admin-card-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.admin-card-title{color:#fff;font-size:15px;font-weight:700}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--admin-muted);white-space:nowrap;background:#ffffff05;padding:12px 16px;font-size:11px;font-weight:600}.admin-table td{border-top:1px solid var(--admin-border);color:var(--admin-text);vertical-align:middle;padding:14px 16px}.admin-table tr:hover td{background:#ffffff05}.admin-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.admin-badge-green{color:var(--admin-green);background:#25d3661f;border:1px solid #25d36633}.admin-badge-blue{color:var(--admin-blue);background:#3b82f61f;border:1px solid #3b82f633}.admin-badge-red{color:var(--admin-red);background:#ef44441f;border:1px solid #ef444433}.admin-badge-gray{color:var(--admin-muted);background:#64748b1f;border:1px solid #64748b33}.admin-actions{align-items:center;gap:6px;display:flex}.admin-action-btn{border:1px solid var(--admin-border);color:var(--admin-muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .15s;display:flex}.admin-action-btn:hover{background:var(--admin-subtle);color:#fff;border-color:#ffffff26}.admin-action-btn.danger:hover{color:var(--admin-red);background:#ef44441a;border-color:#ef44444d}.admin-action-btn.success:hover{background:var(--admin-green-dim);color:var(--admin-green);border-color:#25d3664d}.admin-settings-section{margin-bottom:24px}.admin-form-group{margin-bottom:18px}.admin-form-label{text-transform:uppercase;letter-spacing:.5px;color:var(--admin-muted);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.admin-form-input{background:var(--admin-bg);border:1px solid var(--admin-border);width:100%;color:var(--admin-text);border-radius:8px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.admin-form-input:focus{border-color:#25d36666}.admin-form-input-wrap{position:relative}.admin-form-input-wrap .admin-form-input{padding-right:44px}.admin-reveal-btn{cursor:pointer;color:var(--admin-muted);background:0 0;border:none;padding:2px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.admin-form-select{background:var(--admin-bg);border:1px solid var(--admin-border);width:100%;color:var(--admin-text);cursor:pointer;border-radius:8px;outline:none;padding:11px 14px;font-family:Inter,sans-serif;font-size:14px}.admin-btn-primary{background:var(--admin-green);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 22px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.admin-btn-primary:hover{background:#1db954;transform:translateY(-1px);box-shadow:0 4px 14px #25d3664d}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-health-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.admin-health-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:20px 22px}.admin-health-label{color:var(--admin-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.admin-health-value{color:#fff;font-size:22px;font-weight:700}.admin-health-sub{color:var(--admin-muted);margin-top:4px;font-size:12px}.admin-alert{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.admin-alert-success{color:var(--admin-green);background:#25d3661a;border:1px solid #25d36640}.admin-alert-error{color:var(--admin-red);background:#ef44441a;border:1px solid #ef444440}.admin-pagination{border-top:1px solid var(--admin-border);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.admin-page-btn{border:1px solid var(--admin-border);color:var(--admin-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:13px;transition:all .15s}.admin-page-btn:hover:not(:disabled){background:var(--admin-subtle);color:#fff}.admin-page-btn.active{background:var(--admin-green-dim);color:var(--admin-green);border-color:#25d3664d}.admin-page-btn:disabled{opacity:.4;cursor:not-allowed}.admin-login-page{background:var(--admin-bg);justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.admin-login-page:before{content:"";pointer-events:none;background:radial-gradient(circle,#25d36614 0%,#0000 65%);width:500px;height:500px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.admin-login-card{background:var(--admin-surface);border:1px solid var(--admin-border);z-index:1;border-radius:20px;width:400px;padding:48px 44px;position:relative}.admin-login-logo{text-align:center;margin-bottom:32px}.admin-login-logo-icon{background:var(--admin-green-dim);border:1px solid #25d3664d;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:28px;display:flex}.admin-login-title{color:#fff;margin-bottom:4px;font-size:22px;font-weight:800}.admin-login-subtitle{color:var(--admin-muted);font-size:13px}.admin-quota-bar{background:#ffffff14;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.admin-quota-fill{background:var(--admin-green);border-radius:2px;height:100%;transition:width .5s}.admin-quota-fill.warn{background:var(--admin-yellow)}.admin-quota-fill.danger{background:var(--admin-red)}.admin-empty{text-align:center;color:var(--admin-muted);padding:48px 24px}.admin-empty-icon{margin-bottom:12px;font-size:40px}.admin-loading{background:var(--admin-bg);min-height:100vh;color:var(--admin-muted);justify-content:center;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:14px;display:flex}@media (width<=768px){.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}