@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=Anton&family=Inter:wght@400;600;800&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,.form-select{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,.form-select: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%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.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<=1024px){:root{--sidebar-width:0px;--space-6:16px;--space-8:20px;--space-10:24px;--space-12:32px}}@media (width<=768px){.card-body{padding:16px}.btn{padding:8px 16px}h1{font-size:24px!important}h2{font-size:20px!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}@media (width<=480px){.modal-content{width:95%;padding:20px}.topbar{padding:0 12px}}.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:14px var(--space-4);border-bottom:1px solid var(--border-sidebar);flex-shrink:0;min-height:56px;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:30px;height:30px;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:8px var(--space-2);flex-direction:column;flex:1;gap:1px;display:flex;overflow:hidden auto}.sidebar-nav-group{padding:8px var(--space-2) 2px;color:var(--text-on-dark-muted);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:10px;font-weight:700}.sidebar-nav-group:first-child{margin-top:0}.sidebar-nav-divider{background:var(--border-sidebar);height:1px;margin:4px var(--space-2)}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:6px var(--space-3);border-radius:var(--radius-md);color:#64748b;transition:all var(--transition-fast);white-space:nowrap;font-size:13px;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:6px var(--space-3);border-radius:var(--radius-md);color:#475569;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:left;background:0 0;border:none;width:100%;font-size:13px;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<=1024px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar:not(.sidebar--collapsed){transform:translate(0);width:var(--sidebar-width)!important}.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}@media (width<=1024px){.layout-main,.layout-main--expanded{margin-left:0!important}}.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-action-btn{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;text-decoration:none;display:flex}.topbar-action-btn:hover{background:var(--bg-surface-2);border-color:var(--brand-primary);color:var(--brand-primary)}.topbar-theme-btn{font-size:15px}.page-content{padding:var(--space-8) var(--space-8);flex:1}@media (width<=768px){.page-content{padding:var(--space-4)}.topbar{padding:0 var(--space-4);scrollbar-width:none;gap:8px;overflow-x:auto}.topbar::-webkit-scrollbar{display:none}.topbar-right{gap:8px}.topbar-breadcrumb{display:none}}.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}}.topbar-search{align-items:center;margin-right:auto;display:flex;position:relative}.topbar-search-input{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);width:220px;padding:8px 12px 8px 36px;font-size:13px;transition:all .2s}.topbar-search-input:focus{border-color:var(--brand-primary);outline:none;width:280px;box-shadow:0 0 0 3px #6366f126}.topbar-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.topbar-search-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;min-width:280px;box-shadow:var(--shadow-lg);z-index:150;flex-direction:column;max-height:400px;margin-top:8px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}.topbar-search-item{border:none;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;background:0 0;flex-direction:column;padding:10px 16px;text-decoration:none;transition:background .15s;display:flex}.topbar-search-item:last-child{border-bottom:none}.topbar-search-item:hover,.topbar-search-item.active{background:var(--bg-surface-2)}.topbar-search-item-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.topbar-search-item-path{color:var(--text-muted);font-size:11px}.topbar-search-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.topbar-user{align-items:center;display:flex;position:relative}.topbar-avatar-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.topbar-avatar-btn:hover{transform:scale(1.05);box-shadow:0 0 0 3px #6366f133}.topbar-user-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:260px;box-shadow:var(--shadow-lg);z-index:150;flex-direction:column;margin-top:12px;padding:8px 0;display:flex;position:absolute;top:100%;right:0}.topbar-user-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:12px 16px;display:flex}.topbar-user-avatar-large{background:var(--brand-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:600;display:flex}.topbar-user-info{flex-direction:column;display:flex;overflow:hidden}.topbar-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.topbar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-user-plan{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.plan-label{color:var(--text-secondary);font-size:13px}.plan-badge{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:600}.plan-badge.pro{color:var(--brand-primary);background:#6366f11a}.plan-badge.basic{background:var(--bg-base);color:var(--text-secondary);border:1px solid var(--border-color)}.topbar-user-storage{padding:8px 16px 16px}.storage-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.storage-bar{background:var(--bg-base);border-radius:3px;width:100%;height:6px;overflow:hidden}.storage-progress{background:var(--brand-primary);border-radius:3px;height:100%;transition:width .3s}.storage-progress.warning{background:#f59e0b}.storage-progress.danger{background:#ef4444}.topbar-user-divider{background:var(--border-color);height:1px;margin:4px 0}.topbar-user-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:13px;text-decoration:none;transition:background .15s;display:flex}.topbar-user-item:hover{background:var(--bg-surface-2)}:root{--comic-bg:#fff;--comic-text:#000;--comic-green:#39ff14;--comic-green-dim:#39ff1433;--comic-border:4px solid #000;--comic-border-thin:2px solid #000;--comic-shadow:8px 8px 0px 0px #000;--comic-shadow-sm:4px 4px 0px 0px #000;--font-comic-heading:"Anton", sans-serif;--font-comic-body:"Inter", sans-serif}.landing-page{background:var(--comic-bg);min-height:100vh;color:var(--comic-text);font-family:var(--font-comic-body);background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px);background-size:40px 40px;position:relative;overflow-x:hidden}.comic-title{font-family:var(--font-comic-heading);text-transform:uppercase;letter-spacing:.02em;line-height:1}.comic-btn{background:var(--comic-green);color:#000;font-family:var(--font-comic-heading);text-transform:uppercase;border:var(--comic-border);box-shadow:var(--comic-shadow);cursor:pointer;letter-spacing:.05em;justify-content:center;align-items:center;padding:12px 32px;font-size:20px;text-decoration:none;transition:all .15s ease-out;display:inline-flex}.comic-btn:hover{background:#2de010;transform:translate(4px,4px);box-shadow:4px 4px #000}.comic-btn:active{transform:translate(8px,8px);box-shadow:0 0 #000}.comic-btn.secondary{background:#fff}.comic-btn.secondary:hover{background:#f0f0f0}.halftone-bg{opacity:.8;z-index:0;background-color:#fff;background-image:radial-gradient(#000 20%,#0000 20%),radial-gradient(#000 20%,#0000 20%);background-position:0 0,8px 8px;background-size:16px 16px;position:absolute;inset:0}.landing-nav{border-bottom:var(--comic-border);z-index:1000;background:#fff;justify-content:space-between;align-items:center;height:80px;padding:0 5%;display:flex;position:fixed;top:0;left:0;right:0}.landing-nav-logo{font-family:var(--font-comic-heading);color:#000;text-transform:uppercase;align-items:center;gap:12px;font-size:32px;text-decoration:none;display:flex}.landing-nav-links{gap:40px;list-style:none;display:flex}.landing-nav-links a{color:#000;text-transform:uppercase;letter-spacing:.05em;font-size:16px;font-weight:800;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--comic-green);text-shadow:1px 1px #000}.landing-nav-cta{align-items:center;gap:24px;display:flex}.nav-login{color:#000;text-transform:uppercase;font-weight:800;text-decoration:none}.nav-btn{background:var(--comic-green);color:#000;font-family:var(--font-comic-heading);border:var(--comic-border-thin);box-shadow:var(--comic-shadow-sm);text-transform:uppercase;padding:8px 24px;font-size:20px;text-decoration:none;transition:all .1s}.nav-btn:hover{transform:translate(2px,2px);box-shadow:2px 2px #000}.landing-hero{border-bottom:var(--comic-border);background:#fff;justify-content:space-between;align-items:center;min-height:100vh;padding:80px 5% 0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;flex:1;max-width:700px;position:relative}.hero-label{color:var(--comic-green);font-family:var(--font-comic-heading);background:#000;margin-bottom:16px;padding:6px 12px;font-size:18px;display:inline-block;transform:rotate(-2deg)}.hero-title{color:#000;text-shadow:4px 4px 0 var(--comic-green);margin-bottom:16px;font-size:clamp(48px,6vw,90px)}.hero-subtitle{color:#000;border-left:var(--comic-border);margin-bottom:32px;padding-left:20px;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.5}.hero-visual{z-index:2;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.hero-robot{filter:drop-shadow(12px 12px #0000001a);width:100%;max-width:380px;animation:4s ease-in-out infinite float}.marquee-container{background:var(--comic-green);color:#000;border-bottom:var(--comic-border);z-index:10;width:100%;padding:16px 0;position:relative;overflow:hidden}.marquee-content{white-space:nowrap;font-family:var(--font-comic-heading);letter-spacing:.05em;font-size:32px;animation:20s linear infinite scrollLeft;display:flex}.features-section{border-bottom:var(--comic-border);background:#fff;padding:60px 5%}.section-header-box{color:#fff;background:#000;margin-bottom:40px;padding:12px 24px;display:inline-block}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.comic-card{border:var(--comic-border-thin);box-shadow:var(--comic-shadow-sm);background:#fff;flex-direction:column;padding:24px;transition:transform .2s;display:flex}.comic-card:hover{transform:translateY(-4px);box-shadow:6px 6px #000}.comic-card-title{color:#000;border-bottom:2px solid #000;margin-bottom:16px;padding-bottom:8px;font-size:24px}.comic-card-image-wrapper{background:var(--comic-green-dim);border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin:0 auto 24px;display:flex;position:relative}.comic-card-image{width:120%;position:absolute;bottom:-10%}.comic-card-image.scale-lg{transform-origin:bottom;transform:scale(1.25)}.comic-card-desc{flex:1;margin-bottom:20px;font-size:14px;font-weight:600;line-height:1.5}.comic-card-action{width:100%;font-family:var(--font-comic-heading);text-transform:uppercase;text-align:center;cursor:pointer;background:#fff;border:2px solid #000;padding:12px;font-size:16px;transition:all .15s;box-shadow:2px 2px #000}.comic-card-action:hover{background:var(--comic-green);transform:translate(2px,2px);box-shadow:0 0 #000}.pricing-section{border-bottom:var(--comic-border);background:#fff;padding:100px 5%;position:relative}.pricing-header{text-align:center;margin-bottom:80px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:0 auto;display:grid}.pricing-card{border:var(--comic-border);box-shadow:var(--comic-shadow);background:#fff;flex-direction:column;padding:24px;transition:transform .2s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-8px)}.pricing-card.popular{background:var(--comic-green-dim);z-index:2;border-color:#000;transform:scale(1.02);box-shadow:8px 8px #000}.pricing-card.popular:hover{transform:scale(1.02)translateY(-8px)}.pricing-popular-badge{color:var(--comic-green);font-family:var(--font-comic-heading);white-space:nowrap;border:var(--comic-border-thin);background:#000;padding:4px 16px;font-size:16px;position:absolute;top:-16px;left:50%;transform:translate(-50%)rotate(-3deg)}.pricing-title{text-transform:uppercase;margin-bottom:8px;font-size:24px}.pricing-price{font-size:40px;font-family:var(--font-comic-heading);border-bottom:var(--comic-border-thin);margin-bottom:16px;padding-bottom:16px}.pricing-features{font-family:var(--font-comic-body);flex:1;margin-bottom:24px;list-style:none}.pricing-features-heading{color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:12px;font-weight:700}.pricing-features li{color:#333;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.pricing-features li.pricing-feature-inherit{color:#000;font-weight:700}.pricing-features li:before{content:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%2305a062\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>");min-width:16px;margin-top:1px;display:inline-block}.pricing-action{width:100%}.pricing-robot{filter:drop-shadow(4px 4px #000);z-index:10;height:180px;position:absolute;top:-120px;right:-60px}.cta-section{text-align:center;border-bottom:var(--comic-border);background:#fff;padding:120px 5%;position:relative;overflow:hidden}.cta-content{z-index:2;border:var(--comic-border);box-shadow:var(--comic-shadow);background:#fff;max-width:1000px;margin:0 auto;padding:60px 40px;position:relative}.cta-title{margin-bottom:16px;font-size:clamp(60px,8vw,120px)}.cta-subtitle{font-family:var(--font-comic-heading);margin-bottom:60px;font-size:clamp(24px,4vw,40px)}.cta-robot-wrapper{z-index:3;height:300px;margin-bottom:40px;position:relative}.cta-robot{filter:drop-shadow(10px 10px #000c);height:400px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.landing-footer{z-index:10;color:#fff;background:#000;justify-content:space-between;align-items:center;padding:40px 5%;display:flex;position:relative}@media (width<=1000px){.landing-hero{text-align:center;flex-direction:column;padding-top:120px}.hero-subtitle{border-left:none;padding-left:0}.features-grid{grid-template-columns:1fr}.landing-nav-links{display:none}}.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}.step-type-groups{flex-direction:column;gap:10px;display:flex}.step-type-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:10px;font-weight:700}.goes-to-chip{color:var(--brand-primary-dark);background:#25d3661f;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.goes-to-chip--end{background:var(--bg-surface-2);color:var(--text-muted)}.goes-to-chip--broken{color:#dc2626;background:#fef2f2}.flow-canvas-wrap{height:calc(100vh - var(--topbar-height) - 88px);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-surface-2);display:flex;overflow:hidden}.flow-canvas-inspector{background:var(--bg-surface);border-left:1px solid var(--border-color);flex-shrink:0;width:380px;padding:16px;overflow-y:auto}.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}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.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)}.conv-unread{background:var(--brand-primary);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-ticks{letter-spacing:-1px;margin-left:6px;font-size:11px}.chat-ticks--read{color:#53bdeb}.chat-ticks--failed{color:#ef4444;letter-spacing:0}.chat-media{border-radius:8px;max-width:220px;margin-bottom:6px;display:block}.chat-file-link{color:inherit;margin-bottom:4px;display:block}.chat-tool-btn{border:1px solid var(--border-color);background:var(--bg-surface-2);cursor:pointer;border-radius:50%;flex-shrink:0;width:40px;height:40px}.chat-picker{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:10px;max-height:220px;margin:0 12px 8px;padding:12px;overflow-y:auto}.chat-picker-title{margin-bottom:8px;font-size:12px;font-weight:700}.chat-picker-empty{color:var(--text-muted);font-size:12px}.chat-picker-row{align-items:stretch;gap:6px;margin-bottom:6px;display:flex}.chat-picker-item{text-align:left;border:1px solid var(--border-light);background:var(--bg-surface-2);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;gap:2px;padding:8px 10px;font-size:12px;display:flex}.chat-picker-shortcut{color:var(--brand-primary);font-weight:600}.chat-picker-delete{cursor:pointer;color:var(--text-muted);background:0 0;border:none}.chat-canned-form{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.chat-canned-form input{border:1px solid var(--border-color);background:var(--bg-base);color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:12px}.chat-canned-form input:nth-child(3){grid-column:1/-1}.chat-media-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.chat-media-tile{border:1px solid var(--border-color);background:var(--bg-surface-2);cursor:pointer;border-radius:8px;min-height:72px;padding:0;font-size:10px;overflow:hidden}.chat-media-tile img{object-fit:cover;width:100%;height:72px;display:block}.chat-send-error{color:#b91c1c;font-size:var(--font-size-sm);background:#ef444414;border:1px solid #fca5a5;border-radius:8px;justify-content:space-between;gap:12px;margin:0 12px 8px;padding:10px 12px;display:flex}.chat-send-error button{cursor:pointer;color:inherit;background:0 0;border:none}.contact-panel{border-left:1px solid var(--border-color);background:var(--bg-surface);flex-shrink:0;width:260px;padding:16px;overflow-y:auto}.contact-panel-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.contact-panel-name{margin:8px 0 16px;font-size:16px;font-weight:700}.contact-panel-subtitle{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:18px 0 8px;font-size:11px;font-weight:700}.contact-panel-row{border-bottom:1px solid var(--border-light);justify-content:space-between;gap:8px;padding:6px 0;font-size:12px;display:flex}.contact-panel-row span{color:var(--text-muted)}.contact-panel-row strong{text-align:right;word-break:break-word}.sidebar-unread{color:#052e16;background:#25d366;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.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}}.chat-dragging{position:relative}.chat-drag-overlay{z-index:100;background:#25d366e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chat-drag-box{background:var(--bg-surface);border-radius:var(--radius-lg);text-align:center;color:var(--text-primary);box-shadow:var(--shadow-lg);padding:3rem}.chat-drag-box h3{font-size:var(--font-size-lg);margin-top:1rem}.chat-reaction-container{opacity:0;align-items:center;margin-left:8px;transition:opacity .2s;display:flex;position:relative}.chat-message:hover .chat-reaction-container{opacity:1}.chat-reaction-btn{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;width:28px;height:28px;box-shadow:var(--shadow-sm);color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-reaction-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.chat-reaction-picker{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);z-index:10;border-radius:20px;gap:4px;padding:4px;display:flex;position:absolute;bottom:32px;left:0}.chat-reaction-picker button{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:20px;transition:transform .1s}.chat-reaction-picker button:hover{background:var(--bg-surface-2);transform:scale(1.2)}.chat-attach-btn:hover{background:var(--bg-surface-2)!important}@media (width<=1024px){.conv-details{display:none!important}}@media (width<=768px){.conversations-layout{flex-direction:column}.conv-sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:35vh}.conv-main{flex:1;height:auto}}.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;color:var(--brand-primary);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;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}.howto-search{width:100%;margin-bottom:8px;font-size:13px}.howto-empty{color:var(--text-muted);margin:8px 0 0;font-size:13px}.howto-code{position:relative}.howto-code-copy{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface-1);color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;right:8px}.howto-markdown h2{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 16px;font-size:28px;font-weight:800}.howto-markdown h3{color:var(--text-primary);margin:28px 0 12px;font-size:18px;font-weight:700}.howto-markdown h4{margin:20px 0 8px;font-size:15px;font-weight:700}.howto-markdown p,.howto-markdown li{color:var(--text-secondary);font-size:15px;line-height:1.65}.howto-markdown p{margin:0 0 16px}.howto-markdown ul,.howto-markdown ol{margin:0 0 16px;padding-left:1.4em}.howto-markdown li{margin-bottom:6px}.howto-markdown code{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:4px;padding:.12em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.howto-markdown pre{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:0 0 16px;padding:16px;font-size:13px;line-height:1.55;overflow-x:auto}.howto-markdown pre code{font-size:inherit;background:0 0;border:none;padding:0}.help-table-wrap{margin:0 0 20px;overflow-x:auto}.howto-markdown table{border-collapse:collapse;width:100%;font-size:13px}.howto-markdown th,.howto-markdown td{border:1px solid var(--border-color);text-align:left;vertical-align:top;color:var(--text-secondary);padding:8px 10px}.howto-markdown th{background:var(--bg-surface-2);color:var(--text-primary);font-weight:700}.howto-markdown blockquote{background:var(--brand-primary-light);border-left:4px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:16px 0 20px;padding:12px 16px}.howto-markdown blockquote p{margin:0}.howto-markdown hr{border:none;border-top:1px solid var(--border-color);margin:28px 0}.howto-markdown a{color:var(--brand-primary);text-decoration:none}.howto-markdown a:hover{text-decoration:underline}@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{border-right:none;border-top:1px solid var(--admin-border);z-index:100;flex-direction:row;width:100%;height:auto;padding:0;top:auto;bottom:0}.admin-brand,.admin-sidebar-footer{display:none}.admin-nav{scrollbar-width:none;flex-direction:row;justify-content:space-between;gap:4px;padding:8px 12px;overflow-x:auto}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{text-align:center;white-space:nowrap;border-radius:8px;flex-direction:column;gap:4px;width:auto;min-width:60px;padding:6px 8px;font-size:10px}.admin-nav-icon{width:20px;font-size:20px}.admin-main{margin-bottom:70px;margin-left:0}.admin-topbar{padding:16px 20px}.admin-content{padding:16px}.admin-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.admin-health-grid{grid-template-columns:1fr}.admin-table-wrap{border-left:none;border-right:none;border-radius:0;margin:0 -16px}.admin-login-card{width:90%;padding:32px 24px}}