@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.chat-widget-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--primary-600);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2540ec66;transition:transform .2s,box-shadow .2s;z-index:9999}.chat-widget-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #2540ec80}.chat-widget-panel{position:fixed;bottom:24px;right:24px;width:420px;height:600px;max-height:calc(100vh - 48px);border-radius:16px;background:var(--gray-100);border:1px solid var(--gray-200);box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:9999;animation:chatWidgetSlideIn .2s ease-out}@keyframes chatWidgetSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-widget-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--gray-200);background:var(--gray-200);flex-shrink:0}.chat-widget-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.chat-widget-header-right{display:flex;align-items:center;gap:4px}.chat-widget-header-title{flex:1;min-width:0}.chat-widget-session-title{font-weight:600;font-size:14px;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-widget-agent-select{font-size:13px;font-weight:600;border:none;background:transparent;color:var(--gray-900);cursor:pointer;padding:4px 0;max-width:200px}.chat-widget-icon-btn{background:none;border:none;padding:6px;border-radius:6px;cursor:pointer;color:var(--gray-500);transition:background .15s,color .15s}.chat-widget-icon-btn:hover{background:var(--gray-300);color:var(--gray-900)}.chat-widget-icon-btn-danger:hover{background:var(--danger-50);color:var(--danger-600)}.chat-widget-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--gray-100)}.chat-widget-sessions{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-widget-new-session{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px dashed var(--gray-300);border-radius:10px;background:transparent;cursor:pointer;font-size:13px;color:var(--primary-600);font-weight:500;transition:background .15s,border-color .15s}.chat-widget-new-session:hover{background:var(--gray-200);border-color:var(--primary-400)}.chat-widget-session-list{display:flex;flex-direction:column;gap:4px}.chat-widget-session-item{display:flex;flex-direction:column;align-items:flex-start;padding:10px 14px;border:1px solid var(--gray-200);border-radius:10px;background:var(--gray-50);cursor:pointer;transition:background .15s,border-color .15s;text-align:left;width:100%}.chat-widget-session-item:hover{background:var(--gray-200);border-color:var(--primary-300)}.chat-widget-session-item-title{font-size:13px;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.chat-widget-session-item-meta{display:flex;gap:8px;font-size:11px;color:var(--gray-400);margin-top:4px}.chat-widget-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--gray-500);font-size:13px}.chat-widget-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--gray-500);font-size:13px;gap:8px}.chat-widget-empty-icon{color:var(--gray-400);margin-bottom:8px}.chat-widget-empty-hint{font-size:12px;color:var(--gray-400)}.chat-widget-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--gray-100)}.chat-widget-msg{display:flex;max-width:85%}.chat-widget-msg-user{align-self:flex-end}.chat-widget-msg-assistant{align-self:flex-start}.chat-widget-msg-content{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-break:break-word}.chat-widget-msg-user .chat-widget-msg-content{background:var(--primary-600);color:#fff;border-bottom-right-radius:4px}.chat-widget-msg-assistant .chat-widget-msg-content{background:var(--gray-50);color:var(--gray-900);border:1px solid var(--gray-200);border-bottom-left-radius:4px}.chat-widget-msg-content p{margin:0 0 6px}.chat-widget-msg-content p:last-child{margin-bottom:0}.chat-widget-msg-content code{background:var(--gray-200);color:var(--gray-900);padding:2px 5px;border-radius:4px;font-size:12px;font-family:var(--font-mono)}.chat-widget-msg-content ul{margin:4px 0;padding-left:18px}.chat-widget-msg-content li{margin-bottom:2px}.chat-widget-msg-content strong{font-weight:600}.chat-widget-tool-call{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--primary-500);padding:4px 0;margin-bottom:4px}.chat-widget-spinner{animation:spin 1s linear infinite}.chat-widget-typing{display:flex;gap:4px;padding:4px 0}.chat-widget-typing span{width:6px;height:6px;border-radius:50%;background:var(--gray-400);animation:typingBounce 1.4s infinite ease-in-out}.chat-widget-typing span:nth-child(2){animation-delay:.2s}.chat-widget-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-widget-welcome{padding:12px 0;font-size:13px;line-height:1.6;color:var(--gray-900)}.chat-widget-suggestions{display:flex;flex-direction:column;gap:6px;margin-top:12px}.chat-widget-suggestion{padding:8px 12px;border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);font-size:12px;text-align:left;cursor:pointer;color:var(--gray-600);transition:background .15s,border-color .15s,color .15s}.chat-widget-suggestion:hover{background:var(--gray-200);border-color:var(--primary-400);color:var(--primary-600)}.chat-widget-input-container{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--gray-200);background:var(--gray-100);flex-shrink:0}.chat-widget-input{flex:1;resize:none;border:1px solid var(--gray-200);border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.4;background:var(--gray-50);color:var(--gray-900);outline:none;transition:border-color .15s;max-height:120px;overflow-y:auto}.chat-widget-input:focus{border-color:var(--primary-500)}.chat-widget-input::placeholder{color:var(--gray-400)}.chat-widget-send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--primary-600);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s;flex-shrink:0}.chat-widget-send-btn:hover:not(:disabled){background:var(--primary-700)}.chat-widget-send-btn:disabled{opacity:.4;cursor:not-allowed}.tool-card{margin-top:8px;padding:10px 12px;border-radius:8px;font-size:13px;display:flex;flex-direction:column;gap:6px;border:1px solid}.tool-card>svg{flex-shrink:0}.tool-card-success{background:var(--success-50);border-color:#a7f3d0;color:var(--success-700)}.tool-card-warning{background:var(--warning-50);border-color:#fde68a;color:#92400e}.tool-card-error{background:var(--danger-50);border-color:#fecaca;color:var(--danger-700)}.tool-card-info{background:var(--info-50);border-color:#bfdbfe;color:var(--info-600)}.tool-card-list{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-700)}.tool-card-header{display:flex;align-items:center;gap:6px;font-weight:600}.tool-card-body{display:flex;flex-direction:column;gap:4px}.tool-card-stat{font-size:12px;opacity:.8}.tool-card-issues{list-style:none;padding:0;margin:4px 0 0}.tool-card-issues li{display:flex;align-items:center;gap:4px;font-size:12px;padding:2px 0}.tool-card-table{display:flex;flex-direction:column;gap:4px;margin-top:4px}.tool-card-row{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--gray-50);border-radius:4px;font-size:12px}.tool-card-name{flex:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-card-model{font-size:11px;opacity:.7}.tool-card-badge{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:500}.tool-card-badge-active,.tool-card-badge-draft{background:var(--success-50);color:var(--success-700)}.tool-card-badge-inactive{background:var(--danger-50);color:var(--danger-600)}.tool-card-action-btn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:6px 12px;background:var(--success-700);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;align-self:flex-start}.tool-card-action-btn:hover{background:var(--success-800, #166534)}[data-theme=dark] .tool-card-action-btn{background:#16a34a}[data-theme=dark] .tool-card-action-btn:hover{background:#15803d}[data-theme=dark] .tool-card-success{background:#052e16;border-color:#16a34a;color:#4ade80}[data-theme=dark] .tool-card-warning{background:#422006;border-color:#d97706;color:#fbbf24}[data-theme=dark] .tool-card-error{background:#450a0a;border-color:#dc2626;color:#f87171}[data-theme=dark] .tool-card-info{background:#172554;border-color:#2563eb;color:#60a5fa}[data-theme=dark] .tool-card-badge-active,[data-theme=dark] .tool-card-badge-draft{background:#052e16;color:#4ade80}[data-theme=dark] .tool-card-badge-inactive{background:#450a0a;color:#f87171}:root{--primary-50: #eef2ff;--primary-100: #dbe4ff;--primary-200: #bfcfff;--primary-300: #93aeff;--primary-400: #6083fc;--primary-500: #3b5bf7;--primary-600: #2540ec;--primary-700: #1d31d9;--primary-800: #1e2aaf;--primary-900: #1e298a;--primary-950: #161b54;--secondary-50: #effefa;--secondary-100: #c8fff1;--secondary-200: #91fee4;--secondary-300: #53f5d4;--secondary-400: #20e0be;--secondary-500: #07c4a6;--secondary-600: #039e88;--secondary-700: #077e6e;--secondary-800: #0b6459;--secondary-900: #0e524a;--secondary-950: #01322e;--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--danger-50: #fef2f2;--danger-500: #ef4444;--danger-600: #dc2626;--danger-700: #b91c1c;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--nav-bg: var(--gray-50);--nav-bg-shell: var(--gray-100);--nav-border: var(--gray-200);--nav-text: var(--gray-500);--nav-text-muted: var(--gray-400);--nav-text-strong: var(--gray-800);--nav-item-hover-bg: var(--gray-100);--nav-item-hover-text: var(--gray-900);--nav-section-label: var(--gray-400);--nav-overlay-bg: var(--white);--nav-overlay-border: var(--gray-200);--nav-overlay-item-text: var(--gray-700);--nav-overlay-item-hover-bg: var(--gray-50);--nav-overlay-label: var(--gray-400);--nav-overlay-divider: var(--gray-200);--nav-avatar-bg: var(--primary-100);--nav-avatar-text: var(--primary-700);--nav-collapse-btn-color: var(--gray-400);--nav-collapse-btn-hover-bg: var(--gray-100)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background:var(--gray-50)}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-2{margin-top:var(--space-2)}.mb-2{margin-bottom:var(--space-2)}.m-0{margin:0}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);background:#fff;transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #3b5bf71a}.form-input::placeholder{color:var(--gray-400)}.form-input.error{border-color:var(--danger-500)}.form-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--text-xs);color:var(--danger-500);margin-top:var(--space-1)}.form-checkbox-group{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox{width:16px;height:16px;accent-color:var(--primary-600)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-semibold);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-size:var(--text-sm);padding:.5rem 1rem;white-space:nowrap}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-lg{padding:.75rem 1.5rem;font-size:var(--text-base)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out}.animate-spin{animation:spin .8s linear infinite}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:none;background:transparent;cursor:pointer;color:var(--gray-500);transition:background .15s,color .15s;position:relative;font-size:14px}.icon-btn:hover{background:var(--gray-100);color:var(--gray-700)}.icon-btn--danger:hover{background:#fee2e2;color:#dc2626}.icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--gray-800);color:var(--white);padding:2px 8px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;margin-bottom:4px}.icon-btn[data-tooltip]:hover:after{opacity:1}.auth-layout{min-height:100vh;display:flex}.auth-left{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.auth-right{width:50%;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-900) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative;overflow:hidden}.auth-right:before{content:"";position:absolute;top:-50%;right:-30%;width:600px;height:600px;background:radial-gradient(circle,rgba(7,196,166,.15) 0%,transparent 60%);pointer-events:none}.auth-right:after{content:"";position:absolute;bottom:-30%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(59,91,247,.2) 0%,transparent 60%);pointer-events:none}.auth-right-content{position:relative;z-index:1;color:#fff;text-align:center;max-width:420px}.auth-right-content h2{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-4)}.auth-right-content p{font-size:var(--text-lg);color:#ffffffb3;line-height:var(--leading-relaxed)}.auth-card{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--gray-900);margin-bottom:var(--space-10);text-decoration:none}.auth-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}.auth-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-8)}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0;font-size:var(--text-sm);color:var(--gray-400)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--gray-200)}.auth-social-btns{display:flex;gap:var(--space-3)}.auth-social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);transition:all var(--transition-fast);cursor:pointer;background:#fff}.auth-social-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.auth-footer{text-align:center;margin-top:var(--space-8);font-size:var(--text-sm);color:var(--gray-500)}.auth-footer a{color:var(--primary-600);font-weight:var(--font-medium)}.auth-footer a:hover{text-decoration:underline}.password-strength{margin-top:var(--space-2)}.strength-bar{display:flex;gap:4px;margin-bottom:4px}.strength-bar span{flex:1;height:3px;border-radius:2px;background:var(--gray-200);transition:background var(--transition-fast)}.strength-bar[data-strength="1"] span:nth-child(1){background:var(--danger-500)}.strength-bar[data-strength="2"] span:nth-child(1),.strength-bar[data-strength="2"] span:nth-child(2){background:var(--warning-500)}.strength-bar[data-strength="3"] span:nth-child(1),.strength-bar[data-strength="3"] span:nth-child(2),.strength-bar[data-strength="3"] span:nth-child(3){background:var(--success-500)}.strength-bar[data-strength="4"] span{background:var(--success-500)}.strength-text{font-size:var(--text-xs);color:var(--gray-500)}.auth-features{margin-top:var(--space-10);text-align:left}.auth-feature{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5)}.auth-feature-icon{width:40px;height:40px;border-radius:var(--radius-lg);background:#ffffff1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.auth-feature-text h4{color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:2px}.auth-feature-text p{font-size:var(--text-xs);color:#ffffff80}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-2)}.auth-alert-error{background:var(--danger-50);color:var(--danger-700);border:1px solid rgba(239,68,68,.2)}.auth-alert-success{background:var(--success-50);color:var(--success-700);border:1px solid rgba(34,197,94,.2)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.auth-layout{flex-direction:column}.auth-right{display:none}.auth-left{padding:var(--space-6)}}.register-plan-step{max-width:600px;width:100%}.register-plan-step__header{margin-bottom:var(--space-6)}.register-plan-step__logo{justify-content:center}.register-plan-step__loading{padding:var(--space-8)}.register-plan-step__submit{margin-top:var(--space-6)}.register-plan-step__footer{margin-top:var(--space-4)}.register-plan-list{display:flex;flex-direction:column;gap:var(--space-3)}.register-plan-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:2px solid var(--gray-200);border-radius:var(--radius-xl);background:var(--white);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.register-plan-card--selected{border-color:var(--primary-600);background:var(--primary-50)}.register-plan-card__radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--gray-300);background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0}.register-plan-card__radio--active{border-color:var(--primary-600);background:var(--primary-600)}.register-plan-card__info{flex:1}.register-plan-card__name-row{display:flex;align-items:baseline;gap:var(--space-2)}.register-plan-card__desc{font-size:var(--text-xs);color:var(--gray-400)}.register-plan-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.register-plan-card__tag{font-size:.72rem;background:var(--gray-100);padding:2px 6px;border-radius:var(--radius-sm)}.register-plan-card__tag--ai{background:#dbeafe;color:#1e40af}.register-plan-card__tag--wl{background:#f0fdf4;color:#166534}.register-plan-card__price{text-align:right;flex-shrink:0}.register-plan-card__price-free{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--primary-600)}.register-plan-card__price-value{font-weight:var(--font-bold);font-size:var(--text-base)}.register-plan-card__price-cycle{font-size:.7rem;color:var(--gray-400)}.form-group--flex1{flex:1}.app-layout{display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;background:var(--nav-bg);transition:grid-template-columns .25s ease}.app-layout--collapsed{grid-template-columns:64px 1fr}.app-sidebar{grid-row:1 / -1;background:var(--nav-bg);color:var(--nav-text);border-right:1px solid var(--nav-border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s ease;width:240px}.app-sidebar--collapsed{width:64px}.app-sidebar--collapsed .app-sidebar__logo-text,.app-sidebar--collapsed .app-sidebar__org-switcher,.app-sidebar--collapsed .app-sidebar__section-label,.app-sidebar--collapsed .app-sidebar__item-label{opacity:0;pointer-events:none;width:0;overflow:hidden}.app-sidebar--collapsed .app-sidebar__item{justify-content:center;padding:8px;gap:0}.app-sidebar--collapsed .app-sidebar__item-icon{width:auto;font-size:18px;display:flex;align-items:center;justify-content:center}.app-sidebar--collapsed .app-sidebar__header{justify-content:center}.app-sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin:var(--space-2) var(--space-3) var(--space-3);color:var(--nav-collapse-btn-color);border:none;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.app-sidebar__collapse-btn:hover{background:var(--nav-collapse-btn-hover-bg);color:var(--nav-item-hover-text)}.app-sidebar__collapse-icon--rotated{transform:rotate(180deg)}.app-sidebar__header{height:56px;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.app-sidebar__logo-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--secondary-500));font-weight:var(--font-bold);font-size:var(--text-sm)}.app-sidebar__logo-text{font-size:var(--text-lg);font-weight:var(--font-bold)}.app-sidebar__org-switcher{padding:var(--space-2) var(--space-3)}.app-sidebar .org-switcher-trigger,.app-sidebar .org-switcher-single{width:100%;background:transparent;color:var(--nav-text-strong);border:1px solid var(--nav-border);border-radius:var(--radius-lg);padding:8px 10px;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.org-switcher-plan{font-size:10px;color:var(--nav-text-muted);display:block;margin-top:1px}.org-switcher-single .org-switcher-plan{display:inline;margin-left:6px}.org-switcher-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.org-switcher-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--nav-overlay-bg);border:1px solid var(--nav-overlay-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50;padding:var(--space-2) 0;max-height:280px;overflow-y:auto}.org-switcher-dropdown-label{padding:6px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--nav-overlay-label)}.org-switcher-divider{height:1px;background:var(--nav-overlay-divider);margin:4px 0}.org-switcher-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 12px;background:none;border:none;color:var(--nav-overlay-item-text);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.org-switcher-item:hover{background:var(--nav-overlay-item-hover-bg)}.org-switcher-item.active{color:var(--nav-text-strong)}.org-switcher-item-info{flex:1;display:flex;flex-direction:column;gap:1px}.org-switcher-item-name{font-size:var(--text-sm);font-weight:var(--font-medium)}.org-switcher-item-role{font-size:11px;color:var(--nav-overlay-label)}.org-switcher-item--create{gap:var(--space-2);color:var(--primary-400);font-weight:500}.org-switcher-item--create:hover{background:#6366f126}.app-sidebar__nav{flex:1;padding:var(--space-2) var(--space-3);overflow-y:auto}.app-sidebar__section-label{font-size:10px;color:var(--nav-section-label);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-semibold);padding:var(--space-2) var(--space-2)}.app-sidebar__section-label--top{margin-top:var(--space-3)}.app-sidebar__item{display:flex;align-items:center;gap:var(--space-3);color:var(--nav-text);padding:8px 10px;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:1px;transition:all var(--transition-fast);position:relative}.app-sidebar__item:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-text)}.app-sidebar__item--active{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff}.app-sidebar__item-icon{width:18px;display:inline-flex;justify-content:center;font-size:14px}.app-sidebar__badge{margin-left:auto;background:var(--error-600, #dc2626);color:#fff;font-size:.65rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.app-sidebar--collapsed .app-sidebar__badge{position:absolute;top:2px;right:2px;min-width:14px;height:14px;font-size:.55rem;padding:0 3px}.app-topbar{height:56px;background:var(--nav-bg);border-bottom:1px solid var(--nav-border);padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;z-index:10}.app-topbar__left{display:flex;align-items:center;gap:var(--space-3)}.app-topbar__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--nav-text-strong)}.app-topbar__subtitle{font-size:var(--text-xs);color:var(--nav-text-muted);margin-left:var(--space-3)}.app-topbar__breadcrumb{display:flex;align-items:center;gap:var(--space-2)}.app-topbar__breadcrumb-sep{color:var(--nav-text-muted);font-size:var(--text-xs)}.app-topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--nav-text);cursor:pointer;transition:all .15s}.app-topbar__icon-btn:hover{background:var(--nav-item-hover-bg);color:var(--nav-text-strong)}.app-topbar__icon-btn--active{color:var(--primary-600);background:var(--primary-50)}.app-topbar__user{display:flex;align-items:center;gap:var(--space-2);padding:4px 8px 4px 4px;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-fast);position:relative}.app-topbar__user:hover{background:var(--nav-item-hover-bg)}.app-topbar__avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--nav-avatar-bg);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-semibold);color:var(--nav-avatar-text)}.app-topbar__user-name{font-size:var(--text-sm);color:var(--nav-text-strong);white-space:nowrap}.app-topbar__user-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);min-width:200px;z-index:50;padding:var(--space-2)}.app-topbar__user-dropdown-info{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-1)}.app-topbar__user-dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.app-topbar__user-dropdown-email{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.app-topbar__user-dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-700);transition:background var(--transition-fast)}.app-topbar__user-dropdown-item:hover{background:var(--gray-50)}.app-topbar__user-dropdown-item--danger{color:var(--danger-600)}.app-topbar__user-dropdown-item--danger:hover{background:var(--danger-50)}.app-topbar__user-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.app-main{display:flex;flex-direction:column;min-height:0;overflow:hidden}.app-content{flex:1;background:var(--gray-50);border-top-left-radius:var(--radius-xl);padding:var(--space-6);overflow-y:auto;min-height:0}.app-content--chat{padding:0;overflow:hidden}.app-content>*{max-width:100%}.app-topbar .theme-toggle{border-color:var(--nav-border);color:var(--nav-text)}.app-topbar .theme-toggle:hover{background:var(--nav-item-hover-bg);color:var(--nav-item-hover-text);border-color:var(--nav-text-muted)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-lg);font-weight:var(--font-semibold);border:1px solid transparent;transition:all var(--transition-fast);padding:.5rem .95rem;font-size:var(--text-sm);cursor:pointer;white-space:nowrap}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{padding:.35rem .7rem;font-size:var(--text-xs)}.ui-btn--xs{padding:.25rem .5rem;font-size:11px}.ui-btn--md{padding:.5rem .95rem;font-size:var(--text-sm)}.ui-btn--lg{padding:.7rem 1.3rem;font-size:var(--text-base)}.ui-btn--primary{background:var(--primary-600);color:#fff}.ui-btn--primary:hover{background:var(--primary-700)}.ui-btn--secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.ui-btn--secondary:hover{background:var(--gray-50)}.ui-btn--ghost{background:transparent;color:var(--gray-600)}.ui-btn--ghost:hover{background:var(--gray-100);color:var(--gray-800)}.ui-btn--danger{background:#ef4444;color:#fff}.ui-btn--danger:hover{background:#dc2626}.ui-btn--danger-text{color:var(--danger-600)}.ui-btn--danger-text:hover{background:var(--danger-50);color:var(--danger-700)}.ui-btn--warning{background:var(--warning-600);color:#fff}.ui-btn--warning:hover{background:var(--warning-500)}.ui-btn--link{background:none;border:none;color:var(--primary-600);cursor:pointer;padding:0;font-size:inherit;text-decoration:underline}.ui-btn--link:hover{color:var(--primary-700)}.ui-btn__icon{display:inline-flex}.ui-input{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);background:#fff;transition:all var(--transition-fast)}.ui-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2540ec1a}.ui-input::placeholder{color:var(--gray-400)}.ui-input:disabled{background:var(--gray-100);cursor:not-allowed}.ui-input--sm{padding:.4rem .65rem;font-size:var(--text-xs)}.ui-input--md{padding:.625rem .875rem;font-size:var(--text-sm)}.ui-input--lg{padding:.75rem 1rem;font-size:var(--text-base)}.ui-input--error{border-color:var(--danger-500)}.ui-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.ui-input--code{text-align:center;letter-spacing:.25em;font-size:var(--text-lg);font-weight:var(--font-semibold)}.ui-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);background:#fff;transition:all var(--transition-fast);resize:vertical;min-height:80px}.ui-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2540ec1a}.ui-textarea::placeholder{color:var(--gray-400)}.ui-textarea:disabled{background:var(--gray-100);cursor:not-allowed}.ui-textarea--sm{padding:.4rem .65rem;font-size:var(--text-xs);min-height:60px}.ui-textarea--md{padding:.625rem .875rem;font-size:var(--text-sm)}.ui-textarea--lg{padding:.75rem 1rem;font-size:var(--text-base);min-height:120px}.ui-textarea--error{border-color:var(--danger-500)}.ui-select{width:100%;padding:.625rem 2rem .625rem .875rem;border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);background:#fff;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.ui-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #2540ec1a}.ui-select:disabled{background:var(--gray-100);cursor:not-allowed}.ui-select--sm{padding:.4rem .65rem;font-size:var(--text-xs)}.ui-select--md{padding:.625rem .875rem;font-size:var(--text-sm)}.ui-select--lg{padding:.75rem 1rem;font-size:var(--text-base)}.ui-select--error{border-color:var(--danger-500)}.ui-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-form-field--horizontal{flex-direction:row;align-items:center;gap:var(--space-2);cursor:pointer}.ui-form-field__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.ui-form-field__hint{font-size:var(--text-xs);color:var(--gray-500)}.ui-form-field__error{font-size:var(--text-xs);color:var(--danger-600)}.ui-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal)}.ui-alert--info{background:var(--info-50);color:var(--info-600)}.ui-alert--success{background:var(--success-50);color:var(--success-700)}.ui-alert--warning{background:var(--warning-50);color:#92400e}.ui-alert--danger{background:var(--danger-50);color:var(--danger-700)}.ui-fieldset{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.ui-fieldset__legend{font-weight:var(--font-semibold);font-size:var(--text-xs);padding:0 var(--space-1)}.ui-grid{display:grid;gap:var(--space-3)}.ui-grid--2{grid-template-columns:1fr 1fr}.ui-grid--3{grid-template-columns:repeat(3,1fr)}.ui-flex{display:flex}.ui-flex--col{flex-direction:column}.ui-flex--wrap{flex-wrap:wrap}.ui-flex--center{align-items:center;justify-content:center}.ui-flex--between{justify-content:space-between}.ui-flex--end{justify-content:flex-end}.ui-gap-1{gap:var(--space-1)}.ui-gap-2{gap:var(--space-2)}.ui-gap-3{gap:var(--space-3)}.ui-gap-4{gap:var(--space-4)}.ui-gap-6{gap:var(--space-6)}.ui-status-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--gray-50)}.ui-status-card{max-width:560px;width:100%;background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.ui-status-card__icon{font-size:2.5rem}.ui-status-card__title{margin-top:var(--space-3);font-size:var(--text-2xl)}.ui-status-card__text{color:var(--gray-600);line-height:var(--leading-relaxed);margin-top:var(--space-2)}.ui-status-card__details{margin-top:var(--space-4);padding:var(--space-4);background:var(--gray-100);border-radius:var(--radius-lg);font-size:var(--text-sm)}.ui-status-card__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.ui-text-muted{color:var(--gray-500)}.ui-text-danger{color:var(--danger-600)}.ui-text-xs{font-size:var(--text-xs)}.ui-text-sm{font-size:var(--text-sm)}.ui-text-center{text-align:center}.ui-btn--full{width:100%}.ui-btn--flex1{flex:1}.ui-btn--flex2{flex:2}.terms-modal__content{flex:1;overflow-y:auto;font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre-wrap}.ui-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.ui-card__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;gap:var(--space-3)}.ui-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900)}.ui-card__subtitle{margin-top:2px;font-size:var(--text-sm);color:var(--gray-500)}.ui-card__body{padding:var(--space-5)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0206178c;display:flex;align-items:center;justify-content:center;z-index:120;padding:var(--space-4)}.ui-modal{width:100%;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200);box-shadow:var(--shadow-xl);max-height:90vh;overflow:auto}.ui-modal--sm{max-width:480px}.ui-modal--md{max-width:620px}.ui-modal--lg{max-width:820px}.ui-modal__header,.ui-modal__footer{padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--gray-100)}.ui-modal__footer{border-top:1px solid var(--gray-100);border-bottom:none;justify-content:flex-end;gap:var(--space-2)}.ui-modal__header h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}.ui-modal__close{color:var(--gray-500);font-size:1rem}.ui-modal__close:hover{color:var(--gray-800)}.ui-modal__body{padding:var(--space-5)}.ui-table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff}.ui-table{width:100%;border-collapse:collapse}.ui-table th,.ui-table td{padding:.75rem .9rem;border-bottom:1px solid var(--gray-100);text-align:left}.ui-table th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--gray-500)}.ui-table td{font-size:var(--text-sm);color:var(--gray-700)}.ui-table tbody tr:hover td{background:var(--gray-50)}.ui-table-empty{border:1px solid var(--gray-200);border-radius:var(--radius-xl);background:#fff;padding:var(--space-8);text-align:center;color:var(--gray-500)}.ui-form-field--mt{margin-top:var(--space-3)}.admin-plans-modal__body{max-height:70vh;overflow-y:auto;padding:var(--space-1)}.admin-table__unit{font-size:.7rem;color:var(--gray-400)}.channels-page{padding:var(--space-8);max-width:1200px;margin:0 auto}.channels-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.channels-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900)}.channels-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.channels-actions{display:flex;gap:var(--space-3)}.channels-filters{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--gray-200);padding-bottom:var(--space-1)}.filter-tab{padding:var(--space-2) var(--space-4);border:none;background:none;color:var(--gray-500);font-size:var(--text-sm);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.filter-tab:hover{color:var(--gray-700)}.filter-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:var(--font-medium)}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4)}.channel-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all .2s}.channel-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #0000000d}.channel-card__header{display:flex;align-items:center;gap:var(--space-3)}.channel-card__icon{font-size:1.75rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-lg)}.channel-card__info{flex:1;min-width:0}.channel-card__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-card__phone{font-size:var(--text-sm);color:var(--gray-500);margin-top:2px}.channel-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--gray-100)}.channel-card__type{font-size:var(--text-xs);color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.channel-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.channel-badge--active{background:#dcfce7;color:#166534}.channel-badge--pending{background:#fef9c3;color:#854d0e}.channel-badge--disconnected{background:var(--gray-100);color:var(--gray-600)}.channel-badge--error{background:#fef2f2;color:#991b1b}.channel-badge--inactive{background:var(--gray-100);color:var(--gray-500)}.channel-badge--setup-requested{background:#e0e7ff;color:#3730a3}.channel-badge--setup-creating_bm,.channel-badge--setup-registering_waba,.channel-badge--setup-registering_number{background:#dbeafe;color:#1e40af}.channel-badge--setup-sending_sms,.channel-badge--setup-waiting_sms{background:#fef9c3;color:#854d0e}.channel-badge--setup-sms_received,.channel-badge--setup-validating_meta,.channel-badge--setup-configuring_webhook{background:#fed7aa;color:#9a3412}.channel-badge--setup-active{background:#dcfce7;color:#166534}.channel-badge--setup-failed{background:#fef2f2;color:#991b1b}.channels-empty{text-align:center;padding:var(--space-16) var(--space-8);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--gray-200)}.channels-empty__icon{font-size:3rem;margin-bottom:var(--space-4)}.channels-empty h2{font-size:var(--text-xl);color:var(--gray-900);margin-bottom:var(--space-2)}.channels-empty p{color:var(--gray-500);margin-bottom:var(--space-6);max-width:400px;margin-left:auto;margin-right:auto}.channels-loading{text-align:center;padding:var(--space-16);color:var(--gray-500)}.channel-create-page{padding:var(--space-8);max-width:680px;margin:0 auto}.channel-create-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.channel-create-header h1{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900);margin:0 0 var(--space-1)}.channel-create-header__sub{font-size:var(--text-sm);color:var(--gray-500);margin:0}.channel-create-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.step{display:flex;align-items:center;gap:var(--space-2);opacity:.4}.step--active{opacity:1}.step__number{width:28px;height:28px;border-radius:50%;background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold)}.step--active .step__number{background:var(--primary-600);color:#fff}.step__label{font-size:var(--text-sm);color:var(--gray-600)}.step__connector{width:40px;height:2px;background:var(--gray-200)}.channel-create-card{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.channel-create-card h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.channel-create-hint{color:var(--gray-500);font-size:var(--text-sm);margin-bottom:var(--space-6)}.channel-create-section{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--gray-100)}.channel-create-section:last-of-type{border-bottom:none}.channel-create-section__title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin:0 0 var(--space-5)}.channel-create-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-8);border-top:1px solid var(--gray-100);background:var(--gray-50)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.form-group input,.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-900);transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb, 99, 102, 241),.1)}.form-help{display:block;font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.channel-create-phone-section{margin-bottom:var(--space-5)}.channel-create-field-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.channel-create-field-hint{font-size:var(--text-xs);color:var(--gray-400);margin:var(--space-1) 0 0}.channel-phone-toggle{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-lg);padding:3px;margin-bottom:var(--space-3);gap:2px}.channel-phone-toggle__btn{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-lg) - 2px);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-500);background:transparent;border:none;cursor:pointer;transition:all .15s;white-space:nowrap}.channel-phone-toggle__btn--active{background:var(--surface, #fff);color:var(--gray-900);box-shadow:0 1px 3px #0000001a}.channel-phone-input{display:flex;border:1px solid var(--gray-300);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s}.channel-phone-input:focus-within{border-color:var(--primary-500);box-shadow:0 0 0 3px #6c3ce01a}.channel-phone-input__country{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--gray-50);border-right:1px solid var(--gray-300);flex-shrink:0;min-width:130px}.channel-phone-input__country select{border:none!important;background:transparent!important;font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;padding:0;flex:1;outline:none}.channel-phone-input__dial{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-600);flex-shrink:0;padding-right:var(--space-1)}.channel-phone-input__number{flex:1;border:none!important;outline:none!important;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);color:var(--gray-900);background:transparent;min-width:0}.channel-phone-salvy{display:flex;flex-direction:column;gap:var(--space-2)}.channel-phone-salvy__result{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--success-50, #f0fdf4);border:1px solid var(--success-200, #bbf7d0);border-radius:var(--radius-lg)}.channel-phone-salvy__number{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--success-700, #15803d);flex:1;letter-spacing:.04em}.channel-phone-salvy__hint{font-size:var(--text-xs);color:var(--gray-400);margin:0}.channel-create-org-banner{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4) var(--space-8);background:var(--gray-50);border-top:1px solid var(--gray-100)}.channel-create-org-banner__org{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.channel-create-org-banner__user{font-size:var(--text-xs);color:var(--gray-400)}.phone-input-wrapper{display:flex;gap:var(--space-2);align-items:center}.phone-country-picker{display:flex;align-items:center;gap:var(--space-1);background:var(--gray-50);border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:0 var(--space-2);height:40px;flex-shrink:0}.phone-country-picker select{width:auto!important;border:none!important;background:transparent!important;padding:0!important;font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.phone-country-picker select:focus{outline:none!important;box-shadow:none!important}.phone-flag{font-size:1.25rem;line-height:1;flex-shrink:0}.phone-local-number{flex:1;border:1px solid var(--gray-300);border-radius:var(--radius-lg);padding:var(--space-3)!important;font-size:var(--text-sm);color:var(--gray-900)}.phone-local-number:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(var(--primary-500-rgb, 99, 102, 241),.1)}.review-section{margin-bottom:var(--space-6)}.review-section h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.review-field{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--gray-100);font-size:var(--text-sm)}.review-field span{color:var(--gray-500)}.review-notice{background:#fffbeb;border:1px solid #fef3c7;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.review-notice p{font-size:var(--text-sm);color:#92400e}.onboarding-notice{display:flex;gap:var(--space-3);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-2)}.onboarding-notice__icon{font-size:1.5rem;flex-shrink:0}.onboarding-notice strong{display:block;font-size:var(--text-sm);color:#1d4ed8;margin-bottom:var(--space-1)}.onboarding-notice p{font-size:var(--text-xs);color:#1e40af;margin:0}.brzo-features{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-6) auto;max-width:350px;text-align:left}.brzo-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-700)}.qr-container{margin:var(--space-6) 0}.qr-code{display:inline-block;padding:var(--space-4);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-xl)}.qr-status{color:var(--gray-500);font-size:var(--text-sm);margin-top:var(--space-3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.qr-session-info{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-4)}.channel-error{color:#991b1b;font-size:var(--text-sm);margin-bottom:var(--space-4)}.channel-detail-page{padding:var(--space-8);max-width:1000px;margin:0 auto}.channel-detail-header{margin-bottom:var(--space-6)}.channel-detail-title{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.channel-detail-title h1{font-size:var(--text-2xl);font-weight:var(--font-bold)}.channel-detail-grid{display:flex;flex-direction:column;gap:var(--space-6)}.detail-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.detail-card h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.detail-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.detail-field__label{display:block;font-size:var(--text-xs);color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.detail-field__value{font-size:var(--text-sm);color:var(--gray-900);font-weight:var(--font-medium)}.setup-timeline{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4) 0}.setup-step{display:flex;align-items:center;gap:var(--space-3);opacity:.4}.setup-step--completed,.setup-step--active{opacity:1}.setup-step__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--gray-200);color:var(--gray-500);flex-shrink:0}.setup-step--completed .setup-step__dot{background:#dcfce7;color:#166534}.setup-step--active .setup-step__dot{background:var(--primary-600);color:#fff;animation:pulse 2s infinite}.setup-step--failed .setup-step__dot{background:#fef2f2;color:#991b1b}.setup-step__label{font-size:var(--text-sm);color:var(--gray-600)}.setup-step--active .setup-step__label{font-weight:var(--font-medium);color:var(--gray-900)}.sms-verify-form{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.sms-verify-form h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.sms-verify-form p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-3)}.sms-input-group{display:flex;gap:var(--space-3)}.sms-input{width:140px;text-align:center;font-size:var(--text-lg);letter-spacing:.3em;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg)}.detail-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.delete-confirm{margin-top:var(--space-4);padding:var(--space-4);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg)}.delete-confirm p{font-size:var(--text-sm);color:#991b1b;margin-bottom:var(--space-3)}.delete-confirm__actions{display:flex;gap:var(--space-3)}.btn--danger{background:#ef4444;color:#fff;border:none}.btn--danger:hover{background:#dc2626}.btn--ghost{background:none;border:none;color:var(--gray-600);cursor:pointer}.btn--ghost:hover{color:var(--gray-900)}.btn--ghost.btn--danger{color:#ef4444;background:none}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.channels-page--prototype{display:flex;flex-direction:column;gap:var(--space-5)}.channels-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.channels-stat-card .ui-card__body{padding:var(--space-4) var(--space-5)}.channels-stat-card__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900)}.channels-stat-card__label{margin-top:2px;font-size:var(--text-sm);color:var(--gray-500)}.channels-proto-card .ui-card__body{padding:var(--space-5)}.channels-proto-card__head{display:flex;justify-content:space-between;gap:var(--space-3)}.channels-proto-card__channel{display:flex;align-items:center;gap:var(--space-3)}.channels-proto-card__icon{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--gray-100);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem}.channels-proto-card__channel h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900)}.channels-proto-card__channel span{font-size:var(--text-xs);color:var(--gray-500)}.channels-proto-card__meta{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.channels-type-pill,.channels-setup-pill{padding:2px 9px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.channels-type-pill{background:#e0e7ff;color:#3730a3}.channels-setup-pill{background:#fef9c3;color:#854d0e}.channels-mini-steps{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-1)}.channels-mini-step{display:flex;flex-direction:column;align-items:center;opacity:.45}.channels-mini-step--done,.channels-mini-step--active{opacity:1}.channels-mini-step__dot{width:20px;height:20px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--gray-600);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-semibold)}.channels-mini-step--done .channels-mini-step__dot{background:#dcfce7;color:#166534}.channels-mini-step--active .channels-mini-step__dot{background:var(--primary-600);color:#fff}.channels-mini-step span{margin-top:4px;font-size:10px;color:var(--gray-500)}.channels-proto-card__actions{margin-top:var(--space-4);display:flex;gap:var(--space-2)}.channel-create-org-info{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-4)}.channel-create-org-info h4{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-1)}.channel-create-emoji{font-size:4rem;margin-bottom:var(--space-4)}.channel-create-name-field{margin:var(--space-6) auto;text-align:left;max-width:360px}.channel-create-name-field .ui-form-field__label{display:block;margin-bottom:var(--space-2)}.qr-code__image{width:256px;height:256px}.qr-code__placeholder{width:256px;height:256px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border-radius:var(--radius-lg);color:var(--gray-500);font-size:var(--text-sm)}.qr-status--success{color:var(--success-600)}.channels-add-card{border:2px dashed var(--gray-300);cursor:pointer}.channels-add-card .ui-card__body{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.channels-add-card__plus{width:56px;height:56px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-400);display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:var(--space-3)}.channels-add-card h4{font-size:var(--text-base);color:var(--gray-700)}.channels-add-card p{margin-top:2px;font-size:var(--text-xs);color:var(--gray-400)}.channels-modal-subtitle{color:var(--gray-500);margin-bottom:var(--space-4);font-size:var(--text-sm)}.channels-modal-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.channels-modal-option{border-width:2px;cursor:pointer;transition:border-color var(--transition-fast)}.channels-modal-option:hover{border-color:var(--primary-400)}.channels-modal-option .ui-card__body{text-align:center}.channels-modal-option__icon{width:64px;height:64px;border-radius:var(--radius-xl);margin:0 auto var(--space-4);display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;background:#25d366;color:#fff}.channels-modal-option__icon--brzo{background:linear-gradient(135deg,var(--primary-500),var(--secondary-500))}.channels-modal-option h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.channels-modal-option p{color:var(--gray-500);font-size:var(--text-sm)}.channels-modal-option__tag{margin-top:var(--space-3);display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);font-size:var(--text-xs);font-weight:var(--font-medium)}.channels-modal-option__tag--primary{background:#e0e7ff;color:#3730a3}.channels-modal-option__tag--blocked{background:var(--warning-50, #fffbeb);color:var(--warning-700, #b45309)}.channels-modal-option--blocked{opacity:.65;cursor:not-allowed;pointer-events:none;border-color:var(--gray-200)}.channels-modal-option--blocked:hover{box-shadow:none;transform:none}.channel-list{display:flex;flex-direction:column;gap:var(--space-2)}.channel-list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.channel-list-row:hover{background:var(--gray-50);box-shadow:var(--shadow-sm)}.channel-list-row__icon{font-size:1.25rem;flex-shrink:0}.channel-list-row__info{display:flex;flex-direction:column;flex:1;min-width:0}.channel-list-row__name{font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-list-row__phone{font-size:var(--text-xs);color:var(--gray-500)}[data-theme=dark] .channel-list-row{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .channel-list-row:hover{background:var(--gray-750, var(--gray-700))}[data-theme=dark] .channel-list-row__name{color:var(--gray-100)}[data-theme=dark] .channel-list-row__phone{color:var(--gray-400)}.channel-create-phone-source{display:flex;gap:var(--space-4);margin-bottom:var(--space-3)}.channel-create-radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-700);cursor:pointer}.channel-create-radio input[type=radio]{accent-color:var(--primary-600)}.channel-create-salvy-section{display:flex;flex-direction:column;gap:var(--space-3)}.channel-create-salvy-result{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--success-50, #ecfdf5);border:1px solid var(--success-200, #a7f3d0);border-radius:var(--radius-md)}.channel-create-salvy-number{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--success-700, #047857)}.admin-page{padding:var(--space-8);max-width:1280px;margin:0 auto}.admin-page-header{margin-bottom:var(--space-6)}.admin-page-header h1{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900);margin-top:var(--space-2)}.admin-page-subtitle{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.admin-detail-title{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.admin-loading{text-align:center;padding:var(--space-16);color:var(--gray-500)}.admin-empty{text-align:center;padding:var(--space-12);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);color:var(--gray-500)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.admin-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-5)}.admin-stat-card--warning{border-left:3px solid #f59e0b}.admin-stat-card--danger{border-left:3px solid #ef4444}.admin-stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--gray-900)}.admin-stat-label{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.admin-stat-detail{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-2)}.admin-stat-card--clickable{cursor:pointer;text-align:left;font:inherit;width:100%;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.admin-stat-card--clickable:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0f172a14;border-color:var(--primary-300, var(--gray-300))}.admin-stat-card--clickable:focus-visible{outline:2px solid var(--primary-500, var(--primary-600));outline-offset:2px}.admin-stat-hint{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-2)}.kpi-detail__desc{color:var(--gray-600);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.kpi-detail__heading{margin-top:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.admin-tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-6)}.admin-tab{padding:var(--space-2) var(--space-4);background:none;border:none;border-bottom:2px solid transparent;color:var(--gray-500);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.admin-tab:hover{color:var(--gray-700)}.admin-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:var(--font-medium)}.admin-filters{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.admin-search-input{flex:1;min-width:200px;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm)}.admin-search-input:focus{outline:none;border-color:var(--primary-500)}.admin-filter-select{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);background:#fff;min-width:150px}.admin-inline-select{padding:4px 8px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-xs);background:#fff}.admin-table-container{overflow-x:auto;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl)}.admin-filters{margin-bottom:var(--space-3)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200);color:var(--gray-500);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--gray-50)}.admin-channel-name{font-weight:var(--font-medium);color:var(--gray-900)}.admin-channel-phone,.admin-org-slug{font-size:var(--text-xs);color:var(--gray-400);margin-top:2px}.admin-org-name{font-weight:var(--font-medium);color:var(--gray-900)}.admin-actions-cell{display:flex;gap:var(--space-2)}.admin-col-checkbox{width:42px}.admin-pagination{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--gray-500);font-size:var(--text-sm)}.admin-pagination__actions{display:flex;align-items:center;gap:var(--space-2)}.admin-pagination__page{color:var(--gray-600);font-size:var(--text-sm)}.admin-badge{display:inline-flex;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.admin-badge--active{background:#dcfce7;color:#166534}.admin-badge--pending{background:#fef9c3;color:#854d0e}.admin-badge--inactive{background:var(--gray-100);color:var(--gray-500)}.admin-badge--disconnected{background:var(--gray-100);color:var(--gray-600)}.admin-badge--error,.admin-badge--suspended{background:#fef2f2;color:#991b1b}.admin-badge--info{background:#dbeafe;color:#1e40af}.admin-badge--warning{background:#fef9c3;color:#854d0e}.admin-badge--muted{background:var(--gray-100);color:var(--gray-500)}.admin-badge--meta{background:#dbeafe;color:#1d4ed8}.admin-badge--brzo{background:#fae8ff;color:#86198f}.admin-badge--plan{background:#f0fdf4;color:#15803d}.admin-badge--setup-requested{background:#e0e7ff;color:#3730a3}.admin-badge--setup-creating_bm,.admin-badge--setup-registering_waba,.admin-badge--setup-registering_number{background:#dbeafe;color:#1e40af}.admin-badge--setup-sending_sms,.admin-badge--setup-waiting_sms{background:#fef9c3;color:#854d0e}.admin-badge--setup-sms_received,.admin-badge--setup-validating_meta,.admin-badge--setup-configuring_webhook{background:#fed7aa;color:#9a3412}.admin-badge--setup-active{background:#dcfce7;color:#166534}.admin-badge--setup-failed{background:#fef2f2;color:#991b1b}.admin-section{margin-bottom:var(--space-8)}.admin-section h2,.admin-section__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.admin-settings-list{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.admin-settings-row{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-100);align-items:flex-start}.admin-settings-row:last-child{border-bottom:none}.admin-settings-row__info{flex:1;min-width:0}.admin-settings-row__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.admin-settings-row__desc{font-size:var(--text-sm);color:var(--gray-600);margin-top:var(--space-1);line-height:1.5}.admin-settings-row__meta{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-2)}.admin-settings-row__meta code{background:var(--gray-100);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--gray-700)}.admin-settings-row__control{display:flex;align-items:flex-end;gap:var(--space-2);min-width:240px}.admin-toggle{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--gray-700)}.admin-activity-list{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);overflow:hidden}.admin-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-100);font-size:var(--text-sm)}.admin-activity-item:last-child{border-bottom:none}.admin-activity-type{font-weight:var(--font-medium);color:var(--primary-600);min-width:100px}.admin-activity-message{flex:1;color:var(--gray-700)}.admin-activity-time{color:var(--gray-400);font-size:var(--text-xs);white-space:nowrap}.admin-quick-links{display:flex;gap:var(--space-4);margin-top:var(--space-8)}.admin-quick-link{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);text-decoration:none;transition:all .2s}.admin-quick-link:hover{border-color:var(--primary-300);color:var(--primary-600)}.admin-detail-grid{display:flex;flex-direction:column;gap:var(--space-6)}.admin-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-6)}.admin-card h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.admin-card-hint{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4)}.admin-detail-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.admin-detail-fields>div{display:flex;flex-direction:column;gap:2px}.admin-field-label{font-size:var(--text-xs);color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.admin-mono{font-family:monospace;font-size:var(--text-xs);word-break:break-all}.admin-setup-timeline{display:flex;flex-direction:column;gap:var(--space-2)}.admin-timeline-step{display:flex;align-items:center;gap:var(--space-3);opacity:.35}.admin-timeline-step--done,.admin-timeline-step--current{opacity:1}.admin-timeline-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);background:var(--gray-200);color:var(--gray-500);flex-shrink:0}.admin-timeline-step--done .admin-timeline-dot{background:#dcfce7;color:#166534}.admin-timeline-step--current .admin-timeline-dot{background:var(--primary-600);color:#fff}.admin-timeline-step--failed .admin-timeline-dot{background:#fef2f2;color:#991b1b}.admin-timeline-label{font-size:var(--text-sm);color:var(--gray-600)}.admin-timeline-step--current .admin-timeline-label{font-weight:var(--font-medium);color:var(--gray-900)}.admin-advance-form{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--gray-200)}.admin-advance-form h3{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.admin-advance-row{display:flex;gap:var(--space-3);align-items:flex-start;flex-wrap:wrap}.admin-advance-row select{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);min-width:220px}.admin-meta-fields{display:flex;gap:var(--space-2);flex-wrap:wrap}.admin-meta-fields input{padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);min-width:180px}.admin-sms-row{display:flex;gap:var(--space-3);align-items:center}.admin-sms-input{width:120px;text-align:center;font-size:var(--text-lg);letter-spacing:.3em;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg)}.admin-notes-current{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.admin-notes-current p{font-size:var(--text-sm);color:var(--gray-700);white-space:pre-wrap}.admin-note-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);resize:vertical;font-family:inherit;margin-bottom:var(--space-3)}.admin-note-form textarea:focus{outline:none;border-color:var(--primary-500)}.admin-logs-list{display:flex;flex-direction:column;gap:var(--space-3)}.admin-log-item{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.admin-log-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.admin-log-time{font-size:var(--text-xs);color:var(--gray-400)}.admin-log-transition{margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.admin-log-by{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.admin-plan-row{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.admin-status-toggle{padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.btn--sm{padding:4px 12px;font-size:var(--text-xs)}.btn--outline{background:#fff;border:1px solid var(--gray-300);color:var(--gray-700)}.btn--outline:hover{background:var(--gray-50)}.btn--danger-outline{background:#fff;border:1px solid #fecaca;color:#dc2626}.btn--danger-outline:hover{background:#fef2f2}.btn--success-outline{background:#fff;border:1px solid #bbf7d0;color:#16a34a}.btn--success-outline:hover{background:#f0fdf4}.admin-card--scroll-x{overflow-x:auto}.admin-card--mt-4{margin-top:var(--space-4)}.admin-matrix{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-matrix th,.admin-matrix td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-200);vertical-align:top;text-align:left}.admin-matrix thead th{background:var(--gray-50);font-weight:var(--font-semibold);color:var(--gray-700)}.admin-matrix__product{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-width:240px}.admin-matrix__product-meta{display:flex;gap:var(--space-2);align-items:center;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--gray-500)}.admin-matrix__product-actions{display:flex;gap:var(--space-1)}.admin-matrix__cell{cursor:pointer;min-width:140px;transition:background .12s}.admin-matrix__cell:hover{background:var(--primary-50)}.admin-matrix__cell--empty{color:var(--gray-400);font-style:italic}.admin-matrix__add{color:var(--primary-600)}.admin-matrix__cell-discount{color:var(--success-600);font-size:var(--text-xs);margin-top:2px}.admin-matrix__total-row td{background:var(--gray-50);font-weight:var(--font-medium)}.admin-matrix__total-row--final td{background:var(--primary-50);font-weight:var(--font-bold)}.admin-matrix__discount-row td{background:var(--gray-50)}.admin-matrix__discount-input{display:flex;align-items:center;gap:var(--space-1);max-width:110px}.admin-mono{font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-size:var(--text-xs);color:var(--gray-500)}.admin-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);cursor:pointer}.admin-icon-btn:hover{background:var(--gray-50)}.admin-icon-btn--danger{color:var(--danger-500);border-color:var(--danger-100, #fee2e2)}.admin-icon-btn--danger:hover{background:#fef2f2}.admin-clickable-row{cursor:pointer}.admin-clickable-row:hover{background:var(--gray-50)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.admin-form-grid>.ui-form-field--full,.admin-form-grid>textarea{grid-column:span 2}.org-products h3{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-lg);color:var(--gray-900)}.org-products__settings{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.org-products__header{display:flex;justify-content:space-between;align-items:center}.org-products__discount,.org-products__prorata,.org-products__audit{margin-top:var(--space-5)}.org-products__audit summary{cursor:pointer;font-weight:var(--font-medium);color:var(--gray-700)}.org-products__prorata-detail td{background:var(--gray-50);padding:var(--space-3) var(--space-4)}.org-products__prorata-breakdown{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.org-products__prorata-breakdown-row{display:flex;gap:var(--space-3)}.org-products__prorata-breakdown-row span:first-child{min-width:160px;color:var(--gray-500)}.org-products__prorata-breakdown-formula{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--gray-100);border-radius:var(--radius-sm);font-family:monospace;font-size:var(--text-sm);color:var(--gray-700)}.org-products__prorata-note{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--gray-500);font-style:italic}.admin-card--full{grid-column:1 / -1}.admin-card--mt{margin-top:var(--space-4)}.admin-billing-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.admin-billing-action-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.admin-billing-action-card h3{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--gray-900)}.admin-billing-discount{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.admin-billing-discount h3{margin:0;font-size:var(--text-lg);color:var(--gray-900)}.notif-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200)}.notif-banner--warning{background:var(--warning-50, #fffbeb);color:var(--warning-800, #92400e)}.notif-banner--danger{background:#fef2f2;color:#991b1b}.notif-banner__content{display:flex;gap:var(--space-2);align-items:center;flex:1}.notif-banner__body{font-size:var(--text-sm)}.notif-banner__dismiss{background:none;border:0;cursor:pointer;color:inherit;padding:var(--space-1);border-radius:var(--radius-sm)}.notif-banner__dismiss:hover{background:#0000000d}.dashboard{display:flex;flex-direction:column;gap:var(--space-6)}.dashboard__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.dashboard__greeting{margin:0}.dashboard__subtitle{margin:4px 0 0;color:var(--gray-500);font-size:var(--text-sm)}.dashboard__plan-badge{display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4)}.dashboard__plan-name{font-weight:var(--font-semibold);font-size:var(--text-sm)}.dashboard__plan-cycle{font-size:var(--text-xs);color:var(--gray-500)}.dashboard__plan-status{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.dashboard__icon-flip{transform:scaleX(-1)}.dashboard__quick-access{grid-column:1 / -1}.dashboard__quick-title{margin-top:0}.dashboard__quick-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.admin-stat-card--clickable{cursor:pointer}.admin-stat-card--loading{opacity:.4;min-height:80px}.admin-stat-card{position:relative}.admin-stat-card__icon{position:absolute;top:12px;right:12px;color:var(--primary-600);opacity:.7}.org-page{display:flex;flex-direction:column;gap:var(--space-5)}.org-page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.org-page__title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--gray-900)}.org-page__subtitle{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.org-link-back{color:var(--primary-600);font-size:var(--text-sm);font-weight:var(--font-medium)}.org-card{border:1px solid var(--gray-200);background:#fff;border-radius:var(--radius-xl);padding:var(--space-5)}.org-card--active{border-color:var(--primary-300);box-shadow:var(--shadow-sm)}.org-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.org-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.org-card__slug{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1)}.org-card__meta{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.org-chip{background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-full);font-size:var(--text-xs);padding:3px 10px}.org-card__actions{margin-top:var(--space-5);display:flex;gap:var(--space-2)}.org-btn--danger{border:1px solid #fecaca;color:#dc2626;background:#fff}.org-btn--danger:hover{background:#fef2f2}.org-form h3{margin-bottom:var(--space-4)}.org-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.org-form__grid label{display:flex;flex-direction:column;gap:var(--space-2);color:var(--gray-700);font-size:var(--text-sm);font-weight:var(--font-medium)}.org-form__span-2{grid-column:1 / -1}.org-form__actions{margin-top:var(--space-5);display:flex;justify-content:flex-end}.org-detail-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.org-members h3{margin-bottom:var(--space-4)}.org-members__invite{display:grid;grid-template-columns:2fr 1fr auto;gap:var(--space-3);margin-bottom:var(--space-4)}.org-members__empty{color:var(--gray-500);font-size:var(--text-sm)}.org-members__list{display:flex;flex-direction:column;gap:var(--space-2)}.org-members__item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.org-members__item p{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.org-members__item-actions{display:flex;align-items:center;gap:var(--space-2)}.contacts-page{display:flex;flex-direction:column;gap:var(--space-5)}.contacts-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.contacts-header h2{font-size:var(--text-2xl)}.contacts-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.contacts-header__actions{display:flex;gap:var(--space-2)}.contacts-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-200)}.contacts-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.contacts-tab:hover{color:var(--gray-700)}.contacts-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.contacts-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.contacts-stats .ui-card__body{display:flex;flex-direction:column;gap:2px}.contacts-stats strong{font-size:var(--text-2xl);color:var(--gray-900)}.contacts-stats span{font-size:var(--text-sm);color:var(--gray-500)}.contacts-toolbar{margin-bottom:var(--space-4)}.contacts-cell-sub{color:var(--gray-500);font-size:var(--text-xs);margin-top:2px}.contacts-tags{display:flex;flex-wrap:wrap;gap:6px}.contacts-tags span{font-size:10px;background:var(--gray-100);border-radius:var(--radius-full);padding:2px 8px;color:var(--gray-600)}.contacts-actions{display:flex;gap:6px}.contacts-loading{color:var(--gray-500);font-size:var(--text-sm)}.contacts-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.contacts-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.contacts-span-2{grid-column:1 / -1}.agents-page{display:flex;flex-direction:column;gap:var(--space-5)}.agents-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.agents-header h2{font-size:var(--text-2xl)}.agents-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.agents-header__actions{display:flex;gap:var(--space-2)}.agents-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.agents-stats .ui-card__body{display:flex;flex-direction:column;gap:2px}.agents-stats strong{font-size:var(--text-2xl);color:var(--gray-900)}.agents-stats span{font-size:var(--text-sm);color:var(--gray-500)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.agent-card__head{display:flex;justify-content:space-between;gap:var(--space-2);align-items:flex-start}.agent-card__head h4{font-size:var(--text-base)}.agent-card__head p{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.agent-status{padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-medium);text-transform:uppercase}.agent-status--online{background:var(--success-50);color:var(--success-700)}.agent-status--away{background:var(--warning-50);color:var(--warning-600)}.agent-status--offline{background:var(--gray-100);color:var(--gray-500)}.agent-status--paused{background:var(--danger-50);color:var(--danger-700)}.agent-card__meta{margin-top:var(--space-3);display:flex;flex-direction:column;gap:4px;font-size:var(--text-xs);color:var(--gray-600)}.agent-card__actions{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.agents-empty{color:var(--gray-500);font-size:var(--text-sm)}.departments-list{display:flex;flex-direction:column;gap:var(--space-2)}.departments-item{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-3)}.departments-item p{margin-top:2px;font-size:var(--text-xs);color:var(--gray-500)}.departments-strategy{font-size:10px;color:var(--gray-600);background:var(--gray-100);border-radius:var(--radius-full);padding:2px 8px;align-self:center}.agents-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.agents-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.agents-span-2{grid-column:1 / -1}.templates-page{display:flex;flex-direction:column;gap:var(--space-5)}.templates-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.templates-header h2{font-size:var(--text-2xl)}.templates-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.templates-header__actions{display:flex;gap:var(--space-2)}.templates-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.templates-stats .ui-card__body{display:flex;flex-direction:column;gap:2px}.templates-stats strong{font-size:var(--text-2xl);color:var(--gray-900)}.templates-stats span{font-size:var(--text-sm);color:var(--gray-500)}.templates-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.templates-toolbar .form-input{flex:1;min-width:180px}.templates-toolbar select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white)}.templates-loading{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.template-status{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.template-status--draft{background:var(--gray-100);color:var(--gray-600)}.template-status--pending{background:#fef3cd;color:#856404}.template-status--approved{background:#d4edda;color:#155724}.template-status--rejected{background:#f8d7da;color:#721c24}.template-category{font-size:var(--text-xs);color:var(--gray-500);text-transform:capitalize}.template-body-preview{font-size:var(--text-sm);color:var(--gray-600);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.templates-actions{display:flex;gap:6px}.templates-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.templates-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.templates-span-2{grid-column:1 / -1}.templates-form-grid textarea{min-height:100px;resize:vertical}.template-preview{background:#e5ddd5;border-radius:var(--radius-lg);padding:var(--space-4);max-width:340px;margin:0 auto}.template-preview__bubble{background:var(--white);border-radius:8px;padding:12px;font-size:var(--text-sm);line-height:1.5;box-shadow:0 1px 2px #0000001a}.template-preview__header{font-weight:600;margin-bottom:6px;color:var(--gray-800)}.template-preview__body{color:var(--gray-700);white-space:pre-wrap}.template-preview__footer{color:var(--gray-400);font-size:var(--text-xs);margin-top:6px}.template-preview__buttons{display:flex;flex-direction:column;gap:4px;margin-top:8px}.template-preview__buttons button{padding:6px;border:none;background:#00000008;border-radius:4px;color:var(--primary-600);cursor:pointer;font-size:var(--text-sm)}.settings-page{display:flex;flex-direction:column;height:100%}.settings-header h2{font-size:var(--text-2xl)}.settings-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.settings-layout{display:flex;gap:0;flex:1;min-height:0}.settings-nav{display:flex;flex-direction:column;gap:2px;width:220px;min-width:220px;flex-shrink:0;padding:var(--space-4) var(--space-3);border-right:1px solid var(--gray-200);background:var(--gray-50)}.settings-nav__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:var(--space-2) var(--space-3) var(--space-1);margin-bottom:2px}.settings-nav__item{display:flex;align-items:center;gap:var(--space-2);padding:8px var(--space-3);font-size:var(--text-sm);background:none;border:none;cursor:pointer;color:var(--gray-600);border-radius:var(--radius-md);transition:background .13s,color .13s;text-align:left;width:100%}.settings-nav__item:hover{background:var(--gray-100);color:var(--gray-800)}.settings-nav__item--active{background:var(--primary-50);color:var(--primary-700);font-weight:500}.settings-nav__icon{flex-shrink:0;color:inherit}.settings-nav__label{white-space:nowrap}.settings-content{flex:1;min-width:0;padding:var(--space-5);overflow-y:auto}.settings-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--gray-200);margin-bottom:var(--space-5);overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs__item{display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:var(--text-sm);background:none;border:none;cursor:pointer;color:var(--gray-500);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap}.settings-tabs__item:hover{color:var(--gray-700)}.settings-tabs__item--active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:500}.settings-tabs__icon{flex-shrink:0}.settings-tab{padding:10px 16px;font-size:var(--text-sm);background:none;border:none;cursor:pointer;color:var(--gray-500);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--gray-700)}.settings-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:500}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.settings-section__header h3{font-size:var(--text-lg)}.settings-section__header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.settings-empty{text-align:center;padding:var(--space-8);color:var(--gray-400)}.settings-loading{text-align:center;padding:var(--space-6);color:var(--gray-500);font-size:var(--text-sm)}.webhook-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.webhook-card__info{display:flex;flex-direction:column;gap:4px}.webhook-card__name{font-weight:600;color:var(--gray-800)}.webhook-card__url{font-size:var(--text-sm);color:var(--gray-500);font-family:monospace}.webhook-card__meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--gray-400)}.webhook-card__actions{display:flex;gap:6px;align-items:center}.webhook-status{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.webhook-status--active{background:#d4edda;color:#155724}.webhook-status--inactive{background:var(--gray-100);color:var(--gray-600)}.webhook-status--error{background:#f8d7da;color:#721c24}.webhook-scope-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500}.webhook-scope-badge--global{background:var(--gray-100);color:var(--gray-600)}.webhook-scope-badge--channel{background:#e3f2fd;color:#1565c0}.webhook-events{display:flex;flex-wrap:wrap;gap:4px}.webhook-events span{font-size:10px;background:var(--gray-100);border-radius:var(--radius-full);padding:2px 8px;color:var(--gray-600)}.webhook-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.webhook-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.webhook-span-2{grid-column:1 / -1}.webhook-events-picker{display:flex;flex-wrap:wrap;gap:8px}.webhook-events-picker label{flex-direction:row;align-items:center;gap:6px;font-size:var(--text-sm);cursor:pointer}.token-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center}.token-card__info{display:flex;flex-direction:column;gap:4px}.token-card__name{font-weight:600;color:var(--gray-800)}.token-card__prefix{font-size:var(--text-sm);color:var(--gray-500);font-family:monospace}.token-card__meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--gray-400)}.token-card__actions{display:flex;gap:6px;align-items:center}.token-card--revoked{opacity:.5}.token-created-banner{background:#d4edda;border:1px solid #c3e6cb;border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.token-created-banner strong{display:block;margin-bottom:4px;color:#155724}.token-created-banner code{display:block;background:var(--white);border:1px solid #c3e6cb;border-radius:var(--radius-md);padding:8px 12px;font-size:var(--text-sm);word-break:break-all;margin-top:6px}.token-created-banner p{font-size:var(--text-sm);color:#155724;margin-top:6px}.token-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.token-form-grid label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.logs-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);align-items:center}.logs-toolbar select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white)}.log-duration{font-size:var(--text-xs);color:var(--gray-400)}.log-status-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.log-status-badge--success{background:#d4edda;color:#155724}.log-status-badge--fail{background:#f8d7da;color:#721c24}.qm-group{margin-bottom:var(--space-4)}.qm-group__title{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:var(--space-2);padding-bottom:var(--space-1);border-bottom:1px solid var(--gray-100)}.qm-list{display:flex;flex-direction:column;gap:var(--space-2)}.qm-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);transition:box-shadow .12s}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.settings-section-header h3{font-size:var(--text-lg);font-weight:600}.settings-section-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.dept-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4)!important}.dept-card__header{display:flex;align-items:center;gap:var(--space-2)}.dept-card__color{width:14px;height:14px;border-radius:var(--radius-full);flex-shrink:0}.dept-card__name{font-weight:500;font-size:var(--text-sm)}.dept-card__actions{display:flex;gap:var(--space-1)}.dept-card__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--gray-400);cursor:pointer;transition:all .13s}.dept-card__btn:hover{background:var(--gray-100);color:var(--gray-700)}.dept-card__btn--danger:hover{background:var(--danger-50);color:var(--danger-600)}.dept-color-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.dept-color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .13s}.dept-color-swatch:hover{transform:scale(1.15)}.dept-color-swatch--active{border-color:var(--gray-800);transform:scale(1.15)}.qm-card:hover{box-shadow:var(--shadow-sm)}.qm-card__info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.qm-card__top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.qm-card__title{font-weight:600;color:var(--gray-800);font-size:var(--text-sm)}.qm-card__shortcut{font-size:11px;background:var(--primary-50);color:var(--primary-700);border-radius:var(--radius-md);padding:1px 6px;font-family:monospace}.qm-card__dept-badge{font-size:10px;background:var(--gray-100);color:var(--gray-600);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.qm-card__content{font-size:var(--text-sm);color:var(--gray-500);line-height:1.4;white-space:pre-wrap;word-break:break-word}.qm-card__actions{display:flex;gap:6px;flex-shrink:0}.token-usage{padding:var(--space-4) 0}.token-usage__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.token-usage__cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.token-usage__card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-3)}.token-usage__card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.token-usage__card-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:var(--font-medium)}.token-usage__card-pct{font-size:var(--text-lg);font-weight:var(--font-bold)}.token-usage__card-bar{height:6px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.token-usage__card-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.token-usage__card-values{display:flex;gap:var(--space-1);font-size:var(--text-sm)}.token-usage__controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.token-usage__period-tabs{display:flex;gap:2px;background:var(--gray-100);border-radius:var(--radius-md);padding:2px}.token-usage__tab{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--gray-600);transition:all .15s}.token-usage__tab--active{background:#fff;color:var(--primary-700);font-weight:var(--font-medium);box-shadow:0 1px 2px #0000000f}.token-usage__refresh{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);background:none;border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;color:var(--gray-600)}.token-usage__refresh:hover{background:var(--gray-50);color:var(--gray-800)}.token-usage__chart{margin-bottom:var(--space-4)}.token-usage__bar-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:6px}.token-usage__bar-label{font-size:var(--text-xs);color:var(--gray-500);width:60px;flex-shrink:0;text-align:right}.token-usage__bar-track{flex:1;height:20px;background:var(--gray-100);border-radius:var(--radius-sm);overflow:hidden}.token-usage__bar-fill{height:100%;background:var(--primary-500);border-radius:var(--radius-sm);transition:width .3s ease}.token-usage__bar-value{font-size:var(--text-xs);color:var(--gray-700);width:50px;flex-shrink:0;font-weight:var(--font-medium)}.token-usage__table{overflow-x:auto}.token-usage__table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.token-usage__table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--gray-500);font-weight:var(--font-medium);border-bottom:1px solid var(--gray-200)}.token-usage__table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}@media(max-width:768px){.token-usage__cards{grid-template-columns:repeat(2,1fr)}}.billing-tab{padding:var(--space-4) 0}.billing-tab__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.billing-section{margin-bottom:var(--space-5)}.billing-section__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin-bottom:var(--space-3)}.billing-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.billing-badge--success{background:var(--success-50, #ecfdf5);color:var(--success-700, #047857)}.billing-badge--warning{background:var(--warning-50, #fffbeb);color:var(--warning-700, #b45309)}.billing-badge--danger{background:var(--danger-50, #fef2f2);color:var(--danger-700, #b91c1c)}.billing-badge--muted{background:var(--gray-100);color:var(--gray-500)}.billing-badge--info{background:var(--primary-50, #eff6ff);color:var(--primary-700)}.billing-usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.billing-usage-bar__header{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--gray-700);margin-bottom:var(--space-1)}.billing-usage-bar__track{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.billing-usage-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.billing-overage-warning{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--warning-700, #b45309);background:var(--warning-50, #fffbeb);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.billing-pm-list{display:flex;flex-direction:column;gap:var(--space-2)}.billing-pm-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.billing-pm-card__info{display:flex;align-items:center;gap:var(--space-2)}.billing-pm-card__type{font-size:var(--text-lg)}.billing-pm-card__details{font-size:var(--text-sm);color:var(--gray-700)}.billing-invoices-table{overflow-x:auto}.billing-invoices-table table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.billing-invoices-table th{text-align:left;padding:var(--space-2) var(--space-3);color:var(--gray-500);font-weight:var(--font-medium);border-bottom:1px solid var(--gray-200)}.billing-invoices-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.billing-pay-link{color:var(--primary-600);font-weight:var(--font-medium);text-decoration:none}.billing-pay-link:hover{text-decoration:underline}.plan-usage{display:flex;flex-direction:column;gap:var(--space-5)}.plan-usage__header h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-1)}.plan-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--white)}.plan-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.plan-card__name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900);margin:0}.plan-card__desc{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--space-1)}.plan-card__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.plan-card__price{font-size:var(--text-sm);color:var(--gray-600)}.plan-card__dates{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.plan-status{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.plan-status--trial{background:var(--primary-50);color:var(--primary-700)}.plan-status--active{background:#dcfce7;color:#166534}.plan-status--past_due{background:#fef9c3;color:#a16207}.plan-status--suspended{background:#fee2e2;color:#991b1b}.plan-status--canceled{background:var(--gray-100);color:var(--gray-500)}.plan-info-item{display:flex;flex-direction:column;gap:3px}.plan-info-item__label{font-size:var(--text-xs);color:var(--gray-500)}.plan-info-item__value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800)}.plan-section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3)}.plan-section-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.plan-products-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.plan-products-table th{text-align:left;padding:var(--space-2) var(--space-3) var(--space-2) 0;color:var(--gray-500);font-weight:var(--font-medium);border-bottom:1px solid var(--gray-200);white-space:nowrap}.plan-products-table td{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--gray-100);color:var(--gray-700);vertical-align:middle}.plan-products-table tr:last-child td{border-bottom:none}.plan-products-table__num{text-align:right}.plan-products-table__bold{font-weight:var(--font-semibold);color:var(--gray-900)}.plan-products-table__actions{text-align:right;white-space:nowrap}.plan-product-name{font-weight:var(--font-medium);color:var(--gray-800)}.plan-product-unit{color:var(--gray-400);font-size:var(--text-xs)}.plan-empty{padding:var(--space-6) 0;text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.plan-totals__footer{border-top:1px solid var(--gray-200);margin-top:var(--space-3);padding-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.plan-totals__row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--gray-600)}.plan-totals__row--separator{font-weight:var(--font-semibold);color:var(--gray-800);padding-top:var(--space-2);border-top:1px solid var(--gray-200);margin-top:var(--space-1)}.plan-totals__discount{color:var(--success-600, #16a34a)}.plan-totals__total{display:flex;justify-content:space-between;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-900);padding-top:var(--space-2);border-top:1px solid var(--gray-200);margin-top:var(--space-1)}.plan-prorata-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;cursor:pointer;padding:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700)}.plan-prorata-toggle:hover{color:var(--primary-600)}.plan-prorata-toggle__chevron{font-size:10px;color:var(--gray-400)}.plan-prorata-desc{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--gray-500);line-height:1.5;padding:var(--space-2) var(--space-3);background:var(--warning-50, #fffbeb);border-left:3px solid var(--warning-400, #fbbf24);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.plan-prorata-list{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.plan-prorata-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-md);gap:var(--space-3)}.plan-prorata-row__info{display:flex;flex-direction:column;gap:2px;min-width:0}.plan-prorata-row__date{font-size:var(--text-xs);color:var(--gray-400)}.plan-prorata-row__header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.plan-prorata-row__product{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.plan-prorata-row__badge{font-size:var(--text-xs);font-weight:var(--font-medium);padding:1px var(--space-2);border-radius:var(--radius-full);line-height:1.5}.plan-prorata-row__badge--plan{background:var(--primary-50, #f5f3ff);color:var(--primary-700, #6d28d9);border:1px solid var(--primary-200, #ddd6fe)}.plan-prorata-row__badge--extra{background:var(--warning-50, #fffbeb);color:var(--warning-700, #b45309);border:1px solid var(--warning-200, #fde68a)}.plan-prorata-row__formula{font-size:var(--text-sm);color:var(--gray-600)}.plan-prorata-row__zero-hint{font-style:italic;color:var(--gray-400)}.plan-prorata-row__value{font-weight:var(--font-semibold);white-space:nowrap;flex-shrink:0;font-size:var(--text-sm)}.plan-prorata-row__value--pos{color:var(--danger-600, #dc2626)}.plan-prorata-row__value--neg{color:var(--success-600, #16a34a)}.plan-prorata-total{display:flex;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800);padding-top:var(--space-2);border-top:1px solid var(--gray-200);margin-top:var(--space-1)}.plan-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-4)}.plan-usage-cell{border:1px solid var(--gray-100);border-radius:var(--radius-md);padding:var(--space-3);background:var(--gray-50)}.plan-usage-cell__label{display:block;font-size:var(--text-xs);color:var(--gray-500);margin-bottom:var(--space-1)}.plan-usage-cell__value{display:block;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900)}.plan-usage-cell__limit{font-size:var(--text-xs);color:var(--gray-400);font-weight:var(--font-medium)}.plan-usage-bar{height:5px;background:var(--gray-200);border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.plan-usage-bar__fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.plan-usage-bar--ok{background:var(--success-500, #22c55e)}.plan-usage-bar--warning{background:var(--warning-500, #f59e0b)}.plan-usage-bar--danger{background:var(--danger-500, #ef4444)}.plan-history-scroll{overflow-x:auto}.plan-history-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.plan-history-table th{text-align:right;padding:var(--space-2) var(--space-3);color:var(--gray-500);font-weight:var(--font-medium);border-bottom:1px solid var(--gray-200)}.plan-history-table th:first-child,.plan-history-table td:first-child{text-align:left}.plan-history-table td{text-align:right;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.plan-history-table__month{font-weight:var(--font-medium);color:var(--gray-800);white-space:nowrap}.plan-history-table tr:last-child td{border-bottom:none}.plan-extra-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3)}.plan-extra-preview__price{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--gray-700);margin-top:var(--space-2)}.plan-extra-preview__price strong{font-weight:var(--font-semibold);color:var(--gray-900)}.plan-extra-preview__discount{font-size:var(--text-xs);color:var(--success-600, #16a34a);margin-top:var(--space-1)}.plan-extra-preview__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:var(--primary-50);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--primary-700)}.plan-extra-preview__total strong{font-weight:var(--font-semibold);font-size:var(--text-base)}@media(max-width:900px){.plan-usage-grid{grid-template-columns:repeat(2,1fr)}.plan-card__dates{grid-template-columns:1fr}}@media(max-width:600px){.plan-usage-grid{grid-template-columns:1fr}.plan-card__top{flex-direction:column}}.wf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.wf-stat-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.wf-stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.wf-stat-icon--blue{background:linear-gradient(135deg,#6366f1,#818cf8)}.wf-stat-icon--green{background:linear-gradient(135deg,#22c55e,#4ade80)}.wf-stat-icon--teal{background:linear-gradient(135deg,#14b8a6,#2dd4bf)}.wf-stat-icon--orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.wf-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--gray-900)}.wf-stat-label{font-size:var(--text-xs);color:var(--gray-500)}.wf-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.wf-toolbar__left{display:flex;align-items:center;gap:var(--space-3)}.wf-search{position:relative}.wf-search__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--gray-400)}.wf-search__input{padding:7px 10px 7px 30px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);width:240px;background:#fff;color:var(--gray-900)}.wf-search__input:focus{outline:none;border-color:var(--primary-400);box-shadow:0 0 0 3px #6366f126}.wf-filter-select{padding:7px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-size:var(--text-sm);background:#fff;color:var(--gray-900)}.wf-sections{display:flex;flex-direction:column;gap:var(--space-6)}.wf-section__header{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.wf-section__dot{width:8px;height:8px;border-radius:50%;background:var(--gray-400, #555);flex-shrink:0}.wf-section__dot--active{background:#22c55e}.wf-section__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-500, #94a3b8);text-transform:uppercase;letter-spacing:.05em}.wf-section__count{font-size:var(--text-xs);color:var(--gray-400);background:var(--gray-100, rgba(255, 255, 255, .06));border-radius:999px;padding:1px 7px}.wf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.wf-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-4);transition:box-shadow var(--transition-fast)}.wf-card:hover{box-shadow:var(--shadow-md)}.wf-card--inactive{opacity:.65}.wf-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.wf-card__title-row{display:flex;align-items:center;gap:var(--space-2)}.wf-card__icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.wf-card__name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.wf-card__trigger{font-size:11px;color:var(--gray-500)}.wf-card__desc{font-size:var(--text-xs);color:var(--gray-500);margin-bottom:var(--space-3);line-height:1.5}.wf-card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-3)}.wf-card__stat{text-align:center;padding:6px;background:var(--gray-50);border-radius:var(--radius-sm)}.wf-card__stat-value{font-size:11px;font-weight:var(--font-bold);color:var(--gray-900)}.wf-card__stat-label{font-size:10px;color:var(--gray-500)}.wf-card__stat--warn .wf-card__stat-value{color:var(--orange-500, #f97316)}.wf-card__stat-value--icon{display:flex;align-items:center;justify-content:center;gap:3px}.wf-card__header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.wf-card__config-btn{opacity:.5;transition:opacity var(--transition-fast);padding:4px 6px}.wf-card__config-btn:hover{opacity:1}.wf-card__actions{display:flex;gap:var(--space-2)}.wf-toggle{width:38px;height:20px;background:var(--gray-300);border-radius:10px;position:relative;cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0}.wf-toggle--on{background:var(--primary-600)}.wf-toggle:disabled{opacity:.35;cursor:not-allowed}.wf-toggle__slider{position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-xs)}.wf-toggle--on .wf-toggle__slider{transform:translate(18px)}.wf-loading{text-align:center;padding:var(--space-8);color:var(--gray-500)}.wf-empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--gray-400)}.wf-empty h3{font-size:var(--text-base);color:var(--gray-700);margin-top:var(--space-3)}.wf-empty p{font-size:var(--text-sm);margin-bottom:var(--space-4)}.wf-builder{display:flex;height:calc(100vh - 56px);margin:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);margin-bottom:calc(var(--space-6) * -1);background:var(--gray-100);overflow:hidden;border-top-left-radius:var(--radius-xl)}.wf-builder__sidebar{width:240px;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0}.wf-builder__sidebar-name{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-bottom:1px solid var(--gray-200);min-height:52px}.wf-builder__sidebar-name .wf-builder__name-input{flex:1;min-width:0}.wf-builder__sidebar-search{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100)}.wf-builder__sidebar-header{padding:var(--space-4);border-bottom:1px solid var(--gray-200)}.wf-builder__sidebar-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.wf-builder__sidebar-body{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-3)}.wf-catalog-group{margin-bottom:var(--space-3)}.wf-catalog-group__title{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}.wf-catalog-item{display:flex;align-items:center;gap:var(--space-2);padding:6px 8px;border-radius:var(--radius-md);cursor:grab;transition:background var(--transition-fast);-webkit-user-select:none;user-select:none}.wf-catalog-item:hover{background:var(--gray-50)}.wf-catalog-item:active{cursor:grabbing}.wf-catalog-item__icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex-shrink:0}.wf-catalog-item__label{font-size:12px;font-weight:var(--font-semibold);color:var(--gray-900)}.wf-catalog-item__desc{font-size:10px;color:var(--gray-500)}.wf-builder__main{flex:1;display:flex;flex-direction:column;min-width:0}.wf-builder__work-area{flex:1;display:flex;min-height:0}.wf-builder__canvas{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.wf-builder__toolbar{height:52px;padding:0 var(--space-3);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:var(--space-2);background:#fff;flex-shrink:0;min-width:0;overflow:hidden}.wf-builder__toolbar-left{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.wf-builder__toolbar-center{display:flex;align-items:center;gap:var(--space-1);flex:1;justify-content:center;flex-shrink:1;min-width:0}.wf-builder__toolbar-right{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.wf-builder__name-input{border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);background:transparent;width:180px;min-width:80px;color:var(--gray-900);max-width:260px}.wf-builder__name-input:focus{outline:none;border-bottom:2px solid var(--primary-500)}.wf-builder__toolbar-sep{width:1px;height:20px;background:var(--gray-200);flex-shrink:0}.wf-builder__zoom-label{font-size:var(--text-xs);color:var(--gray-500);min-width:38px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.wf-builder__zoom-label:hover{color:var(--gray-900)}.wf-toolbar-label{margin-left:4px}@media(max-width:900px){.wf-toolbar-label{display:none}.wf-builder__name-input{max-width:120px}}.wf-canvas{flex:1;overflow:hidden;position:relative;background:radial-gradient(circle,var(--gray-300) 1px,transparent 1px);background-size:20px 20px}.wf-canvas__inner{position:absolute;top:0;right:0;bottom:0;left:0;width:5000px;height:5000px}.wf-canvas__edges{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.wf-canvas__edges g{pointer-events:auto}.wf-edge-path{fill:none;stroke:var(--gray-400);stroke-width:2}.wf-node{position:absolute;width:220px;min-height:60px;background:#fff;border:1px solid var(--gray-200);border-left:3px solid var(--gray-400);border-radius:var(--radius-lg);padding:10px 12px;box-shadow:var(--shadow-sm);cursor:move;z-index:5;-webkit-user-select:none;user-select:none;transition:box-shadow var(--transition-fast)}.wf-node--selected{box-shadow:0 0 0 2px var(--primary-400),var(--shadow-md)}.wf-node__header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.wf-node__icon{font-size:14px}.wf-node__label{font-size:12px;font-weight:var(--font-semibold);color:var(--gray-900)}.wf-node__type{font-size:10px;color:var(--gray-500);text-transform:capitalize}.wf-port{position:absolute;width:10px;height:10px;background:var(--gray-400);border:2px solid #fff;border-radius:50%;z-index:10;cursor:crosshair}.wf-port--input{left:-6px;top:50%;transform:translateY(-50%)}.wf-port--output{right:-6px;top:50%;transform:translateY(-50%)}.wf-port:hover{background:var(--primary-500);transform:translateY(-50%) scale(1.3)}.wf-builder__properties{width:300px;background:#fff;border-left:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.wf-builder__properties-header{padding:8px var(--space-4);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.wf-prop-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700)}.wf-builder__properties-body{flex:1;overflow-y:auto;padding:var(--space-4)}.wf-builder__properties-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4);color:var(--gray-400);font-size:var(--text-sm);text-align:center}.wf-prop-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin-bottom:var(--space-3)}.wf-channel-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;border:1px solid var(--border-color, #2a2a2a);border-radius:var(--radius-md);padding:var(--space-1)}.wf-channel-list__empty{font-size:var(--text-sm);color:var(--gray-400);padding:var(--space-2) var(--space-1)}.wf-channel-list__item{display:flex;align-items:center;gap:var(--space-3);padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.wf-channel-list__item:hover{background:var(--gray-100, rgba(255, 255, 255, .04))}.wf-channel-list__item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:15px;height:15px;min-width:15px;border:1.5px solid var(--gray-400, #555);border-radius:3px;background:transparent;cursor:pointer;position:relative;transition:background var(--transition-fast),border-color var(--transition-fast)}.wf-channel-list__item input[type=checkbox]:checked{background:var(--primary-600, #4f46e5);border-color:var(--primary-600, #4f46e5)}.wf-channel-list__item input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:1px;width:5px;height:8px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.wf-channel-list__item span{font-size:var(--text-sm);color:var(--gray-700, #cbd5e1);line-height:1}.wf-prop-hint{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-1);display:block;line-height:1.4}.wf-prop-readonly{font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);color:var(--gray-500);text-transform:capitalize}.wf-prop-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.wf-prop-card__icon{font-size:20px}.wf-prop-card__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-900)}.wf-prop-card__category{font-size:11px;color:var(--gray-500);text-transform:capitalize}.wf-prop-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.wf-context-menu{position:fixed;z-index:100;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:180px}.wf-context-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-700);transition:background var(--transition-fast);border:none;background:none;cursor:pointer;text-align:left}.wf-context-menu__item:hover{background:var(--gray-50)}.wf-context-menu__item--danger{color:var(--danger-600)}.wf-context-menu__item--danger:hover{background:var(--danger-50)}.wf-context-menu__divider{height:1px;background:var(--gray-200);margin:var(--space-1) 0}.wf-edge-label{font-size:10px;fill:var(--gray-500);text-anchor:middle;font-family:var(--font-family)}.wf-port__label{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:9px;color:var(--gray-500);white-space:nowrap;pointer-events:none}.wf-canvas--connecting{cursor:crosshair}.wf-node--connect-target{cursor:pointer;outline:2px dashed var(--primary-400);outline-offset:2px}.wf-node--connect-target:hover{outline:2px solid var(--primary-500);box-shadow:0 0 0 4px #6366f126}.wf-node--connect-source{outline:2px solid var(--primary-500);outline-offset:2px}.wf-connect-banner{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-4);background:var(--primary-50);border-bottom:1px solid var(--primary-200);color:var(--primary-700);font-size:var(--text-sm);flex-shrink:0}.wf-connect-banner__cancel{margin-left:auto;background:none;border:1px solid var(--primary-300);color:var(--primary-700);padding:2px 8px;border-radius:var(--radius-md);font-size:var(--text-xs);cursor:pointer}.wf-connect-banner__cancel:hover{background:var(--primary-100)}.wf-prop-connections{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--gray-200)}.wf-prop-connections__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-700);margin-bottom:var(--space-3)}.wf-prop-connections__incoming{display:flex;flex-direction:column;gap:4px}.wf-prop-connections__chip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:4px 8px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--gray-700)}.wf-prop-connections__chip-remove{background:none;border:none;color:var(--gray-400);cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.wf-prop-connections__chip-remove:hover{color:var(--danger-600)}.wf-edge-path{stroke-linecap:round}.wf-canvas__edges g:hover .wf-edge-path{stroke:var(--primary-400);stroke-width:3}[data-theme=dark] .wf-stat-card,[data-theme=dark] .wf-card,[data-theme=dark] .wf-builder__sidebar,[data-theme=dark] .wf-builder__toolbar,[data-theme=dark] .wf-builder__properties,[data-theme=dark] .wf-node{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .wf-minimap-wrap{background:var(--gray-100);border-color:var(--gray-300)}[data-theme=dark] .wf-minimap-header{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-600)}[data-theme=dark] .wf-search__input,[data-theme=dark] .wf-filter-select{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}[data-theme=dark] .wf-card__stat{background:var(--gray-200)}[data-theme=dark] .wf-canvas{background:radial-gradient(circle,var(--gray-300) 1px,transparent 1px);background-size:20px 20px}[data-theme=dark] .wf-edge-path{stroke:var(--gray-400)}[data-theme=dark] .wf-node--selected{box-shadow:0 0 0 2px var(--primary-400),var(--shadow-md)}[data-theme=dark] .wf-port{border-color:var(--gray-100)}[data-theme=dark] .wf-catalog-item:hover,[data-theme=dark] .wf-prop-card{background:var(--gray-200)}[data-theme=dark] .wf-builder__name-input{color:var(--gray-900)}[data-theme=dark] .wf-toggle{background:var(--gray-300)}[data-theme=dark] .wf-toggle--on{background:var(--primary-600)}[data-theme=dark] .wf-context-menu{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .wf-context-menu__item{color:var(--gray-700)}[data-theme=dark] .wf-context-menu__item:hover,[data-theme=dark] .wf-context-menu__divider{background:var(--gray-200)}[data-theme=dark] .wf-connect-banner{background:#6366f11a;border-color:#6366f133;color:var(--primary-400)}[data-theme=dark] .wf-connect-banner__cancel{border-color:#6366f14d;color:var(--primary-400)}[data-theme=dark] .wf-connect-banner__cancel:hover{background:#6366f126}[data-theme=dark] .wf-prop-connections__chip{background:var(--gray-200);border-color:var(--gray-300)}.wf-validation-panel{position:absolute;right:16px;top:64px;width:360px;max-height:calc(100% - 96px);overflow:auto;background:var(--white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:0 8px 24px #0f172a1f;padding:12px 14px;z-index:50;display:flex;flex-direction:column;gap:10px}.wf-validation-panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.wf-validation-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.wf-validation-panel__item{display:flex;align-items:center;gap:8px;font-size:12px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;padding:6px 8px;color:var(--gray-800)}.wf-validation-panel__item>span{flex:1}.wf-validation-panel__ok{font-size:12px;color:var(--gray-700);margin:0}.wf-validation-panel__hint{font-size:11px;color:var(--gray-500);margin:0}[data-theme=dark] .wf-validation-panel{background:var(--gray-50);border-color:var(--gray-200)}[data-theme=dark] .wf-validation-panel__item{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-800)}.wf-modal-channels-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.wf-channel-chips{display:flex;flex-wrap:wrap;gap:8px;padding:var(--space-2) 0;min-height:40px}.wf-channel-chips__empty{font-size:var(--text-sm);color:var(--gray-400);padding:var(--space-1) 0}.wf-channel-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;border:1.5px solid var(--border-color, #333);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:transparent;color:var(--gray-500, #94a3b8);transition:border-color .12s,background .12s,color .12s;white-space:nowrap}.wf-channel-chip:hover{border-color:var(--primary-400, #818cf8);color:var(--gray-700, #cbd5e1)}.wf-channel-chip--on{border-color:var(--primary-500, #6366f1);background:color-mix(in srgb,var(--primary-500, #6366f1) 18%,transparent);color:var(--primary-300, #a5b4fc)}.wf-channel-chip--on:hover{background:color-mix(in srgb,var(--primary-500, #6366f1) 28%,transparent)}.wf-modal-channel-hint{font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-2);display:block;line-height:1.5}.wf-modal-channel-warn{font-size:var(--text-xs);color:var(--orange-500, #f97316);margin-top:var(--space-2);padding:8px 10px;background:color-mix(in srgb,var(--orange-500, #f97316) 10%,transparent);border-radius:var(--radius-sm);line-height:1.4}.wf-logs-modal{max-width:640px;width:100%}.wf-logs-modal__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold)}.wf-logs-modal__body{padding:0;max-height:480px;overflow-y:auto}.wf-logs-empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.wf-logs-list{display:flex;flex-direction:column}.wf-log-item{border-bottom:1px solid var(--border-color, #1e1e1e)}.wf-log-item:last-child{border-bottom:none}.wf-log-item__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;gap:var(--space-3);transition:background var(--transition-fast)}.wf-log-item__header:hover{background:var(--gray-50, rgba(255, 255, 255, .03))}.wf-log-item__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.wf-log-item__right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--gray-400)}.wf-log-badge{font-size:11px;font-weight:var(--font-semibold);padding:2px 7px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.wf-log-badge--success{background:color-mix(in srgb,#22c55e 15%,transparent);color:#4ade80}.wf-log-badge--failed{background:color-mix(in srgb,#ef4444 15%,transparent);color:#f87171}.wf-log-badge--running{background:color-mix(in srgb,#3b82f6 15%,transparent);color:#60a5fa}.wf-log-badge--paused{background:color-mix(in srgb,#f97316 15%,transparent);color:#fb923c}.wf-log-jid{font-size:var(--text-sm);color:var(--gray-700, #cbd5e1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.wf-log-ts{font-size:12px;color:var(--gray-500)}.wf-log-duration{font-size:11px;color:var(--gray-400);background:var(--gray-100, rgba(255, 255, 255, .05));padding:1px 5px;border-radius:4px}.wf-log-error{padding:6px 16px 10px;font-size:var(--text-xs);color:#f87171;background:color-mix(in srgb,#ef4444 8%,transparent)}.wf-log-detail{margin:0 12px 12px;background:var(--gray-50, rgba(255, 255, 255, .025));border:1px solid var(--border-color, #222);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.wf-log-detail__empty{font-size:var(--text-xs);color:var(--gray-400)}.wf-log-step{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--gray-500)}.wf-log-step+.wf-log-step{padding-top:8px;border-top:1px solid var(--border-color, #1e1e1e)}.wf-log-step--success .wf-log-step__icon{color:#4ade80}.wf-log-step--failed .wf-log-step__icon{color:#f87171}.wf-log-step--start .wf-log-step__icon{color:var(--gray-500)}.wf-log-step--skipped .wf-log-step__icon{color:var(--gray-400)}.wf-log-step__icon{width:16px;min-width:16px;text-align:center;margin-top:1px;font-size:13px}.wf-log-step__body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.wf-log-step__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.wf-log-step__type{color:var(--gray-700, #cbd5e1);font-weight:var(--font-semibold);font-size:12px}.wf-log-step__ts{font-size:11px;color:var(--gray-400);flex-shrink:0}.wf-log-step__msg{color:var(--gray-500);font-size:12px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.wf-log-step__msg--error{color:var(--red-500, #ef4444)}.wf-log-step__detail{font-size:12px;color:var(--gray-700);font-style:italic;line-height:1.5;word-break:break-word;white-space:pre-wrap;margin-top:1px}.wf-logs-count{font-size:var(--text-xs);color:var(--gray-400);margin-right:auto}.wf-prop-tabs{display:flex;gap:2px}.wf-prop-tab{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--gray-500);background:none;border:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.wf-prop-tab:hover{background:var(--gray-100);color:var(--gray-800)}.wf-prop-tab--active{background:var(--primary-100);color:var(--primary-700)}.wf-minimap{position:absolute;bottom:16px;right:16px;border-radius:var(--radius-lg);border:1px solid var(--gray-300);box-shadow:var(--shadow-lg);cursor:pointer;z-index:20;background:transparent;transition:box-shadow .15s,opacity .15s;opacity:.92;display:block}.wf-minimap-wrap{position:absolute;bottom:16px;right:16px;z-index:20;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--gray-300);box-shadow:var(--shadow-lg);background:var(--gray-50);opacity:.94;transition:opacity .15s,box-shadow .15s}.wf-minimap-wrap:hover{opacity:1;box-shadow:0 4px 20px #00000026}.wf-minimap-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--gray-100);border-bottom:1px solid var(--gray-200);font-size:10px;font-weight:600;color:var(--gray-500);letter-spacing:.05em;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:default}.wf-minimap-header__count{background:var(--gray-200);color:var(--gray-600);border-radius:10px;padding:0 5px;font-size:9px;font-weight:700}.wf-minimap-canvas{display:block;cursor:crosshair}.wf-minimap:hover{opacity:1}.wf-node--sim-success{box-shadow:0 0 0 2px #22c55e,0 0 10px #22c55e4d}.wf-node--sim-failed{box-shadow:0 0 0 2px #ef4444,0 0 10px #ef44444d}.wf-node--sim-paused{box-shadow:0 0 0 2px #f59e0b,0 0 10px #f59e0b4d}.wf-sim-banner{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:100;padding:8px 20px;border-radius:99px;font-size:var(--text-sm);display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}.wf-sim-banner--success{background:#dcfce7;color:#166534;border:1px solid #86efac}.wf-sim-banner--failed{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.wf-sim-banner--paused{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.wf-sim-banner__clear{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:inherit;opacity:.6;padding:0 2px}.wf-sim-banner__clear:hover{opacity:1}.cb-root{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.cb-group{padding:8px;background:var(--gray-50)}.cb-group--depth-1{margin:6px 0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md)}.cb-group--depth-2{margin:4px 0;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm)}.cb-group__header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.cb-logic-badge{padding:2px 8px;font-size:11px;font-weight:var(--font-bold);border-radius:99px;background:var(--primary-100);color:var(--primary-700);border:1px solid var(--primary-200);cursor:pointer;transition:background var(--transition-fast)}.cb-logic-badge:hover{background:var(--primary-200)}.cb-group__hint{font-size:11px;color:var(--gray-400);flex:1}.cb-rules{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.cb-rule-row{display:flex;align-items:center;gap:4px}.cb-select-wrap{position:relative;flex:1}.cb-select{width:100%;padding-right:20px!important;font-size:11px!important;padding-top:4px!important;padding-bottom:4px!important;-moz-appearance:none;appearance:none;-webkit-appearance:none}.cb-select-icon{position:absolute;right:5px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--gray-400)}.cb-value{flex:1;font-size:11px!important;padding-top:4px!important;padding-bottom:4px!important}.cb-remove{flex-shrink:0;color:var(--danger-500)!important}.cb-group__actions{display:flex;gap:4px;flex-wrap:wrap}.exec-panel{display:flex;flex-direction:column;height:100%}.exec-panel__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--gray-200);flex-shrink:0}.exec-panel__count{font-size:var(--text-xs);color:var(--gray-500)}.exec-panel-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;color:var(--gray-400);font-size:var(--text-sm)}.exec-list{flex:1;overflow-y:auto}.exec-row{border-bottom:1px solid var(--gray-100)}.exec-row__summary{display:flex;align-items:center;gap:6px;padding:8px 12px;width:100%;background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.exec-row__summary:hover{background:var(--gray-50)}.exec-row__chevron{color:var(--gray-400);flex-shrink:0}.exec-row__status{flex-shrink:0}.exec-row__info{display:flex;flex-direction:column;flex:1;min-width:0}.exec-row__date{font-size:12px;font-weight:var(--font-semibold);color:var(--gray-800)}.exec-row__meta{font-size:11px;color:var(--gray-400)}.exec-row__err{background:#fee2e2;color:#991b1b;border-radius:99px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.exec-timeline{padding:8px 12px 12px 28px;display:flex;flex-direction:column;gap:4px;background:var(--gray-50)}.exec-timeline__empty{font-size:var(--text-xs);color:var(--gray-400)}.exec-tl-entry{display:flex;align-items:flex-start;gap:6px}.exec-tl-icon{flex-shrink:0;padding-top:2px}.exec-tl-body{display:flex;flex-direction:column;gap:2px}.exec-tl-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.exec-tl-type{font-size:11px;font-weight:var(--font-semibold);color:var(--gray-800)}.exec-tl-msg{font-size:11px;color:var(--gray-500);line-height:1.4}.exec-tl-msg--error{color:var(--red-500, #ef4444)}.exec-tl-detail{font-size:11px;color:var(--gray-600);line-height:1.4;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.exec-tl-dur{font-size:10px;color:var(--gray-400);margin-left:auto}.exec-log-dot{width:8px;height:8px;border-radius:50%;margin-top:2px}.exec-log-dot--start{background:var(--gray-400)}.exec-log-dot--skipped{background:var(--gray-300)}.exec-state-details{margin-top:6px;font-size:11px}.exec-state-details summary{cursor:pointer;color:var(--gray-500);padding:2px 0}.exec-state-pre{background:var(--gray-100);border-radius:var(--radius-sm);padding:6px 8px;font-size:10px;overflow-x:auto;white-space:pre;max-height:200px;overflow-y:auto}.test-modal-hint{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-4);line-height:1.5}.test-result-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--space-4)}.test-result-error{font-size:var(--text-sm);color:#991b1b}.test-result-log{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-4)}.test-result-log__title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);padding:6px 10px;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.test-log-entry{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;border-bottom:1px solid var(--gray-100);font-size:var(--text-xs)}.test-log-entry:last-child{border-bottom:none}.test-log-icon{flex-shrink:0;padding-top:1px}.test-log-body{display:flex;flex-direction:column;gap:2px;flex:1}.test-log-type{font-weight:var(--font-semibold);color:var(--gray-800)}.test-log-msg{color:var(--gray-500);line-height:1.4}.test-log-dur{font-size:10px;color:var(--gray-400);flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:99px;font-size:var(--text-xs);font-weight:var(--font-semibold)}.badge--success{background:#dcfce7;color:#166534}.badge--danger{background:#fee2e2;color:#991b1b}.badge--warn{background:#fef3c7;color:#92400e}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.anim-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-panel{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-panel--md{max-width:520px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gray-200);flex-shrink:0}.modal-header__left{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold)}.modal-header h2{font-size:var(--text-base);font-weight:var(--font-semibold)}.modal-body{padding:var(--space-5);flex:1;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding-top:var(--space-4);margin-top:var(--space-4);border-top:1px solid var(--gray-100)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.form-error{color:var(--danger-600, #dc2626);font-size:var(--text-sm);margin-top:var(--space-2)}@keyframes wf-step-pulse{0%,to{box-shadow:0 0 0 2px #6366f1,0 4px 20px #6366f159}50%{box-shadow:0 0 0 4px #6366f1,0 6px 28px #6366f18c}}.wf-node--step-active{animation:wf-step-pulse 1.4s ease-in-out infinite;z-index:10;position:relative}.wf-node--step-done{opacity:.45;filter:grayscale(.2);transition:opacity .3s}.wf-node--step-pending{opacity:.3;transition:opacity .3s}.wf-step-panel{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 18px;box-shadow:0 8px 32px #00000024;display:flex;align-items:center;gap:14px;z-index:60;flex-wrap:wrap;justify-content:center;max-width:92%;pointer-events:all}.wf-step-panel__info{display:flex;flex-direction:column;gap:2px;border-right:1px solid #e2e8f0;padding-right:14px;max-width:260px}.wf-step-panel__node{font-weight:600;font-size:13px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-step-panel__desc{font-size:11px;color:#64748b}.wf-step-panel__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wf-step-panel__done{font-size:13px;font-weight:600;color:#16a34a}.wf-step-panel__stop{margin-left:4px;opacity:.6}.wf-step-panel__stop:hover{opacity:1}[data-theme=dark] .wf-step-panel{background:#1e293b;border-color:#334155;box-shadow:0 8px 32px #00000073}[data-theme=dark] .wf-step-panel__info{border-right-color:#334155}[data-theme=dark] .wf-step-panel__node{color:#f1f5f9}[data-theme=dark] .wf-step-panel__desc{color:#94a3b8}[data-theme=dark] .wf-step-panel__done{color:#4ade80}.ai-agents-page{display:flex;flex-direction:column;gap:var(--space-5)}.ai-agents-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.ai-agents-header h2{font-size:var(--text-2xl)}.ai-agents-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.ai-agents-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.ai-agents-stats .ui-card__body{display:flex;flex-direction:column;gap:2px}.ai-agents-stats strong{font-size:var(--text-2xl);color:var(--gray-900)}.ai-agents-stats span{font-size:var(--text-sm);color:var(--gray-500)}.ai-agents-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.ai-agents-toolbar .form-input{flex:1;min-width:180px}.ai-agents-toolbar select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white)}.ai-agents-loading{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.ai-agents-actions{display:flex;gap:6px}.ai-agent-name-cell{display:flex;align-items:center;gap:var(--space-3)}.ai-agent-name-cell__icon{width:32px;height:32px;border-radius:var(--radius-md);background:#8b5cf620;color:#8b5cf6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ai-agent-name-cell__desc{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-agent-model-cell{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.ai-agent-provider-badge{display:inline-flex;padding:1px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:var(--gray-100);color:var(--gray-600)}.ai-agent-mcp-count{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--gray-600)}.ai-agent-status{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ai-agent-status--draft{background:var(--gray-100);color:var(--gray-600)}.ai-agent-status--active{background:#d4edda;color:#155724}.ai-agent-status--inactive{background:#f8d7da;color:#721c24}.ai-agents-form{display:flex;flex-direction:column;gap:var(--space-3)}.ai-agents-form label{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--gray-700)}.ai-agents-form__row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.ai-agents-form textarea{min-height:80px;resize:vertical}.ai-agent-detail{display:flex;flex-direction:column;gap:var(--space-4)}.ai-agent-detail__header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.ai-agent-detail__back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--gray-600);cursor:pointer;font-size:var(--text-sm);padding:4px 8px;border-radius:var(--radius-md)}.ai-agent-detail__back:hover{background:var(--gray-100)}.ai-agent-detail__title{flex:1;display:flex;align-items:center;gap:var(--space-3)}.ai-agent-detail__title h2{font-size:var(--text-xl)}.ai-agent-detail__tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-200)}.ai-agent-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:var(--text-sm);color:var(--gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.ai-agent-tab:hover{color:var(--gray-700);background:var(--gray-50)}.ai-agent-tab--active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.ai-agent-detail__config{display:flex;flex-direction:column;gap:var(--space-4)}.ai-agent-detail__config h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--gray-800)}.ai-agent-detail__mcp{display:flex;flex-direction:column;gap:var(--space-4)}.ai-agent-detail__mcp-header{display:flex;justify-content:space-between;align-items:center}.ai-agent-detail__mcp-header p{color:var(--gray-500);font-size:var(--text-sm);max-width:500px}.ai-agent-mcp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.ai-agent-mcp-card{display:flex;flex-direction:column;gap:var(--space-2)}.ai-agent-mcp-card__header{display:flex;align-items:center;gap:var(--space-2)}.ai-agent-mcp-card__meta{display:flex;gap:var(--space-3);font-size:var(--text-xs);color:var(--gray-500)}.ai-agent-mcp-card p{font-size:var(--text-sm);color:var(--gray-600)}.ai-agent-detail__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--gray-400)}.ai-agent-detail__empty p{color:var(--gray-500);font-size:var(--text-sm)}.ai-agent-detail__executions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.ai-agent-detail__executions-header h3{font-size:var(--text-base);font-weight:600}.ai-agent-exec-status{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:500;text-transform:capitalize}.ai-agent-exec-status--success{color:#16a34a}.ai-agent-exec-status--failed{color:#dc2626}.ai-agent-exec-status--running{color:#2563eb}.ai-agent-exec-status--timeout{color:#d97706}.ai-agent-exec-error{color:#dc2626;font-size:var(--text-xs);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-agent-mcp-select{display:flex;flex-direction:column;gap:var(--space-2)}.ai-agent-mcp-select__empty{text-align:center;color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-4)}.ai-agent-mcp-select__empty a{color:var(--primary-600);cursor:pointer}.ai-agent-mcp-select__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.ai-agent-mcp-select__item:hover{background:var(--gray-50)}.ai-agent-mcp-select__item input{margin-top:3px}.ai-agent-mcp-select__item strong{display:block;font-size:var(--text-sm)}.ai-agent-mcp-select__item span{display:block;font-size:var(--text-xs);color:var(--gray-500);margin-top:2px}.mcp-servers-page{display:flex;flex-direction:column;gap:var(--space-5)}.mcp-servers-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.mcp-servers-header h2{font-size:var(--text-2xl)}.mcp-servers-header p{color:var(--gray-500);font-size:var(--text-sm);margin-top:2px}.mcp-servers-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.mcp-servers-stats .ui-card__body{display:flex;flex-direction:column;gap:2px}.mcp-servers-stats strong{font-size:var(--text-2xl);color:var(--gray-900)}.mcp-servers-stats span{font-size:var(--text-sm);color:var(--gray-500)}.mcp-servers-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center}.mcp-servers-toolbar .form-input{flex:1;min-width:180px}.mcp-servers-toolbar select{padding:8px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white)}.mcp-servers-loading,.mcp-servers-empty{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-6);text-align:center}.mcp-servers-actions{display:flex;gap:6px;flex-shrink:0}.mcp-servers-list{display:flex;flex-direction:column}.mcp-server-row{border-bottom:1px solid var(--gray-100)}.mcp-server-row:last-child{border-bottom:none}.mcp-server-row--expanded{background:var(--gray-50);border-radius:var(--radius-md);margin:2px 0}.mcp-server-row__main{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2)}.mcp-server-row__expand{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--gray-400);padding:4px;border-radius:var(--radius-sm);flex-shrink:0}.mcp-server-row__expand:hover{color:var(--gray-700);background:var(--gray-100)}.mcp-server-row__info{flex:1;min-width:0}.mcp-server-row__tools{padding:0 var(--space-4) var(--space-4) 40px}.mcp-server-row__tools-loading{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-3)}.mcp-server-row__tools-empty{color:var(--gray-500);font-size:var(--text-sm);padding:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.mcp-server-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.mcp-server-name-cell{display:flex;align-items:center;gap:var(--space-3)}.mcp-server-name-cell__desc{font-size:var(--text-xs);color:var(--gray-500);margin-top:2px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-server-url{font-size:var(--text-xs);font-family:var(--font-mono, monospace);color:var(--gray-600);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.mcp-server-transport{display:inline-flex;padding:1px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.3px;background:var(--gray-100);color:var(--gray-600);flex-shrink:0}.mcp-server-health{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);font-weight:500;text-transform:capitalize;flex-shrink:0}.mcp-server-health--healthy{color:#16a34a}.mcp-server-health--unhealthy{color:#dc2626}.mcp-server-health--unknown{color:#d97706}.mcp-server-tools{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--gray-600);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite}.mcp-tool-card{border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3);background:var(--white)}.mcp-tool-card__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:4px}.mcp-tool-card__header strong{font-size:var(--text-sm)}.mcp-tool-card p{font-size:var(--text-xs);color:var(--gray-600);margin:0}.mcp-tool-enabled{font-size:10px;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);margin-left:auto}.mcp-tool-enabled--yes{background:#d4edda;color:#155724}.mcp-tool-enabled--no{background:#f8d7da;color:#721c24}.mcp-tool-schema{margin-top:var(--space-2)}.mcp-tool-schema summary{font-size:var(--text-xs);color:var(--primary-600);cursor:pointer}.mcp-tool-schema pre{font-size:11px;background:var(--gray-50);border-radius:var(--radius-sm);padding:var(--space-2);overflow-x:auto;margin-top:4px;max-height:200px;overflow-y:auto}.wf-ai-agent-preview{background:var(--gray-50);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2);font-size:var(--text-sm)}.wf-ai-agent-preview__row{display:flex;justify-content:space-between;padding:3px 0}.wf-ai-agent-preview__row span{color:var(--gray-500)}.wf-ai-agent-preview__row strong{color:var(--gray-800)}.wf-output-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--space-3);margin-top:var(--space-2)}.wf-output-item__header{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2)}.wf-output-item__header .form-input--sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.wf-output-item__header .form-input--id{max-width:100px;font-family:monospace;font-size:var(--text-xs);color:var(--gray-600)}.wf-btn-icon{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;padding:2px 6px;border-radius:var(--radius-sm)}.wf-btn-icon--danger{color:var(--danger-500)}.wf-btn-icon--danger:hover{background:var(--danger-50, #fef2f2)}.wf-btn-add{display:block;width:100%;padding:var(--space-2);margin-top:var(--space-2);background:none;border:1px dashed var(--gray-300);border-radius:var(--radius-md);color:var(--primary-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.wf-btn-add:hover{background:var(--primary-50, #f5f3ff);border-color:var(--primary-400)}.chat{display:grid;grid-template-columns:54px 320px 1fr;height:calc(100vh - 56px);overflow:hidden;background:var(--gray-50)}.chat--with-info{grid-template-columns:54px 320px 1fr 320px}.chat__nav{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-1);background:var(--gray-100);border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.chat__nav-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.chat__nav-btn:hover{background:var(--gray-200);color:var(--gray-700)}.chat__nav-btn--active{background:var(--primary-600);color:#fff}.chat__nav-btn--active:hover{background:var(--primary-700);color:#fff}.chat__nav-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--danger-500);color:#fff;font-size:9px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1}.chat__nav-spacer{flex:1}.chat__nav-status{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);color:var(--danger-400);transition:color var(--transition-fast)}.chat__nav-status--on{color:var(--success-500)}.chat__sidebar{display:flex;flex-direction:column;border-right:1px solid var(--gray-200);background:var(--gray-100);overflow:hidden}.chat__sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:0px solid var(--gray-200);min-height:52px;position:relative}.chat__sidebar-header h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.chat__new-chat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.chat__new-chat-icon:hover{background:var(--primary-100);color:var(--primary-700)}.chat__search{padding:var(--space-2) var(--space-3)}.chat__search-wrap{position:relative}.chat__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400);pointer-events:none}.chat__search-input{width:100%;padding:var(--space-2) var(--space-3);padding-left:2.25rem;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-700);background:var(--gray-100);transition:all var(--transition-fast)}.chat__search-input:focus{outline:none;background:var(--gray-50);box-shadow:0 0 0 2px var(--primary-200)}.chat__search-input::placeholder{color:var(--gray-400)}.chat__filters{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4) var(--space-2)}.chat__filter-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--primary-600);text-transform:uppercase;letter-spacing:.05em}.chat__filter-badge{font-size:var(--text-xs);color:var(--danger-600);background:var(--danger-50);padding:1px 6px;border-radius:var(--radius-full);font-weight:var(--font-medium)}.chat__filter-pills{display:flex;align-items:center;gap:6px;padding:0px var(--space-4) 8px;overflow-x:auto;scrollbar-width:none}.chat__filter-pills::-webkit-scrollbar{display:none}.chat__filter-pill{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-medium);border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.chat__filter-pill:hover{background:var(--gray-100);border-color:var(--gray-300)}.chat__filter-pill--active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.chat__filter-pill--dept{border-color:color-mix(in srgb,var(--dept-color) 30%,transparent);color:var(--dept-color)}.chat__filter-pill--dept.chat__filter-pill--active{background:color-mix(in srgb,var(--dept-color) 10%,transparent);border-color:color-mix(in srgb,var(--dept-color) 50%,transparent)}.chat__filter-divider{width:1px;height:16px;background:var(--gray-200);flex-shrink:0}.chat__conversations{flex:1;overflow-y:auto}.chat__conversations::-webkit-scrollbar{width:5px}.chat__conversations::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.chat__conv-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--gray-50)}.chat__conv-item:hover{background:var(--gray-200)}.chat__conv-item--active{background:var(--primary-50);border-left:3px solid var(--primary-500);padding-left:calc(var(--space-4) - 3px)}.chat__conv-item--active:hover{background:var(--primary-100)}.chat__conv-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;overflow:hidden}.chat__conv-avatar--group{background:var(--primary-100);color:var(--primary-600)}.chat__conv-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.chat__conv-info{flex:1;min-width:0}.chat__conv-top-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.chat__conv-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:2px}.chat__conv-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat__conv-preview{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat__conv-dept-badge{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:1px 6px;border-radius:9999px;background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200);white-space:nowrap;flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis}.chat__conv-time{font-size:11px;color:var(--gray-400);flex-shrink:0;white-space:nowrap}.chat__conv-meta-top{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat__conv-star{color:#f59e0b;fill:#f59e0b;flex-shrink:0}.chat__conv-meta-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat__conv-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--primary-600);color:#fff;font-size:10px;font-weight:var(--font-bold)}.chat__conv-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);flex-shrink:0}.chat__conv-badge--onboarding{background:#dbeafe;color:#1d4ed8}.chat__empty-convs{padding:var(--space-8) var(--space-4);text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.chat__empty-convs svg{margin:0 auto var(--space-3);color:var(--gray-300)}.chat__empty-hint{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--gray-400)}.chat__accept-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-md);background:var(--success-100);color:var(--success-600);cursor:pointer;transition:background var(--transition-fast)}.chat__accept-btn:hover{background:var(--success-200)}.chat__new-conv-form{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--gray-100);background:var(--primary-50)}.chat__new-conv-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--gray-700);min-width:0}.chat__new-conv-input:focus{outline:none;border-color:var(--primary-500)}.chat__new-conv-select{padding:var(--space-2) var(--space-2);border:1px solid var(--gray-300);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--gray-700);background:#fff;max-width:100px}.chat__new-conv-btn{padding:var(--space-2);border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.chat__new-conv-start{background:var(--primary-600);color:#fff}.chat__new-conv-start:hover{background:var(--primary-700)}.chat__new-conv-cancel{background:var(--gray-200);color:var(--gray-600)}.chat__new-conv-cancel:hover{background:var(--gray-300)}.chat__main{display:flex;flex-direction:column;background:#fff;overflow:hidden;position:relative}.chat__main-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200);border-left:1px solid var(--gray-200);background:#fff;height:56px}.chat__main-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;overflow:hidden}.chat__main-info{flex:1;min-width:0}.chat__main-info h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.chat__main-info p{font-size:var(--text-xs);color:var(--gray-500);margin:2px 0 0}.chat__main-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.chat__close-btn,.chat__accept-action-btn,.chat__transfer-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast)}.chat__fav-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.chat__fav-btn:hover{color:#f59e0b;background:#f59e0b14}.chat__fav-btn--active{color:#f59e0b}.chat__fav-btn--active svg{fill:#f59e0b}.chat__close-btn{background:var(--danger-50);color:var(--danger-600)}.chat__close-btn:hover{background:var(--danger-100)}.chat__transfer-btn{background:#6366f114;color:#6366f1}.chat__transfer-btn:hover{background:#6366f126}.chat__inactivity-timer{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-md);background:#f59e0b1f;color:#b45309;font-size:var(--text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:default;transition:background var(--transition-fast),color var(--transition-fast)}.chat__inactivity-timer--urgent{background:#ef44441f;color:var(--danger-600);animation:inactivity-pulse 1s ease-in-out infinite}@keyframes inactivity-pulse{0%,to{opacity:1}50%{opacity:.6}}.chat__accept-action-btn{background:var(--success-50);color:var(--success-700)}.chat__accept-action-btn:hover{background:var(--success-100)}.chat__info-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast)}.chat__info-btn:hover{background:var(--gray-200);color:var(--gray-800)}.chat__messages{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);background:#efeae2;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='%23d1cdc7' fill-opacity='0.2'%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")}.chat__messages::-webkit-scrollbar{width:6px}.chat__messages::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}.chat__messages-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:var(--text-sm)}.chat__date-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-3) 0}.chat__date-divider span{font-size:11px;color:var(--gray-600);background:#ffffffe6;padding:var(--space-1) var(--space-3);border-radius:var(--radius-lg);font-weight:var(--font-medium);box-shadow:var(--shadow-xs)}.chat__bubble-wrap{display:flex;margin-bottom:2px}.chat__bubble-wrap--sent{justify-content:flex-end}.chat__bubble-wrap--received{justify-content:flex-start}.chat__bubble{max-width:65%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal);word-wrap:break-word;position:relative;box-shadow:0 1px 1px #0000000f}.chat__bubble--sent{background:#d9fdd3;color:var(--gray-900);border-top-right-radius:var(--radius-sm)}.chat__bubble--received{background:#fff;color:var(--gray-800);border-top-left-radius:var(--radius-sm)}.chat__bubble-sender{font-size:11px;font-weight:var(--font-semibold);color:var(--primary-600);margin-bottom:2px}.chat__bubble-text{white-space:pre-wrap}.chat__bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-1);margin-top:2px}.chat__bubble-time{font-size:10px;color:var(--gray-500)}.chat__bubble-check{color:#53bdeb;display:flex;align-items:center}.chat__bubble-actions{position:absolute;top:4px;right:4px;display:none;gap:2px}.chat__bubble:hover .chat__bubble-actions{display:flex}.chat__bubble-action-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:#ffffffe6;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.chat__bubble-action-btn:hover{background:var(--gray-100);color:var(--gray-700)}.chat__bubble-side-actions{display:none;flex-direction:row;align-items:center;gap:2px;align-self:center;flex-shrink:0}.chat__bubble-wrap:hover .chat__bubble-side-actions{display:flex}.chat__bubble-wrap--sent .chat__bubble-side-actions{order:-1}.chat__bubble-side-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--gray-400);cursor:pointer;transition:all var(--transition-fast)}.chat__bubble-side-btn:hover{background:#00000002;color:var(--gray-800)}.chat__bubble-dropdown-trigger{position:absolute;top:4px;right:4px;display:none;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:var(--radius-sm);background:#ffffffe6;color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);z-index:10}.chat__bubble:hover .chat__bubble-dropdown-trigger{display:inline-flex}.chat__bubble-dropdown-trigger:hover{background:#fff;color:var(--gray-800)}.chat__bubble-dropdown{position:fixed;z-index:9999;min-width:168px;padding:var(--space-1);background:var(--chat-dropdown-bg, #fff);border:1px solid var(--chat-dropdown-border, var(--gray-200));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat__bubble-dropdown button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--chat-dropdown-fg, var(--gray-700));font-size:var(--text-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.chat__bubble-dropdown button:hover{background:var(--chat-dropdown-hover-bg, var(--gray-50))}.chat__reaction-anchor{position:relative}.chat__emoji-picker{position:absolute;bottom:100%;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;padding:var(--space-1) var(--space-2);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:4px;white-space:nowrap;max-width:260px}.chat__emoji-picker--right{left:auto;right:-40px;transform:none}.chat__emoji-btn{width:28px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;line-height:1}.chat__emoji-btn:hover{background:var(--gray-100)}.chat__emoji-more-btn{font-weight:var(--font-bold);color:var(--gray-500);font-size:1.1rem}.chat__emoji-picker-expanded{display:flex;flex-wrap:wrap;gap:2px;width:100%;border-top:1px solid var(--gray-100);padding-top:var(--space-1);margin-top:var(--space-1)}.chat__bubble-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;padding-top:2px}.chat__bubble-reaction-badge{display:inline-flex;align-items:center;gap:2px;font-size:14px;padding:1px 6px;border-radius:var(--radius-full);background:var(--gray-100);border:1px solid var(--gray-200);line-height:1.4}.chat__reaction-count{font-size:11px;color:var(--gray-500);font-weight:var(--font-medium)}.chat__bubble-reply-indicator{display:flex;align-items:center;gap:4px;padding:4px 8px;margin-bottom:var(--space-1);border-left:3px solid var(--primary-400);border-radius:2px 6px 6px 2px;background:#0000000a;font-size:var(--text-xs);color:var(--primary-600);transition:background var(--transition-fast)}.chat__bubble-reply-indicator:hover{background:#00000012}.chat__reply-ctx-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.chat__bubble-wrap--highlight>.chat__bubble{animation:bubble-highlight 1.5s ease-out}@keyframes bubble-highlight{0%,30%{box-shadow:0 0 0 3px var(--primary-300)}to{box-shadow:none}}.chat__scroll-bottom-btn{position:absolute;bottom:80px;right:24px;width:36px;height:36px;border-radius:var(--radius-full);background:var(--white);border:1px solid var(--gray-200);box-shadow:0 2px 8px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-600);transition:background .15s,color .15s;z-index:10}.chat__scroll-bottom-btn:hover{background:var(--gray-100);color:var(--gray-900)}.chat__agent-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fffbeb;border-top:1px solid #fde68a}.chat__agent-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#f59e0b;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s}.chat__agent-action-btn:hover{background:#d97706}.chat__reply-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gray-50);border-top:1px solid var(--gray-200);font-size:var(--text-sm);color:var(--gray-700)}.chat__reply-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat__reply-close{display:flex;align-items:center;padding:2px;border:none;background:none;color:var(--gray-500);cursor:pointer}.chat__edit-bar{background:var(--primary-50);border-top-color:var(--primary-200)}.chat__edit-input{flex:1;border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:4px 8px;font-size:var(--text-sm);background:var(--white);outline:none}.chat__edit-input:focus{border-color:var(--primary-400)}.chat__reply-close:hover{color:var(--gray-700)}.chat__bubble-media{margin:var(--space-1) 0;font-size:var(--text-xs);color:var(--gray-500);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:#0000000a;border-radius:var(--radius-md)}.chat__bubble-media-content{margin-bottom:var(--space-2)}.chat__media-image{max-width:280px;max-height:300px;border-radius:var(--radius-md);object-fit:cover;cursor:pointer}.chat__media-sticker{width:120px;height:120px;object-fit:contain;cursor:pointer;transition:transform .15s}.chat__media-sticker:hover{transform:scale(1.05)}.chat__bubble--sticker{background:transparent!important;box-shadow:none!important;padding:4px!important;border:none!important}.chat__bubble--sticker:after,.chat__bubble--sticker:before{display:none!important}.chat__sticker-item{display:inline-block;vertical-align:top}.chat__sticker-item .chat__bubble-wrap{position:relative}.chat__sticker-item .chat__bubble-side-actions{position:absolute;top:50%;transform:translateY(-50%)}.chat__sticker-item .chat__bubble-wrap--received .chat__bubble-side-actions{right:-60px;left:auto}.chat__sticker-item .chat__bubble-wrap--sent .chat__bubble-side-actions{left:-60px;right:auto;order:unset}.chat__sticker-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000b3;display:flex;align-items:center;justify-content:center;cursor:pointer}.chat__sticker-zoom-img{max-width:400px;max-height:400px;object-fit:contain}.chat__media-zoom-video{max-width:80vw;max-height:80vh;border-radius:var(--radius-lg)}.chat__media-video{max-width:280px;max-height:240px;border-radius:var(--radius-md)}.chat__media-audio-wrap{display:flex;align-items:center;gap:var(--space-2)}.chat__media-audio{max-width:220px;height:32px}.chat__media-doc-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--gray-100);color:var(--primary-600);font-size:var(--text-sm);text-decoration:none}.chat__media-doc-link:hover{background:var(--gray-200)}.chat__media-caption{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--gray-600)}.chat__input-area{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--gray-200);background:var(--gray-50);height:60px}.chat__input-blocked{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-500);font-size:.85rem;height:60px}.chat__file-input,.chat__quick-toggle{display:none}.chat__quick-switch{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 4px 0 8px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--gray-400);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast)}.chat__quick-switch:hover{color:var(--gray-600)}.chat__quick-switch-label{font-size:14px;font-weight:var(--font-semibold);line-height:1}.chat__quick-switch-track{display:inline-flex;align-items:center;width:28px;height:16px;border-radius:8px;background:var(--gray-300);padding:2px;transition:background var(--transition-fast)}.chat__quick-switch--active .chat__quick-switch-track{background:var(--primary-500)}.chat__quick-switch-thumb{display:block;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform var(--transition-fast);box-shadow:0 1px 2px #00000026}.chat__quick-switch--active .chat__quick-switch-thumb{transform:translate(12px)}.chat__quick-toggle-slash{font-size:16px;font-weight:var(--font-semibold);line-height:1}.chat__input-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--gray-500);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.chat__input-icon-btn:hover{color:var(--gray-700);background:var(--gray-100)}.chat__icon-rotated{transform:rotate(45deg);transition:transform var(--transition-fast)}.chat__attach-wrapper{position:relative}.chat__attach-menu{position:absolute;bottom:44px;left:0;z-index:50;display:flex;flex-direction:column;min-width:150px;padding:var(--space-1);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.chat__attach-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--gray-700);font-size:var(--text-sm);cursor:pointer;text-align:left}.chat__attach-menu button:hover{background:var(--gray-50)}.chat__input-wrap{flex:1;min-width:0}.chat__input-textarea{width:100%;min-height:36px;max-height:120px;padding:8px 12px;border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-family:var(--font-family);color:var(--gray-800);background:#fff;resize:none;line-height:var(--leading-normal);transition:box-shadow var(--transition-fast)}.chat__input-textarea:focus{outline:none;box-shadow:0 0 0 2px var(--primary-100)}.chat__input-textarea::placeholder{color:var(--gray-400)}.chat__input-emoji-wrapper{position:relative}.chat__input-emoji-panel{position:absolute;bottom:100%;left:0;z-index:200;width:340px;max-height:380px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:8px;display:flex;flex-direction:column;overflow:hidden}.chat__input-emoji-search{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--gray-100);color:var(--gray-400)}.chat__input-emoji-search input{flex:1;border:none;outline:none;font-size:var(--text-sm);background:transparent;color:var(--gray-800)}.chat__input-emoji-tabs{display:flex;gap:2px;padding:4px 6px;border-bottom:1px solid var(--gray-100);overflow-x:auto;scrollbar-width:none}.chat__input-emoji-tabs::-webkit-scrollbar{display:none}.chat__input-emoji-tab{width:32px;height:28px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:1rem;cursor:pointer;flex-shrink:0;border-bottom:2px solid transparent}.chat__input-emoji-tab:hover{background:var(--gray-50)}.chat__input-emoji-tab--active{border-bottom-color:var(--primary-500);background:var(--primary-50)}.chat__input-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto;flex:1}.chat__input-emoji-item{width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.chat__input-emoji-item:hover{background:var(--gray-100)}.chat__mic-btn--recording{color:var(--danger-600)!important;animation:recording-pulse 1s infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.5}}.chat__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--gray-400);background:var(--gray-50);text-align:center}.chat__placeholder-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--gray-300)}.chat__placeholder h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-600);margin:0}.chat__placeholder p{font-size:var(--text-sm);color:var(--gray-400);margin:0;max-width:320px}.chat__placeholder-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--gray-400);margin-top:var(--space-3)}.chat__placeholder-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--success-500)}.chat__placeholder-dot--off{background:var(--gray-400)}.chat__contact-panel{display:flex;flex-direction:column;border-left:1px solid var(--gray-200);background:#fff;overflow-y:auto}.chat__contact-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--gray-200);height:56px}.chat__contact-panel-header h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--gray-800);margin:0}.chat__contact-panel-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-md);background:none;color:var(--gray-500);cursor:pointer}.chat__contact-panel-close:hover{background:var(--gray-100);color:var(--gray-700)}.chat__contact-panel-loading{padding:var(--space-8);text-align:center;color:var(--gray-400);font-size:var(--text-sm)}.chat__contact-panel-body{padding:var(--space-4);display:flex;flex-direction:column;align-items:center}.chat__contact-panel-avatar{position:relative;width:72px;height:72px;border-radius:var(--radius-full);overflow:visible;margin-bottom:var(--space-3)}.chat__contact-panel-avatar img{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover}.chat__avatar-refresh-btn{position:absolute;bottom:-2px;right:-2px;width:26px;height:26px;border-radius:50%;border:2px solid #fff;background:var(--gray-100);color:var(--gray-600);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.chat__avatar-refresh-btn:hover{background:var(--primary-50);color:var(--primary-600)}.chat__contact-panel-initials{width:72px;height:72px;border-radius:var(--radius-full);background:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold)}.chat__contact-panel-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--gray-800);margin:0 0 var(--space-4);text-align:center}.chat__contact-panel-fields{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.chat__contact-field{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600)}.chat__contact-field svg{flex-shrink:0;margin-top:2px;color:var(--gray-400)}.chat__contact-field--block{flex-direction:column}.chat__contact-field--block p{margin:var(--space-1) 0 0;padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-md);font-size:var(--text-xs);line-height:1.5}.chat__contact-tags{display:flex;flex-wrap:wrap;gap:4px}.chat__contact-tag{padding:2px 8px;border-radius:var(--radius-full);background:var(--primary-50);color:var(--primary-700);font-size:11px;font-weight:var(--font-medium)}.chat__conv-context-menu{position:fixed;z-index:100;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1) 0;min-width:160px}.chat__conv-context-menu button{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 12px;background:none;border:none;font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;text-align:left}.chat__conv-context-menu button:hover{background:var(--gray-50)}[data-theme=dark] .chat{background:var(--gray-900)}[data-theme=dark] .chat__nav{background:var(--gray-200);border-color:var(--gray-700)}[data-theme=dark] .chat__nav-btn{color:var(--gray-400)}[data-theme=dark] .chat__nav-btn:hover{background:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .chat__nav-btn--active{background:var(--primary-600);color:#fff}[data-theme=dark] .chat__sidebar{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .chat__sidebar-header{border-color:var(--gray-100);background:var(--gray-200)!important}[data-theme=dark] .chat__sidebar-header:after{background:var(--gray-100)}[data-theme=dark] .chat__sidebar-header h3{color:var(--gray-900)}[data-theme=dark] .chat__new-chat-icon{background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .chat__new-chat-icon:hover{background:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .chat__search-input{background:var(--gray-800);color:var(--gray-200)}[data-theme=dark] .chat__search-input:focus{background:var(--gray-800);box-shadow:0 0 0 2px var(--primary-700)}[data-theme=dark] .chat__search-input::placeholder{color:var(--gray-500)}[data-theme=dark] .chat__filter-label{color:var(--primary-400)}[data-theme=dark] .chat__filter-badge{background:var(--danger-900);color:var(--danger-300)}[data-theme=dark] .chat__conv-item{border-color:var(--gray-800)}[data-theme=dark] .chat__conv-item:hover{background:var(--gray-700)}[data-theme=dark] .chat__conv-item--active{background:var(--gray-800);border-left:3px solid var(--primary-400);padding-left:calc(var(--space-4) - 3px)}[data-theme=dark] .chat__conv-item--active:hover{background:var(--gray-700)}[data-theme=dark] .chat__conv-name{color:var(--gray-100)}[data-theme=dark] .chat__conv-preview{color:var(--gray-400)}[data-theme=dark] .chat__conv-time{color:var(--gray-500)}[data-theme=dark] .chat__conv-avatar{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .chat__conv-avatar--group{background:var(--primary-900);color:var(--primary-400)}[data-theme=dark] .chat__main{background:var(--gray-900)}[data-theme=dark] .chat__main-header{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .chat__main-avatar{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .chat__main-info h4{color:var(--gray-800)}[data-theme=dark] .chat__main-info p{color:var(--gray-400)}[data-theme=dark] .chat__messages{background:#0b141a;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='%23ffffff' fill-opacity='0.02'%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")}[data-theme=dark] .chat__date-divider span{background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .chat__bubble--sent{background:#005c4b;color:var(--gray-100)}[data-theme=dark] .chat__bubble--received{background:var(--gray-800);color:var(--gray-100)}[data-theme=dark] .chat__bubble-sender{color:var(--primary-400)}[data-theme=dark] .chat__bubble-time{color:var(--gray-400)}[data-theme=dark] .chat__bubble-check{color:#53bdeb}[data-theme=dark] .chat__bubble-action-btn{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .chat__bubble-action-btn:hover{background:var(--gray-600);color:var(--gray-100)}[data-theme=dark] .chat__bubble-side-btn{color:var(--gray-500)}[data-theme=dark] .chat__bubble-side-btn:hover{background:#fff0;color:var(--gray-200)}[data-theme=dark] .chat__bubble-dropdown-trigger{background:var(--gray-200);color:var(--gray-500)}[data-theme=dark] .chat__bubble-dropdown-trigger:hover{background:var(--gray-200);color:var(--gray-800)}[data-theme=dark] .chat__bubble-dropdown{background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] .chat__bubble-dropdown button{color:var(--gray-800)}[data-theme=dark] .chat__bubble-dropdown button:hover{background:var(--gray-300)}[data-theme=dark] .chat__emoji-picker{background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] .chat__emoji-btn:hover{background:var(--gray-300)}[data-theme=dark] .chat__emoji-picker-expanded{border-top-color:var(--gray-300)}[data-theme=dark] .chat__bubble-reaction-badge{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .chat__reaction-count{color:var(--gray-400)}[data-theme=dark] .chat__reply-bar{background:var(--gray-800);border-color:var(--gray-700);color:var(--gray-200)}[data-theme=dark] .chat__input-area{background:var(--gray-900);border-color:var(--gray-700)}[data-theme=dark] .chat__quick-toggle{border-color:var(--gray-700);background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .chat__quick-toggle:hover{border-color:var(--gray-600);color:var(--gray-100)}[data-theme=dark] .chat__quick-toggle--active{border-color:color-mix(in srgb,var(--primary-400) 45%,var(--gray-700));background:color-mix(in srgb,var(--primary-400) 18%,var(--gray-800));color:var(--primary-300)}[data-theme=dark] .chat__input-icon-btn{color:var(--gray-400)}[data-theme=dark] .chat__input-icon-btn:hover{color:var(--gray-200);background:var(--gray-800)}[data-theme=dark] .chat__input-textarea{background:var(--gray-800);color:var(--gray-100)}[data-theme=dark] .chat__input-textarea:focus{box-shadow:0 0 0 2px var(--primary-800)}[data-theme=dark] .chat__input-textarea::placeholder{color:var(--gray-500)}[data-theme=dark] .chat__attach-menu{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .chat__attach-menu button{color:var(--gray-200)}[data-theme=dark] .chat__attach-menu button:hover{background:var(--gray-700)}[data-theme=dark] .chat__placeholder{background:var(--gray-900)}[data-theme=dark] .chat__placeholder-icon{background:var(--gray-800);color:var(--gray-600)}[data-theme=dark] .chat__placeholder h3{color:var(--gray-200)}[data-theme=dark] .chat__placeholder p{color:var(--gray-500)}[data-theme=dark] .chat__contact-panel{background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] .chat__contact-panel-header{border-color:var(--gray-700)}[data-theme=dark] .chat__contact-panel-header h4,[data-theme=dark] .chat__contact-panel-name{color:var(--gray-100)}[data-theme=dark] .chat__contact-field{color:var(--gray-300)}[data-theme=dark] .chat__contact-field--block p{background:var(--gray-800)}[data-theme=dark] .chat__contact-panel-initials{background:var(--primary-900);color:var(--primary-400)}[data-theme=dark] .chat__contact-panel-close{color:var(--gray-400)}[data-theme=dark] .chat__contact-panel-close:hover{background:var(--gray-800);color:var(--gray-200)}[data-theme=dark] .chat__contact-panel-loading{color:var(--gray-500)}[data-theme=dark] .chat__contact-panel-body{color:var(--gray-200)}[data-theme=dark] .chat__contact-tag{background:var(--primary-900);color:var(--primary-400)}[data-theme=dark] .chat__close-btn{background:#dc262626;color:var(--danger-400)}[data-theme=dark] .chat__inactivity-timer{background:#f59e0b26;color:#fbbf24}[data-theme=dark] .chat__inactivity-timer--urgent{background:#ef444426;color:var(--danger-400)}[data-theme=dark] .chat__accept-action-btn,[data-theme=dark] .chat__accept-btn{background:#16a34a26;color:var(--success-500)}[data-theme=dark] .chat__info-btn{background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .chat__info-btn:hover{background:var(--gray-700);color:var(--gray-100)}[data-theme=dark] .chat__new-conv-form{background:var(--gray-800);border-color:var(--gray-700);margin-bottom:5px;margin-left:5px;margin-right:5px;border-radius:10px}[data-theme=dark] .chat__new-conv-input,[data-theme=dark] .chat__new-conv-select{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}[data-theme=dark] .chat__bubble-media{background:#ffffff0d;color:var(--gray-400)}[data-theme=dark] .chat__bubble-reply-indicator{background:#ffffff0d;color:var(--primary-400)}[data-theme=dark] .chat__media-doc-link{background:var(--gray-700);color:var(--primary-400)}[data-theme=dark] .chat__media-doc-link:hover{background:var(--gray-600)}[data-theme=dark] .chat__media-caption{color:var(--gray-300)}[data-theme=dark] .chat__reaction-emoji{background:var(--gray-800)}[data-theme=dark] .chat__empty-convs{color:var(--gray-500)}[data-theme=dark] .chat__empty-convs svg{color:var(--gray-600)}[data-theme=dark] .chat__messages-loading{color:var(--gray-500)}[data-theme=dark] .chat__conversations::-webkit-scrollbar-thumb{background:var(--gray-700)}[data-theme=dark] .chat__messages::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] .chat__conv-context-menu{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .chat__conv-context-menu button{color:var(--gray-200)}[data-theme=dark] .chat__conv-context-menu button:hover{background:var(--gray-700)}.chat__quick-picker{position:absolute;bottom:64px;left:var(--space-3);right:var(--space-3);z-index:50;max-height:200px;overflow-y:auto;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1)}.chat__quick-picker-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.chat__quick-picker-item:hover,.chat__quick-picker-item--active{background:var(--gray-50)}.chat__quick-picker-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-800)}.chat__quick-picker-shortcut{font-size:var(--text-xs);color:var(--primary-600);font-family:var(--font-mono)}.chat__quick-picker-preview{font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .chat__quick-picker{background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] .chat__quick-picker-item:hover{background:var(--gray-300)}[data-theme=dark] .chat__quick-picker-title{color:var(--gray-800)}[data-theme=dark] .chat__quick-picker-shortcut{color:var(--primary-400)}[data-theme=dark] .chat__quick-picker-preview{color:var(--gray-400)}.api-docs-page{display:flex;flex-direction:column;height:100%}.api-docs-tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--gray-200);padding:0 var(--space-4);overflow-x:auto;scrollbar-width:none;flex-shrink:0}.api-docs-tabs::-webkit-scrollbar{display:none}.api-docs-tab{padding:10px 16px;font-size:var(--text-sm);background:none;border:none;cursor:pointer;color:var(--gray-500);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s;white-space:nowrap}.api-docs-tab:hover{color:var(--gray-700)}.api-docs-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600);font-weight:500}.api-docs-content{flex:1;overflow-y:auto;padding:var(--space-5)}.api-section{max-width:900px}.api-section h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.api-description{color:var(--gray-600);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-5)}.api-description code{background:var(--gray-100);padding:2px 6px;border-radius:4px;font-size:.85em}.api-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.api-card h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-3)}.api-card p{font-size:var(--text-sm);color:var(--gray-600);line-height:1.5;margin-bottom:var(--space-2)}.api-card ul{font-size:var(--text-sm);color:var(--gray-600);padding-left:1.2em;line-height:1.8}.api-hint{font-size:var(--text-xs);color:var(--gray-500);margin-top:var(--space-2)}.api-code-block{background:var(--gray-900);color:var(--gray-100);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;font-family:JetBrains Mono,Fira Code,monospace}.api-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.api-table th{text-align:left;font-weight:600;padding:8px 12px;border-bottom:2px solid var(--gray-200);color:var(--gray-700)}.api-table td{padding:8px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-600)}.api-table code{background:var(--gray-100);padding:2px 5px;border-radius:3px;font-size:.85em}.api-endpoints-table td:first-child{width:70px}.api-endpoints-table td:nth-child(2){font-family:monospace;font-size:12px;white-space:nowrap}.api-method{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.api-method.get{background:#dbeafe;color:#1d4ed8}.api-method.post{background:#dcfce7;color:#166534}.api-method.put{background:#fef3c7;color:#92400e}.api-method.delete{background:#fee2e2;color:#991b1b}.api-tester{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-5)}.api-tester-form{display:flex;flex-direction:column;gap:var(--space-3)}.api-form-row{display:flex;flex-direction:column;gap:4px}.api-form-row label{font-size:var(--text-xs);font-weight:600;color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em}.api-form-row input,.api-form-row select,.api-form-row textarea{padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--white);transition:border-color .15s}.api-form-row input:focus,.api-form-row select:focus,.api-form-row textarea:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 2px var(--primary-100)}.api-form-row textarea{resize:vertical;min-height:60px;font-family:inherit}.api-form-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.api-form-actions .btn-primary,.api-form-actions .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;transition:background .15s}.api-form-actions .btn-primary{background:var(--primary-600);color:#fff}.api-form-actions .btn-primary:hover:not(:disabled){background:var(--primary-700)}.api-form-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.api-form-actions .btn-secondary{background:var(--gray-200);color:var(--gray-700)}.api-form-actions .btn-secondary:hover{background:var(--gray-300)}.api-tester-response{margin-top:var(--space-4)}.api-response-status{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);padding:4px 10px;border-radius:4px;display:inline-block}.api-response-status.success{background:#dcfce7;color:#166534}.api-response-status.error{background:#fee2e2;color:#991b1b}:root[data-theme=dark] .api-card{background:var(--gray-800);border-color:var(--gray-700)}:root[data-theme=dark] .api-card h3{color:var(--gray-100)}:root[data-theme=dark] .api-card p,:root[data-theme=dark] .api-card ul{color:var(--gray-300)}:root[data-theme=dark] .api-description{color:var(--gray-300)}:root[data-theme=dark] .api-description code{background:var(--gray-700);color:var(--gray-200)}:root[data-theme=dark] .api-code-block{background:#0d1117}:root[data-theme=dark] .api-table th{color:var(--gray-200);border-bottom-color:var(--gray-600)}:root[data-theme=dark] .api-table td{color:var(--gray-300);border-bottom-color:var(--gray-700)}:root[data-theme=dark] .api-table code{background:var(--gray-700);color:var(--gray-200)}:root[data-theme=dark] .api-tester{background:var(--gray-800);border-color:var(--gray-700)}:root[data-theme=dark] .api-form-row input,:root[data-theme=dark] .api-form-row select,:root[data-theme=dark] .api-form-row textarea{background:var(--gray-900);border-color:var(--gray-600);color:var(--gray-100)}:root[data-theme=dark] .api-form-row label{color:var(--gray-400)}:root[data-theme=dark] .api-docs-tabs{border-bottom-color:var(--gray-700)}.api-debug-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.api-debug-controls .api-form-row{flex:1;min-width:180px}.api-debug-actions{display:flex;gap:var(--space-2);align-items:flex-end;padding-bottom:2px}.api-debug-actions .btn-primary,.api-debug-actions .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;transition:background .15s}.api-debug-actions .btn-primary{background:var(--primary-600);color:#fff}.api-debug-actions .btn-primary:hover:not(:disabled){background:var(--primary-700)}.api-debug-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.api-debug-actions .btn-secondary{background:var(--gray-200);color:var(--gray-700)}.api-debug-actions .btn-secondary:hover:not(:disabled){background:var(--gray-300)}.api-debug-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.api-debug-sessions{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-200)}.api-debug-sessions h4{font-size:var(--text-sm);font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:6px;margin-bottom:var(--space-2)}.api-debug-countdown{background:var(--warning-50);color:var(--warning-700);padding:2px 8px;border-radius:4px;font-size:var(--text-xs);font-weight:600;margin-left:8px}.api-debug-session-row{display:flex;align-items:center;gap:var(--space-2);padding:6px 0}.api-debug-session-id{font-family:monospace;font-size:var(--text-xs);background:var(--gray-100);padding:2px 6px;border-radius:4px}.api-debug-session-channel{font-size:var(--text-xs);color:var(--gray-500);flex:1}.btn-ghost{background:none;border:none;cursor:pointer;color:var(--gray-500);padding:4px 8px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs)}.btn-ghost:hover{background:var(--gray-100);color:var(--danger-500)}.btn-sm{font-size:var(--text-xs);padding:2px 6px}.api-debug-stream{max-height:600px;display:flex;flex-direction:column}.api-debug-stream h3{display:flex;align-items:center;gap:var(--space-2)}.api-debug-badge{background:var(--primary-100);color:var(--primary-700);font-size:var(--text-xs);padding:2px 8px;border-radius:10px;font-weight:600}.api-debug-messages{flex:1;overflow-y:auto;max-height:480px;padding:var(--space-2) 0;display:flex;flex-direction:column;gap:var(--space-2)}.api-debug-empty{text-align:center;color:var(--gray-400);font-size:var(--text-sm);padding:var(--space-6) 0}.api-debug-msg-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden}.api-debug-msg-header{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;background:var(--gray-100);border-bottom:1px solid var(--gray-200);font-size:var(--text-xs)}.api-debug-msg-type{font-weight:700;color:var(--primary-600);text-transform:uppercase}.api-debug-msg-time{color:var(--gray-500)}.api-debug-msg-channel{color:var(--gray-400);font-family:monospace;margin-left:auto}.api-debug-msg-body{padding:8px 12px;font-size:11px;line-height:1.5;margin:0;max-height:200px;overflow-y:auto;background:var(--gray-900);color:var(--gray-100);font-family:JetBrains Mono,Fira Code,monospace}:root[data-theme=dark] .api-debug-sessions{border-top-color:var(--gray-700)}:root[data-theme=dark] .api-debug-sessions h4{color:var(--gray-200)}:root[data-theme=dark] .api-debug-session-id{background:var(--gray-700);color:var(--gray-200)}:root[data-theme=dark] .api-debug-msg-card{background:var(--gray-800);border-color:var(--gray-700)}:root[data-theme=dark] .api-debug-msg-header{background:var(--gray-750);border-bottom-color:var(--gray-700)}:root[data-theme=dark] .api-debug-empty{color:var(--gray-500)}:root[data-theme=dark] .btn-ghost:hover{background:var(--gray-700)}.api-endpoints-layout{display:flex;gap:0;height:100%;min-height:0}.api-endpoints-list{flex:1;overflow-y:auto;padding:0;min-width:0}.api-endpoints-list .api-card{margin-bottom:var(--space-3)}.api-global-context{background:var(--gray-50);border:1px solid var(--gray-200)}.api-global-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.api-global-row--3{grid-template-columns:1.4fr 1fr 1fr}.api-endpoint-items{display:flex;flex-direction:column;gap:2px}.api-endpoint-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 12px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s}.api-endpoint-item:hover{background:var(--gray-50)}.api-endpoint-item.active{background:var(--primary-50);border:1px solid var(--primary-200)}.api-endpoint-path{font-size:12px;color:var(--gray-700);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-endpoint-desc{font-size:var(--text-xs);color:var(--gray-500);display:none}.api-endpoint-test-btn{font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--primary-300);background:var(--primary-50);color:var(--primary-700);cursor:pointer;white-space:nowrap;opacity:0;transition:opacity .15s}.api-endpoint-item:hover .api-endpoint-test-btn{opacity:1}.api-test-panel{width:0;overflow:hidden;transition:width .2s ease;border-right:none;display:flex;flex-direction:column;background:var(--white)}.api-test-panel.open{width:420px;min-width:420px;border-left:1px solid var(--gray-200);overflow-y:auto}.api-test-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gray-200);position:sticky;top:0;background:var(--white);z-index:1}.api-test-panel-title{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:var(--text-sm)}.api-test-panel-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.api-test-path{background:var(--gray-900);color:var(--gray-100);padding:8px 12px;border-radius:var(--radius-md);font-family:monospace;font-size:12px}.api-test-section{display:flex;flex-direction:column;gap:var(--space-2)}.api-test-section-label{font-size:var(--text-xs);font-weight:700;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:var(--space-2)}.api-test-body{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;line-height:1.5;padding:10px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);resize:vertical;min-height:80px;background:var(--white)}.api-test-body:focus{border-color:var(--primary-500);outline:none;box-shadow:0 0 0 2px var(--primary-100)}.api-test-actions{display:flex;gap:var(--space-2)}.api-test-actions .btn-primary,.api-test-actions .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;cursor:pointer;border:none;transition:background .15s}.api-test-actions .btn-primary{background:var(--primary-600);color:#fff}.api-test-actions .btn-primary:hover:not(:disabled){background:var(--primary-700)}.api-test-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.api-test-actions .btn-secondary{background:var(--gray-200);color:var(--gray-700)}.api-test-actions .btn-secondary:hover{background:var(--gray-300)}.api-test-response{max-height:300px;overflow-y:auto;font-size:11px}.api-response-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700;margin-left:8px}.api-response-badge.success{background:#dcfce7;color:#166534}.api-response-badge.error{background:#fee2e2;color:#991b1b}.api-test-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-400);gap:var(--space-2)}.api-test-empty p{font-size:var(--text-sm)}:root[data-theme=dark] .api-test-panel{background:var(--gray-800)}:root[data-theme=dark] .api-test-panel-header{background:var(--gray-800);border-bottom-color:var(--gray-700)}:root[data-theme=dark] .api-test-panel.open{border-left-color:var(--gray-700)}:root[data-theme=dark] .api-test-path{background:#0d1117}:root[data-theme=dark] .api-test-body{background:var(--gray-900);border-color:var(--gray-600);color:var(--gray-100)}:root[data-theme=dark] .api-global-context{background:var(--gray-800);border-color:var(--gray-700)}:root[data-theme=dark] .api-endpoint-item:hover{background:var(--gray-700)}:root[data-theme=dark] .api-endpoint-item.active{background:var(--primary-900);border-color:var(--primary-700)}:root[data-theme=dark] .api-endpoint-path{color:var(--gray-200)}@media(max-width:768px){.api-endpoints-layout{flex-direction:column}.api-test-panel.open{width:100%;min-width:100%;border-left:none;border-top:1px solid var(--gray-200);max-height:50vh}.api-global-row,.api-global-row--3{grid-template-columns:1fr}}[data-theme=dark]{color-scheme:dark;--gray-50: #0b1120;--gray-100: #111827;--gray-200: #1f2937;--gray-300: #374151;--gray-400: #6b7280;--gray-500: #9ca3af;--gray-600: #d1d5db;--gray-700: #e5e7eb;--gray-800: #f3f4f6;--gray-900: #f9fafb;--gray-950: #ffffff;--primary-50: #1e1b4b;--primary-100: #1e2463;--primary-200: #2f3c8f;--primary-300: #4f5fca;--primary-400: #6b80f7;--primary-500: #818cf8;--primary-600: #6366f1;--primary-700: #4f46e5;--primary-800: #3730a3;--primary-900: #312e81;--primary-950: #1e1b4b;--secondary-50: #042f2e;--secondary-100: #064e3b;--secondary-200: #065f46;--secondary-300: #059669;--secondary-400: #34d399;--secondary-500: #6ee7b7;--success-50: #052e16;--success-500: #4ade80;--success-600: #22c55e;--success-700: #16a34a;--warning-50: #422006;--warning-500: #fbbf24;--warning-600: #f59e0b;--danger-50: #450a0a;--danger-500: #f87171;--danger-600: #ef4444;--danger-700: #dc2626;--info-50: #172554;--info-500: #60a5fa;--info-600: #3b82f6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .2);--nav-bg: #0f172a;--nav-bg-shell: #0b1120;--nav-border: rgba(255, 255, 255, .06);--nav-text: rgba(255, 255, 255, .65);--nav-text-muted: rgba(255, 255, 255, .4);--nav-text-strong: rgba(255, 255, 255, .9);--nav-item-hover-bg: rgba(255, 255, 255, .08);--nav-item-hover-text: #fff;--nav-section-label: rgba(255, 255, 255, .4);--nav-overlay-bg: #1e293b;--nav-overlay-border: rgba(255, 255, 255, .12);--nav-overlay-item-text: rgba(255, 255, 255, .75);--nav-overlay-item-hover-bg: rgba(255, 255, 255, .08);--nav-overlay-label: rgba(255, 255, 255, .4);--nav-overlay-divider: rgba(255, 255, 255, .1);--nav-avatar-bg: rgba(255, 255, 255, .14);--nav-avatar-text: #fff;--nav-collapse-btn-color: rgba(255, 255, 255, .5);--nav-collapse-btn-hover-bg: rgba(255, 255, 255, .08)}[data-theme=dark] .app-content{background:var(--gray-50)}[data-theme=dark] .app-topbar__user-dropdown{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .app-topbar__user-dropdown-info{border-bottom-color:var(--gray-200)}[data-theme=dark] .app-topbar__user-dropdown-name{color:var(--gray-900)}[data-theme=dark] .app-topbar__user-dropdown-email{color:var(--gray-500)}[data-theme=dark] .app-topbar__user-dropdown-item{color:var(--gray-700)}[data-theme=dark] .app-topbar__user-dropdown-item:hover{background:var(--gray-200)}[data-theme=dark] .app-topbar__user-dropdown-item--danger{color:#f87171}[data-theme=dark] .app-topbar__user-dropdown-item--danger:hover{background:#450a0a}[data-theme=dark] .form-input{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-900)}[data-theme=dark] .form-input:focus{box-shadow:0 0 0 3px #6366f140}[data-theme=dark] .form-input::placeholder{color:var(--gray-400)}[data-theme=dark] .ui-card,[data-theme=dark] .ui-modal,[data-theme=dark] .ui-table-wrap,[data-theme=dark] .ui-table-empty{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .ui-card__header,[data-theme=dark] .ui-modal__header,[data-theme=dark] .ui-modal__footer{border-color:var(--gray-200)}[data-theme=dark] .ui-modal-overlay{background:#000000b3}[data-theme=dark] .ui-table th{color:var(--gray-500)}[data-theme=dark] .ui-table td{color:var(--gray-700)}[data-theme=dark] .ui-table th,[data-theme=dark] .ui-table td{border-bottom-color:var(--gray-200)}[data-theme=dark] .ui-table tbody tr:hover td{background:var(--gray-200)}[data-theme=dark] .ui-btn--secondary{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .ui-btn--secondary:hover{background:var(--gray-200)}[data-theme=dark] .ui-btn--ghost:hover{background:var(--gray-200);color:var(--gray-800)}[data-theme=dark] .ui-btn--primary{background:var(--primary-600);color:#fff}[data-theme=dark] .ui-btn--primary:hover{background:var(--primary-700)}[data-theme=dark] .icon-btn{color:var(--gray-500)}[data-theme=dark] .icon-btn:hover{background:var(--gray-200);color:var(--gray-700)}[data-theme=dark] .icon-btn--danger:hover{background:#ef444426;color:#f87171}[data-theme=dark] .icon-btn[data-tooltip]:after{background:var(--gray-300);color:var(--gray-900)}[data-theme=dark] .channel-card,[data-theme=dark] .channels-empty,[data-theme=dark] .channel-create-card,[data-theme=dark] .detail-card,[data-theme=dark] .qr-code{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .channel-card:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .channel-badge--active,[data-theme=dark] .channels-mini-step--done{background:#052e16;color:#4ade80}[data-theme=dark] .channel-badge--pending{background:#422006;color:#fbbf24}[data-theme=dark] .channel-badge--error{background:#450a0a;color:#f87171}[data-theme=dark] .channel-badge--setup-requested{background:#1e1b4b;color:#a5b4fc}[data-theme=dark] .channel-badge--setup-creating_bm,[data-theme=dark] .channel-badge--setup-verifying_bm{background:#172554;color:#60a5fa}[data-theme=dark] .channel-badge--setup-sending_sms,[data-theme=dark] .channel-badge--setup-waiting_sms{background:#422006;color:#fbbf24}[data-theme=dark] .channel-badge--setup-sms_received,[data-theme=dark] .channel-badge--setup-registering_phone{background:#431407;color:#fb923c}[data-theme=dark] .channel-badge--setup-active{background:#052e16;color:#4ade80}[data-theme=dark] .channel-badge--setup-failed{background:#450a0a;color:#f87171}[data-theme=dark] .step--active .step__number,[data-theme=dark] .channels-mini-step--active{color:#fff}[data-theme=dark] .review-notice{background:#422006;border-color:#78350f}[data-theme=dark] .review-notice p{color:#fbbf24}[data-theme=dark] .delete-confirm{background:#450a0a;border-color:#7f1d1d}[data-theme=dark] .delete-confirm p,[data-theme=dark] .channel-error{color:#f87171}[data-theme=dark] .btn--danger{background:#dc2626;color:#fff}[data-theme=dark] .btn--danger:hover{background:#b91c1c}[data-theme=dark] .btn--ghost.btn--danger{color:#f87171}[data-theme=dark] .setup-step--completed .setup-step__dot{background:#052e16;color:#4ade80}[data-theme=dark] .setup-step--active .setup-step__dot{color:#fff}[data-theme=dark] .setup-step--failed .setup-step__dot{background:#450a0a;color:#f87171}[data-theme=dark] .channels-modal-option__icon{background:#25d366;color:#fff}[data-theme=dark] .channels-modal-option__tag--primary{background:#1e1b4b;color:#a5b4fc}[data-theme=dark] .admin-empty,[data-theme=dark] .admin-stat-card,[data-theme=dark] .admin-filter-select,[data-theme=dark] .admin-inline-select,[data-theme=dark] .admin-table-container,[data-theme=dark] .admin-activity-list,[data-theme=dark] .admin-quick-link,[data-theme=dark] .admin-card{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .admin-inline-select,[data-theme=dark] .admin-filter-select{color:var(--gray-700)}[data-theme=dark] .admin-stat-card--warning{border-left-color:#f59e0b}[data-theme=dark] .admin-stat-card--danger{border-left-color:#ef4444}[data-theme=dark] .admin-badge--active,[data-theme=dark] .admin-badge--setup-active{background:#052e16;color:#4ade80}[data-theme=dark] .admin-badge--pending,[data-theme=dark] .admin-badge--warning,[data-theme=dark] .admin-badge--setup-sending_sms,[data-theme=dark] .admin-badge--setup-waiting_sms{background:#422006;color:#fbbf24}[data-theme=dark] .admin-badge--error,[data-theme=dark] .admin-badge--suspended,[data-theme=dark] .admin-badge--setup-failed{background:#450a0a;color:#f87171}[data-theme=dark] .admin-badge--info,[data-theme=dark] .admin-badge--meta,[data-theme=dark] .admin-badge--setup-creating_bm,[data-theme=dark] .admin-badge--setup-verifying_bm{background:#172554;color:#60a5fa}[data-theme=dark] .admin-badge--brzo{background:#4a044e;color:#e879f9}[data-theme=dark] .admin-badge--plan{background:#052e16;color:#4ade80}[data-theme=dark] .admin-badge--setup-requested{background:#1e1b4b;color:#a5b4fc}[data-theme=dark] .admin-badge--setup-sms_received,[data-theme=dark] .admin-badge--setup-registering_phone{background:#431407;color:#fb923c}[data-theme=dark] .admin-timeline-step--done .dot{background:#052e16;color:#4ade80}[data-theme=dark] .admin-timeline-step--current .dot{color:#fff}[data-theme=dark] .admin-timeline-step--failed .dot{background:#450a0a;color:#f87171}[data-theme=dark] .btn--outline{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .btn--outline:hover{background:var(--gray-200)}[data-theme=dark] .btn--danger-outline{background:transparent;border-color:#7f1d1d;color:#f87171}[data-theme=dark] .btn--danger-outline:hover{background:#450a0a}[data-theme=dark] .btn--success-outline{background:transparent;border-color:#166534;color:#4ade80}[data-theme=dark] .btn--success-outline:hover{background:#052e16}[data-theme=dark] .org-card{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .org-btn--danger{background:transparent;border-color:#7f1d1d;color:#f87171}[data-theme=dark] .org-btn--danger:hover{background:#450a0a}[data-theme=dark] .template-status--pending{background:#422006;color:#fbbf24}[data-theme=dark] .template-status--approved{background:#052e16;color:#4ade80}[data-theme=dark] .template-status--rejected{background:#450a0a;color:#f87171}[data-theme=dark] .template-preview{background:#1a2332}[data-theme=dark] .template-preview__bubble{background:var(--gray-100);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .template-preview__buttons button{background:#ffffff0f;color:var(--gray-700)}[data-theme=dark] .webhook-status--active{background:#052e16;color:#4ade80}[data-theme=dark] .webhook-status--error{background:#450a0a;color:#f87171}[data-theme=dark] .webhook-scope-badge--global{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .webhook-scope-badge--channel{background:#0d2137;color:#64b5f6}[data-theme=dark] .token-created-banner{background:#052e16;border-color:#166534;color:#4ade80}[data-theme=dark] .token-created-banner code{border-color:#166534;background:#041f14;color:#86efac}[data-theme=dark] .log-status-badge--success{background:#052e16;color:#4ade80}[data-theme=dark] .log-status-badge--fail{background:#450a0a;color:#f87171}[data-theme=dark] .ai-agent-status--draft{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .ai-agent-status--active{background:#052e16;color:#4ade80}[data-theme=dark] .ai-agent-status--inactive{background:#450a0a;color:#f87171}[data-theme=dark] .ai-agent-name-cell__icon{background:#8b5cf630}[data-theme=dark] .ai-agent-provider-badge{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .ai-agent-mcp-select__item{border-color:var(--gray-600)}[data-theme=dark] .ai-agent-mcp-select__item:hover{background:var(--gray-700)}[data-theme=dark] .mcp-server-transport{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .mcp-tool-card{border-color:var(--gray-600)}[data-theme=dark] .mcp-tool-enabled--yes{background:#052e16;color:#4ade80}[data-theme=dark] .mcp-tool-enabled--no{background:#450a0a;color:#f87171}[data-theme=dark] .mcp-tool-schema pre{background:var(--gray-800);color:var(--gray-200)}[data-theme=dark] .wf-ai-agent-preview{background:var(--gray-800)}[data-theme=dark] .wf-ai-agent-preview__row span{color:var(--gray-400)}[data-theme=dark] .wf-ai-agent-preview__row strong{color:var(--gray-200)}[data-theme=dark] .auth-left{background:var(--gray-50)}[data-theme=dark] .auth-logo,[data-theme=dark] .auth-title{color:var(--gray-900)}[data-theme=dark] .auth-subtitle{color:var(--gray-500)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--gray-200);background:transparent;color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.app-topbar__actions{display:flex;align-items:center;gap:var(--space-2)}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--gray-100)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}[data-theme=dark] ::selection{background:#6366f14d;color:#fff}[data-theme=dark] .chat__search{padding:var(--space-4) var(--space-3);background:var(--gray-100);border-top-left-radius:10px}[data-theme=dark] .chat__filters,.chat__conversations{background:var(--gray-100)}[data-theme=dark] .chat{border-color:var(--gray-200);background:var(--gray-100)}[data-theme=dark] .chat__sidebar{border-color:var(--gray-200);background:var(--gray-200)}[data-theme=dark] .chat__sidebar-header{background:var(--gray-100)}[data-theme=dark] .chat__channel-select,[data-theme=dark] .chat__search-input{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .chat__conv-item{border-color:var(--gray-200)}[data-theme=dark] .chat__main{background:var(--gray-100)}[data-theme=dark] .chat__main-header{background:var(--gray-200);border-color:var(--gray-300);border-bottom-color:var(--gray-200)}[data-theme=dark] .chat__input-emoji-panel{background:var(--gray-200);border-color:var(--gray-300)}[data-theme=dark] .chat__messages{background:var(--gray-50);background-image:none}[data-theme=dark] .chat__bubble--received{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-800)}[data-theme=dark] .chat__bubble--sent{background:var(--primary-600)}[data-theme=dark] .chat__date-divider span{background:var(--gray-200);color:var(--gray-500)}[data-theme=dark] .chat__input-area{background:var(--gray-100);border-color:var(--gray-200)}[data-theme=dark] .chat__input-textarea{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .chat__new-conv-form{background:var(--primary-50);border-color:var(--gray-200);margin-bottom:5px;margin-left:5px;margin-right:5px;border-radius:10px}[data-theme=dark] .chat__new-conv-input{background:var(--gray-200);border-color:var(--gray-300);color:var(--gray-700)}[data-theme=dark] .chat__placeholder{background:var(--gray-50)}[data-theme=dark] .chat__bubble-media{background:var(--gray-300)}[data-theme=dark] .chat__bubble--sent .chat__bubble-media{background:#ffffff1a}[data-theme=dark] .chat__tabs{background:var(--gray-900);border-bottom-color:var(--gray-700)}[data-theme=dark] .chat__tab{color:var(--gray-400)}[data-theme=dark] .chat__tab:hover{color:var(--gray-200);background:var(--gray-800)}[data-theme=dark] .chat__tab--active{color:var(--primary-400);border-bottom-color:var(--primary-400)}[data-theme=dark] .chat__tab--active:hover{background:transparent}[data-theme=dark] .chat__conv-name{color:var(--gray-800)}[data-theme=dark] .chat__conv-item:hover,[data-theme=dark] .chat__conv-item--active,[data-theme=dark] .chat__conv-item--active:hover{background:var(--gray-200)}[data-theme=dark] .chat__conv-msg-badge{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .chat__conv-unread-badge{background:var(--primary-500)}[data-theme=dark] .chat__media-doc-link{background:var(--gray-700);color:var(--primary-300)}[data-theme=dark] .chat__reaction-emoji{background:var(--gray-700)}[data-theme=dark] .chat__reply-bar{background:var(--gray-300);border-top-color:var(--gray-300);color:var(--primary-500)}[data-theme=dark] .chat__bubble-reply-indicator{background:var(--gray-700);border-left-color:var(--primary-400);color:var(--primary-300)}[data-theme=dark] .chat__filter-pills{background:var(--gray-100);color:var(--primary-300)}[data-theme=dark] .chat__bubble-action-btn{background:#000000b3;color:var(--gray-300)}[data-theme=dark] .chat__mic-btn{background:var(--gray-200);color:var(--gray-400)}[data-theme=dark] .chat__contact-panel{background:var(--gray-200);border-left-color:var(--gray-300)}[data-theme=dark] .chat__contact-panel-header{background:var(--gray-200);border-bottom-color:var(--gray-300)}[data-theme=dark] .chat__contact-panel-header h4,[data-theme=dark] .chat__contact-panel-name,[data-theme=dark] .chat__contact-field{color:var(--gray-800)}[data-theme=dark] .chat__contact-field svg{color:var(--gray-500)}[data-theme=dark] .chat__contact-field--block p{background:var(--gray-800);color:var(--gray-300)}[data-theme=dark] .chat__contact-tag{background:var(--gray-700);color:var(--primary-300)}[data-theme=dark] .chat__info-btn{background:var(--gray-700);color:var(--gray-300)}[data-theme=dark] .chat__info-btn:hover{background:var(--gray-600);color:var(--gray-100)}