code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.whatsapp-settings-container{background:#1a1d23;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.whatsapp-left-panel{background:#2e333d;border-radius:40px 0 0 40px;display:flex;flex-direction:column;margin-left:50px;width:450px}.whatsapp-settings-header{background:#2e333d;padding:24px 24px 16px}.whatsapp-settings-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.whatsapp-settings-title h1{color:#fff;font-size:22px;font-weight:600;letter-spacing:.2px;margin:0}.whatsapp-settings-title .icon{color:#3b82f6;flex-shrink:0}.whatsapp-status-card{background:#374151;border-radius:16px;margin-bottom:12px;padding:16px}.whatsapp-status-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.whatsapp-status-row:last-child{margin-bottom:0}.whatsapp-status-label{align-items:center;color:#e5e7eb;display:flex;font-size:14px;font-weight:500;gap:8px}.whatsapp-status-value{font-size:14px;font-weight:600}.whatsapp-status-value.connected{color:#10b981}.whatsapp-status-value.connecting{color:#f59e0b}.whatsapp-status-value.disconnected{color:#ef4444}.whatsapp-phone-number{color:#10b981}.whatsapp-settings-content{background:#2e333d;flex:1 1;overflow-y:auto;padding:0 24px 24px}.whatsapp-settings-section{margin-bottom:24px}.whatsapp-section-title{align-items:center;color:#e5e7eb;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.whatsapp-section-title .icon{color:#3b82f6;flex-shrink:0}.whatsapp-setting-item{align-items:center;background:#374151;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px;transition:all .2s ease}.whatsapp-setting-item:hover{background:#4b5563;transform:translateX(2px)}.whatsapp-setting-item:last-child{margin-bottom:0}.whatsapp-setting-label{color:#e5e7eb;font-size:14px;font-weight:500}.whatsapp-toggle-container{cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none}.whatsapp-toggle{background:#6b7280;border-radius:12px;cursor:pointer;height:24px;pointer-events:auto;position:relative;transition:background .3s ease;width:44px}.whatsapp-toggle.active{background:#3b82f6}.whatsapp-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.whatsapp-toggle.active .whatsapp-toggle-thumb{transform:translateX(20px)}.whatsapp-setting-content{gap:8px;width:100%}.whatsapp-setting-input{background:#4b5563;border:1px solid #6b7280;border-radius:8px;color:#e5e7eb;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.whatsapp-setting-input:focus{background:#374151;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.whatsapp-setting-input::placeholder{color:#9ca3af}.whatsapp-input-container{align-items:center;display:flex;position:relative}.whatsapp-input-container .whatsapp-setting-input{padding-left:40px}.whatsapp-input-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.whatsapp-info-card{background:#374151;border-radius:12px;margin-bottom:16px;padding:16px}.whatsapp-info-text{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.whatsapp-section-toggle{align-items:center;background:none;border:none;color:#e5e7eb;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:16px 0;transition:color .2s ease;width:100%}.whatsapp-section-toggle:hover{color:#3b82f6}.whatsapp-chevron{color:#9ca3af;transition:transform .3s ease}.whatsapp-chevron.rotated{transform:rotate(180deg)}.whatsapp-advanced-content{padding-top:0}.whatsapp-feature-card{background:#374151;border:1px solid #4b5563;border-radius:12px;margin-bottom:12px;padding:16px}.whatsapp-setting-info{align-items:center;display:flex;flex:1 1;gap:12px}.whatsapp-setting-icon{align-items:center;background:#4b5563;border-radius:8px;color:#9ca3af;display:flex;height:32px;justify-content:center;width:32px}.whatsapp-setting-content{display:flex;flex-direction:column;gap:2px}.whatsapp-setting-description{color:#9ca3af;font-size:13px;line-height:1.4}.whatsapp-sub-setting{border-top:1px solid #4b5563;margin-top:12px;padding-top:12px}.whatsapp-sub-setting .whatsapp-setting-info{gap:0}.whatsapp-sub-setting .whatsapp-setting-icon{display:none}.whatsapp-stats-grid{grid-gap:12px;border-top:1px solid #4b5563;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:16px}.whatsapp-stat-card{background:#4b5563;border-radius:8px;padding:12px;text-align:center}.whatsapp-stat-value{color:#3b82f6;font-size:20px;font-weight:600;margin-bottom:4px}.whatsapp-stat-label{color:#9ca3af;font-size:12px;line-height:1.3}.whatsapp-settings-actions{background:#2e333d;border-top:1px solid #4b5563;display:flex;gap:12px;justify-content:center;margin:-10px -24px -24px;padding:20px 24px}.whatsapp-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.whatsapp-action-button-primary{background:#3b82f6;color:#fff}.whatsapp-action-button-primary:hover{background:#2563eb}.whatsapp-action-button-secondary{background:#4b5563;color:#e5e7eb}.whatsapp-action-button-secondary:hover{background:#6b7280}.whatsapp-action-button.danger{background:#ef4444;background:var(--danger-color);color:#fff}.whatsapp-action-button.danger:hover{background:#dc2626}.whatsapp-right-panel{background:#2d3748;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.whatsapp-textarea{background:#374151;border:1px solid #4b5563;border-radius:0;color:#e5e7eb;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;min-height:120px;padding:12px 16px;resize:vertical;transition:border-color .2s ease;width:100%}.whatsapp-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.whatsapp-textarea::placeholder{color:#9ca3af}.whatsapp-upload-area{background:#374151;border:2px dashed #4b5563;border-radius:0;cursor:pointer;padding:32px 24px;text-align:center;transition:all .2s ease}.whatsapp-upload-area:hover{background:#3a4553;border-color:#3b82f6}.whatsapp-upload-text{color:#e5e7eb;font-size:14px;font-weight:500;margin:0 0 4px}.whatsapp-upload-hint{color:#9ca3af;font-size:12px;margin:0}.whatsapp-qr-container{max-width:400px}.whatsapp-qr-code{box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:20px}.whatsapp-qr-title{font-size:24px;margin-bottom:12px}.whatsapp-qr-description{font-size:16px;line-height:1.5;margin-bottom:24px}.whatsapp-qr-steps{background:#2e333d;padding:20px}.whatsapp-qr-step{gap:12px;margin-bottom:16px}.whatsapp-step-number{font-size:12px}.whatsapp-step-text{color:#e5e7eb;font-size:14px;line-height:1.4}.whatsapp-ready-icon{background:#374151;margin:0 auto 24px}.whatsapp-ready-title{font-size:24px;margin-bottom:12px}.whatsapp-ready-description{font-size:16px;line-height:1.5;margin:0 auto;max-width:300px}.whatsapp-notification{align-items:center;animation:slideIn .3s ease;background:#3b82f6;border-radius:12px;box-shadow:0 8px 32px #0003;color:#fff;display:flex;gap:12px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.whatsapp-notification-text{font-size:14px;font-weight:500}.whatsapp-settings-content::-webkit-scrollbar{width:6px}.whatsapp-settings-content::-webkit-scrollbar-track{background:#0000}.whatsapp-settings-content::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.whatsapp-settings-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.whatsapp-qr-panel{align-items:center;border-radius:0 40px 40px 0;display:flex;flex:1 1;justify-content:center;margin-right:50px;padding:2rem}.whatsapp-qr-container{max-width:500px;text-align:center;width:100%}.whatsapp-qr-code{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000004d;display:inline-block;margin-bottom:2rem;padding:1.5rem}.whatsapp-qr-title{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.whatsapp-qr-description{color:#9ca3af;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.whatsapp-qr-steps{background:#343a46;background:var(--card-bg);border-radius:12px;padding:1.5rem;text-align:left}.whatsapp-qr-step{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1rem}.whatsapp-qr-step:last-child{margin-bottom:0}.whatsapp-step-number{align-items:center;background:#3b82f6;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:24px;justify-content:center;margin-top:2px;width:24px}.whatsapp-step-text{color:#9ca3af;color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0}.whatsapp-ready-state{flex-direction:column;height:100%;margin:0 auto;max-width:400px;text-align:center;width:100%}.whatsapp-ready-icon,.whatsapp-ready-state{align-items:center;display:flex;justify-content:center}.whatsapp-ready-icon{background:#343a46;background:var(--card-bg);border-radius:50%;color:#9ca3af;color:var(--text-secondary);height:80px;margin:0 auto 1.5rem;width:80px}.whatsapp-ready-title{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.whatsapp-ready-description{color:#9ca3af;color:var(--text-secondary);line-height:1.6;text-align:center}.whatsapp-connected-state{max-width:400px;text-align:center}.whatsapp-connected-icon{align-items:center;background:#10b981;background:var(--success-color);border-radius:50%;color:#fff;display:flex;height:96px;justify-content:center;margin:0 auto 1.5rem;width:96px}.whatsapp-connected-title{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.whatsapp-connected-description{color:#9ca3af;color:var(--text-secondary);line-height:1.6}@media (max-width:768px){.whatsapp-settings-container{flex-direction:column}.whatsapp-left-panel{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color);border-radius:0;border-right:none;height:auto;margin-left:0;width:100%}.whatsapp-qr-panel{border-radius:0;margin-right:0;padding:1.5rem;width:100%}.whatsapp-qr-code{padding:1rem}.whatsapp-qr-code img{height:200px!important;width:200px!important}}.chat-list-panel{background:#2e333d;border-radius:40px 0 0 0;height:100%;max-width:400px;min-width:260px;width:340px;z-index:1}.chat-window-panel{background:#2e333d;border-radius:0 40px 40px 40px;height:100%;min-width:0;z-index:2}.chat-list-header{align-items:flex-end;background:#2e333d;border-radius:0;box-sizing:border-box;display:flex;min-height:64px;padding:24px 24px 8px}.chat-list-title{color:#fff;flex:1 1;font-size:22px;font-weight:600;letter-spacing:.2px;margin:0}.chat-list-search{background:#2e333d;border-radius:0;box-sizing:border-box;padding:12px 24px 16px}.search-input{background:#374151;border:none;border-radius:16px;color:#fff;font-size:15px;outline:none;padding:10px 16px;transition:background .18s;width:100%}.search-input::placeholder{color:#9ca3af;opacity:1}.search-input:focus{background:#4b5563}.chat-list-content{background:#2e333d;border-radius:0;flex:1 1;min-height:0;overflow-y:auto;padding:0 8px 8px}.chat-item{align-items:center;background:none;border-radius:10px;cursor:pointer;display:flex;margin-bottom:6px;min-height:56px;padding:10px 12px;transition:background .18s}.chat-item.selected,.chat-item:hover{background:#374151}.chat-avatar{align-items:center;background:#374151;display:flex;height:44px;justify-content:center;margin-right:14px;overflow:hidden;position:relative;width:44px}.chat-avatar,.chat-avatar img{border-radius:12px;transform:none!important;transition:none!important}.chat-avatar img{display:block;height:100%;object-fit:cover;opacity:1!important;width:100%}.avatar-fallback{align-items:center;background:#374151;border-radius:12px;color:#fff;display:flex;font-size:18px;font-weight:600;height:100%;justify-content:center;width:100%}.chat-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-name{color:#fff;font-size:16px;font-weight:500;margin-bottom:2px}.chat-last-message,.chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-last-message{color:#9ca3af;font-size:14px}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;margin-left:8px;min-width:48px}.chat-time{color:#9ca3af;font-size:13px;margin-bottom:4px}.chat-unread{background:#3b82f6;border-radius:8px;color:#fff;font-size:12px;font-weight:600;min-width:24px;padding:2px 8px;text-align:center}.empty-state{align-items:center;background:#1e293b;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{color:#4b5563;font-size:64px;margin-bottom:24px;opacity:.6}.empty-state-title{color:#fff;font-size:24px;font-weight:600;letter-spacing:.3px;margin-bottom:8px}.empty-state-subtitle{color:#9ca3af;font-size:16px;line-height:1.5;margin-bottom:16px;max-width:400px}.connection-status{align-items:center;background:#ffffff0d;border-radius:20px;color:#9ca3af;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:8px 16px}.chat-window{background-color:#2e333d;display:flex;flex-direction:column;height:100%}.chat-header{align-items:center;background:#2e333d;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0000001a;display:flex;padding:16px 24px}.back-button{background:none;border:none;border-radius:12px;color:#9ca3af;cursor:pointer;margin-right:16px;padding:8px;transition:all .2s ease}.back-button:hover{background-color:#ffffff1a;color:#fff}.chat-header-info{display:flex;flex:1 1;flex-direction:column}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;margin-right:12px;margin-top:4px;overflow:hidden;width:40px}.chat-header-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.chat-header-name{color:#fff;font-size:18px;font-weight:600;letter-spacing:.3px;margin-bottom:2px}.chat-header-status{color:#9ca3af;font-size:13px;font-weight:400}.chat-messages{background:#2e333d;flex:1 1;overflow-y:auto;padding:20px}.message{align-items:flex-end;display:flex;gap:8px;margin-bottom:16px}.message.message-incoming{justify-content:flex-start;margin-left:60px}.message.message-outgoing{justify-content:flex-end}.message-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-right:8px;margin-top:4px;overflow:hidden;width:32px}.message-outgoing .message-avatar{order:2}.message-avatar img{border-radius:50%;height:100%;object-fit:cover;transition:none;width:100%}.message-content{display:flex;flex-direction:column;max-width:70%;order:2}.message-outgoing .message-content{align-items:flex-end;order:1}.message-sender{color:#9ca3af;font-size:12px;font-weight:500;margin-bottom:4px;padding:0 4px}.message-bubble{word-wrap:break-word;background:#374151;border-radius:18px;box-shadow:0 2px 8px #00000026;max-width:100%;padding:12px 16px;position:relative}.message-outgoing .message-bubble{background:#0084ff;border-radius:18px 18px 4px 18px;color:#fff}.message-incoming .message-bubble{background:#374151;border-radius:18px 18px 18px 4px;color:#f3f4f6}.message-text{word-wrap:break-word;color:#fff;font-size:14px;line-height:1.4;margin:0}.message-time{align-items:center;color:#fff9;display:flex;font-size:11px;gap:4px;margin-top:4px}.message-incoming .message-time{color:#9ca3af}.message-status{color:#fffc}.chat-input{background-color:#2e333d;gap:12px;padding:16px 24px}.chat-input,.input-container{align-items:center;display:flex}.input-container{background-color:#374151;border-radius:28px;flex:1 1;padding:12px 20px}.message-input{background:none;border:none;color:#fff;flex:1 1;font-size:14px;outline:none;padding:8px 0}.message-input::placeholder{color:#9ca3af}.input-button{background:none;border:none;border-radius:12px;color:#9ca3af;cursor:pointer;font-size:16px;padding:10px;transition:background-color .2s ease}.input-button:hover{background-color:#4b5563}.send-button{background-color:#3b82f6;border-radius:22px;height:44px;transition:background-color .2s ease;width:44px}.send-button:hover{background-color:#2563eb}.send-button:disabled{background-color:#4b5563;color:#9ca3af}.chat-list-content::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:6px}.chat-list-content::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:#0000}.chat-list-content::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px}.chat-list-content::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#6b7280}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background-color:#111827}.app{display:flex;height:100vh;overflow:hidden}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}.main-content{background:#2e333d;border-radius:40px 0 0 40px;box-shadow:0 8px 32px #0000001a;display:flex;flex:1 1;flex-direction:row;height:100vh;min-width:0;position:relative}.content-placeholder{align-items:center;color:#e5e7eb;flex-direction:column;font-size:20px;font-weight:400;justify-content:center;letter-spacing:.1px}.content-placeholder,.settings-content-panel{background:#2e333d;border-radius:40px 0 40px 40px;display:flex;height:100%}.settings-content-panel{flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.sidebar{background:#181c23;border-radius:0;box-shadow:2px 0 8px 0 #0000000a;justify-content:space-between;min-height:100vh;padding:18px 0 12px;width:90px}.sidebar,.sidebar-header{align-items:center;display:flex;flex-direction:column}.sidebar-header{margin-bottom:18px;width:100%}.sidebar-menu-custom{gap:14px;margin-top:32px;width:100%}.sidebar-item-custom,.sidebar-menu-custom{align-items:center;display:flex;flex-direction:column}.sidebar-item-custom{background:#0000;border:none;border-radius:16px;color:#7d8892;cursor:pointer;font-size:18px;height:64px;justify-content:center;margin-bottom:2px;position:relative;transition:background .18s,color .18s,transform .18s;width:88px}.sidebar-item-custom.active,.sidebar-item-custom:hover{background:#232733;color:#fff;transform:scale(1.05)}.sidebar-label-custom{color:#7d8892;font-size:10px;font-weight:500;letter-spacing:.1px;margin-top:3px;text-align:center;transition:color .18s}.sidebar-item-custom.active .sidebar-label-custom,.sidebar-item-custom:hover .sidebar-label-custom{color:#fff}.sidebar-avatar-block{align-items:center;display:flex;flex-direction:column;margin-bottom:8px;width:100%}.sidebar-avatar-custom{border:2px solid #232733;border-radius:50%;box-shadow:0 2px 8px 0 #0000001a;height:48px;object-fit:cover;width:48px}.sidebar-logo{background:#2e333d;border-radius:12px;box-shadow:0 2px 8px 0 #0000000f;color:#fff;font-size:18px;font-weight:700;height:40px;justify-content:center;letter-spacing:1px;margin-bottom:8px;-webkit-user-select:none;user-select:none;width:40px}.sidebar-logo,.sidebar-menu{align-items:center;display:flex}.sidebar-menu{flex:1 1;flex-direction:column;gap:18px;width:100%}.sidebar-item{align-items:center;border-radius:12px;color:#7d8892;cursor:pointer;display:flex;font-size:16px;height:46px;justify-content:center;margin-bottom:2px;position:relative;transition:background .18s,color .18s,transform .18s;width:58px}.sidebar-item.active,.sidebar-item:hover{background:#232b32;color:#fff;transform:scale(1.08)}.sidebar-item.active{box-shadow:0 2px 8px 0 #0000000f}.sidebar-item.active:after{background:none;border-radius:0;box-shadow:none;content:"";height:0;position:absolute;right:-10px;width:0}.whatsapp-settings{background:#2e333d;border-radius:40px 0 40px 40px;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:0}.settings-header{background:#2e333d;border-bottom:1px solid #3b4a54;border-radius:40px 0 0 0;box-shadow:0 2px 12px #00000026;padding:32px 40px 24px}.settings-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:.3px;margin:0 0 12px;text-shadow:0 1px 2px #0000001a}.settings-subtitle{color:#8696a0;font-size:17px;font-weight:400;line-height:1.6;margin:0;opacity:.9}.connection-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232b32;border:1px solid #3b4a54;border-radius:20px;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;margin:32px 40px;padding:40px;transition:all .3s ease}.connection-card:hover{box-shadow:0 12px 40px #00000040,0 4px 12px #00000026;transform:translateY(-2px)}.status-container{align-items:center;display:flex;flex-direction:column;text-align:center}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 4px 20px #00000026;display:flex;font-size:18px;font-weight:600;gap:16px;letter-spacing:.5px;margin-bottom:32px;padding:20px 32px;transition:all .3s ease}.status-indicator.connected{background:linear-gradient(135deg,#00a88426,#00a8840d);border:2px solid #00a8844d;box-shadow:0 4px 20px #00a88433,0 0 0 1px #00a8841a;color:#00d4aa}.status-indicator.connecting{background:linear-gradient(135deg,#ffc10726,#ffc1070d);border:2px solid #ffc1074d;box-shadow:0 4px 20px #ffc10733,0 0 0 1px #ffc1071a;color:#ffdb4d}.status-indicator.disconnected{background:linear-gradient(135deg,#f4433626,#f443360d);border:2px solid #f443364d;box-shadow:0 4px 20px #f4433633,0 0 0 1px #f443361a;color:#ff6b6b}.phone-number{background:linear-gradient(135deg,#2e333d,#3b4a54);border:1px solid #4a5862;border-radius:12px;box-shadow:0 4px 16px #0003,inset 0 1px 0 #ffffff1a;color:#fff;font-size:20px;letter-spacing:.5px;margin-bottom:24px;padding:16px 24px;text-align:center}.qr-container{align-items:center;display:flex;flex-direction:column;text-align:center}.qr-code{background:#fff;border:4px solid #232b32;border-radius:24px;box-shadow:0 12px 48px #0000004d,0 4px 16px #0000001a;height:280px;margin-bottom:32px;padding:20px;transition:all .3s ease;width:280px}.qr-code:hover{box-shadow:0 16px 64px #0006,0 6px 24px #00000026;transform:scale(1.02)}.qr-instructions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#232b3299;border:1px solid #3b4a54;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:#8696a0;font-size:16px;line-height:1.8;margin-bottom:32px;max-width:450px;padding:24px}.connect-button{background:linear-gradient(135deg,#00a884,#00d4aa);border:none;border-radius:16px;box-shadow:0 6px 24px #00a8844d,0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:.5px;min-width:220px;overflow:hidden;padding:18px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.connect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.connect-button:hover:not(:disabled){background:linear-gradient(135deg,#008f6f,#00a884);box-shadow:0 8px 32px #00a88466,0 4px 16px #00000026;transform:translateY(-2px)}.connect-button:hover:not(:disabled):before{left:100%}.connect-button:disabled{background:linear-gradient(135deg,#3b4a54,#4a5862);box-shadow:0 2px 8px #0000001a;color:#7d8892;cursor:not-allowed;transform:none}.generate-qr-button{background:linear-gradient(135deg,#00a884,#00d4aa);border:none;border-radius:12px;box-shadow:0 4px 16px #00a8844d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.3px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.generate-qr-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.generate-qr-button:hover{background:linear-gradient(135deg,#008f6f,#00a884);box-shadow:0 6px 24px #00a88466;transform:translateY(-2px)}.generate-qr-button:hover:before{left:100%}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#3b4a54;border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:#4a5862}.ai-settings-modern{background:#2e333d;height:100%;overflow-y:auto;padding:32px 40px}.ai-settings-header{color:#fff;gap:16px;margin-bottom:32px}.ai-settings-header h1{font-size:28px;font-weight:600;margin:0}.ai-settings-section{margin-bottom:24px}.ai-settings-section label{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:12px}.ai-input{background:#1a2027;border:2px solid #3b4a54;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.ai-input:focus{background:#232b32;border-color:#00a884;box-shadow:0 4px 16px #00a88426;outline:none;transform:translateY(-1px)}.ai-input:hover{border-color:#4a5862}.ai-textarea{background:#1a2027;border:2px solid #3b4a54;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:15px;line-height:1.5;min-height:120px;padding:16px 18px;resize:vertical;transition:all .3s ease;width:100%}.ai-textarea:focus{background:#232b32;border-color:#00a884;box-shadow:0 4px 16px #00a88426;outline:none;transform:translateY(-1px)}.ai-textarea:hover{border-color:#4a5862}.ai-switch-label{align-items:center;cursor:pointer;display:flex;gap:12px}.ai-switch{display:none}.ai-switch-slider{border-radius:12px;height:24px;transition:background .3s;width:50px}.ai-switch-slider:before{height:20px;left:2px;top:2px;transition:transform .3s;width:20px}.ai-switch:checked+.ai-switch-slider{background:#00a884}.ai-switch:checked+.ai-switch-slider:before{transform:translateX(26px)}.ai-switch-status{color:#8696a0;font-size:14px}.behavior-styles{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.behavior-checkbox{align-items:center;background:linear-gradient(135deg,#1a2027,#232b32);border:2px solid #3b4a54;border-radius:16px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 20px;position:relative;transition:all .3s ease}.behavior-checkbox:before{background:linear-gradient(135deg,#00a8841a,#00a8840d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.behavior-checkbox:hover{background:linear-gradient(135deg,#232b32,#2a3942);border-color:#00a884;box-shadow:0 8px 24px #00a88426;transform:translateY(-2px)}.behavior-checkbox:hover:before{opacity:1}.behavior-checkbox input[type=checkbox]{accent-color:#00a884;cursor:pointer;height:20px;position:relative;width:20px;z-index:1}.behavior-checkbox span{color:#fff;font-size:15px;font-weight:500;position:relative;z-index:1}.prompt-preview{background:#1a2027;border:1px solid #3b4a54;border-radius:8px;font-size:14px;line-height:1.5;min-height:60px;padding:16px}.ai-settings-actions{gap:16px;margin-top:32px}.ai-knowledge-base-btn,.ai-save-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;overflow:hidden;padding:16px 28px;position:relative;transition:all .3s ease}.ai-save-btn{background:linear-gradient(135deg,#00a884,#008f6f);box-shadow:0 4px 16px #00a8844d;color:#fff}.ai-save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ai-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#008f6f,#00a884);box-shadow:0 8px 24px #00a88466;transform:translateY(-2px)}.ai-save-btn:hover:not(:disabled):before{left:100%}.ai-save-btn:disabled{background:#3b4a54;box-shadow:none;color:#8696a0;cursor:not-allowed;transform:none}.ai-knowledge-base-btn{background:linear-gradient(135deg,#232b32,#2a3942);border:2px solid #3b4a54;box-shadow:0 4px 16px #0003;color:#fff}.ai-knowledge-base-btn:hover{background:linear-gradient(135deg,#2a3942,#354249);border-color:#4a5862;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.file-upload-area{display:flex;flex-direction:column;gap:16px}.file-input{display:none}.file-upload-label{align-items:center;background:linear-gradient(135deg,#1a2027,#232b32);border:2px dashed #3b4a54;border-radius:16px;color:#8696a0;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:20px;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:linear-gradient(135deg,#232b32,#2a3942);border-color:#00a884;box-shadow:0 8px 24px #00a88426;color:#fff;transform:translateY(-2px)}.attached-files{display:flex;flex-direction:column;gap:8px}.attached-file{align-items:center;background:#232b32;border:1px solid #3b4a54;border-radius:12px;color:#fff;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px}.attached-file span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{align-items:center;background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;margin-left:12px;transition:all .2s ease;width:24px}.remove-file-btn:hover{background:#ff3742;transform:scale(1.1)}.ai-switch-slider{background:#3b4a54;border-radius:14px;box-shadow:inset 0 2px 4px #0003;height:28px;position:relative;transition:all .3s ease;width:56px}.ai-switch-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;content:"";height:22px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:22px}.ai-switch:checked+.ai-switch-slider{background:linear-gradient(135deg,#00a884,#008f6f);box-shadow:0 4px 16px #00a8844d}.ai-switch:checked+.ai-switch-slider:before{box-shadow:0 4px 12px #0006;transform:translateX(28px)}.prompt-preview{background:linear-gradient(135deg,#1a2027,#232b32);border:2px solid #3b4a54;border-radius:16px;color:#8696a0;font-size:15px;font-style:italic;line-height:1.6;min-height:80px;overflow:hidden;padding:20px;position:relative;white-space:pre-wrap}.prompt-preview:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#00a884,#008f6f,#00a884);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.chat-list-panel{background:#1f2937;border-right:1px solid #374151;flex-direction:column;width:400px}.chat-list-panel,.chat-window-panel{display:flex;height:100vh;overflow:hidden}.chat-window-panel{background:#111827;flex:1 1;flex-direction:column}@media (max-width:768px){.sidebar{flex-direction:row;height:60px;justify-content:center;padding:0 20px;width:100%}.sidebar-menu{flex-direction:row;gap:20px}.app{flex-direction:column}.main-content{height:calc(100vh - 60px)}.chat-list-panel{width:100%}}:root{--bg-primary:#1a202c;--bg-secondary:#2d3748;--bg-tertiary:#4a5568;--bg-accent:#2b6cb0;--text-secondary:#a0aec0;--text-muted:#718096;--border-color:#4a5568;--shadow-light:#0000001a;--shadow-medium:#0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px}.ai-settings{background:#1a202c;background:var(--bg-primary);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #0003;box-shadow:0 20px 40px var(--shadow-medium);display:flex;min-height:100vh;overflow:hidden}.ai-settings-left-panel{max-width:50%;min-width:400px}.ai-settings-container,.ai-settings-left-panel{background:#1a202c;background:var(--bg-primary);display:flex;flex-direction:column;width:50%}.ai-settings-container{min-width:0}.ai-settings-header{align-items:center;background:#1a202c;background:var(--bg-primary);border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);box-sizing:border-box;display:flex;min-height:80px;padding:24px;padding:var(--spacing-xxl)}.ai-settings-header-content{align-items:center;display:flex;gap:16px;gap:var(--spacing-lg);width:100%}.ai-settings-icon{align-items:center;background:linear-gradient(135deg,#2b6cb0,#3182ce);background:linear-gradient(135deg,var(--bg-accent),#3182ce);border-radius:50%;box-shadow:0 4px 12px #2b6cb04d;color:#fff;color:var(--text-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.ai-settings-icon svg{height:20px;width:20px}.ai-settings-title{color:#fff;color:var(--text-primary);font-size:22px;font-weight:600;letter-spacing:.2px;line-height:1.2;margin:0}.ai-settings-subtitle{color:#a0aec0;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:4px 0 0}.ai-settings-search{background:#1a202c;background:var(--bg-primary);border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);padding:16px 24px;padding:var(--spacing-lg) var(--spacing-xxl)}.ai-settings-search-input{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;color:var(--text-primary);font-size:15px;outline:none;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.ai-settings-search-input::placeholder{color:#718096;color:var(--text-muted)}.ai-settings-search-input:focus{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent);box-shadow:0 0 0 3px #2b6cb01a}.ai-settings-content{background:#1a202c;background:var(--bg-primary);flex:1 1;min-height:0;overflow-y:auto;padding:16px;padding:var(--spacing-lg)}.ai-settings-form-group{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.ai-settings-label{color:#fff;color:var(--text-primary);display:block;font-size:14px;font-weight:500;letter-spacing:.1px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.ai-settings-input,.ai-settings-textarea{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.ai-settings-textarea{line-height:1.5;min-height:120px;resize:vertical}.ai-settings-input::placeholder,.ai-settings-textarea::placeholder{color:#718096;color:var(--text-muted)}.ai-settings-input:focus,.ai-settings-textarea:focus{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent);box-shadow:0 0 0 3px #2b6cb01a}.ai-settings-section{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.ai-settings-section-title{align-items:center;background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);margin-bottom:12px;margin-bottom:var(--spacing-md);padding:12px;padding:var(--spacing-md)}.ai-settings-section-icon{color:#2b6cb0;color:var(--bg-accent);flex-shrink:0;height:16px;width:16px}.ai-settings-section-description{color:#a0aec0;color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:12px;margin-bottom:var(--spacing-md);padding:0 12px;padding:0 var(--spacing-md)}.ai-settings-feature-card{align-items:center;box-sizing:border-box;cursor:pointer;margin-bottom:8px;margin-bottom:var(--spacing-sm);min-height:60px}.ai-settings-feature-card.active{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent);box-shadow:0 0 0 1px #2b6cb033}.ai-settings-feature-avatar{align-items:center;background:#2b6cb0;background:var(--bg-accent);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:44px;justify-content:center;margin-right:16px;margin-right:var(--spacing-lg);width:44px}.ai-settings-feature-icon{color:#fff;color:var(--text-primary);height:20px;width:20px}.ai-settings-feature-info{flex:1 1;min-width:0}.ai-settings-feature-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;margin-left:12px;margin-left:var(--spacing-md)}.ai-settings-feature-status{background:#2b6cb0;background:var(--bg-accent);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:12px;font-weight:600;min-width:40px;padding:4px 8px;padding:4px var(--spacing-sm);text-align:center}.ai-settings-stats-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:12px;margin-top:var(--spacing-md)}.ai-settings-stat-card{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:16px;padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.ai-settings-stat-card:hover{background:#4a5568;background:var(--bg-tertiary);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-1px)}.ai-settings-stat-value{font-size:24px;font-weight:600;line-height:1.2;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.ai-settings-stat-value-blue{color:#3b82f6}.ai-settings-stat-value-green{color:#10b981}.ai-settings-stat-label{color:#a0aec0;color:var(--text-secondary);font-size:12px;letter-spacing:.5px;line-height:1.3;margin:0;text-transform:uppercase}.ai-settings-toggle-track.enabled{background-color:#2b6cb0;background-color:var(--bg-accent)}.ai-settings-status-content{margin-bottom:12px;margin-bottom:var(--spacing-md)}.ai-settings-status-indicator.enabled{background-color:#2b6cb0;background-color:var(--bg-accent);box-shadow:0 0 8px #2b6cb066}.ai-settings-status-card{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.ai-settings-status-content{align-items:center;background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:16px;padding:var(--spacing-lg);transition:all .2s ease}.ai-settings-status-content:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-status-info{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.ai-settings-status-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.ai-settings-status-indicator.enabled{background-color:#3b82f6;box-shadow:0 0 8px #3b82f666}.ai-settings-status-indicator.disabled{background-color:#718096;background-color:var(--text-muted)}.ai-settings-status-text h3{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;margin:0 0 4px}.ai-settings-status-text p{color:#a0aec0;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.ai-settings-behavior-grid{grid-gap:12px;grid-gap:var(--spacing-md);display:grid;gap:12px;gap:var(--spacing-md);grid-template-columns:1fr 1fr;margin-top:8px;margin-top:var(--spacing-sm)}.ai-settings-behavior-item{align-items:center;background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:80px;padding:16px;padding:var(--spacing-lg);text-align:center;transition:all .2s ease}.ai-settings-behavior-item:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent);transform:translateY(-1px)}.ai-settings-behavior-item.active{background:#2b6cb0;background:var(--bg-accent);border-color:#3182ce;box-shadow:0 4px 12px #2b6cb04d;color:#fff;color:var(--text-primary)}.ai-settings-behavior-icon{font-size:24px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.ai-settings-behavior-label{font-size:14px;font-weight:500}.ai-settings-behavior-item.active .ai-settings-behavior-label,.ai-settings-behavior-label{color:#fff;color:var(--text-primary)}.ai-settings-advanced{border-top:1px solid #4a5568;border-top:1px solid var(--border-color);margin-top:20px;margin-top:var(--spacing-xl);padding-top:20px;padding-top:var(--spacing-xl)}.ai-settings-advanced-toggle{align-items:center;background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-md);padding:12px;padding:var(--spacing-md);transition:all .2s ease;width:100%}.ai-settings-advanced-toggle:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-advanced-toggle-text{font-size:14px;font-weight:500}.ai-settings-chevron{transition:transform .2s ease}.ai-settings-chevron.rotated{transform:rotate(180deg)}.ai-settings-advanced-content{margin-top:12px;margin-top:var(--spacing-md)}.ai-settings-feature-card{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-direction:column;margin-bottom:12px;margin-bottom:var(--spacing-md);padding:16px;padding:var(--spacing-lg);transition:all .2s ease}.ai-settings-feature-card:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent);box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow-light);transform:translateY(-1px)}.ai-settings-feature-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;margin-bottom:var(--spacing-md)}.ai-settings-feature-info{align-items:center;display:flex;gap:12px;gap:var(--spacing-md)}.ai-settings-feature-icon-green,.ai-settings-feature-icon-orange,.ai-settings-feature-icon-purple{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.ai-settings-feature-icon-purple{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.ai-settings-feature-icon-green{background:linear-gradient(135deg,#3b82f6,#2563eb)}.ai-settings-feature-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.ai-settings-feature-title{color:#fff;color:var(--text-primary);font-size:16px;font-weight:500;line-height:1.3;margin:0 0 4px}.ai-settings-feature-description{color:#a0aec0;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.ai-settings-toggle{align-items:center;cursor:pointer;display:inline-flex;position:relative}.ai-settings-toggle input{opacity:0;pointer-events:none;position:absolute}.ai-settings-toggle-track{border-radius:12px;height:24px;position:relative;transition:background-color .2s ease;width:48px}.ai-settings-toggle-track.enabled{background-color:#3b82f6}.ai-settings-toggle-track.disabled{background-color:#4a5568;background-color:var(--bg-tertiary)}.ai-settings-toggle-thumb{background-color:#fff;background-color:var(--text-primary);border-radius:50%;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-medium);height:20px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.ai-settings-toggle-thumb.enabled{transform:translateX(26px)}.ai-settings-toggle-thumb.disabled{transform:translateX(2px)}.ai-settings-checkbox{accent-color:#3b82f6;margin-right:8px;margin-right:var(--spacing-sm)}.ai-settings-checkbox-label{align-items:center;color:#a0aec0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;margin-top:8px;margin-top:var(--spacing-sm)}.ai-settings-checkbox-text{margin-left:8px;margin-left:var(--spacing-sm)}.ai-settings-actions{background:#1a202c;background:var(--bg-primary);margin-top:auto;padding:20px;padding:var(--spacing-xl)}.ai-settings-actions,.ai-settings-buttons{border-top:1px solid #4a5568;border-top:1px solid var(--border-color);display:flex;gap:12px;gap:var(--spacing-md)}.ai-settings-buttons{margin-top:20px;margin-top:var(--spacing-xl);padding-top:20px;padding-top:var(--spacing-xl)}.ai-settings-button{align-items:center;border:1px solid #0000;border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:12px 20px;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .2s ease}.ai-settings-button-primary{background:linear-gradient(135deg,#2b6cb0,#3182ce);background:linear-gradient(135deg,var(--bg-accent),#3182ce);color:#fff;color:var(--text-primary);flex:1 1}.ai-settings-button-primary:hover{background:linear-gradient(135deg,#3182ce,#2b6cb0);background:linear-gradient(135deg,#3182ce,var(--bg-accent));box-shadow:0 4px 12px #2b6cb04d;transform:translateY(-1px)}.ai-settings-button-secondary{background:#2d3748;background:var(--bg-secondary);border-color:#4a5568;border-color:var(--border-color);color:#fff;color:var(--text-primary);flex:1 1}.ai-settings-button-secondary:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-button svg{flex-shrink:0;height:16px;width:16px}.ai-settings-right-header{background:#1a202c;background:var(--bg-primary);border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);padding:24px;padding:var(--spacing-xxl)}.ai-settings-right-title{color:#fff;color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:.2px;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0}.ai-settings-right-subtitle{color:#a0aec0;color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.ai-settings-right-content{background:#1a202c;background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:24px;padding:var(--spacing-xxl)}.ai-settings-preview-section{margin-bottom:20px;margin-bottom:var(--spacing-xl)}.ai-settings-preview-section h4{color:#fff;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px;margin:0 0 var(--spacing-md) 0}.ai-settings-preview-box{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:14px;line-height:1.6;padding:16px;padding:var(--spacing-lg);transition:all .2s ease}.ai-settings-preview-box:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-file-upload{margin-bottom:12px;margin-bottom:var(--spacing-md);position:relative}.ai-settings-file-input{opacity:0;pointer-events:none;position:absolute}.ai-settings-file-label{align-items:center;background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:12px 16px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.ai-settings-file-label:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-file-label svg{flex-shrink:0;height:16px;width:16px}.ai-settings-notification{align-items:center;background:#2b6cb0;background:var(--bg-accent);border:1px solid #ffffff1a;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 24px #2b6cb04d;color:#fff;color:var(--text-primary);display:flex;gap:12px;gap:var(--spacing-md);padding:16px 20px;padding:var(--spacing-lg) var(--spacing-xl);position:fixed;right:24px;right:var(--spacing-xxl);top:24px;top:var(--spacing-xxl);transition:all .3s ease;z-index:1000}.ai-settings-notification svg{flex-shrink:0;height:20px;width:20px}.ai-settings-range{margin-top:12px;margin-top:var(--spacing-md)}.ai-settings-range input{-webkit-appearance:none;background:#4a5568;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.ai-settings-range input::-webkit-slider-thumb{-webkit-appearance:none;background:#2b6cb0;background:var(--bg-accent);border-radius:50%;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-medium);cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.ai-settings-range input::-webkit-slider-thumb:hover{background:#3182ce;transform:scale(1.1)}.ai-settings-range input::-moz-range-thumb{background:#2b6cb0;background:var(--bg-accent);border:none;border-radius:50%;box-shadow:0 2px 4px #0003;box-shadow:0 2px 4px var(--shadow-medium);cursor:pointer;height:18px;width:18px}.ai-settings-range-value{color:#a0aec0;color:var(--text-secondary);font-size:12px;margin-top:4px;margin-top:var(--spacing-xs);text-align:center}.whatsapp-range-container{margin-top:12px;width:100%}.whatsapp-range-slider{-webkit-appearance:none;background:#4a5568;border-radius:3px;cursor:pointer;height:6px;margin-bottom:8px;outline:none;width:100%}.whatsapp-range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.whatsapp-range-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}.whatsapp-range-slider::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.whatsapp-range-labels{color:#9ca3af;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.ai-settings-prompt-config{background:#2d3748;background:var(--bg-secondary);border:1px solid #4a5568;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);margin-bottom:20px;margin-bottom:var(--spacing-xl);padding:20px;padding:var(--spacing-xl);transition:all .2s ease}.ai-settings-prompt-config:hover{background:#4a5568;background:var(--bg-tertiary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-config-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;gap:var(--spacing-sm);letter-spacing:.1px;margin:0 0 16px;margin:0 0 var(--spacing-lg) 0}.ai-settings-config-title svg{flex-shrink:0;height:16px;width:16px}.ai-settings-prompt-config .ai-settings-textarea{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:14px;line-height:1.6;min-height:200px;resize:vertical}.ai-settings-prompt-hint{color:#718096;color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4;margin-top:8px}.ai-settings-preview-content{background:#1a202c;background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:20px;padding:var(--spacing-xl)}.ai-settings-upload-area{background:#1a202c;background:var(--bg-primary);border:2px dashed #4a5568;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;padding:24px;padding:var(--spacing-xxl);text-align:center;transition:all .2s ease}.ai-settings-upload-area:hover{background:#2d3748;background:var(--bg-secondary);border-color:#2b6cb0;border-color:var(--bg-accent)}.ai-settings-upload-text{color:#fff;color:var(--text-primary);font-size:14px;font-weight:500;margin:0 0 4px}.ai-settings-upload-hint{color:#718096;color:var(--text-muted);font-size:12px;margin:0}@media (max-width:1024px){.ai-settings{flex-direction:column;height:auto;min-height:100vh}.ai-settings-container,.ai-settings-left-panel{max-width:none;min-width:0;width:100%}.ai-settings-left-panel{border-bottom:1px solid #4a5568;border-bottom:1px solid var(--border-color);border-right:none}}.website-analyzer{background:#343a46;background:var(--card-bg,#343a46);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:12px;padding:20px}.website-analyzer,.website-analyzer-header{margin-bottom:20px}.website-analyzer-title{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.website-analyzer-title .icon{color:#3b82f6;color:var(--primary-color,#3b82f6)}.website-analyzer-description{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;line-height:1.4;margin:0}.website-analyzer-content{display:flex;flex-direction:column;gap:16px}.website-input-group{align-items:flex-start;display:flex;gap:12px}.website-input-container{flex:1 1;position:relative}.website-input{background:#232733;background:var(--bg-secondary,#232733);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:14px;padding:12px 40px 12px 16px;transition:all .2s ease;width:100%}.website-input:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.website-input:disabled{cursor:not-allowed;opacity:.6}.website-input-icon{color:#9ca3af;color:var(--text-secondary,#9ca3af);pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.website-analyze-button{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:140px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.website-analyze-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.website-analyze-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.website-analyze-button.analyzing{background:#f59e0b;background:var(--warning-color,#f59e0b)}.website-analyzer-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;color:var(--danger-color,#ef4444);display:flex;font-size:14px;gap:8px;padding:12px 16px}.website-analyzer-result{background:#232733;background:var(--bg-secondary,#232733);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:8px;overflow:hidden}.result-header{align-items:center;background:#10b9811a;border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color,#3d4450);display:flex;font-weight:500;gap:8px;padding:16px}.result-header,.success-icon{color:#10b981;color:var(--success-color,#10b981)}.result-content{padding:20px}.result-section{margin-bottom:20px}.result-section:last-child{margin-bottom:0}.result-section h4{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.result-item{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.result-item:last-child{margin-bottom:0}.result-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);flex-shrink:0;font-size:13px;font-weight:500;min-width:80px}.result-value{color:#fff;color:var(--text-primary,#fff);font-size:13px;text-align:right;word-break:break-word}.result-tags{display:flex;flex-wrap:wrap;gap:8px}.result-tag{background:#3b82f6;background:var(--primary-color,#3b82f6);border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.result-summary{background:#2a2f3a;background:var(--panel-bg,#2a2f3a);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:13px;line-height:1.5;padding:12px;white-space:pre-wrap}@media (max-width:768px){.website-input-group{flex-direction:column}.website-analyze-button{width:100%}.result-item{flex-direction:column;gap:4px}.result-value{text-align:left}}:root{--bg-primary:#1a1d23;--bg-secondary:#232733;--panel-bg:#2a2f3a;--card-bg:#343a46;--border-color:#3d4450;--text-primary:#fff;--text-secondary:#9ca3af;--primary-color:#3b82f6;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b}.api-settings-container{background:#1a1d23;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.api-left-panel{background:#2e333d;border-radius:40px 0 0 40px;display:flex;flex-direction:column;margin-left:50px;width:450px}.api-settings-header{background:#2e333d;padding:24px 24px 16px}.api-settings-title{align-items:center;display:flex;gap:12px;margin-bottom:16px}.api-settings-title h1{color:#fff;font-size:22px;font-weight:600;letter-spacing:.2px;margin:0}.api-settings-title .icon{color:#3b82f6;flex-shrink:0}.api-status-card{background:#374151;border-radius:16px;margin-bottom:12px;padding:16px}.api-status-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.api-status-row:last-child{margin-bottom:0}.api-status-label{align-items:center;color:#e5e7eb;display:flex;font-size:14px;font-weight:500;gap:8px}.api-status-value{font-size:14px;font-weight:600}.api-status-value.active{color:#10b981}.api-status-value.inactive{color:#ef4444}.api-settings-content{background:#2e333d;flex:1 1;overflow-y:auto;padding:0 24px 24px}.api-settings-section{margin-bottom:24px}.api-section-title{align-items:center;color:#e5e7eb;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.api-section-title .icon{color:#3b82f6;flex-shrink:0}.api-setting-item{background:#374151;border-radius:12px;margin-bottom:8px;padding:16px;transition:all .2s ease}.api-setting-item:hover{background:#4b5563;transform:translateX(2px)}.api-setting-item:last-child{margin-bottom:0}.api-setting-label{color:#e5e7eb;font-size:14px;font-weight:500;margin-bottom:8px}.api-setting-description{color:#9ca3af;font-size:13px;line-height:1.4;margin-bottom:12px}.api-setting-input{background:#4b5563;border:1px solid #6b7280;border-radius:8px;color:#e5e7eb;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.api-setting-input:focus{background:#374151;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.api-setting-input::placeholder{color:#9ca3af}.api-input-container{align-items:center;display:flex;gap:8px;position:relative}.api-action-button{padding:10px 16px}.api-action-button-primary{background:#3b82f6;color:#fff}.api-action-button-primary:hover{background:#2563eb}.api-action-button-secondary{background:#4b5563;color:#e5e7eb}.api-action-button-secondary:hover{background:#6b7280}.api-info-card{background:#374151;border-radius:12px;margin-bottom:16px;padding:16px}.api-info-text{color:#9ca3af;font-size:14px;line-height:1.5;margin:0}.api-settings-actions{background:#2e333d;border-top:1px solid #4b5563;display:flex;gap:12px;justify-content:center;margin:-10px -24px -24px;padding:20px 24px}.api-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.api-right-panel{background:#232733;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.api-right-content{flex:1 1;overflow-y:auto}.api-section{background:#2e333d;border-radius:16px;margin-bottom:24px;padding:24px}.api-section h3{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.api-section h3 .icon{color:#3b82f6}.language-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.language-tab{background:#374151;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.language-tab:hover{background:#4b5563;color:#e5e7eb}.language-tab.active{background:#3b82f6;color:#fff}.code-example{background:#1a1d23;border:1px solid #374151;border-radius:8px;margin-bottom:16px;padding:16px;position:relative}.code-example pre{color:#e5e7eb;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.5;margin:0;overflow-x:auto}.copy-button{background:#374151;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;font-size:12px;padding:6px 8px;position:absolute;right:12px;top:12px;transition:all .2s ease}.copy-button:hover{background:#4b5563;color:#e5e7eb}.webhook-section{display:flex;flex-direction:column;gap:16px}.webhook-input-group{align-items:stretch;display:flex;gap:8px}.webhook-input{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#e5e7eb;flex:1 1;font-size:14px;padding:12px 16px;transition:all .2s ease}.webhook-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.webhook-input::placeholder{color:#9ca3af}@media (max-width:768px){.api-settings-container{flex-direction:column}.api-left-panel{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color);border-radius:0;border-right:none;height:auto;margin-left:0;width:100%}.api-right-panel{border-radius:0;margin-right:0;padding:1.5rem;width:100%}.language-tabs{justify-content:center}}.webhook-generator{display:flex;flex-direction:column;gap:12px}.generated-webhook{align-items:center;display:flex;gap:8px}.code-preview{border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:8px;margin-top:16px;position:relative}.language-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.lang-btn{align-items:center;background:#343a46;background:var(--card-bg,#343a46);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.lang-btn:hover{background:#3d4450;background:var(--border-color,#3d4450)}.lang-btn.active{background:#3b82f6;background:var(--primary-color,#3b82f6);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.lang-icon{font-size:14px}.code-examples{display:flex;flex-direction:column;gap:24px}.code-example{background:#2a2f3a;background:var(--panel-bg,#2a2f3a);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:12px;overflow:hidden}.code-header{background:#343a46;background:var(--card-bg,#343a46);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color,#3d4450);justify-content:space-between;padding:16px}.code-header,.code-title{align-items:center;display:flex}.code-title{gap:8px}.code-icon{font-size:16px}.code-title h3{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0}.code-actions{display:flex;gap:8px}.code-preview{background:#343a46;background:var(--card-bg,#343a46);max-height:300px;overflow-y:auto;padding:16px}.code-preview pre{color:#fff;color:var(--text-primary,#fff);font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.docs-section{margin-top:24px}.docs-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.doc-card{background:#2a2f3a;background:var(--panel-bg,#2a2f3a);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:12px;padding:20px;transition:all .2s ease}.doc-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);transform:translateY(-2px)}.doc-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.doc-icon{font-size:20px}.doc-card h3{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600;margin:0}.doc-card p{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:14px;line-height:1.5;margin:0 0 16px}.doc-btn{align-items:center;background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:all .2s ease}.doc-btn:hover{background:#2563eb}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.code-modal{background:#2a2f3a;background:var(--panel-bg,#2a2f3a);border:1px solid #3d4450;border:1px solid var(--border-color,#3d4450);border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90vw}.code-modal-header{align-items:center;background:#343a46;background:var(--card-bg,#343a46);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color,#3d4450);display:flex;justify-content:space-between;padding:20px}.code-modal-header h3{color:#fff;color:var(--text-primary,#fff);font-size:18px;font-weight:600;margin:0}.modal-actions{align-items:center;display:flex;gap:8px}.close-btn-secondary{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:18px;padding:4px 8px;transition:all .2s ease}.close-btn-secondary:hover{background:#3d4450;background:var(--border-color,#3d4450);color:#fff;color:var(--text-primary,#fff)}.code-container{background:#343a46;background:var(--card-bg,#343a46);flex:1 1;overflow-y:auto;padding:20px}.code-container pre{color:#fff;color:var(--text-primary,#fff);font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.settings-content{flex-direction:column}.settings-sidebar{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--border-color,#3d4450);border-right:none;width:100%}.settings-nav{flex-direction:row;overflow-x:auto;padding:0 16px}.nav-item{white-space:nowrap}.settings-header,.settings-main{padding:16px}.language-selector{justify-content:center}.docs-grid,.info-grid{grid-template-columns:1fr}.code-modal{max-height:90vh;width:95vw}}.notification-modal-overlay{align-items:center;animation:overlayFadeIn .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;pointer-events:auto;position:fixed;right:0;top:0;z-index:999999}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.notification-modal{animation:modalSlideIn .3s ease;background:#2a2f3a;border:1px solid #3d4450;border-radius:16px;box-shadow:0 25px 50px -12px #000c;margin:20px;max-height:90vh;max-width:500px;overflow:hidden;pointer-events:auto;position:relative;width:90%;z-index:1000000}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}body.modal-open{overflow:hidden;position:fixed;width:100%}.modal-header{border-bottom:1px solid #3d4450;justify-content:space-between;padding:24px 24px 20px}.modal-header,.modal-title{align-items:center;display:flex}.modal-title{gap:12px}.modal-title h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.modal-title svg{color:#3b82f6}.modal-close-button{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-button:hover{background-color:#343a46;color:#fff;transform:scale(1.05)}.modal-content{max-height:calc(90vh - 160px);overflow-y:auto;padding:24px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:.875rem}.form-group input{background-color:#343a46;border:1px solid #3d4450;border-radius:8px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:.875rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{background-color:#2a2f3a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder{color:#9ca3af}.modal-footer{border-top:1px solid #3d4450;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px 24px}.cancel-button{background-color:#4b5563;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:12px 20px;transition:all .2s ease}.cancel-button:hover{background-color:#6b7280;transform:translateY(-1px)}.save-button{background-color:#3b82f6;font-size:.875rem;font-weight:500;min-width:100px;padding:12px 20px}.save-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.save-button:active{transform:translateY(0)}@media (max-width:768px){.notification-modal{margin:10px;width:95%}.modal-header{padding:20px 20px 16px}.modal-content{padding:20px}.modal-footer{flex-direction:column;padding:16px 20px 20px}.cancel-button,.save-button{justify-content:center;width:100%}}@media (max-width:480px){.modal-title h2{font-size:1.125rem}.form-group input{padding:10px 14px}}:root{--team-bg-primary:#1a1d23;--team-bg-secondary:#232733;--team-panel-bg:#2a2f3a;--team-card-bg:#343a46;--team-border-color:#3d4450;--team-text-primary:#fff;--team-text-secondary:#9ca3af;--team-primary-color:#3b82f6;--team-success-color:#10b981;--team-danger-color:#ef4444;--team-warning-color:#f59e0b;--team-shadow:#0000004d}.team-management-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-management-modal{background:#232733;background:var(--team-bg-secondary);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;box-shadow:0 20px 40px var(--team-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:90%}.team-header{background:#2a2f3a;background:var(--team-panel-bg);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);justify-content:space-between;padding:24px 32px}.team-header,.team-title{align-items:center;display:flex}.team-title{gap:12px}.team-title .icon{color:#3b82f6;color:var(--team-primary-color)}.team-title h2{color:#fff;color:var(--team-text-primary);font-size:24px;font-weight:600;margin:0}.close-button{background:none;border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:8px;color:#9ca3af;color:var(--team-text-secondary);cursor:pointer;padding:8px;transition:all .2s ease}.close-button:hover{background:#343a46;background:var(--team-card-bg);color:#fff;color:var(--team-text-primary)}.team-notification{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);font-size:14px;font-weight:500;margin:0;padding:12px 32px}.team-notification.success{background:#10b9811a;border-left:4px solid #10b981;border-left:4px solid var(--team-success-color);color:#10b981;color:var(--team-success-color)}.team-notification.error{background:#ef44441a;border-left:4px solid #ef4444;border-left:4px solid var(--team-danger-color);color:#ef4444;color:var(--team-danger-color)}.team-notification.info{background:#3b82f61a;border-left:4px solid #3b82f6;border-left:4px solid var(--team-primary-color);color:#3b82f6;color:var(--team-primary-color)}.team-stats{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);display:flex;gap:24px;padding:24px 32px}.stat-item{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:12px;flex:1 1;gap:12px;padding:16px 20px}.stat-icon{color:#3b82f6;color:var(--team-primary-color)}.stat-info{display:flex;flex-direction:column}.stat-value{color:#fff;color:var(--team-text-primary);line-height:1}.stat-label{color:var(--team-text-secondary);margin-top:4px}.team-actions{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);display:flex;gap:12px;padding:24px 32px}.action-btn{align-items:center;border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.action-btn.primary{background:#3b82f6;background:var(--team-primary-color);border-color:#3b82f6;border-color:var(--team-primary-color);color:#fff}.action-btn.primary:hover{background:#2563eb;border-color:#2563eb}.action-btn.secondary{background:#343a46;background:var(--team-card-bg);color:#fff;color:var(--team-text-primary)}.action-btn.secondary:hover{background:#4b5563}.action-btn.success{background:#10b981;background:var(--team-success-color);border-color:#10b981;border-color:var(--team-success-color);color:#fff}.action-btn.success:hover{background:#059669;border-color:#059669}.team-content{flex:1 1;overflow-y:auto;padding:32px}.team-loading{align-items:center;color:#9ca3af;color:var(--team-text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid var(--team-border-color);border-top-color:var(--team-primary-color);height:32px;width:32px}.team-empty{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#9ca3af;color:var(--team-text-secondary);opacity:.5}.team-empty h3{color:#fff;color:var(--team-text-primary);font-size:20px;font-weight:600;margin:0}.team-empty p{color:#9ca3af;color:var(--team-text-secondary);font-size:14px;margin:0}.departments-list{display:flex;flex-direction:column;gap:24px}.department-card{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:12px;overflow:hidden}.department-header{align-items:center;background:#2a2f3a;background:var(--team-panel-bg);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);display:flex;justify-content:space-between;padding:20px 24px}.department-info h3{color:#fff;color:var(--team-text-primary);font-size:18px;font-weight:600;margin:0 0 4px}.department-description{color:#9ca3af;color:var(--team-text-secondary);font-size:14px;margin:0}.department-actions{align-items:center;display:flex;gap:12px}.employee-count{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:6px;color:#9ca3af;color:var(--team-text-secondary);font-size:14px;padding:4px 8px}.delete-btn{background:none;border:1px solid #ef4444;border:1px solid var(--team-danger-color);border-radius:6px;color:#ef4444;color:var(--team-danger-color);cursor:pointer;padding:6px;transition:all .2s ease}.delete-btn:hover{background:#ef4444;background:var(--team-danger-color);color:#fff}.employees-list{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.employee-card{align-items:center;background:#232733;background:var(--team-bg-secondary);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.employee-card:hover{background:#2a2f3a;background:var(--team-panel-bg)}.employee-info{flex:1 1}.employee-main{align-items:center;display:flex;gap:12px;margin-bottom:8px}.employee-name{color:#fff;color:var(--team-text-primary);font-size:16px;font-weight:500}.employee-position{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:4px;color:#9ca3af;color:var(--team-text-secondary);font-size:14px;padding:2px 8px}.employee-contacts{display:flex;gap:16px}.contact-item{align-items:center;color:#9ca3af;color:var(--team-text-secondary);display:flex;font-size:12px;gap:6px}.delete-employee-btn{background:none;border:1px solid #ef4444;border:1px solid var(--team-danger-color);border-radius:6px;color:#ef4444;color:var(--team-danger-color);cursor:pointer;padding:6px;transition:all .2s ease}.delete-employee-btn:hover{background:#ef4444;background:var(--team-danger-color);color:#fff}.add-modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.add-modal{background:#232733;background:var(--team-bg-secondary);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:12px;box-shadow:0 20px 40px #0000004d;box-shadow:0 20px 40px var(--team-shadow);display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.add-modal-header{align-items:center;background:#2a2f3a;background:var(--team-panel-bg);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--team-border-color);display:flex;justify-content:space-between;padding:20px 24px}.add-modal-header h3{color:#fff;color:var(--team-text-primary);font-size:18px;font-weight:600;margin:0}.add-modal-header button{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--team-text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.add-modal-header button:hover{background:#343a46;background:var(--team-card-bg);color:#fff;color:var(--team-text-primary)}.add-modal-content{flex:1 1;overflow-y:auto;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#fff;color:var(--team-text-primary);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--team-text-primary);font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;border-color:var(--team-primary-color);box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--team-text-secondary)}.form-group textarea{min-height:80px;resize:vertical}.add-modal-actions{background:#2a2f3a;background:var(--team-panel-bg);border-top:1px solid #3d4450;border-top:1px solid var(--team-border-color);display:flex;gap:12px;padding:20px 24px}.cancel-btn{background:#343a46;background:var(--team-card-bg);border:1px solid #3d4450;border:1px solid var(--team-border-color);border-radius:8px;color:#fff;color:var(--team-text-primary);cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.cancel-btn:hover{background:#4b5563}.confirm-btn{background:#3b82f6;background:var(--team-primary-color);border:1px solid #3b82f6;border:1px solid var(--team-primary-color);border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.confirm-btn:hover{background:#2563eb;border-color:#2563eb}@media (max-width:768px){.team-management-modal{max-height:95vh;width:95%}.team-header{padding:16px 20px}.team-title h2{font-size:20px}.team-actions,.team-stats{flex-direction:column;padding:16px 20px}.team-content{padding:20px}.department-header{align-items:flex-start;flex-direction:column;gap:12px}.department-actions{align-self:flex-end}.employee-main{align-items:flex-start}.employee-contacts,.employee-main{flex-direction:column;gap:8px}.add-modal{width:95%}.add-modal-actions{flex-direction:column}}.task-calendar-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-calendar-modal{background:#2a2f3a;border:1px solid #3d4450;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.task-calendar-header{align-items:center;background:#232733;border-bottom:1px solid #3d4450;display:flex;justify-content:space-between;padding:20px 24px}.calendar-title{align-items:center;color:#fff;display:flex;gap:12px}.calendar-title svg{color:#3b82f6}.calendar-title h2{font-size:20px;font-weight:600;margin:0}.calendar-close-btn{background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;padding:8px;transition:all .2s ease}.calendar-close-btn:hover{background:#374151;color:#fff}.calendar-navigation{align-items:center;background:#2a2f3a;border-bottom:1px solid #3d4450;display:flex;justify-content:space-between;padding:16px 24px}.calendar-nav-controls{align-items:center;display:flex;gap:16px}.nav-btn{align-items:center;background:#374151;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.nav-btn:hover{background:#4b5563;transform:translateY(-1px)}.current-month{color:#fff;font-size:18px;font-weight:600;margin:0;min-width:200px;text-align:center;text-transform:capitalize}.view-mode-buttons{display:flex;gap:8px}.view-btn{background:#374151;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-btn:hover{background:#4b5563;color:#fff}.view-btn.active{background:#3b82f6;color:#fff}.calendar-content{flex:1 1;overflow-y:auto;padding:24px}.calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.weekday-header{background:#232733;border-radius:8px;color:#9ca3af;font-size:14px;font-weight:600;padding:12px 8px;text-align:center}.calendar-grid{display:flex;flex-direction:column;gap:1px}.calendar-week{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.calendar-day{background:#343a46;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:8px;position:relative;transition:all .2s ease}.calendar-day:hover{background:#374151;box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.calendar-day.empty{background:#0000;cursor:default}.calendar-day.empty:hover{background:#0000;box-shadow:none;transform:none}.calendar-day.today{background:#1e3a8a;border-color:#3b82f6}.calendar-day.selected{background:#064e3b;border-color:#10b981}.calendar-day.has-tasks{border-left:4px solid #3b82f6}.day-number{color:#fff;font-size:14px;font-weight:600;margin-bottom:4px}.day-tasks{display:flex;flex:1 1;flex-direction:column;gap:2px}.task-indicator{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;width:20px}.task-count{color:#9ca3af;font-size:10px;margin-top:2px;text-align:center}.selected-date-tasks{background:#232733;border-top:1px solid #3d4450;max-height:200px;overflow-y:auto;padding:20px 24px}.selected-date-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.selected-tasks-list{display:flex;flex-direction:column;gap:8px}.no-tasks{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.selected-task-item{align-items:center;background:#2a2f3a;border:1px solid #3d4450;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s ease}.selected-task-item:hover{background:#343a46;transform:translateY(-1px)}.task-status-indicator{align-items:center;border-radius:6px;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.task-details{flex:1 1}.task-title{margin-bottom:4px}.task-meta{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:12px}.task-guest,.task-room{align-items:center;display:flex;gap:4px}.calendar-legend{align-items:center;background:#232733;border-top:1px solid #3d4450;display:flex;gap:16px;padding:16px 24px}.legend-title{color:#fff;font-size:14px;font-weight:600}.legend-items{display:flex;gap:16px}.legend-color{border-radius:3px}@media (max-width:768px){.task-calendar-modal{height:95vh;width:95vw}.calendar-navigation{align-items:stretch;flex-direction:column;gap:12px}.calendar-nav-controls,.view-mode-buttons{justify-content:center}.calendar-day{min-height:80px}.legend-items{flex-wrap:wrap}}@media (max-width:480px){.calendar-content{padding:16px}.calendar-day{min-height:60px;padding:4px}.day-number{font-size:12px}.task-indicator{height:16px;width:16px}}.tasks-container{background:#2e333d;color:#fff;color:var(--tasks-text);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;position:relative}.tasks-left-panel{background:#0000;border-radius:0 0 0 40px;border-right:1px solid #3d4450;border-right:1px solid var(--tasks-border);display:flex;flex-direction:column;margin-left:50px;overflow-y:auto;width:320px}.tasks-header{border-bottom:1px solid #3d4450;border-bottom:1px solid var(--tasks-border);justify-content:space-between;padding:24px}.tasks-header,.tasks-title{align-items:center;display:flex}.tasks-title{gap:12px}.tasks-title .icon{color:#3b82f6;color:var(--tasks-accent)}.tasks-title h1{color:#fff;color:var(--tasks-text);font-size:20px;font-weight:600;margin:0}.tasks-settings{position:relative}.settings-button{align-items:center;background:#4b5563;background:var(--tasks-button-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;color:#fff;color:var(--tasks-text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s ease}.settings-button:hover{background:#6b7280;background:var(--tasks-button-hover)}.settings-dropdown{background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--tasks-shadow);margin-top:8px;min-width:160px;position:absolute;right:0;top:100%;z-index:1000}.settings-option{align-items:center;background:none;border:none;color:#fff;color:var(--tasks-text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;transition:background .2s ease;width:100%}.settings-option:hover{background:#4b5563;background:var(--tasks-card-hover)}.settings-option:first-child{border-radius:8px 8px 0 0}.settings-option:last-child{border-radius:0 0 8px 8px}.tasks-stats{display:flex;flex-direction:column;gap:12px;padding:24px}.stat-card{background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;max-width:300px;padding:16px;transition:all .2s ease;width:100%}.stat-card:hover{background:#4b5563;background:var(--tasks-card-hover);transform:translateY(-1px)}.stat-header{align-items:center;display:flex;justify-content:space-between}.stat-label{color:var(--tasks-text-secondary);font-size:14px;font-weight:500}.stat-value{color:var(--tasks-accent)}.quick-actions{flex:1 1;padding:0 24px 24px}.action-section{background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;padding:20px}.action-title{color:#fff;color:var(--tasks-text);font-size:16px;font-weight:600;margin:0 0 16px}.action-button{align-items:center;border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s ease;width:100%}.action-button.primary{background:#3b82f6;background:var(--tasks-accent);border-color:#3b82f6;border-color:var(--tasks-accent);color:#fff}.action-button.primary:hover{background:#2563eb;background:var(--tasks-accent-hover);border-color:#2563eb;border-color:var(--tasks-accent-hover)}.action-button.secondary{background:#4b5563;background:var(--tasks-button-bg);color:#fff;color:var(--tasks-text)}.action-button.secondary:hover{background:#6b7280;background:var(--tasks-button-hover)}.tasks-right-panel{background:#2e333d;flex:1 1;overflow:hidden;padding:24px}.kanban-board{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);height:100%}.kanban-column{background:#2e333d;background:var(--tasks-panel-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.column-header{align-items:center;background:#374151;background:var(--tasks-card-bg);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--tasks-border);display:flex;justify-content:space-between;padding:20px}.column-title{color:#fff;color:var(--tasks-text);font-size:16px;font-weight:600;margin:0}.column-count{background:#3b82f6;background:var(--tasks-accent);border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:4px 8px;text-align:center}.column-content{flex:1 1;gap:12px;overflow-y:auto;padding:16px}.column-content,.task-card{display:flex;flex-direction:column}.task-card{-webkit-user-drag:element;background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;justify-content:space-between;min-height:180px;position:relative;transition:all .2s ease;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.task-drag-handle{background:#0000;cursor:grab;height:100%;left:0;position:absolute;top:0;width:20px;z-index:2}.task-drag-handle:active{cursor:grabbing}.task-content{cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin-left:0;padding:20px}.task-content:hover{background:#3b82f60d}.task-card:hover{background:#4b5563;background:var(--tasks-card-hover);box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--tasks-shadow)}.task-card[draggable=true]{cursor:grab}.task-card[draggable=true]:active{cursor:grabbing;opacity:.5;transform:rotate(2deg);z-index:1000}.task-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.task-title{color:#fff;color:var(--tasks-text);flex:1 1;font-size:14px;font-weight:600;line-height:1.4;margin:0 8px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-priority{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;white-space:nowrap}.task-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;color:#9ca3af;color:var(--tasks-text-secondary);display:-webkit-box;font-size:13px;line-height:1.4;margin:0 0 12px;overflow:hidden}.task-footer{grid-gap:12px;border-top:1px solid #3d4450;border-top:1px solid var(--tasks-border);color:#fff;display:grid;font-size:12px;gap:12px;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:12px}.task-assignee,.task-date,.task-guest,.task-room{align-items:center;display:flex;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-assignee .icon,.task-date .icon,.task-guest .icon,.task-room .icon{color:#fff;flex-shrink:0;height:14px;width:14px}.task-assignee span,.task-date span,.task-guest span,.task-room span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-task-button{align-items:center;background:#0000;border:2px dashed #3d4450;border:2px dashed var(--tasks-border);border-radius:8px;color:#9ca3af;color:var(--tasks-text-secondary);cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;margin-top:auto;padding:12px;transition:all .2s ease}.add-task-button:hover{background:#25d3661a;border-color:#3b82f6;border-color:var(--tasks-accent);color:#3b82f6;color:var(--tasks-accent)}@media (max-width:1200px){.tasks-left-panel{width:280px}.kanban-board{gap:16px}}@media (max-width:768px){.tasks-container{flex-direction:column}.tasks-left-panel{height:auto;max-height:300px;width:100%}.kanban-board{gap:16px;grid-template-columns:1fr}.tasks-right-panel{padding:16px}}.tasks-loading{align-items:center;color:#9ca3af;color:var(--tasks-text-secondary);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center}.loading-spinner{border:3px solid #3d4450;border-top:3px solid #3b82f6;border:3px solid var(--tasks-border);border-top-color:var(--tasks-accent);height:40px;width:40px}.task-notification{align-items:center;animation:slideIn .3s ease-out;background:#3b82f6;background:var(--tasks-accent);border-radius:8px;box-shadow:0 4px 12px #0000004d;box-shadow:0 4px 12px var(--tasks-shadow);color:#fff;display:flex;gap:8px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.kanban-column{min-height:200px}.kanban-column.drag-over{background:#3b82f626;border:2px dashed #3b82f6;box-shadow:inset 0 0 20px #3b82f633;transform:scale(1.02)}.kanban-column{transition:all .2s ease}.kanban-column:hover{background:#ffffff05}.task-card.dragging{box-shadow:0 15px 35px #0006;cursor:grabbing;opacity:.8;pointer-events:none;transform:rotate(5deg) scale(1.05);transition:none;z-index:1000}.task-card:active{cursor:grabbing}.dnd-kit-drag-overlay{z-index:999}.dnd-kit-drag-overlay .task-card{background:linear-gradient(135deg,#343a46,#3d4450);border:2px solid #3b82f6;box-shadow:0 20px 40px #00000080;cursor:grabbing;opacity:.9;transform:rotate(8deg) scale(1.1)}.kanban-column *{pointer-events:auto}.task-card *{pointer-events:none}.task-card{cursor:pointer;pointer-events:auto!important}.column-content::-webkit-scrollbar,.tasks-left-panel::-webkit-scrollbar{width:6px}.column-content::-webkit-scrollbar-track,.tasks-left-panel::-webkit-scrollbar-track{background:#2e333d;background:var(--tasks-panel-bg)}.column-content::-webkit-scrollbar-thumb,.tasks-left-panel::-webkit-scrollbar-thumb{background:#3d4450;background:var(--tasks-border);border-radius:3px}.column-content::-webkit-scrollbar-thumb:hover,.tasks-left-panel::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--tasks-text-muted)}.task-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.delete-zone{animation:slideInFromRight .3s ease-out;background:linear-gradient(90deg,#0000,#ef4444e6);height:120px;pointer-events:none;position:fixed;right:0;top:50%;transform:translateY(-50%);width:60px;z-index:1500}.delete-zone,.delete-zone-content{align-items:center;border-radius:8px 0 0 8px;display:flex;justify-content:center}.delete-zone-content{background:#ef4444;background:var(--tasks-danger);border:1px solid #ffffff4d;box-shadow:-3px 0 15px #ef444480;flex-direction:column;height:100px;transition:all .2s ease;width:50px}.delete-zone-text{color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;text-align:center;text-orientation:mixed;text-shadow:0 1px 2px #0000004d;text-transform:uppercase;writing-mode:vertical-rl}@keyframes slideInFromRight{0%{opacity:0;transform:translateY(-50%) translateX(100%)}to{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes taskDeleteAnimation{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.1) rotate(5deg)}to{opacity:0;transform:scale(0) rotate(15deg)}}.delete-zone.active .delete-zone-content{background:#dc2626;box-shadow:-5px 0 25px #ef4444cc;transform:scale(1.1)}.task-info-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.task-info-modal{animation:slideUp .3s ease-out;background:#2e333d;background:var(--tasks-panel-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.task-info-header{align-items:center;border-bottom:1px solid #3d4450;border-bottom:1px solid var(--tasks-border);display:flex;justify-content:space-between;padding:20px 24px}.task-info-header h2{color:#fff;color:var(--tasks-text);font-size:18px;font-weight:600;margin:0}.task-info-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--tasks-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.task-info-close:hover{background:#4b5563;background:var(--tasks-card-hover);color:#fff;color:var(--tasks-text)}.task-info-content{padding:24px}.task-info-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.task-info-field:last-child{margin-bottom:0}.task-info-field label{color:#9ca3af;color:var(--tasks-text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-info-field span{word-wrap:break-word;color:#fff;color:var(--tasks-text);font-size:16px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.task-header{position:relative}.analytics-container{background-color:#1a1d23;color:#e5e7eb;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:20px}.analytics-header{align-items:center;border-bottom:1px solid #3d4450;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.analytics-title{align-items:center;display:flex;gap:12px}.analytics-title h1{color:#f9fafb;font-size:28px;font-weight:600;margin:0}.analytics-title .icon{color:#3b82f6}.date-filter-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.date-filter{align-items:center;background:#232733;border:1px solid #3d4450;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.date-filter svg{color:#9ca3af}.date-select{background:#0000;border:none;color:#e5e7eb;cursor:pointer;font-size:14px;outline:none}.date-select option{background:#232733;color:#e5e7eb}.custom-date-picker{align-items:center;background:#232733;border:1px solid #3d4450;border-radius:8px;display:flex;gap:10px;padding:10px}.date-input{background:#1a1d23;border:1px solid #3d4450;border-radius:6px;color:#e5e7eb;font-size:14px;padding:6px 10px}.apply-date-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:background-color .2s}.apply-date-btn:hover{background:#2563eb}.analytics-content{display:flex;flex-direction:column;gap:20px}.analytics-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.analytics-card{background:#232733;border:1px solid #3d4450;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.card-header h3{color:#f9fafb;font-size:18px;font-weight:600;margin:0}.review-filter,.tasks-stats,.total-dialogs{align-items:center;color:#9ca3af;display:flex;gap:8px}.filter-select{border:1px solid #3d4450;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 8px}.filter-select,.filter-select option{background:#1a1d23;color:#e5e7eb}.chart-container{display:flex;flex-direction:column;gap:20px}.chart-stats{display:flex;gap:30px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{color:#3b82f6;font-size:24px;font-weight:700}.stat-label{color:#9ca3af;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.bar-chart,.line-chart,.tasks-chart{height:300px;position:relative;width:100%}.donut-chart{height:200px;position:relative;width:200px}.chart-svg{height:100%;width:100%}.analytics-card canvas{border-radius:8px}.analytics-container::-webkit-scrollbar{width:8px}.analytics-container::-webkit-scrollbar-track{background:#1a1d23;border-radius:4px}.analytics-container::-webkit-scrollbar-thumb{background:#3d4450;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.analytics-container::-webkit-scrollbar-thumb:hover{background:#4b5563}.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:10px}.legend-item{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:6px}.legend-color{border-radius:2px;height:12px;width:12px}.table-container{display:flex;flex-direction:column;gap:12px}.table-row{align-items:center;display:flex;gap:12px;padding:8px 0}.issue-name{color:#e5e7eb;flex:1 1;font-size:14px}.progress-bar{background:#3d4450;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s ease}.progress-fill.positive{background:linear-gradient(90deg,#10b981,#34d399)}.progress-fill.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.count{color:#f9fafb;font-size:14px;font-weight:600;min-width:30px;text-align:right}.nps-container{display:flex;flex-direction:column;gap:16px}.nps-item{align-items:center;display:flex;gap:16px}.nps-label{color:#e5e7eb;flex:0 0 180px;font-size:14px}.nps-bar{background:#3d4450;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.nps-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .3s ease}.nps-score{color:#3b82f6;flex:0 0 40px;font-size:16px;font-weight:600;text-align:right}.remarks-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.remark-item{align-items:flex-start;background:#1a1d23;border:1px solid #3d4450;border-radius:8px;display:flex;gap:12px;padding:12px}.remark-time{color:#9ca3af;flex:0 0 50px;font-size:12px;font-weight:500}.remark-details{flex:1 1}.remark-guest{color:#e5e7eb;font-size:13px;font-weight:500;margin-bottom:4px}.remark-issue{color:#9ca3af;font-size:12px}.remark-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.status-icon{flex-shrink:0}.status-icon.resolved{color:#10b981}.status-icon.in-progress{color:#f59e0b}.status-icon.pending{color:#ef4444}.guest-types-container{align-items:center;display:flex;gap:30px}.donut-chart{flex:0 0 200px}.donut-svg{height:200px;width:200px}.guest-types-legend{display:flex;flex:1 1;flex-direction:column;gap:12px}.legend-text{color:#e5e7eb;flex:1 1;font-size:14px}.legend-percentage{color:#f9fafb;font-size:14px;font-weight:600}.tasks-stat{align-items:center;color:#10b981;display:flex;font-size:16px;font-weight:600;gap:6px}@media (max-width:1200px){.analytics-row{grid-template-columns:1fr}.guest-types-container{flex-direction:column;gap:20px}.donut-chart{flex:none}}@media (max-width:768px){.analytics-container{padding:15px}.analytics-header{flex-direction:column;gap:15px}.analytics-header,.date-filter-container{align-items:flex-start}.custom-date-picker{align-items:stretch;flex-direction:column}.chart-stats{justify-content:space-around}.chart-legend{flex-wrap:wrap;gap:10px}.nps-label{flex:0 0 120px;font-size:12px}.remark-item{align-items:stretch;flex-direction:column;gap:8px}.remark-time{flex:none}}.remarks-list::-webkit-scrollbar{width:6px}.remarks-list::-webkit-scrollbar-track{background:#1a1d23;border-radius:3px}.remarks-list::-webkit-scrollbar-thumb{background:#3d4450;border-radius:3px}.remarks-list::-webkit-scrollbar-thumb:hover{background:#4b5563}.analytics-card{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nps-fill,.progress-fill{animation:fillAnimation 1s ease-out}@keyframes fillAnimation{0%{width:0}}.analytics-card:hover{border-color:#4b5563;transition:border-color .2s ease}.remark-item:hover{background:#232733;transition:background-color .2s ease}.legend-item:hover{color:#f9fafb;transition:color .2s ease}:root{--tasks-bg:#1a202c;--tasks-panel-bg:#2e333d;--tasks-border:#3d4450;--tasks-text:#fff;--tasks-text-secondary:#9ca3af;--tasks-text-muted:#6b7280;--tasks-accent:#3b82f6;--tasks-accent-hover:#2563eb;--tasks-danger:#ef4444;--tasks-warning:#f59e0b;--tasks-success:#10b981;--tasks-card-bg:#374151;--tasks-card-hover:#4b5563;--tasks-input-bg:#4b5563;--tasks-button-bg:#4b5563;--tasks-button-hover:#6b7280;--tasks-shadow:#0000004d;--tasks-shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--tasks-shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d}.database-settings{background:#2e333d;background:var(--tasks-panel-bg);color:#fff;color:var(--tasks-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:100vh;min-height:100vh;overflow-y:auto;position:relative;scrollbar-color:#3d4450 #0000;scrollbar-color:var(--tasks-border) #0000;scrollbar-width:thin}.database-settings::-webkit-scrollbar{width:6px}.database-settings::-webkit-scrollbar-track{background:#0000}.database-settings::-webkit-scrollbar-thumb{background:#3d4450;background:var(--tasks-border);border-radius:3px}.database-settings::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--tasks-text-muted)}.spinning{animation:spin 1s linear infinite}.database-notification{align-items:center;animation:slideInRight .3s ease;background:#374151;background:var(--tasks-card-bg);border:1px solid #10b981;border:1px solid var(--tasks-success);border-radius:8px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--tasks-shadow-lg);color:#fff;color:var(--tasks-text);display:flex;gap:8px;padding:12px 16px;position:fixed;right:20px;top:20px;z-index:1000}.database-notification svg{color:#10b981;color:var(--tasks-success);height:16px;width:16px}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.database-header{background:#2e333d;background:var(--tasks-panel-bg);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--tasks-border);padding:32px 40px}.database-title{align-items:center;display:flex;gap:16px}.database-title .icon{color:#3b82f6;color:var(--tasks-accent)}.database-title h1{color:#fff;color:var(--tasks-text);font-size:28px;font-weight:600;margin:0}.database-content{display:flex;flex-wrap:wrap;gap:24px;padding:32px 40px}.database-section{background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:16px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--tasks-shadow-md);padding:24px;transition:all .3s ease}.database-section:hover{background:#4b5563;background:var(--tasks-card-hover);border-color:#3b82f6;border-color:var(--tasks-accent);box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--tasks-shadow-lg);transform:translateY(-2px)}.greeting-section{flex:2 1;min-width:500px}.timeout-section{flex:1 1;min-width:300px}.section-header{border-bottom:1px solid var(--tasks-border);padding-bottom:16px}.section-icon{color:var(--tasks-accent)}.section-header h2{font-size:18px;margin:0}.database-label,.section-header h2{color:#fff;color:var(--tasks-text);font-weight:600}.database-label{display:block;font-size:14px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.database-input,.database-textarea{background:#4b5563;background:var(--tasks-input-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;box-sizing:border-box;color:#fff;color:var(--tasks-text);font-family:inherit;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.database-input:focus,.database-textarea:focus{background:#374151;background:var(--tasks-card-bg);border-color:#3b82f6;border-color:var(--tasks-accent);box-shadow:0 0 0 3px #3b82f61a}.database-textarea{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;line-height:1.5;min-height:120px;resize:vertical}.scrollable-textarea{border-radius:0 0 8px 8px;border-top:none;max-height:300px;overflow-y:auto;scrollbar-color:#3d4450 #0000;scrollbar-color:var(--tasks-border) #0000;scrollbar-width:thin}.scrollable-textarea::-webkit-scrollbar{width:6px}.scrollable-textarea::-webkit-scrollbar-track{background:#0000}.scrollable-textarea::-webkit-scrollbar-thumb{background:#3d4450;background:var(--tasks-border);border-radius:3px}.scrollable-textarea::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--tasks-text-muted)}.textarea-container{position:relative}.textarea-controls{display:flex;gap:8px;position:absolute;right:8px;top:8px}.formatting-toolbar{align-items:center;background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-bottom:none;border-radius:8px 8px 0 0;display:flex;gap:4px;margin-bottom:0;padding:8px}.format-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;color:var(--tasks-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.format-button:hover{background:#4b5563;background:var(--tasks-button-bg);border-color:#3d4450;border-color:var(--tasks-border);color:#fff;color:var(--tasks-text);transform:translateY(-1px)}.format-button:active{background:#3b82f6;background:var(--tasks-accent);color:#fff;transform:translateY(0)}.formatting-toolbar .emoji-picker-container{margin-left:8px;position:relative}.formatting-toolbar .emoji-picker{left:0;right:auto;top:calc(100% + 4px)}.generation-section{background:#374151;border:1px solid #4b5563;border-radius:16px;cursor:default;margin-bottom:28px;padding:24px}.generation-section h4{align-items:center;color:#e5e7eb;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.generation-section h4:before{content:"✨";font-size:18px}.generation-controls{display:flex;flex-direction:column;gap:20px}.generation-input{background:#4b5563;border:1px solid #6b7280;border-radius:12px;color:#e5e7eb;font-family:inherit;font-size:14px;font-weight:500;outline:none;padding:14px 16px;transition:all .2s ease;width:100%}.generation-input:hover{background:#374151;border-color:#9ca3af}.generation-input:focus{background:#374151;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.generation-input::placeholder{color:#9ca3af}.generation-options{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.emoji-checkbox{align-items:center;color:#e5e7eb;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;transition:all .2s ease}.emoji-checkbox:hover{color:#fff}.emoji-checkbox input[type=checkbox]{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:18px;margin:0;transition:all .2s ease;width:18px}.emoji-checkbox input[type=checkbox]:hover{transform:scale(1.05)}.generate-button{align-items:center;background:#3b82f6;border:none;border-radius:12px;box-shadow:0 2px 8px #3b82f633;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;padding:14px 24px;transition:all .2s ease}.generate-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.generate-button:active{box-shadow:0 2px 8px #3b82f633;transform:translateY(0)}.generate-button:disabled{background:#6b7280;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.emoji-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.emoji-button:hover{background:var(--bg-accent);border-color:var(--bg-accent);color:#fff}.emoji-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 24px #00000026;margin-top:4px;min-width:240px;right:0;top:100%}.emoji-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-height:200px;overflow-y:auto;padding:8px}.emoji-item{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emoji-item:hover{background:#4b5563;background:var(--tasks-card-hover);transform:scale(1.1)}.database-input{max-width:200px}.database-input::placeholder,.database-textarea::placeholder{color:var(--text-muted)}.database-input:focus,.database-textarea:focus{background:var(--bg-primary);border-color:var(--bg-accent);box-shadow:0 0 0 3px #2b6cb01a}.greeting-content{display:flex;flex-direction:column;gap:24px}.greeting-textarea-container,.variables-container{flex:1 1}.variables-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:24px}.variable-button{align-items:center;background:#4b5563;background:var(--tasks-button-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;color:#9ca3af;color:var(--tasks-text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;overflow:hidden;padding:8px 12px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.variable-button:hover{background:#3b82f6;background:var(--tasks-accent);border-color:#3b82f6;border-color:var(--tasks-accent);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.variable-button:active{transform:translateY(0)}.database-save-button{align-items:center;align-self:flex-start;background:#3b82f6;background:var(--tasks-accent);border:none;border-radius:8px;box-shadow:var(--tasks-shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.database-save-button:hover:not(:disabled){background:#2563eb;background:var(--tasks-accent-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.database-save-button:disabled{cursor:not-allowed;opacity:.6}.timeout-content{display:flex;flex-direction:column;gap:20px}.timeout-input-container{display:flex;flex-direction:column;gap:8px}.input-description{color:#6b7280;color:var(--tasks-text-muted);font-size:12px;line-height:1.4}@media (max-width:1024px){.database-content{flex-direction:column}.greeting-section,.timeout-section{min-width:auto}.variables-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.database-content,.database-header,.database-section{padding:var(--spacing-lg)}.variables-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.variable-button{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}}.template-selection{margin:20px 0}.template-select{appearance:none;background:linear-gradient(135deg,#374151,#4b5563);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;border:1px solid #6b7280;border-radius:16px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:600;outline:none;padding:16px 50px 16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.template-select:hover{border-color:#9ca3af;box-shadow:0 8px 20px #0003}.template-select:focus,.template-select:hover{background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-2px)}.template-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 8px 20px #0003}.template-select option{background:linear-gradient(135deg,#2a2f3a,#343a46);border:none;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin:6px 8px;padding:18px 24px;text-shadow:0 1px 2px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.template-select option:hover{background:linear-gradient(135deg,#374151,#4b5563);box-shadow:0 4px 12px #00000040;color:#f8fafc;transform:translateY(-1px)}.template-select option:checked,.template-select option:selected{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 16px #3b82f666;color:#fff;font-weight:700;transform:translateY(-1px)}.template-select option:focus{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 0 0 3px #3b82f633,0 4px 12px #00000040;outline:none}.settings-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:2fr 1fr;margin-bottom:24px}.settings-main{gap:24px}.setting-group,.settings-main{display:flex;flex-direction:column}.setting-group{gap:12px}.setting-label{align-items:center;color:#fff;color:var(--tasks-text);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;transition:all .2s ease}.setting-label:hover{color:#3b82f6;color:var(--tasks-accent)}.setting-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--tasks-accent);border-radius:4px;cursor:pointer;height:20px;transition:all .2s ease;width:20px}.setting-label input[type=checkbox]:hover{transform:scale(1.05)}.setting-group label{margin-bottom:8px}.hours-input,.setting-group label{color:#fff;color:var(--tasks-text);font-size:14px;font-weight:600}.hours-input{background:#4b5563;background:var(--tasks-input-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;outline:none;padding:12px 16px;transition:all .2s ease;width:120px}.hours-input:focus{background:#374151;background:var(--tasks-card-bg);border-color:#3b82f6;border-color:var(--tasks-accent);box-shadow:0 0 0 3px #3b82f61a}.setting-group small{color:#6b7280;color:var(--tasks-text-muted);font-size:12px;margin-top:4px}.text-formatting-tools{align-items:center;background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-bottom:none;border-radius:8px 8px 0 0;display:flex;gap:8px;margin-bottom:0;padding:8px}.text-formatting-tools button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#9ca3af;color:var(--tasks-text-secondary);cursor:pointer;display:flex;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.text-formatting-tools button:hover{background:#4b5563;background:var(--tasks-button-bg);border-color:#3d4450;border-color:var(--tasks-border);color:#fff;color:var(--tasks-text);transform:translateY(-1px)}.text-formatting-tools button:active{background:#3b82f6;background:var(--tasks-accent);color:#fff;transform:translateY(0)}.emoji-picker-container{position:relative}.emoji-picker{grid-gap:8px;background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--tasks-shadow-lg);display:grid;gap:8px;grid-template-columns:repeat(5,1fr);left:0;min-width:200px;padding:16px;position:absolute;top:calc(100% + 8px);z-index:1000}.emoji-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.emoji-button:hover{background:#4b5563;background:var(--tasks-button-bg);border-color:#3d4450;border-color:var(--tasks-border);transform:scale(1.1)}.message-textarea{background:var(--tasks-input-bg);border:1px solid var(--tasks-border);border-radius:0 0 8px 8px;border-top:none;box-sizing:border-box;color:var(--tasks-text);min-height:180px;outline:none;transition:all .2s ease}.message-textarea:focus{background:#374151;background:var(--tasks-card-bg);border-color:var(--tasks-accent)}.gift-list{display:flex;flex-direction:column;gap:12px}.gift-item{align-items:center;display:flex;gap:12px}.gift-input{background:#4b5563;background:var(--tasks-input-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;color:#fff;color:var(--tasks-text);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease}.gift-input:focus{background:#374151;background:var(--tasks-card-bg);border-color:#3b82f6;border-color:var(--tasks-accent);box-shadow:0 0 0 3px #3b82f61a}.remove-gift-btn{align-items:center;background:#ef4444;background:var(--tasks-danger);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;transition:all .2s ease;width:36px}.remove-gift-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.add-gift-btn{align-self:flex-start;background:#3b82f6;background:var(--tasks-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.add-gift-btn:hover{background:#2563eb;background:var(--tasks-accent-hover);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.settings-sidebar{background:#2e333d;background:var(--tasks-panel-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:12px;height:fit-content;padding:20px}.variables-section h3{color:#fff;color:var(--tasks-text);font-size:16px;font-weight:600;margin:0 0 8px}.variables-section p{color:#9ca3af;color:var(--tasks-text-secondary);font-size:12px;line-height:1.4;margin:0 0 16px}.save-section{border-top:1px solid #3d4450;border-top:1px solid var(--tasks-border);display:flex;justify-content:flex-start;padding-top:24px}.save-button{align-items:center;background:#10b981;background:var(--tasks-success);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--tasks-shadow-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:14px 28px;transition:all .2s ease}.save-button:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.save-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-section{border-top:1px solid #3d4450;border-top:1px solid var(--tasks-border);margin-top:24px;padding-top:24px}.test-button{align-items:center;background:#f59e0b;background:var(--tasks-warning);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;position:relative;transition:all .2s ease}.test-button:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.phone-dropdown{background:#374151;background:var(--tasks-card-bg);border:1px solid #3d4450;border:1px solid var(--tasks-border);border-radius:8px;box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--tasks-shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.phone-item{align-items:center;border-bottom:1px solid #3d4450;border-bottom:1px solid var(--tasks-border);color:#fff;color:var(--tasks-text);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.phone-item:last-child{border-bottom:none}.phone-item:hover{background:#4b5563;background:var(--tasks-button-bg);color:#3b82f6;color:var(--tasks-accent)}.phone-number{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-weight:600}.phone-name{color:#9ca3af;color:var(--tasks-text-secondary);font-size:12px}.notification{animation:slideInRight .3s ease;border-radius:8px;color:#fff;font-weight:600;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1001}.notification.success{background:#10b981;background:var(--tasks-success);border:1px solid #059669}.notification.error{background:#ef4444;background:var(--tasks-danger);border:1px solid #dc2626}@media (max-width:1024px){.settings-grid{gap:24px;grid-template-columns:1fr}.settings-sidebar{order:-1}}.app-settings-container{background:#232733;display:flex;height:100vh;overflow:hidden}.app-notification{animation:slideIn .3s ease-out;background:#10b981;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:9999}.app-left-panel{background:#2a2f3a;border-right:1px solid #3d4450;display:flex;flex-direction:column;max-width:400px;min-width:400px;overflow-y:auto;width:400px}.app-settings-header{border-bottom:1px solid #3d4450;padding:24px}.app-settings-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.app-settings-title .icon{color:#3b82f6}.app-settings-title h1{color:#fff;font-size:20px;font-weight:600;margin:0}.app-settings-content{flex:1 1;padding:24px}.app-settings-section{margin-bottom:32px}.app-section-title{align-items:center;color:#e5e7eb;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:16px}.app-section-title .icon{color:#9ca3af}.app-input{background:#343a46;border:1px solid #3d4450;border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.app-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.app-input::placeholder{color:#9ca3af}.app-logo-upload{display:flex;flex-direction:column;gap:16px}.app-logo-preview{background:#343a46;border:1px solid #3d4450;border-radius:12px;height:80px;overflow:hidden;width:80px}.app-logo-preview img{height:100%;object-fit:cover;width:100%}.app-upload-button{align-items:center;background:#343a46;border:1px solid #3d4450;border-radius:8px;color:#e5e7eb;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:12px 16px;transition:all .2s ease;width:fit-content}.app-upload-button:hover{background:#3d4450;border-color:#4b5563}.app-color-schemes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.app-color-scheme{align-items:center;background:#343a46;border:1px solid #3d4450;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.app-color-scheme:hover{background:#3d4450;border-color:#4b5563}.app-color-scheme.active{background:#3b82f61a;border-color:#3b82f6}.app-color-preview{display:flex;gap:4px}.app-color-primary,.app-color-secondary{border-radius:4px;height:20px;width:20px}.app-color-name{color:#e5e7eb;font-size:12px;font-weight:500}.app-api-key-group{align-items:center;display:flex;gap:8px}.app-api-key-group .app-input{flex:1 1}.app-generate-button{align-items:center;background:#343a46;border:1px solid #3d4450;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:all .2s ease}.app-generate-button:hover{background:#3d4450;border-color:#4b5563}.app-save-section{border-top:1px solid #3d4450;margin-top:40px;padding-top:24px}.app-save-button{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:14px 20px;transition:background .2s ease;width:100%}.app-save-button:hover:not(:disabled){background:#2563eb}.app-save-button:disabled{cursor:not-allowed;opacity:.6}.app-right-panel{background:#1a1d23;flex:1 1;padding:40px}.app-preview-container,.app-right-panel{align-items:center;display:flex;justify-content:center}.app-preview-container{height:100%}.app-iphone-mockup{position:relative}.app-iphone-frame{background:#1f2937;border-radius:40px;box-shadow:0 0 0 2px #374151,0 20px 40px #0000004d,inset 0 0 0 1px #ffffff1a;height:580px;padding:8px;position:relative;width:280px}.app-iphone-notch{background:#000;border-radius:12px;height:24px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:120px;z-index:10}.app-iphone-screen{background:#fff;border-radius:32px;height:calc(100% - 32px);margin-top:16px;overflow:hidden;position:relative;width:100%}.app-preview-iframe{border:none;border-radius:32px;height:100%;width:100%}.app-preview-placeholder{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;text-align:center}.app-preview-placeholder .placeholder-icon{color:#9ca3af;margin-bottom:16px}.app-preview-placeholder h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.app-preview-placeholder p{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.app-iphone-home-indicator{background:#ffffff4d;border-radius:2px;bottom:8px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:120px}@media (max-width:1200px){.app-left-panel{max-width:350px;min-width:350px;width:350px}.app-iphone-frame{height:500px;width:240px}}@media (max-width:768px){.app-settings-container{flex-direction:column}.app-left-panel{height:60vh;max-width:none;min-width:auto;width:100%}.app-right-panel{height:40vh;padding:20px}.app-iphone-frame{height:400px;width:200px}}:root{--bulk-bg:#1a202c;--bulk-panel-bg:#2e333d;--bulk-card-bg:#374151;--bulk-border:#3d4450;--bulk-text:#fff;--bulk-text-secondary:#9ca3af;--bulk-text-muted:#6b7280;--bulk-accent:#3b82f6;--bulk-accent-hover:#2563eb;--bulk-success:#10b981;--bulk-danger:#ef4444;--bulk-warning:#f59e0b;--bulk-input-bg:#4b5563;--bulk-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--bulk-shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006}.bulk-messaging{background:#2e333d;background:var(--bulk-panel-bg);color:#fff;color:var(--bulk-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:100vh;min-height:100vh;overflow-y:auto;scrollbar-color:#3d4450 #0000;scrollbar-color:var(--bulk-border) #0000;scrollbar-width:thin}.bulk-messaging::-webkit-scrollbar{width:6px}.bulk-messaging::-webkit-scrollbar-track{background:#0000}.bulk-messaging::-webkit-scrollbar-thumb{background:#3d4450;background:var(--bulk-border);border-radius:3px}.bulk-messaging::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--bulk-text-muted)}.bulk-messaging-header{background:linear-gradient(135deg,#232b32,#2e333d);border-bottom:1px solid #3d4450;border-bottom:1px solid var(--bulk-border);box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--bulk-shadow);padding:32px 40px}.header-content{margin:0 auto;max-width:1200px}.header-title{align-items:center;display:flex;gap:16px;margin-bottom:8px}.header-icon{color:#3b82f6;color:var(--bulk-accent)}.header-title h1{color:#fff;color:var(--bulk-text);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.header-subtitle{color:#9ca3af;color:var(--bulk-text-secondary);font-size:16px;line-height:1.5;margin:0}.bulk-messaging-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px;min-height:calc(100vh - 140px);padding:32px 40px}.bulk-messaging-left,.bulk-messaging-right{display:flex;flex-direction:column;gap:24px}.action-section,.filters-section,.message-section,.scheduling-section,.stats-section{background:#374151;background:var(--bulk-card-bg);border:1px solid #3d4450;border:1px solid var(--bulk-border);border-radius:16px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--bulk-shadow);padding:24px;transition:all .3s ease}.filters-section:hover,.message-section:hover,.scheduling-section:hover,.stats-section:hover{box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--bulk-shadow-lg);transform:translateY(-2px)}.section-header{align-items:center;border-bottom:1px solid #3d4450;border-bottom:1px solid var(--bulk-border);display:flex;gap:12px;margin-bottom:20px;padding-bottom:12px}.section-icon{color:#3b82f6;color:var(--bulk-accent)}.section-header h3{color:#fff;color:var(--bulk-text);font-size:18px;font-weight:600;margin:0}.message-textarea{background:#4b5563;background:var(--bulk-input-bg);border:1px solid #3d4450;border:1px solid var(--bulk-border);border-radius:12px;color:#fff;color:var(--bulk-text);font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;padding:16px;resize:vertical;transition:all .3s ease;width:100%}.message-textarea:focus{border-color:#3b82f6;border-color:var(--bulk-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-textarea::placeholder{color:#6b7280;color:var(--bulk-text-muted)}.filter-group{gap:16px}.filter-group,.filter-item{display:flex;flex-direction:column}.filter-item{gap:12px}.checkbox-label{align-items:center;color:#fff;color:var(--bulk-text);cursor:pointer;display:flex;font-size:14px;gap:12px;transition:color .3s ease}.checkbox-label:hover{color:#3b82f6;color:var(--bulk-accent)}.checkbox-label input[type=checkbox]{display:none}.checkbox-custom{background:#4b5563;background:var(--bulk-input-bg);border:2px solid #3d4450;border:2px solid var(--bulk-border);border-radius:6px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#3b82f6;background:var(--bulk-accent);border-color:#3b82f6;border-color:var(--bulk-accent)}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.gift-icon{color:#f59e0b;color:var(--bulk-warning);margin-left:4px}.inactive-days-input{align-items:center;display:flex;gap:12px;margin-left:32px}.inactive-days-input label{color:#9ca3af;color:var(--bulk-text-secondary);font-size:13px}.number-input{background:#4b5563;background:var(--bulk-input-bg);border:1px solid #3d4450;border:1px solid var(--bulk-border);border-radius:8px;color:#fff;color:var(--bulk-text);font-size:14px;padding:8px 12px;transition:all .3s ease;width:80px}.number-input:focus{border-color:#3b82f6;border-color:var(--bulk-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.scheduling-options{display:flex;flex-direction:column;gap:16px}.radio-label{align-items:center;color:#fff;color:var(--bulk-text);cursor:pointer;display:flex;font-size:14px;gap:12px;transition:color .3s ease}.radio-label:hover{color:#3b82f6;color:var(--bulk-accent)}.radio-label input[type=radio]{display:none}.radio-custom{background:#4b5563;background:var(--bulk-input-bg);border:2px solid #3d4450;border:2px solid var(--bulk-border);border-radius:50%;height:20px;position:relative;transition:all .3s ease;width:20px}.radio-label input[type=radio]:checked+.radio-custom{border-color:#3b82f6;border-color:var(--bulk-accent)}.radio-label input[type=radio]:checked+.radio-custom:after{background:#3b82f6;background:var(--bulk-accent);border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.datetime-input{align-items:center;display:flex;gap:12px;margin-left:32px}.calendar-icon{color:#3b82f6;color:var(--bulk-accent)}.datetime-picker{background:#4b5563;background:var(--bulk-input-bg);border:1px solid #3d4450;border:1px solid var(--bulk-border);border-radius:8px;color:#fff;color:var(--bulk-text);font-size:14px;padding:8px 12px;transition:all .3s ease}.datetime-picker:focus{border-color:#3b82f6;border-color:var(--bulk-accent);box-shadow:0 0 0 3px #3b82f61a;outline:none}.contact-count-card{text-align:center}.count-display{margin-bottom:20px}.count-number{color:#3b82f6;color:var(--bulk-accent);display:block;font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.count-label{color:#9ca3af;color:var(--bulk-text-secondary);font-size:14px}.filter-summary{display:flex;flex-direction:column;gap:8px}.filter-tag{align-items:center;background:#4b5563;background:var(--bulk-input-bg);border:1px solid #3d4450;border:1px solid var(--bulk-border);border-radius:20px;color:#9ca3af;color:var(--bulk-text-secondary);display:flex;font-size:12px;gap:8px;justify-content:center;padding:8px 16px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #3d4450;border-top:4px solid #3b82f6;border:4px solid var(--bulk-border);border-radius:50%;border-top-color:var(--bulk-accent);height:48px;margin:0 auto;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--bulk-accent) 0,var(--bulk-accent-hover) 100%);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;box-shadow:var(--bulk-shadow);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.send-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;box-shadow:var(--bulk-shadow-lg);transform:translateY(-2px)}.send-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.send-button.sending{background:#6b7280;background:var(--bulk-text-muted)}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.status-message{align-items:center;animation:slideIn .3s ease;border-radius:8px;display:flex;font-size:14px;gap:8px;margin-top:16px;padding:12px 16px}.status-message.success{background:#10b9811a;border:1px solid #10b981;border:1px solid var(--bulk-success);color:#10b981;color:var(--bulk-success)}.status-message.error{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--bulk-danger);color:#ef4444;color:var(--bulk-danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.bulk-messaging-content{gap:24px;grid-template-columns:1fr;padding:24px 20px}.bulk-messaging-header{padding:24px 20px}.header-title h1{font-size:28px}}@media (max-width:768px){.bulk-messaging-content{padding:16px}.bulk-messaging-header{padding:20px 16px}.header-title{align-items:flex-start;flex-direction:column;gap:8px}.header-title h1{font-size:24px}.action-section,.filters-section,.message-section,.scheduling-section,.stats-section{padding:16px}.count-number{font-size:36px}.filter-summary{gap:6px}.filter-tag{font-size:11px;padding:6px 12px}}
/*# sourceMappingURL=main.a2c878a1.css.map*/