@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.sidebar{background-color:var(--color-surface);width:240px;height:100%;color:var(--color-text-primary);z-index:50;border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (width>=769px){.sidebar.hidden-desktop{margin-left:-240px}}.sidebar-toggle-btn{background-color:var(--color-surface);border:1px solid var(--color-border);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,transform .2s,color .2s;display:flex;position:absolute;top:50%;right:-14px;transform:translateY(-50%);box-shadow:0 2px 5px #0003}.sidebar-toggle-btn:hover{background-color:var(--color-background);color:var(--color-text-primary);transform:translateY(-50%)scale(1.1)}.sidebar-header{padding:16px 16px 8px;position:relative}.account-switcher{padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.account-switcher:hover{background-color:var(--color-surface-container)}.account-info{align-items:center;gap:var(--spacing-sm);display:flex}.logo-icon{background-color:var(--color-primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.account-text{flex-direction:column;display:flex}.switcher-icon{display:block}.account-name{font-weight:600;font-size:var(--font-size-sm);line-height:1.2}.account-number{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.account-dropdown{margin:var(--spacing-xs) var(--spacing-md);background-color:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-sm);z-index:100;border:1px solid var(--color-border);position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-item{padding:var(--spacing-sm) var(--spacing-md);align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;transition:background-color .15s;display:flex;position:relative}.dropdown-item:hover{background-color:var(--color-background)}.dropdown-item.active{background-color:#25d36614;font-weight:500}.checkbox-wrapper{align-items:center;margin-right:8px;display:flex}.account-checkbox{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary)}.logo-icon.small{border-radius:var(--radius-sm);width:24px;height:24px}.dropdown-divider{background-color:var(--color-border);height:1px;margin:4px 0}.dropdown-item.add-account{color:var(--color-primary-dark);font-weight:500}.dropdown-account-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.edit-account-btn{color:var(--color-text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;transition:opacity .2s}.dropdown-item:hover .edit-account-btn{opacity:1}.edit-account-wrapper{flex:1;gap:4px;display:flex}.edit-account-input{border:1px solid var(--color-primary);background-color:var(--color-surface);width:100%;color:var(--color-text-primary);border-radius:4px;flex:1;padding:2px 6px}.save-edit-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:4px;width:24px;height:24px}.sidebar-nav{flex:1;padding:0;overflow-y:auto}.menu-group{margin-bottom:var(--spacing-sm)}.menu-group-header{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 16px 8px 24px;font-size:11px;font-weight:700;transition:color .2s;display:flex}.menu-group-header:hover{color:var(--color-primary-dark)}.group-toggle-icon{font-size:16px;transition:transform .2s}.group-toggle-icon.expanded{transform:rotate(180deg)}.menu-group-list{margin:0;padding:0;list-style:none;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.menu-group-list.collapsed{opacity:0;max-height:0}.menu-group-list.expanded{opacity:1;max-height:500px}.nav-item{color:var(--color-text-secondary);border-radius:8px;align-items:center;gap:12px;margin:2px 16px;padding:10px 8px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{background-color:var(--color-surface-container);color:var(--color-text-primary)}.nav-item.active{background-color:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary-dark);font-weight:600}.nav-label{font-size:var(--font-size-sm);font-weight:500;display:block}.sidebar-footer{justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding:16px 16px 16px 24px;display:flex}.user-profile{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.avatar{background-color:var(--color-primary);width:32px;height:32px;font-weight:600;font-size:var(--font-size-sm);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{font-weight:600;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;max-width:120px;line-height:1.2;overflow:hidden}.user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-footer .theme-toggle,.sidebar-footer .logout-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.sidebar-footer .theme-toggle:hover{background-color:var(--color-surface-container);color:var(--color-text-primary)}.sidebar-footer .logout-btn:hover{background-color:var(--color-error);color:#fff}@media (width<=768px){.sidebar{z-index:60;background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;width:260px;height:calc(100vh - 50px);margin-left:-260px;transition:margin-left .3s;position:fixed;top:50px;bottom:0;left:0}.sidebar.mobile-open{margin-left:0!important}.sidebar-header,.sidebar-footer{display:flex}.sidebar-toggle-btn{display:none}.sidebar-nav{padding:var(--spacing-md) 0;width:100%;overflow:hidden auto}.sidebar-nav ul{flex-direction:column;justify-content:flex-start;height:auto;padding:0;display:block}.nav-item{justify-content:flex-start;margin:2px 16px;padding:10px 8px}.nav-label{display:block}.sidebar-overlay{z-index:55;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:50px 0 0}.sidebar-overlay.active{opacity:1;pointer-events:auto}}.sidebar-badge{background:var(--color-error);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.inbox-container{scroll-snap-align:start;background-color:var(--color-surface);flex:auto;height:100%;display:flex;position:relative}.inbox-container.compact-mode.is-active-chat{z-index:5;box-shadow:0 0 24px #0000000f}.conversation-list{width:var(--list-width,320px);background-color:var(--color-surface);border-right:1px solid var(--color-border);color:var(--color-text-primary);flex-direction:column;display:flex;position:relative}.inbox-resizer{cursor:col-resize;z-index:10;background-color:#0000;width:5px;margin-left:-2px;margin-right:-3px;transition:background-color .2s;position:relative}.inbox-resizer:hover,.inbox-resizer:active{background-color:var(--color-primary)}.list-header{padding:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.search-bar{align-items:center;gap:var(--spacing-sm);padding:12px 16px;display:flex}.search-input-container{align-items:center;width:100%;display:flex;position:relative}.search-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:12px}.scroll-bottom-btn{background-color:var(--color-surface);width:40px;height:40px;color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 4px 12px #0000004d}.scroll-bottom-btn:hover{background-color:var(--color-border)}.chat-input-area{z-index:60}.active-filter{color:var(--color-primary);background-color:#25d3661a;border-radius:50%}.new-chat-fab{background-color:var(--color-primary);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,background-color .2s;display:none;position:fixed;bottom:32px;right:24px;box-shadow:0 4px 12px #0000004d}.new-chat-fab:hover{background-color:var(--color-primary-dark);transform:scale(1.05)}@media (width<=768px){.new-chat-fab{display:flex}}.filter-dropdown{top:100%;right:var(--spacing-md);background-color:var(--color-surface);color:var(--color-text-primary);border-radius:var(--radius-md);z-index:100;border:1px solid var(--color-border);min-width:180px;margin-top:4px;position:absolute;overflow:hidden;box-shadow:0 4px 24px #00000014}.filter-item{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 16px;transition:background-color .15s;display:flex}.filter-item:hover{background-color:var(--color-background)}.filter-item.active{color:var(--color-primary);background-color:#25d36614;font-weight:500}.search-input{width:100%;height:36px;padding-left:36px;padding-right:var(--spacing-md);background-color:var(--color-surface-container);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);border:none;border-radius:8px;outline:none;transition:background-color .2s}.search-input:focus{background-color:var(--color-surface-container-high);box-shadow:none}.inbox-tabs-container{padding:0 var(--spacing-lg) var(--spacing-md);border-bottom:none;align-items:center;gap:4px;display:flex}.tab-scroll{border-radius:var(--radius-sm);color:#a2a2a2;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:28px;padding:0;display:flex}.tab-scroll:hover{color:#fafafa;background-color:#2e2f2f}.inbox-tabs{scrollbar-width:none;scroll-behavior:smooth;flex:1;gap:8px;display:flex;overflow-x:auto}.inbox-tabs::-webkit-scrollbar{display:none}.tab-btn{background-color:var(--color-surface-container);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:16px;padding:6px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.tab-btn:hover{background-color:var(--color-surface-container-high);color:var(--color-text-primary)}.tab-btn.active{color:var(--color-primary);background-color:#25d36626;font-weight:500}.list-items{flex:1;position:relative;overflow-y:auto}.chat-checkbox{align-items:center;margin-right:12px;display:flex}.chat-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px}.chat-item.selected{background-color:#ffffff0d}.bulk-action-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 16px;animation:.3s cubic-bezier(.1,.82,.25,1) slideUpBulk;display:flex;box-shadow:0 -2px 10px #0000001a}@keyframes slideUpBulk{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.bulk-action-bar{z-index:1000;position:fixed;bottom:0;left:0;right:0}.list-items{padding-bottom:70px}}.bulk-action-bar span{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.bulk-delete-btn{background-color:var(--color-error);color:#fff;font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:opacity .2s}.bulk-delete-btn:hover:not(:disabled){opacity:.9}.bulk-delete-btn:disabled{cursor:not-allowed;background-color:#4b5a64}.chat-item{cursor:pointer;border-bottom:none;gap:14px;padding:12px 16px;transition:background-color .15s;display:flex;box-shadow:none!important;border:none!important}.chat-item:hover{background-color:var(--color-surface-container-low)}.chat-item.active{background-color:var(--color-surface-container)}.chat-avatar{background-color:var(--color-primary-dark);color:#fff;width:48px;height:48px;font-weight:600;font-size:var(--font-size-h3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-info{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex;box-shadow:none!important;border:none!important}.chat-name-time{justify-content:space-between;align-items:center;display:flex;box-shadow:none!important;border:none!important}.chat-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.chat-time{color:var(--color-text-secondary);flex-shrink:0;font-size:12px}.chat-preview{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex;box-shadow:none!important;border:none!important}.preview-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:13.5px;font-weight:400;display:flex;overflow:hidden}.unread-badge{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-area{background-color:var(--color-chat-bg);z-index:1;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-pattern-bg{width:100%;height:100%;opacity:var(--chat-bg-pattern-opacity,.5);filter:var(--chat-bg-pattern-filter,none);mix-blend-mode:var(--chat-bg-pattern-blend,normal);z-index:0;pointer-events:none;background-repeat:repeat;background-size:400px;position:absolute;inset:0}.chat-header,.chat-timeline,.chat-input-area{z-index:1;position:relative}.chat-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-sizing:border-box;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.chat-header-info{align-items:center;gap:var(--spacing-md);flex:1;min-width:0;display:flex}.chat-header-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}@media (width<=768px){.mobile-only-btn{display:flex!important}}.chat-header-info .chat-avatar{width:40px;height:40px;font-size:var(--font-size-base)}.chat-status{font-size:var(--font-size-sm)}.chat-header-actions{align-items:center;gap:var(--spacing-sm);display:flex}.handler-switch{--seg-w:54px;background-color:var(--color-background);border:1px solid var(--color-border);cursor:pointer;margin-right:var(--spacing-sm);-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;align-items:center;padding:3px;display:inline-flex;position:relative}.handler-switch-thumb{width:var(--seg-w);background-color:var(--color-primary);z-index:0;border-radius:999px;height:calc(100% - 6px);transition:transform .2s,background-color .2s;position:absolute;top:3px;left:3px}.handler-switch.is-human .handler-switch-thumb{transform:translateX(var(--seg-w));background-color:var(--color-warning)}.handler-switch-option{z-index:1;width:var(--seg-w);text-align:center;color:var(--color-text-secondary);font-size:12px;font-weight:600;line-height:22px;transition:color .2s;position:relative}.handler-switch.is-ai .opt-ai,.handler-switch.is-human .opt-human{color:#fff}.status-indicator{background-color:var(--color-warning);border-radius:50%;width:8px;height:8px}.status-indicator.active{background-color:var(--color-primary)}.btn-lead-action-small{background-color:var(--color-primary);color:#fff;cursor:pointer;margin-right:var(--spacing-xs);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .2s;display:flex}.btn-lead-action-small:hover{background-color:var(--color-primary-dark)}.chat-timeline{padding:var(--spacing-xl);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.bubble-wrapper{width:100%;display:flex}.bubble-wrapper.received{justify-content:flex-start}.bubble-wrapper.sent{justify-content:flex-end}.bubble{border-radius:var(--radius-md);max-width:70%;padding:6px 10px;position:relative;box-shadow:0 1px 2px #0000000d}.bubble.has-media{width:240px;max-width:75%;padding:4px}.bubble.has-media .bubble-text{padding:2px 6px 4px}.received .bubble{background-color:var(--color-bubble-received)}.mobile-only-btn{display:none}.inbox-container.compact-mode{position:relative;overflow:hidden}.inbox-container.compact-mode .conversation-list{border-right:none;width:100%!important}.inbox-container.compact-mode .chat-area{flex:1;width:100%;min-width:0;height:100%}.inbox-container.compact-mode .mobile-hidden{display:none!important}.inbox-container.compact-mode .bubble{max-width:85%}.inbox-container.compact-mode .chat-input-area{gap:8px;padding:8px}.inbox-container.compact-mode .chat-input-area .icon-btn,.inbox-container.compact-mode .chat-input-area .btn-primary.icon-only{flex-shrink:0;width:36px;height:36px}.inbox-container.compact-mode .chat-input-area .icon-btn svg,.inbox-container.compact-mode .chat-input-area .btn-primary.icon-only svg{width:20px!important;height:20px!important}.inbox-container.compact-mode .message-input{min-height:36px;padding:8px 4px}.inbox-container.compact-mode .hide-on-mobile,.inbox-container.compact-mode .status-text,.inbox-container.compact-mode .lead-text-mobile{display:none}.inbox-container.compact-mode .btn-lead-action-small{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;display:flex}.inbox-container.compact-mode .handler-switch{--seg-w:42px}.inbox-container.compact-mode .handler-switch-option{font-size:10px}.inbox-container.compact-mode .chat-header{padding:var(--spacing-sm) var(--spacing-md)}.inbox-container.compact-mode .chat-header-actions{gap:4px}.inbox-container.compact-mode .chat-header-info{flex:1;gap:8px;min-width:0;overflow:hidden}.inbox-container.compact-mode .chat-header-info>div:not(.chat-avatar){min-width:0;overflow:hidden}.inbox-container.compact-mode .chat-header-info h3{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.inbox-container.compact-mode .chat-header-info .chat-status{max-width:100%;overflow:hidden}.inbox-container.compact-mode .chat-header-info .chat-status span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vn-player{background-color:#0000;grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;align-items:center;column-gap:12px;min-width:200px;max-width:280px;padding:4px 12px 14px 4px;display:grid}.vn-in,.vn-out{background-color:#0000}.vn-avatar-wrapper{background:var(--color-primary);border-radius:50%;flex-shrink:0;grid-area:1/1;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.vn-avatar{justify-content:center;align-items:center;display:flex}.vn-play-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;grid-area:1/2;justify-content:center;align-items:center;padding:0;display:flex}.vn-slider-wrapper{grid-area:1/3;align-items:center;width:100%;height:24px;display:flex}.vn-slider{appearance:none;cursor:pointer;background-color:#0000;outline:none;width:100%;height:24px;margin:0}.vn-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--color-primary) var(--progress,0%), var(--color-text-secondary) var(--progress,0%));width:100%;height:100%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 5px)}.vn-slider::-webkit-slider-thumb{appearance:none;background-color:var(--color-primary);z-index:2;border-radius:50%;width:12px;height:12px;margin-top:6px;position:relative;box-shadow:0 1px 3px #0000004d}.vn-duration{color:var(--color-text-secondary);grid-area:2/3;margin-top:4px;font-size:11px;line-height:1}@keyframes highlightMessage{0%{background-color:#3b82f666}to{background-color:#0000}}.highlighted-msg{animation:2s ease-out forwards highlightMessage}@media (width<=768px){.conversation-list{border-right:none;width:100%}.chat-area{z-index:10;background-color:var(--color-chat-bg);width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(0)}.chat-area.mobile-hidden{opacity:0;pointer-events:none;transform:translate(100%);display:flex!important}.conversation-list.mobile-hidden{pointer-events:none;display:flex!important}.mobile-hidden{display:none!important}.mobile-only-btn{color:var(--color-text-primary);display:flex}.chat-header-actions{gap:4px}.handler-switch{--seg-w:42px;margin-right:4px}.handler-switch-option{font-size:10px}.btn-lead-action-small{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin:0;padding:0;display:flex}.btn-lead-action-small .lead-text-mobile{display:none}.chat-header-info{gap:8px}.chat-header-info .chat-avatar{width:32px;height:32px}.chat-header-info h3,.chat-header-title{max-width:130px;font-size:14px}.chat-header{padding:var(--spacing-md)}.bubble{max-width:85%}.chat-input-area{gap:8px;padding:8px}.chat-input-area .icon-btn,.chat-input-area .btn-primary.icon-only{flex-shrink:0;width:36px;height:36px}.chat-input-area .icon-btn svg,.chat-input-area .btn-primary.icon-only svg{width:20px!important;height:20px!important}.message-input{min-height:36px;padding:8px 4px}.hide-on-mobile{display:none}}.sent .bubble{background-color:var(--color-bubble-sent)}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin-bottom:0;padding-bottom:6px;padding-right:65px;font-size:14px;line-height:1.4;display:inline-block}.bubble-text .wa-mono{background:#0000000f;border-radius:4px;padding:1px 4px;font-family:ui-monospace,Courier New,monospace;font-size:.92em}.bubble-time{color:var(--color-text-secondary);background:0 0;align-items:center;gap:2px;font-size:11px;display:flex;position:absolute;bottom:4px;right:8px}.message-media{object-fit:contain;border-radius:6px;max-width:100%;max-height:350px;margin-bottom:4px;display:block}.bubble.has-media{max-width:350px;padding:4px}.bubble.has-media.no-caption .bubble-time{color:#fff;z-index:5;background-color:#00000073;border-radius:12px;padding:2px 6px;bottom:8px;right:8px}.bubble.has-media.no-caption .bubble-time .msg-ack{color:#fff!important}.quoted-message{border-left:4px solid var(--color-primary);cursor:pointer;background-color:#0000000d;border-radius:4px;margin:-2px -6px 6px;padding:6px 8px;font-size:13px}[data-theme=dark] .quoted-message{background-color:#ffffff0d}.quoted-sender{color:var(--color-primary-dark);margin-bottom:2px;font-size:12px;font-weight:600}.quoted-text{color:var(--color-text-secondary);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-bubble-btn{color:var(--color-text-secondary);opacity:0;cursor:pointer;background:0 0;border:none;border-radius:50%;align-self:center;margin:0 4px;padding:4px;transition:opacity .2s,background-color .2s}.bubble-wrapper:hover .reply-bubble-btn{opacity:1}.reply-bubble-btn:hover{background-color:var(--color-border)}.bubble-wrapper.sent .reply-bubble-btn{order:-1}.reply-preview-container{box-sizing:border-box;background-color:#0000;align-items:flex-start;gap:12px;width:100%;padding:8px 12px 0;display:flex}.reply-preview-content{border-left:4px solid var(--color-primary);background-color:#00000026;border-radius:8px;flex:1;min-width:0;padding:8px 12px}.reply-sender{color:var(--color-primary-dark);margin-bottom:2px;font-size:13px;font-weight:600}.reply-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.reply-cancel-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;margin-top:4px;padding:6px}.reply-cancel-btn:hover{background-color:#0000000d}.msg-ack{vertical-align:middle;margin-left:3px}.msg-ack.sent,.msg-ack.sending{color:var(--color-text-secondary)}.msg-ack.is-failed{color:var(--color-error)}.bubble.is-failed{border:1px solid var(--color-error);background:color-mix(in srgb, var(--color-error) 8%, var(--color-bubble-sent))}.chat-input-area{background-color:var(--color-surface);box-sizing:border-box;flex-wrap:nowrap;align-items:flex-end;gap:8px;width:100%;padding:10px 16px;display:flex}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 10px))}}.input-pill{background-color:var(--color-bubble-received);border:none;border-radius:8px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.input-pill.has-reply{border-radius:8px}.input-row{box-sizing:border-box;align-items:flex-end;gap:8px;width:100%;min-height:42px;padding:8px 12px;display:flex}.chat-input-area .input-wrapper{background-color:var(--color-surface);border-radius:24px;flex:1;align-items:center;gap:4px;padding:4px;display:flex}.chat-input-area .btn-primary.icon-only{margin-bottom:4px}.recording-ui{align-items:center;gap:12px;width:100%;height:36px;padding:0 12px;display:flex}.recording-indicator{background-color:var(--color-error);border-radius:50%;width:12px;height:12px;animation:1.5s infinite pulse}.recording-time{color:var(--color-text-primary);flex:1;font-family:monospace;font-size:14px}.text-error{color:var(--color-error)!important}.recording-send-btn{background-color:var(--color-primary);animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}@keyframes popIn{to{opacity:1;transform:scale(1)}}.emoji-picker-popup-container{z-index:100;border-radius:8px;width:100%;max-width:420px;position:absolute;bottom:70px;left:16px;overflow:hidden;box-shadow:0 4px 12px #00000040}.image-preview-modal-overlay{z-index:200;background-color:#0b141af2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-preview-modal{flex-direction:column;width:100%;height:100%;display:flex}.preview-header{color:#fff;align-items:center;gap:24px;height:60px;padding:0 24px;display:flex}.preview-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:background-color .2s;display:flex}.preview-close-btn:hover{background-color:#ffffff1a}.preview-header h3{font-size:16px;font-weight:500}.preview-body{flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:hidden}.preview-body img{object-fit:contain;max-width:100%;max-height:100%}.preview-footer{background-color:#0b141acc;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.preview-caption-input{color:#e9edef;background-color:#2a3942;border:none;border-radius:24px;outline:none;width:600px;max-width:80%;padding:16px 24px;font-size:15px}.preview-caption-input::placeholder{color:#8696a0}.preview-send-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s,background-color .2s;display:flex}.preview-send-btn:hover:not(:disabled){transform:scale(1.05)}.preview-send-btn:disabled{cursor:not-allowed;background-color:#4b5a64}.icon-btn{cursor:pointer;width:40px;height:40px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.icon-btn:hover{background-color:var(--color-background);color:var(--color-text-primary)}.message-input{min-height:40px;max-height:120px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);resize:none;background-color:#0000;border:none;border-radius:0;outline:none;flex:1;min-width:0;padding:9px 4px;line-height:1.4;overflow-y:auto}.btn-primary.icon-only{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.btn-primary.icon-only:hover{background-color:var(--color-primary-dark)}.btn-primary.icon-only{color:#fff;padding:0}.btn-primary.icon-only svg{fill:#fff;color:#fff;width:22px;height:22px}.qr-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:100;border-radius:12px;flex-direction:column;max-height:350px;padding:8px 0;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #0000001f}.qr-dropdown-item{cursor:pointer;align-items:center;gap:12px;padding:8px 16px;transition:background .1s;display:flex}.qr-dropdown-item:hover,.qr-dropdown-item.selected{background:#0000000a}[data-theme=dark] .qr-dropdown-item:hover,[data-theme=dark] .qr-dropdown-item.selected{background:#ffffff14}.qr-icon-wrapper{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qr-dropdown-shortcut{color:var(--color-text-primary);font-size:14px;font-weight:600}.qr-dropdown-content{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.inbox-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:absolute;inset:0}.inbox-modal{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;width:420px;max-width:90%;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000026}.inbox-modal-header{border-bottom:1px solid var(--color-border);background-color:var(--color-surface);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex;position:sticky;top:0}.inbox-modal-header h3{margin:0;font-size:16px;font-weight:600}.inbox-modal-close-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background-color .2s;display:flex}.inbox-modal-close-btn:hover{background-color:var(--color-background);color:var(--color-text-primary)}.inbox-modal-body{text-align:left;flex:1;padding:16px;overflow-y:auto}.template-modal-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0b141ab3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.template-modal{background-color:var(--color-surface);border-radius:var(--border-radius-lg);flex-direction:column;width:90%;max-width:450px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalPop;display:flex;overflow:hidden;box-shadow:0 10px 25px #0003}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseAnim{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pulsing-icon{animation:1.5s ease-in-out infinite pulseAnim}.expired-session-banner{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;width:100%;min-height:44px;display:flex}.expired-session-info{align-items:center;gap:12px;display:flex}.expired-session-icon{color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.expired-session-text{flex-direction:row;align-items:center;gap:8px;display:flex}.expired-title{color:var(--color-text-secondary);font-size:14px;font-weight:500}.expired-desc{display:none}.expired-session-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;width:auto;height:36px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.expired-session-btn:hover{background-color:#128c7e}@media (width<=600px){.expired-title{font-size:11px;line-height:1.2}.expired-session-btn{border-radius:6px;gap:4px;min-width:0;height:32px;padding:6px 12px;font-size:12px;width:auto!important}.expired-session-btn svg{width:16px;height:16px}.expired-btn-text{display:none}.expired-session-info{gap:8px}}.template-modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px;display:flex}.template-modal-header h3{color:var(--color-text-primary);margin:0;font-size:1.1rem}.template-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.template-modal-footer{background-color:var(--color-background);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.saved-templates-list{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.saved-template-chip{background-color:var(--color-primary-light,#e0f2fe);color:var(--color-primary);cursor:pointer;border:1px solid #0000;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.saved-template-chip:hover{background-color:var(--color-primary);color:#fff}.saved-template-chip .delete-chip{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;padding:0;display:flex}.saved-template-chip .delete-chip:hover{opacity:1}.context-menu-overlay{z-index:9999;opacity:0;background-color:#0003;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.context-menu-box{background-color:var(--color-surface);border:1px solid var(--color-border);z-index:10000;border-radius:12px;flex-direction:column;min-width:220px;padding:8px 0;animation:.2s cubic-bezier(.16,1,.3,1) forwards popIn;display:flex;position:absolute;overflow:hidden;transform:scale(.95);box-shadow:0 8px 24px #00000026}.context-menu-btn{text-align:left;color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;padding:12px 20px;font-size:14px;font-weight:500;transition:background-color .1s;display:flex}.context-menu-btn:hover{background-color:var(--color-bg-primary)}.context-menu-btn.text-error{color:var(--color-error)}.context-menu-btn.text-error svg{color:var(--color-error)!important}.context-menu-header{display:none}@media (width<=768px){.context-menu-overlay{background-color:#00000080;align-items:flex-end}.context-menu-box{width:100%;padding:0;padding-bottom:env(safe-area-inset-bottom,24px);border:none;border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;transform:translateY(100%);box-shadow:0 -4px 24px #00000026;top:auto!important;left:auto!important}.context-menu-header{border-bottom:1px solid var(--color-border);align-items:center;gap:16px;margin-bottom:4px;padding:16px 20px;display:flex}.context-menu-name{color:var(--color-text-primary);font-size:16px;font-weight:600}.context-menu-btn{padding:16px 20px;font-size:16px}}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.contact-panel{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:320px;height:100%;display:flex;overflow:hidden}.contact-panel-head{height:64px;padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;font-weight:600;display:flex}.cp-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.cp-close:hover{color:var(--color-text-primary)}.contact-panel-body{padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.cp-identity{flex-direction:column;align-items:center;gap:6px;display:flex}.cp-avatar{background:var(--color-primary);color:#fff;border:3px solid var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:600;display:flex}.cp-name{font-weight:600;font-size:var(--font-size-h3);text-align:center}.cp-account{font-size:var(--font-size-caption);color:var(--color-text-secondary);align-items:center;gap:6px;display:flex}.cp-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.cp-section{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}.cp-section-title{font-size:var(--font-size-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.cp-row{align-items:center;gap:var(--spacing-sm);display:flex}.cp-row-label{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.cp-row-value{text-align:right;font-size:var(--font-size-sm);flex:1;font-weight:500}.cp-copy{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.cp-copy:hover{color:var(--color-primary)}.cp-stat{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.cp-stat-label{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.cp-stat-value{font-size:var(--font-size-sm);text-align:right;font-weight:500}.cp-conf{font-size:var(--font-size-sm);font-weight:600}.cp-badge{font-size:var(--font-size-xs);border-radius:999px;padding:2px 10px;font-weight:600}.cp-badge.ai{color:#b48500;background:#eab30829}.cp-badge.human{background:color-mix(in srgb, var(--color-warning) 18%, transparent);color:var(--color-warning)}.cp-analyze-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;width:100%;height:40px;font-weight:600;font-size:var(--font-size-sm);font-family:var(--font-family);cursor:pointer;border:none;display:flex}.cp-analyze-btn:hover:not(:disabled){background:var(--color-primary-dark)}.cp-analyze-btn:disabled{opacity:.6;cursor:not-allowed}.cp-analyze-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:6px}.cp-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.cp-summary{margin-top:var(--spacing-sm);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);white-space:pre-wrap;color:var(--color-text-primary);line-height:1.5}@media (width<=768px){@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.contact-panel{z-index:20;width:100%;animation:.3s cubic-bezier(.2,.8,.2,1) forwards slideInRight;position:absolute;top:0;bottom:0;right:0}}.ongkir-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;margin-bottom:var(--spacing-md);flex-direction:column;gap:16px;padding:20px;display:flex}.ongkir-warn{background:color-mix(in srgb, var(--color-warning) 14%, transparent);border:1px solid color-mix(in srgb, var(--color-warning) 40%, transparent);color:var(--color-text-primary);border-radius:var(--radius-sm);padding:var(--spacing-md);font-size:var(--font-size-sm);width:100%;margin-bottom:var(--spacing-md)}.ongkir-field{flex-direction:column;gap:4px;display:flex;position:relative}.ongkir-label{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:500}.ongkir-search,.ongkir-weight{align-items:center;gap:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);height:36px;padding:0 4px 0 12px;transition:all .2s;display:flex}.ongkir-search:focus-within,.ongkir-weight:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.ongkir-search input,.ongkir-weight input{font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.ongkir-search button{background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-primary-dark);border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.ongkir-search button:hover:not(:disabled){background:var(--color-primary);color:#fff}.ongkir-picked{border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:8px var(--spacing-md);background:color-mix(in srgb, var(--color-primary) 8%, transparent);font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.ongkir-picked button{color:var(--color-primary-dark);cursor:pointer;font-size:var(--font-size-caption);background:0 0;border:none}.ongkir-results{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);z-index:10;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000014}.ongkir-result-item{padding:8px var(--spacing-md);font-size:var(--font-size-sm);cursor:pointer}.ongkir-result-item:hover{background:var(--color-background)}.ongkir-couriers{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.ongkir-courier-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-container-low);color:var(--color-text-secondary);font-size:var(--font-size-caption);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;padding:6px 12px;font-weight:500;transition:all .2s;display:flex}.ongkir-courier-btn:hover{background:var(--color-surface-container)}.ongkir-courier-btn.selected{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary-dark);box-shadow:0 2px 4px color-mix(in srgb, var(--color-primary) 10%, transparent);font-weight:600}.ongkir-btn{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;height:36px;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;font-family:var(--font-family);border:none;margin-top:4px;transition:all .2s}.ongkir-btn:hover:not(:disabled){background:var(--color-primary-dark);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 20%, transparent);transform:translateY(-1px)}.ongkir-btn:disabled{opacity:.5;cursor:not-allowed}.ongkir-err{color:var(--color-error);font-size:var(--font-size-sm)}.ongkir-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ongkir-results-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.ongkir-rate-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.ongkir-rate-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000000d}.ongkir-rate-left{flex-direction:column;gap:2px;display:flex}.ongkir-rate-title{font-weight:600;font-size:var(--font-size-base);color:var(--color-text-primary);align-items:center;gap:8px;display:flex}.ongkir-rate-courier{text-transform:uppercase;color:var(--color-primary)}.ongkir-rate-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ongkir-rate-right{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ongkir-rate-cost{font-weight:700;font-size:var(--font-size-base);color:var(--color-text-primary)}.ongkir-rate-etd{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:color-mix(in srgb, var(--color-text-secondary) 15%, transparent);border-radius:4px;padding:2px 6px}@media (width<=768px){.ongkir-card{padding:12px}}.integrations-container{padding:var(--spacing-xl);background-color:var(--color-background);color:var(--color-text-primary);flex:1;overflow-y:auto}.integrations-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.integrations-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:4px}.btn-add-account{border-radius:var(--radius-sm);background-color:var(--color-primary);color:#fff;height:40px;font-weight:600;font-size:var(--font-size-base);cursor:pointer;border:none;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-family:inherit;display:inline-flex}.btn-add-account:hover{background-color:var(--color-primary-dark)}.account-cards{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.account-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-lg)}.account-card-head{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex}.account-card-title{align-items:center;gap:10px;display:flex}.account-card-title h3{font-size:var(--font-size-h3);margin:0}.account-card-phone{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.account-color-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.account-card-actions{gap:4px;display:flex}.icon-btn.danger:hover{color:var(--color-error)}.account-card-body{border-top:1px solid var(--color-border);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.config-row{font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:8px 0;display:flex}.config-row:last-child{border-bottom:none}.config-icon{color:var(--color-text-secondary);flex-shrink:0}.config-label{color:var(--color-text-secondary);flex-shrink:0;width:130px}.config-value{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.config-value em{color:var(--color-text-secondary)}.config-value.ok{color:var(--color-primary-dark)}.config-value.warn{color:var(--color-warning)}.modal-overlay{z-index:1000;padding:var(--spacing-lg);background-color:#00000073;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:.2s ease-in forwards fadeOut}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleUp;display:flex;box-shadow:0 12px 40px #00000040}.modal.closing{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleDown}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scaleDown{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.95)translateY(10px)}}.modal-header,.modal-footer{padding:var(--spacing-lg);align-items:center;display:flex}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between}.modal-header h3{font-size:var(--font-size-h3);margin:0}.modal-body{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px}.field{flex-direction:column;gap:6px;display:flex}.field-grid{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.field-label{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:500}.field-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);height:40px;color:var(--color-text-primary);font-size:var(--font-size-base);padding:0 12px;font-family:inherit}.field-input:focus{border-color:var(--color-primary);outline:none}.field-input::placeholder{color:var(--color-text-secondary);opacity:.6}.field-color{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);cursor:pointer;width:100%;height:40px;padding:2px}.btn-primary,.btn-secondary{border-radius:var(--radius-md);height:40px;font-weight:600;font-size:var(--font-size-base);cursor:pointer;padding:0 18px;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff;border:none}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{border:1px solid var(--color-border);color:var(--color-text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-background)}@media (width<=768px){.integrations-container{padding:12px}}.conf-bars{flex-direction:column;gap:14px;display:flex}.conf-row{font-size:var(--font-size-sm);align-items:center;gap:12px;display:flex}.conf-label{width:180px;color:var(--color-text-secondary);flex-shrink:0}.conf-track{background-color:var(--color-background);border-radius:999px;flex:1;height:10px;overflow:hidden}.conf-fill{border-radius:999px;height:100%;transition:width .3s}.conf-value{text-align:right;width:90px;color:var(--color-text-primary);flex-shrink:0}.analytics-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.analytics-table th,.analytics-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.analytics-table th{color:var(--color-text-secondary);font-weight:600}.analytics-table td:not(:first-child),.analytics-table th:not(:first-child){text-align:center}.acc-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.cat-account-picker{width:260px;max-width:100%;position:relative}.cat-account-btn{justify-content:space-between;align-items:center;gap:var(--spacing-sm);width:100%;height:40px;padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;font-weight:500;display:flex}.cat-account-btn>span:nth-child(2){text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cat-account-btn:hover{border-color:var(--color-primary)}.cat-account-dot{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cat-account-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);z-index:50;width:100%;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.cat-account-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);display:flex}.cat-account-item>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cat-account-item:hover{background:var(--color-background)}.cat-account-item.active{background:color-mix(in srgb, var(--color-primary) 12%, transparent);font-weight:600}.cat-account-phone{color:var(--color-text-secondary);font-size:var(--font-size-xs);margin-left:auto}@media (width<=768px){.cat-account-picker{width:100%}.cat-header-wrap{flex-direction:column;align-items:flex-start}}.cat-tabs{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex}.cat-tab{height:40px;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 4px;font-weight:500;display:inline-flex}.cat-tab:hover{color:var(--color-text-primary)}.cat-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cat-section-head{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.cat-section-head h3{font-size:var(--font-size-h3);font-weight:600}.cat-add-btn{border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;height:36px;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:0 14px;font-weight:600;display:inline-flex}.cat-add-btn:hover{background:var(--color-primary-dark)}.cat-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.cat-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.cat-card-img{aspect-ratio:1;object-fit:cover;background:var(--color-surface-container);width:100%}.cat-card-body{flex-direction:column;flex:1;padding:8px;display:flex}.cat-card-title{color:var(--color-text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:13px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.cat-badge.off{font-size:var(--font-size-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:999px;padding:1px 8px}.cat-card-cat{font-size:var(--font-size-xs);color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border-radius:999px;margin-top:4px;padding:1px 8px;display:inline-block}.cat-card-meta{justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px;display:flex}.cat-price{color:var(--color-primary);font-size:14px;font-weight:600}.cat-stock{color:var(--color-text-secondary);font-size:11px}.cat-card-desc{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cat-card-actions{border-top:1px dashed var(--color-border);background:color-mix(in srgb, var(--color-surface-container) 10%, transparent);justify-content:flex-end;gap:6px;padding:8px;display:flex}.cat-card-actions button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:flex}.cat-card-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.cat-card-actions button.danger:hover{border-color:var(--color-error);color:var(--color-error)}.cat-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.cat-know-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;display:flex;overflow:hidden}.cat-know-body{padding:var(--spacing-md);flex:1}.cat-know-title{font-weight:600;font-size:var(--font-size-base)}.cat-know-tags{font-size:var(--font-size-xs);color:var(--color-primary-dark);margin-top:2px}.cat-know-content{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:pre-wrap}.cat-modal-overlay{z-index:200;padding:var(--spacing-lg);background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.cat-modal-overlay.closing{animation:.2s ease-in forwards fadeOut}.cat-modal{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);width:100%;max-width:480px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleUp;overflow-y:auto}.cat-modal.closing{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleDown}.cat-modal-head{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cat-modal-head h3{font-size:var(--font-size-h3);font-weight:600}.cat-modal-head button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.cat-form{padding:var(--spacing-lg);flex-direction:column;gap:20px;display:flex}.cat-form-row{gap:var(--spacing-lg);display:flex}.cat-form-row label{flex:1}.cat-form label{font-size:var(--font-size-sm);color:var(--color-text-primary);flex-direction:column;gap:8px;font-weight:600;display:flex}.cat-form input,.cat-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);resize:none;outline:none;padding:12px 16px;transition:all .2s}.cat-form input::placeholder,.cat-form textarea::placeholder{color:var(--color-text-secondary);opacity:.4;font-weight:400}.cat-form input:focus,.cat-form textarea:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px #25d36626}.cat-form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cat-form input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cat-form input[type=number]{-moz-appearance:textfield}.cat-check{align-items:center;gap:var(--spacing-sm)!important;color:var(--color-text-primary)!important;font-size:var(--font-size-sm)!important;flex-direction:row!important}.cat-check input{width:16px;height:16px;accent-color:var(--color-primary)}.cat-modal-foot{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.cat-btn-ghost{height:38px;padding:0 var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.cat-btn-primary{height:38px;padding:0 var(--spacing-lg);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:600}.cat-btn-primary:disabled{opacity:.5;cursor:not-allowed}.cat-btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.cat-promo-products{flex-direction:column;gap:4px;display:flex}.cat-promo-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.cat-promo-hint{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin:0}.cat-promo-checklist{border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;max-height:160px;margin-top:4px;padding:8px 10px;display:flex;overflow-y:auto}.cat-form label.cat-promo-check,.cat-form label.cat-check{cursor:pointer;flex-direction:row;align-items:center;gap:8px;font-weight:500}.cat-form label.cat-promo-check input,.cat-form label.cat-check input{width:16px;height:16px;accent-color:var(--color-primary);margin:0}.cat-variants{flex-direction:column;gap:12px;margin-top:4px;display:flex}.cat-variant-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);flex-direction:column;gap:12px;padding:12px;animation:.25s cubic-bezier(.2,.8,.2,1) forwards variantSlideDown;display:flex}@keyframes variantSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cat-variant-head{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:8px;display:flex}.cat-variant-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:600}.cat-variant-fields{flex-direction:column;gap:10px;display:flex}.cat-variant-field{flex-direction:column;gap:4px;display:flex}.cat-variant-field label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.cat-variant-field input,.cat-variant-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary);width:100%;padding:8px 12px}.cat-variant-field input:focus,.cat-variant-field textarea:focus{border-color:var(--color-primary)}.cat-variant-field textarea{resize:none}@media (width<=768px){.cat-modal-overlay{padding:0}.cat-modal{border:none;border-radius:0;max-width:100%;height:100%;max-height:100vh}.cat-form-row{flex-direction:column;gap:12px}}.orders-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.orders-tabs{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.orders-export{gap:var(--spacing-sm);display:flex}.orders-export-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);height:36px;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:5px;padding:0 14px;font-weight:600;display:inline-flex}.orders-export-btn:disabled{opacity:.5;cursor:not-allowed}.orders-export-btn.pdf:hover:not(:disabled){border-color:var(--color-error);color:var(--color-error)}.orders-export-btn.excel:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.orders-tab{height:34px;padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;font-weight:500}.orders-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.orders-search{align-items:center;gap:var(--spacing-sm);height:36px;padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);min-width:240px;display:flex}.orders-search input{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.orders-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.orders-empty{padding:var(--spacing-2xl);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.orders-table-wrap{width:100%;overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;min-width:1500px;font-size:var(--font-size-sm);table-layout:fixed}.orders-table th,.orders-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top;padding:12px 10px}.orders-table th{color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-caption);white-space:nowrap;background:var(--color-surface-container-low);padding:14px 10px}.col-date,.col-cust,.col-phone,.col-acc{width:140px}.col-items{width:180px}.col-addr{width:220px}.col-note{width:140px}.col-method{width:90px}.col-amount,.col-phase{width:110px}.col-verify{width:160px}.orders-table tr:last-child td{border-bottom:none}.orders-table tbody tr{transition:background .2s}.orders-table tbody tr:hover{background:var(--color-surface-container-low)}.ord-date{white-space:nowrap;color:var(--color-text-secondary)}.ord-cust{font-weight:600}.ord-phone{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.ord-phone-col{white-space:nowrap;color:var(--color-text-secondary)}.ord-phone-link{color:var(--color-primary-dark);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:0;display:inline-flex}.ord-phone-link:hover{text-decoration:underline}.ord-verify-btn{border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 5%, transparent);height:32px;color:var(--color-primary-dark);font-family:inherit;font-size:var(--font-size-caption);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:0 14px;font-weight:600;transition:all .2s;display:inline-flex}.ord-verify-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.ord-verify-btn:disabled{opacity:.6;cursor:not-allowed}.ord-actions{align-items:center;gap:8px;display:flex}.ord-reject-btn{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-error) 10%, transparent);width:32px;height:32px;color:var(--color-error);cursor:pointer;border:none;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.ord-reject-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.ord-reject-btn:disabled{opacity:.6;cursor:not-allowed}.ord-verified-badge{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-primary) 15%, transparent);height:32px;color:var(--color-primary-dark);font-family:inherit;font-size:var(--font-size-caption);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 12px;font-weight:600;transition:all .2s;display:inline-flex}.ord-verified-badge:hover{background:color-mix(in srgb, var(--color-primary) 25%, transparent)}.ord-verified-row{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.ord-items{word-wrap:break-word}.ord-addr,.ord-note{color:var(--color-text-secondary);white-space:pre-wrap;word-wrap:break-word}.ord-amount{white-space:nowrap;font-weight:600}.ord-acc{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.ord-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ord-method{font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-weight:600}.ord-method.tf{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary-dark)}.ord-method.cod{background:color-mix(in srgb, var(--color-warning) 18%, transparent);color:var(--color-warning)}.ord-phase{font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;background:var(--color-surface-container);color:var(--color-text-secondary);border:none;padding:4px 10px;font-weight:600}.ord-phase.closing{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary-dark);border-color:#0000}.ord-phase.waiting_payment{background:color-mix(in srgb, var(--color-warning) 18%, transparent);color:var(--color-warning);border-color:#0000}@media (width<=768px){.orders-toolbar{gap:12px}.orders-tabs{gap:6px}.orders-tab{height:30px;padding:0 10px}.orders-export-btn{height:32px;padding:0 10px}.orders-search{min-width:100%;height:34px;padding:0 12px}.orders-table th{padding:10px 8px}.orders-table td{padding:8px}.col-date,.col-cust,.col-phone{width:120px}.col-items{width:150px}.col-addr{width:180px}}.settings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.settings-row{padding:18px var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{font-weight:600;font-size:var(--font-size-base)}.settings-desc{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:2px}.settings-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);height:36px;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;flex-shrink:0;align-items:center;gap:6px;padding:0 14px;font-weight:500;display:inline-flex}.settings-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings-btn.primary{color:#fff;background-color:#10b981;border-color:#10b981}.settings-btn.primary:hover{color:#fff;background-color:#059669;border-color:#059669}.settings-status{font-size:var(--font-size-sm);flex-shrink:0;align-items:center;gap:6px;font-weight:500;display:inline-flex}.settings-status.ok{color:var(--color-primary-dark)}.settings-status.off{color:var(--color-error)}.settings-about{margin-top:var(--spacing-xl);font-size:var(--font-size-caption);color:var(--color-text-secondary)}.settings-section-title{margin:var(--spacing-xl) 0 var(--spacing-md);font-size:var(--font-size-h3);font-weight:600}.sound-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.settings-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);height:36px;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:0 10px}.settings-select:disabled{opacity:.5;cursor:not-allowed}.settings-icon-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-background);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.settings-icon-btn.on{color:var(--color-primary);border-color:var(--color-primary)}.settings-icon-btn.off{color:var(--color-text-secondary)}@media (width<=768px){.settings-row{flex-direction:column;align-items:flex-start}.sound-controls{width:100%}.settings-select{flex:1}}.change-password{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);flex-wrap:wrap;display:flex}.cp-input-wrap{align-items:center;gap:var(--spacing-sm);height:40px;padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);flex:0 240px;max-width:240px;display:flex}.cp-input-wrap:focus-within{border-color:var(--color-primary)}.cp-icon{color:var(--color-text-secondary);flex-shrink:0}.cp-input-wrap input{font-size:var(--font-size-base);color:var(--color-text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0}.settings-input-group{gap:8px;display:flex}.cp-eye{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.cp-msg{font-size:var(--font-size-sm);padding:0 var(--spacing-lg) 16px}.cp-msg.ok{color:var(--color-primary-dark)}.cp-msg.err{color:var(--color-error)}@media (width<=768px){.settings-row{flex-direction:column;gap:16px;padding:16px;align-items:stretch!important}.settings-row>div:first-child{padding-right:0!important}.settings-btn{justify-content:center;width:100%}.settings-input-group{flex-direction:column}.sound-controls{flex-wrap:wrap;width:100%}.sound-controls select{flex:1}.cp-input-wrap{flex:100%;max-width:100%}}.notif-list-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.notif-card-header{border-bottom:1px solid var(--color-border);padding:0 20px}.notif-tabs{white-space:nowrap;scrollbar-width:none;align-items:center;gap:20px;display:flex;overflow-x:auto}.notif-tabs::-webkit-scrollbar{display:none}.notif-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:16px 4px;font-size:14px;font-weight:500;transition:color .2s;position:relative}.notif-tab:hover{color:var(--color-text-primary)}.notif-tab.active{color:var(--color-primary);font-weight:600}.notif-tab.active:after{content:"";background-color:var(--color-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.notif-item{cursor:pointer;background-color:#0000;align-items:flex-start;gap:16px;padding:16px 20px;transition:background-color .15s;display:flex;position:relative}.notif-item:hover{background-color:#00000005}.notif-item.unread{background-color:#25d36605}.notif-unread-dot{background-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.notif-item.unread .notif-message{font-weight:500}.notif-mark-all-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.notif-meta{color:var(--color-text-secondary);align-items:center;font-size:13px;display:flex}.notif-link{color:var(--color-primary);font-weight:500;text-decoration:none}.notif-link:hover{text-decoration:underline}.notif-mark-all-btn:hover{color:var(--color-text-primary)}.notif-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.notif-icon-circle.info{color:#3b82f6;background-color:#3b82f61a}.notif-icon-circle.success{color:#10b981;background-color:#10b9811a}.notif-icon-circle.warn,.notif-icon-circle.warning{color:#f59e0b;background-color:#f59e0b1a}.notif-icon-circle.error{color:#ef4444;background-color:#ef44441a}.notif-body{min-width:0}.notif-message{color:var(--color-text-primary);margin-bottom:4px;font-size:14px;line-height:1.5}.notif-meta{color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.notif-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;align-items:center;gap:8px;padding:48px;display:flex}.notif-delete-all-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.notif-delete-all-btn:hover:not(:disabled){color:#fff;background:#ef4444}.notif-delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.contacts-container{background-color:var(--color-background);width:100%;height:100vh;color:var(--color-text-primary);flex:1;padding:32px 40px;overflow-y:auto}.contacts-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.contacts-subtitle{color:var(--color-text-secondary);margin-top:4px}.contacts-actions{align-items:center;gap:12px;display:flex}.contacts-actions .btn-primary{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex}.contacts-actions .btn-primary:hover{opacity:.9}.account-selector{border:1px solid var(--color-border);background:var(--color-surface,#fff);height:38px;color:var(--color-text-primary);cursor:pointer;border-radius:6px;outline:none;padding:0 12px;font-size:13px}.contacts-table{border-collapse:collapse;background:var(--color-bg-elevated);border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}.contacts-table th,.contacts-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:12px 16px}.contacts-table th{background:var(--color-bg-primary);color:var(--color-text-secondary);font-weight:600}.contacts-table tr:last-child td{border-bottom:none}.text-right{text-align:right!important}.actions-cell{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-btn-text{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.icon-btn-text.text-primary{color:var(--color-primary);background:#25d3661a}.icon-btn-text.text-primary:hover:not(:disabled){background:#25d36633}.icon-btn-text:disabled{opacity:.5;cursor:not-allowed}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}@media (width<=768px){.contacts-container{padding:16px}.contacts-header{flex-direction:column;gap:16px}.contacts-actions{flex-direction:column;align-items:stretch;width:100%}.account-selector,.btn-primary{justify-content:center;width:100%}.contacts-table th,.contacts-table td{padding:12px;font-size:14px}.icon-btn-text{padding:6px 8px;font-size:12px}.actions-cell{white-space:nowrap;gap:4px}}.login-page{width:100%;min-height:100vh;padding:var(--spacing-lg);background-color:#efeae2;flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}[data-theme=dark] .login-page{background-color:#0b141a}.login-page:after{content:"";opacity:.6;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url(/assets/wa-pattern-DxGV9uq9.png);background-repeat:repeat;background-size:412px;position:absolute;inset:0}[data-theme=dark] .login-page:after{opacity:.15;mix-blend-mode:normal}.login-card{background:var(--color-surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);gap:var(--spacing-md);z-index:1;border-radius:16px;flex-direction:column;width:100%;max-width:400px;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:relative}@keyframes slideUpFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-brand{text-align:left;margin-bottom:var(--spacing-sm)}.login-logo{font-size:var(--font-size-h1);letter-spacing:-.5px;align-items:baseline;font-weight:700;display:inline-flex}.login-logo .logo-sky{color:var(--color-text-primary)}.login-logo .logo-box{color:#25d366}.login-tagline{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:2px}.login-title{font-size:var(--font-size-h3);color:var(--color-text-primary);margin:0;font-weight:600}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.login-field{gap:var(--spacing-xs);flex-direction:column;display:flex}.login-label{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-weight:500}.login-input-wrap{align-items:center;gap:var(--spacing-sm);height:40px;padding:0 var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);transition:border-color .15s;display:flex}.login-input-wrap:focus-within{border-color:var(--color-primary)}.login-input-icon{color:var(--color-text-secondary);flex-shrink:0}.login-input-wrap input{font-size:var(--font-size-base);color:var(--color-text-primary);font-family:var(--font-family);background:0 0;border:none;outline:none;flex:1}.login-input-wrap input::placeholder{color:var(--color-text-secondary);opacity:.8}.login-eye{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.login-input-wrap input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.login-input-wrap input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.login-input-wrap input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.login-input-wrap input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 30px var(--color-background) inset!important;-webkit-text-fill-color:var(--color-text-primary)!important}.login-error{font-size:var(--font-size-sm);color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 30%, transparent);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.login-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;height:40px;font-size:var(--font-size-base);cursor:pointer;margin-top:var(--spacing-xs);border:none;font-weight:600;transition:background .15s;display:flex}.login-btn:hover:not(:disabled){background:var(--color-primary-dark)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-foot{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:center;margin:var(--spacing-sm) 0 0}.login-info{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary-dark);background:color-mix(in srgb, var(--color-primary) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-primary) 30%, transparent);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);display:flex}.login-switch{justify-content:flex-start;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);flex-wrap:wrap;display:flex}.login-switch-sep{color:var(--color-text-secondary)}.login-link{color:var(--color-primary-dark);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:500;display:inline-flex}.login-link:hover{text-decoration:underline}.notif-host{z-index:2000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 16px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}.notif-toast{pointer-events:auto;background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:default;border-radius:16px;align-items:center;gap:12px;width:100%;max-width:480px;padding:16px;font-size:14px;font-weight:500;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.16,1,.3,1) notif-in;display:flex;box-shadow:0 8px 24px #00000026}.notif-toast.clickable{cursor:pointer}.notif-toast.clickable:hover{transform:translateY(2px);box-shadow:0 4px 12px #0000001a}.notif-toast.warn{border-color:#eab30866}.notif-toast.success{border-color:#3b82f666}.notif-toast.error{border-color:#ef444466}@keyframes notif-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.realtime-pill{z-index:2000;font-size:var(--font-size-caption);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-error);border-color:var(--color-error);pointer-events:none;border-radius:999px;max-width:70vw;padding:6px 12px;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 16px #0000001f}@media (width<=768px){.realtime-pill{padding:4px 10px;font-size:11px;bottom:8px;left:8px}}.app-layout{background-color:var(--color-background);width:100vw;height:100vh;display:flex;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{background-color:var(--color-background);scroll-snap-type:x mandatory;scroll-behavior:smooth;--max-columns:1;flex-direction:row;flex:1;gap:3px;display:flex;overflow:auto hidden}@media (width>=768px){.main-content{--max-columns:2}}@media (width>=1024px){.main-content{--max-columns:3}}@media (width>=1440px){.main-content{--max-columns:4}}@media (width<=768px){.app-layout{flex-direction:column}.main-content{flex:none;height:calc(100vh - 50px);margin-top:50px}}.mobile-header{display:none}@media (width<=768px){.mobile-header{background-color:var(--color-surface);z-index:40;height:50px;padding:0 var(--spacing-md);color:var(--color-text-primary);align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.app-layout.mobile-chat-open .mobile-header{transform:translateY(-100%)}.app-layout.inbox-view .mobile-header{display:none}.app-layout.mobile-chat-open .sidebar-overlay{display:none!important}.app-layout.mobile-chat-open .main-content,.app-layout.inbox-view .main-content{height:100vh;margin-top:0}.main-content{transition:margin-top .3s cubic-bezier(.4,0,.2,1),height .3s cubic-bezier(.4,0,.2,1)}.mobile-header-title{margin-left:var(--spacing-md);flex:1;font-size:16px;font-weight:600}.hamburger-btn{color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}}@keyframes pageSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:.3s cubic-bezier(.2,.8,.2,1) forwards pageSlideUp}.dashboard-container{padding:var(--spacing-lg);box-sizing:border-box;flex:1;width:100%;height:100%;overflow-y:auto}.dashboard-header{margin-bottom:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px;box-shadow:0 2px 4px #00000005}.stat-title{color:var(--color-text-secondary);margin-bottom:8px;font-size:14px}.stat-value{color:var(--color-text-primary);margin-bottom:4px;font-size:32px;font-weight:700}.stat-value.text-primary{color:var(--color-primary)}.stat-value.text-warning{color:var(--color-warning)}.stat-trend{color:var(--color-text-secondary);font-size:13px}.chart-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 4px #00000005}.chart-title{margin-bottom:16px;font-size:16px;font-weight:600}:root{--color-primary:#1da851;--color-primary-container:#b4f1c9;--color-on-primary-container:#00210e;--color-primary-dark:#128c7e;--color-header-dark:#075e54;--color-background:#fbfdf9;--color-surface:#fbfdf9;--color-surface-container-low:#f3f4f1;--color-surface-container:#edefea;--color-surface-container-high:#e8e9e5;--color-border:#c4c8c2;--color-text-primary:#191c1a;--color-text-secondary:#404944;--color-warning:#b3261e;--color-error:#ba1a1a;--color-chat-bg:#efeae2;--chat-bg-pattern-opacity:.4;--chat-bg-pattern-filter:none;--chat-bg-pattern-blend:darken;--color-input-bg:#f3f4f1;--color-bubble-sent:#d9fdd3;--color-bubble-received:#fff;--color-sidebar-text:#fff;--color-sidebar-text-muted:#ffffffb3;--font-family:"Inter", Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-size-xs:12px;--font-size-base:14px;--font-size-sm:14px;--font-size-caption:12px;--font-size-h1:28px;--font-size-h2:24px;--font-size-h3:20px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-pill:9999px;--elevation-1:0px 1px 2px 0px #0000004d, 0px 1px 3px 1px #00000026;--elevation-2:0px 1px 2px 0px #0000004d, 0px 2px 6px 2px #00000026}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1{font-size:var(--font-size-h1);letter-spacing:-.02em;font-weight:600;line-height:1.2}h2{font-size:var(--font-size-h2);letter-spacing:-.01em;font-weight:600;line-height:1.2}h3{font-size:var(--font-size-h3);font-weight:600;line-height:1.2}#root{height:100vh;display:flex;overflow:hidden}.text-secondary{color:var(--color-text-secondary)}.text-caption{font-size:var(--font-size-caption)}[data-theme=dark]{--color-primary:#25d366;--color-primary-container:#144d37;--color-on-primary-container:#b4f1c9;--color-primary-dark:#00a884;--color-header-dark:#161717;--color-background:#161717;--color-surface:#161717;--color-surface-container-low:#1c1d1d;--color-surface-container:#242626;--color-surface-container-high:#2e2f2f;--color-border:#2e2f2f;--color-text-primary:#fafafa;--color-text-secondary:#a2a2a2;--color-chat-bg:#0b141a;--chat-bg-pattern-opacity:.35;--chat-bg-pattern-filter:invert(1);--chat-bg-pattern-blend:screen;--color-input-bg:#242626;--color-bubble-sent:#144d37;--color-bubble-received:#242626;--color-sidebar-text:#fafafa;--color-sidebar-text-muted:#a2a2a2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#0b141a33;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#0b141a4d}[data-theme=dark] ::-webkit-scrollbar-thumb{background-color:#ffffff29}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background-color:#ffffff3d}button,.nav-item,.cat-account-btn,.tab-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}button:active:not(:disabled){transform:scale(.95)}.stat-card,.chart-card,.cat-card,.notif-item,.cat-know-row{transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover,.cat-card:hover,.cat-know-row:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 24px #00000014}[data-theme=dark] .stat-card:hover,[data-theme=dark] .cat-card:hover{box-shadow:0 12px 24px #0006}.nav-item{border-radius:var(--radius-md);position:relative;overflow:hidden}.chat-input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.5}@media (width<=768px){:root{--font-size-h1:22px;--font-size-h2:18px;--font-size-h3:16px;--font-size-base:13px;--font-size-sm:12px;--font-size-caption:11px;--spacing-md:12px;--spacing-lg:16px}[data-sonner-toaster]{margin-top:60px!important}body.is-login-page [data-sonner-toaster]{margin-top:16px!important}}