@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.auth-layout{display:flex;width:100vw;height:100vh;background-color:var(--color-surface)}.auth-form-section{flex:3;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.form-container{width:100%;max-width:400px}.auth-image-section{flex:5;background-image:url(https://images.unsplash.com/photo-1556740738-b6a63e27c4df?q=80&w=2070);background-size:cover;background-position:center}@media (max-width: 992px){.auth-layout{flex-direction:column}.auth-form-section{flex:1;padding:var(--spacing-lg)}.auth-image-section{flex:1;min-height:300px}}@media (max-width: 768px){.auth-image-section{display:none}.auth-form-section{min-height:100vh}.form-container{max-width:none;padding:var(--spacing-md)}}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-md)}.input-wrapper label{font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-primary)}.input-field{width:100%;padding:12px var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-sm)}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.login-form{width:100%}.login-header{margin-bottom:var(--spacing-xl)}.login-header h1{font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-secondary)}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.remember-me{display:flex;align-items:center;gap:var(--spacing-sm)}.remember-me label{color:var(--color-text-secondary);cursor:pointer}.forgot-password-link{color:var(--color-primary);text-decoration:none;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.login-button{width:100%;padding:14px;background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;transition:background-color .2s ease}.login-button:hover{background-color:var(--color-primary-hover)}.avatar-container{display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;color:#fff;font-weight:600}.avatar-container.medium{width:44px;height:44px}.avatar-container.medium .avatar-initials{font-size:16px}.avatar-container.small{width:48px;height:48px}.avatar-container.small .avatar-initials{font-size:18px}.conversation-list-container{display:flex;flex-direction:column;width:350px;height:100%;border-right:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.list-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.list-header h2{font-size:20px;font-weight:600;margin-bottom:var(--spacing-md)}.search-bar{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-background);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md)}.search-bar input{width:100%;border:none;background:none;outline:none;font-size:var(--font-size-sm);color:var(--color-text-primary)}.search-bar input::placeholder{color:var(--color-text-secondary)}.tabs-container{display:flex;padding:0 var(--spacing-lg) var(--spacing-md);gap:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.tab-item{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--border-radius-md);border:none;position:relative}.tab-item:hover{background-color:var(--color-background)}.tab-item.active{background-color:var(--color-primary-light);color:var(--color-primary)}.conversations{list-style:none;overflow-y:auto;flex-grow:1}.conversation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.conversation-item:hover{background-color:var(--color-background)}.conversation-item.active{background-color:var(--color-primary-light);border-right:3px solid var(--color-primary)}.conversation-details{flex-grow:1;overflow:hidden}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.conversation-name{margin-bottom:0;font-weight:600;font-size:var(--font-size-sm)}.conversation-last-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0;margin-left:var(--spacing-sm);display:flex;justify-content:center;align-items:center;gap:3px}.awaiting-badge{display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-2px;width:20px;height:20px;border-radius:50%;background-color:#dc3545;color:#fff;font-size:11px;font-weight:600;border:2px solid var(--color-surface)}.tab-item.active .awaiting-badge{border-color:var(--color-primary-light)}.conversation-meta{display:flex;align-items:center;gap:8px}.unread-message-badge{background-color:#25d366;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 4px}.chat-window-container{display:flex;flex-direction:column;flex-grow:1;height:100%;background-color:var(--color-background)}.chat-window-container{display:flex;flex-direction:column;height:100%;background-color:#f5f5f5;position:relative}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:10}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.info-button{display:none;color:var(--color-text-primary)}.chat-header-info{flex-grow:1}.chat-header-info h3{font-size:var(--font-size-md);font-weight:600}.status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-success)}.status-indicator{width:8px;height:8px;background-color:var(--color-success);border-radius:50%}.message-list{flex-grow:1;padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.message-wrapper{display:flex;max-width:65%}.message-wrapper.customer{align-self:flex-start}.message-wrapper.agent{align-self:flex-end}.message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);line-height:1.6;position:relative;padding-bottom:22px}.message-text{margin-right:1rem;word-wrap:break-word}.message-timestamp{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-md);font-size:11px;color:#fff9}.message-wrapper.customer .message-timestamp{color:var(--color-text-secondary)}.message-wrapper.customer .message-bubble{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-top-left-radius:0}.message-wrapper.agent .message-bubble{background-color:var(--color-primary);color:var(--color-surface);border-top-right-radius:0}.message-input-area{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-top:1px solid var(--color-border)}.message-input-area input{flex-grow:1;padding:12px var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--color-border);background-color:var(--color-background);font-size:var(--font-size-sm)}.message-input-area input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.send-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:var(--color-primary);color:var(--color-surface);border-radius:50%;transition:background-color .2s ease}.send-button:hover{background-color:var(--color-primary-hover)}.back-button{display:none;margin-right:var(--spacing-md);color:var(--color-text-primary)}.message-input-container{position:relative}.commands-popup{position:absolute;bottom:100%;left:0;right:0;margin:0 var(--spacing-lg) var(--spacing-sm);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 -4px 12px #00000014;max-height:250px;overflow-y:auto;z-index:20}.commands-list{list-style:none}.command-item{padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.command-item:last-child{border-bottom:none}.command-item:hover{background-color:var(--color-background)}.command-name{font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm)}.command-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.event-message{display:flex;align-items:center;justify-content:center;margin:var(--spacing-md) 0;width:100%}.event-message span{background-color:var(--color-background);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-md);border-radius:100px;text-align:center}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.finalize-button{color:var(--color-text-primary)}.finalize-button:hover{color:var(--color-success)}.media-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text-secondary);border-radius:50%;flex-shrink:0}.media-button:hover{background-color:var(--color-background);color:var(--color-primary);transform:rotate(90deg)}.media-sheet{position:absolute;bottom:calc(100% + 8px);left:var(--spacing-lg);width:200px;background-color:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border);padding:var(--spacing-sm);z-index:30}.media-sheet ul{list-style:none}.media-sheet-item{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.media-sheet-item:hover{background-color:var(--color-background)}.media-sheet-item svg{color:var(--color-primary);flex-shrink:0}.media-image,.media-video{max-width:100%;border-radius:var(--border-radius-sm);display:block}.media-audio{width:100%;max-width:250px}.media-document{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background-color:#0000000d;text-decoration:none;color:inherit;transition:background-color .2s ease}.message-wrapper.agent .media-document{background-color:#ffffff1a}.media-document:hover{background-color:#0000001a}.message-wrapper.agent .media-document:hover{background-color:#fff3}.media-document span{flex-grow:1;word-break:break-all}.agent-name{font-size:12px;font-style:italic;font-weight:500;margin-bottom:4px;color:var(--color-text-secondary)}.message-wrapper.agent .agent-name{color:#ffffffb3}@media (max-width: 768px){.back-button{display:block}.info-button,.back-button{display:block}.chat-header{padding:var(--spacing-sm) var(--spacing-md)}.info-button{display:block}}.chat-placeholder-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--color-text-secondary);text-align:center;padding:var(--spacing-lg);background-color:var(--color-background)}.placeholder-content p{margin-bottom:var(--spacing-lg);font-size:var(--font-size-md);line-height:1.6}.placeholder-content .action-button{padding:12px 24px;font-size:var(--font-size-md);font-weight:600;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff;transition:background-color .2s ease}.placeholder-content .action-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.placeholder-content .action-button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:var(--color-surface);border-radius:var(--border-radius-md);box-shadow:0 4px 20px #0003;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--font-size-lg);font-weight:600}.close-button{color:var(--color-text-secondary)}.close-button:hover{color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}@media (max-width: 768px){.modal-content{width:100%;margin:0 20px}}.editor-container{border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-surface)}.toolbar{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm);color:var(--color-text-primary)}.toolbar button:hover{background-color:var(--color-background)}.toolbar button.is-active{background-color:var(--color-primary-light);color:var(--color-primary)}.tiptap-editor{padding:var(--spacing-sm) var(--spacing-md);min-height:100px;font-family:inherit;font-size:var(--font-size-sm);line-height:1.6}.tiptap-editor:focus{outline:none}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#adb5bd;pointer-events:none;height:0}.tiptap-editor a{color:var(--color-primary);text-decoration:none;cursor:pointer}.client-details-container{width:320px;height:100vh;background-color:var(--color-surface);border-left:1px solid var(--color-border);flex-shrink:0;display:flex;flex-direction:column}.client-details-content{flex-grow:1;overflow-y:auto;height:100px;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xl)}.details-section-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-list{display:flex;height:100px;overflow-y:auto;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:16px;padding:0 var(--spacing-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-primary);height:28px;box-sizing:border-box}.remove-tag-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;color:var(--color-text-secondary)}.remove-tag-btn:hover{background-color:#e2e6ea;color:var(--color-text-primary)}.tag-input-form{display:flex;margin-top:var(--spacing-md);gap:var(--spacing-sm)}.tag-input{flex-grow:1;border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.tag-input:focus{outline:none;border-color:var(--color-primary)}.add-tag-btn{display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.add-tag-btn:hover:not(:disabled){background-color:var(--color-primary-light);color:var(--color-primary)}.add-tag-btn:disabled{opacity:.5;cursor:not-allowed}.client-details-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.client-details-header h3{font-size:var(--font-size-md);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-list{flex-grow:1;overflow-y:auto;height:200px;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.no-notes-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin-top:var(--spacing-lg)}.note-item{background-color:var(--color-background);padding:var(--spacing-md);border-radius:var(--border-radius-md);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.note-header{display:flex;flex-direction:column;justify-content:space-between;align-items:start;font-size:11px;color:var(--color-text-secondary);border-bottom:1px dashed var(--color-border);padding-bottom:var(--spacing-sm)}.note-author{font-weight:500}.note-content{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6}.note-content p,.note-content ol,.note-content ul{margin:0;padding:0}.note-content strong{font-weight:700}.note-content em{font-style:italic}.note-content u{text-decoration:underline}.note-content a{color:var(--color-primary)}.note-input-section{padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-md);flex-shrink:0;background-color:#f8f9fa}.save-note-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:10px;background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:600;transition:background-color .2s ease}.save-note-button:hover{background-color:var(--color-primary-hover)}.save-note-button:disabled{background-color:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.tag-input-wrapper{position:relative;margin-top:var(--spacing-md)}.tag-suggestions-list{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md);box-shadow:0 4px 12px #00000014;z-index:100;max-height:150px;overflow-y:auto;list-style:none}.tag-suggestion-item{padding:10px var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer;border-bottom:1px solid var(--color-border)}.tag-suggestion-item:last-child{border-bottom:none}.tag-suggestion-item:hover{background-color:var(--color-background)}.tag-suggestions-loading{font-size:var(--font-size-xs);color:var(--color-text-secondary);padding:4px}@media (max-width: 768px){.client-details-container{width:100%;height:100%;border-left:none;border-top:1px solid var(--color-border);border-radius:20px 20px 0 0;display:flex;flex-direction:column}.client-details-content{flex-grow:1;overflow-y:auto;min-height:0}.note-input-section{flex-shrink:0}}.mobile-header{display:none;width:100%;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--spacing-md);flex-shrink:0}.mobile-header-title{font-size:18px;font-weight:600}.hamburger-button{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}@media (max-width: 768px){.mobile-header{display:flex}}.bottom-sheet-container{position:fixed;inset:0;z-index:1200;pointer-events:none}.bottom-sheet-overlay{position:absolute;inset:0;background-color:#00000080;opacity:0;transition:opacity .3s ease-in-out}.bottom-sheet-content{position:absolute;bottom:0;left:0;right:0;background-color:var(--color-surface);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-radius:20px;box-shadow:0 -4px 20px #00000026;transform:translateY(100%);transition:transform .3s ease-in-out;height:85vh;display:flex;flex-direction:column;margin:0 5px}.bottom-sheet-container.open{pointer-events:auto}.bottom-sheet-container.open .bottom-sheet-overlay{opacity:1}.bottom-sheet-container.open .bottom-sheet-content{transform:translateY(0)}.chat-page-layout{display:flex;width:100%;flex-grow:1;min-height:0;overflow:hidden}.conversation-list-wrapper,.client-details-wrapper{flex-shrink:0}.chat-window-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--color-text-secondary);text-align:center}@media (max-width: 1200px){.client-details-wrapper{display:none}}@media (max-width: 768px){.chat-page-layout{position:relative;display:block}.conversation-list-container{width:100%}.conversation-list-wrapper.mobile-hidden{display:none}.conversation-list-wrapper,.chat-window-wrapper{width:100%;height:100%;transition:transform .3s ease-in-out}.no-chat-selected{display:none}}.forgot-password-form{width:100%}.forgot-password-header{margin-bottom:var(--spacing-xl)}.forgot-password-header h1{font-size:28px;font-weight:700;margin-bottom:var(--spacing-sm)}.forgot-password-header p{color:var(--color-text-secondary)}.recover-button{width:100%;padding:14px;margin-top:var(--spacing-sm);background-color:var(--color-primary);color:var(--color-surface);border-radius:var(--border-radius-md);font-size:var(--font-size-md);font-weight:600;transition:background-color .2s ease}.recover-button:hover{background-color:var(--color-primary-hover)}.back-to-login{margin-top:var(--spacing-lg);text-align:center}.back-to-login a{color:var(--color-primary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm)}.back-to-login a:hover{text-decoration:underline}.main-sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:80px;height:100vh;padding:var(--spacing-lg) 0;background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0}.sidebar-logo{width:40px;height:40px;margin-bottom:var(--spacing-xl)}.nav-list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}.nav-item a,.logout-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-md);color:var(--color-text-secondary);transition:all .2s ease}.nav-item a:hover,.logout-button:hover{background-color:var(--color-background);color:var(--color-primary)}.nav-item.active a{background-color:var(--color-primary-light);color:var(--color-primary)}.logout-button:hover{background-color:#f8d7da;color:#842029}.main-layout{display:flex;width:100vw;height:100vh;background-color:var(--color-background);position:relative}.main-content{flex-grow:1;height:100vh;overflow:hidden;display:flex;flex-direction:column}.mobile-menu-overlay{display:none}@media (max-width: 768px){.main-sidebar{position:fixed;left:-80px;top:0;bottom:0;z-index:1100;transition:left .3s ease-in-out}.main-sidebar.mobile-open{left:0}.mobile-menu-overlay{display:block;position:fixed;inset:0;background-color:#00000080;z-index:1050}}.settings-page-layout{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-background)}.settings-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.settings-tabs{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.settings-tabs button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);border-radius:var(--border-radius-md);border:1px solid transparent}.settings-tabs button:hover{background-color:var(--color-background)}.settings-tabs button.active{color:var(--color-primary);background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.settings-content{flex-grow:1;padding:var(--spacing-lg);overflow-y:auto}.command-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm)}.textarea-wrapper label{font-weight:500;font-size:var(--font-size-sm)}.textarea-wrapper textarea{font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);resize:vertical}.textarea-wrapper textarea:focus{outline:none;border-color:var(--color-primary)}.quick-messages-container .page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.add-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);font-weight:500}.messages-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-md)}.message-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.message-card-content{flex-grow:1}.message-command{color:var(--color-primary);font-size:var(--font-size-md)}.message-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0}.command-card-text{font-style:italic;font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}.message-card-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.message-card-actions button{padding:var(--spacing-sm);color:var(--color-text-secondary)}.message-card-actions button:hover{color:var(--color-text-primary)}@media (max-width: 768px){.quick-messages-container .page-actions{display:flex;align-items:start;flex-direction:column}.quick-messages-container .page-actions button{margin-top:10px;padding:var(--spacing-md) var(--spacing-md)}.tags-settings-container .page-actions{display:flex;align-items:start!important;flex-direction:column}.tags-settings-container .page-actions button{margin-top:10px;padding:var(--spacing-md) var(--spacing-md)}}.tag-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.cancel-button,.save-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500}.cancel-button{background-color:var(--color-background);border:1px solid var(--color-border)}.save-button{background-color:var(--color-primary);color:#fff}.tags-settings-container .page-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.tags-settings-container .add-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-md);font-weight:500}.tags-list-settings{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-md)}.tag-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.tag-item-setting{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:100px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500}.tag-card-actions{display:flex;gap:var(--spacing-sm)}.tag-card-actions button{padding:var(--spacing-sm);color:var(--color-text-secondary)}.tag-card-actions button:hover{color:var(--color-text-primary)}.confirm-modal-content p{line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.confirm-modal-actions .cancel-button,.confirm-modal-actions .delete-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500}.confirm-modal-actions .delete-button{background-color:#dc3545;color:#fff}.confirm-modal-actions .delete-button:hover{background-color:#c82333}.api-meta-settings-container{max-width:700px}.api-meta-header{margin-bottom:var(--spacing-xl)}.api-meta-header h3{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs)}.api-meta-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.api-meta-form .input-wrapper textarea{font-family:inherit;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);resize:vertical;width:100%}.api-meta-form .input-wrapper textarea:focus{outline:none;border-color:var(--color-primary)}.api-meta-form .form-actions{display:flex;justify-content:flex-start;margin-top:var(--spacing-md)}.api-meta-form .save-button{padding:12px var(--spacing-lg);border-radius:var(--border-radius-md);font-weight:600;background-color:var(--color-primary);color:#fff}.api-meta-form .save-button:disabled{opacity:.6;cursor:not-allowed}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-form .input-wrapper{margin-bottom:0}.contact-form .form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.contact-form .cancel-button,.contact-form .save-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:500}.contact-form .cancel-button{background-color:var(--color-background);border:1px solid var(--color-border)}.contact-form .save-button{background-color:var(--color-primary);color:#fff}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute;z-index:-1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.contacts-page-layout{display:flex;flex-direction:column;height:100%;width:100%}.contacts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);flex-shrink:0}.contacts-header h1{margin:0;font-size:24px}.search-bar-wrapper{position:relative;width:350px}.search-bar-wrapper .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:20px;height:20px;display:flex;align-items:center;justify-content:center}.search-bar-wrapper input{width:100%;padding:12px var(--spacing-md);padding-left:44px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);transition:all .2s ease-in-out}.search-bar-wrapper input::placeholder{color:var(--color-text-secondary)}.search-bar-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.contacts-content{flex-grow:1;overflow-y:auto;padding:var(--spacing-lg)}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.contact-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.card-header{display:flex;align-items:center;gap:var(--spacing-md)}.card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.card-contact-info{display:flex;flex-direction:column;gap:2px;flex-grow:1;min-width:0}.card-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-detail{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tags-section{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);flex-grow:1;align-content:flex-start;min-height:32px}.tag-item-table{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:100px;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;font-weight:500;white-space:nowrap}.card-last-contact{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;border-top:1px solid var(--color-border);padding-top:var(--spacing-md);align-items:center;gap:var(--spacing-sm) 6px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-last-contact-section{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);margin-top:auto}.card-last-contact-section svg{color:var(--color-text-secondary);flex-shrink:0}.card-last-contact-section div span{font-size:11px;color:var(--color-text-secondary);display:block}.card-last-contact-section div p{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.card-actions{display:flex;gap:var(--spacing-sm);border-top:1px solid var(--color-border);padding-top:var(--spacing-md);margin-top:var(--spacing-md)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-surface);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s ease;flex-grow:1}.action-button:not(.primary){flex-grow:0;padding:var(--spacing-sm)}.action-button:hover{background-color:var(--color-background);border-color:#ced4da}.action-button.danger:hover{background-color:#f8d7da;border-color:#f5c2c7;color:#842029}.no-results-message{text-align:center;margin-top:var(--spacing-xl);color:var(--color-text-secondary)}.more-tags{background-color:#e9ecef!important;font-weight:700!important;cursor:help}#tags-tooltip{background-color:var(--color-surface)!important;color:var(--color-text-primary)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-md)!important;padding:var(--spacing-md)!important;font-size:var(--font-size-sm)!important;box-shadow:0 4px 12px #0000001a!important;max-width:300px!important;opacity:1!important;z-index:1000!important}.tooltip-tags-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}#tags-tooltip .tag-item-table{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:100px;padding:var(--spacing-xs) var(--spacing-sm);font-size:11px;font-weight:500;white-space:nowrap}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width: 768px){.search-bar-wrapper .search-icon{left:25px}.desktop-only{display:none}.mobile-only{display:block}.contacts-header{padding-bottom:0}.search-bar-wrapper.mobile-only{display:block;width:auto;padding:var(--spacing-lg) var(--spacing-md);background-color:var(--color-surface);position:relative}.contacts-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--color-background: #f4f7f9;--color-surface: #ffffff;--color-primary: #0d6efd;--color-primary-light: #e7f1ff;--color-primary-hover: #0b5ed7;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-border: #e9ecef;--color-success: #198754;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 20px;--spacing-xl: 28px;--border-radius-sm: 4px;--border-radius-md: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05)}body{background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}button,input,.conversation-item{transition:all .2s ease-in-out}