@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.sidebar{background-color:var(--color-header-dark);width:240px;height:100%;color:var(--color-sidebar-text);z-index:50;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:var(--spacing-md);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:#ffffff14}.account-info{align-items:center;gap:var(--spacing-sm);display:flex}.logo-icon{background-color:var(--color-primary);border-radius:var(--radius-md);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-sidebar-text-muted)}.account-dropdown{margin:var(--spacing-xs) 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);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{padding:var(--spacing-md) 0;flex:1;overflow-y:auto}.sidebar-nav ul{list-style:none}.nav-item{padding:var(--spacing-sm) var(--spacing-xl);color:var(--color-sidebar-text-muted);align-items:center;gap:var(--spacing-md);text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:var(--color-sidebar-text);background-color:#ffffff14}.nav-item.active{color:var(--color-sidebar-text);background-color:#ffffff26}.nav-label{font-size:var(--font-size-sm);font-weight:500;display:block}.sidebar-footer{padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-xs);display:flex}.user-profile{align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;display:flex}.avatar{width:32px;height:32px;font-weight:600;font-size:var(--font-size-sm);color:#fff;background-color:#fff3;border-radius:50%;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-sidebar-text-muted)}.sidebar-footer .theme-toggle,.sidebar-footer .logout-btn{width:36px;height:36px;color:var(--color-sidebar-text);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{color:var(--color-sidebar-text);background-color:#ffffff26}.sidebar-footer .logout-btn:hover{background-color:var(--color-error);color:#fff}@media (width<=768px){.sidebar{z-index:60;background-color:var(--color-header-dark);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{padding:var(--spacing-sm) var(--spacing-xl);justify-content:flex-start}.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-background);border-right:1px solid var(--color-border);flex-direction:column;display:flex}.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{padding:0 var(--spacing-lg) var(--spacing-sm);align-items:center;gap:var(--spacing-sm);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%}.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);font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text-primary);border:none;border-radius:18px;outline:none;transition:background-color .2s}.search-input:focus{background-color:var(--color-background);box-shadow:0 0 0 1px var(--color-primary)}.inbox-tabs-container{padding:0 var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border);align-items:center;gap:4px;display:flex}.tab-scroll{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:24px;height:28px;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.tab-scroll:hover{border-color:var(--color-primary);color:var(--color-primary)}.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);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;border:none;border-radius:16px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.tab-btn:hover{background-color:var(--color-border);color:var(--color-text-primary)}.tab-btn.active{background-color:var(--color-primary);color:#111b21;font-weight:600}.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;display:flex;box-shadow:0 -2px 10px #0000001a}.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;border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:none;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{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .15s;display:flex}.chat-item:hover,.chat-item.active{background-color:var(--color-surface)}.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:2px;min-width:0;display:flex}.chat-name-time{justify-content:space-between;align-items:center;display:flex}.chat-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.chat-time{font-size:var(--font-size-caption);color:var(--color-text-secondary);flex-shrink:0}.chat-preview{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.preview-text{font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.unread-badge{background-color:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.chat-area{background-color:var(--color-chat-bg);flex-direction:column;flex:1;display:flex;position:relative}.chat-header{padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;display:flex}.chat-header-info{align-items:center;gap:var(--spacing-md);display:flex}.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-surface);border-top-left-radius:0}.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 .mobile-only-btn{margin-right:var(--spacing-sm);color:var(--color-text-primary);display:flex}.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;font-size:11px;overflow:hidden}@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{margin-right:var(--spacing-sm);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 h3{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:15px;overflow:hidden}.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);border-top-right-radius:0}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:4px;font-size:12px;line-height:1.4;display: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);align-self:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.quoted-message{border-left:4px solid var(--color-primary);cursor:pointer;background-color:#0000000d;border-radius:4px;margin-bottom:6px;padding:6px 8px;font-size:13px}.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:#00000005;align-items:flex-start;gap:12px;width:100%;padding:10px 16px 4px;display:flex}.reply-preview-content{background-color:var(--color-surface);border-left:4px solid var(--color-primary);border-radius:8px;flex:1;min-width:0;padding:8px 12px;box-shadow:0 1px 2px #0000000d}.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{color:#53bdeb}.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{padding:var(--spacing-sm) var(--spacing-md);align-items:flex-end;gap:var(--spacing-sm);background-color:#0000;flex-wrap:nowrap;display:flex}.custom-toast{color:#fff;z-index:1000;text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#212121e6;border-radius:20px;max-width:80%;padding:8px 16px;font-size:13px;line-height:1.4;animation:3s ease-in-out forwards fadeInOut;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0000004d}@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-surface);border:1px solid var(--color-border);border-radius:24px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.input-pill.has-reply{border-radius:16px}.input-row{box-sizing:border-box;align-items:flex-end;gap:8px;width:100%;min-height:48px;padding:4px 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{0%{transform:scale(0)}to{transform:scale(1)}}.emoji-picker-popup-container{bottom:70px;left:var(--spacing-md);right:var(--spacing-md);z-index:100;border-radius:8px;max-width:400px;position:absolute;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}.inbox-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;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;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}.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{background:color-mix(in srgb, var(--color-primary) 16%, transparent);color:var(--color-primary-dark)}.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){.contact-panel{z-index:20;width:100%;position:absolute;top:0;bottom:0;right:0}}.dashboard-container{background-color:var(--color-background);width:100%;height:100vh;color:var(--color-text-primary);flex:1;padding:32px 40px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-header h2{font-size:var(--font-size-h1);color:var(--color-text-primary);letter-spacing:-.5px;font-weight:600}.account-select{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;outline:none;padding:10px 16px;font-size:.95rem;font-weight:500}.account-select:focus{border-color:var(--color-primary)}.chart-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;margin-bottom:32px;padding:32px}.chart-title{font-size:var(--font-size-h3);color:var(--color-text-primary);margin-bottom:8px;font-weight:600}.chart-wrapper{width:100%;height:450px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:32px;display:grid}.stat-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.stat-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:8px;font-weight:500}.stat-value{font-size:var(--font-size-h1);letter-spacing:-.5px;margin-bottom:8px;font-weight:700}.text-primary{color:var(--color-primary)}.text-warning{color:var(--color-warning)}.stat-trend{font-size:var(--font-size-caption);border-radius:4px;padding:4px 8px;font-weight:600;display:inline-block}.stat-trend.positive{color:var(--color-primary);background-color:#25d3661a}.stat-trend.negative{color:var(--color-error);background-color:#ef44441a}@media (width<=768px){.dashboard-container{height:100%;padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.dashboard-filters{width:100%}.account-select{width:100%;padding:8px 12px}.dashboard-header h2{font-size:var(--font-size-h2)}.stats-grid{grid-template-columns:1fr;gap:16px}.chart-card{padding:16px}.chart-wrapper{height:300px}}.ongkir-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;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-md);padding:var(--spacing-md);font-size:var(--font-size-sm);width:100%;margin-bottom:var(--spacing-md)}.ongkir-field{flex-direction:column;gap:6px;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);padding:0 var(--spacing-md);height:40px;display:flex}.ongkir-search:focus-within,.ongkir-weight:focus-within{border-color:var(--color-primary)}.ongkir-search input,.ongkir-weight 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}.ongkir-search button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:28px;display:flex}.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);max-height:200px;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{border:1px solid var(--color-border);font-size:var(--font-size-caption);cursor:pointer;color:var(--color-text-secondary);border-radius:999px;align-items:center;gap:4px;padding:4px 12px;display:inline-flex}.ongkir-courier.on{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.ongkir-courier input{accent-color:var(--color-primary)}.ongkir-btn{border-radius:var(--radius-md);background:var(--color-primary);color:#fff;height:40px;font-weight:600;font-size:var(--font-size-base);cursor:pointer;font-family:var(--font-family);border:none}.ongkir-btn:hover:not(:disabled){background:var(--color-primary-dark)}.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}.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-md);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-lg);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;display:flex;position:fixed;inset:0}.modal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex;box-shadow:0 12px 40px #00000040}.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)}.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-md);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-md);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}.cat-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.cat-tab{height:38px;padding:0 var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:6px;font-weight:500;display:inline-flex}.cat-tab.active{background:var(--color-primary);color:#fff;border-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-md);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{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.cat-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.cat-card-img{object-fit:cover;background:var(--color-background);width:100%;height:140px}.cat-card-body{padding:var(--spacing-md);flex:1}.cat-card-title{font-weight:600;font-size:var(--font-size-base);justify-content:space-between;align-items:center;gap:6px;display:flex}.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{align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm);display:flex}.cat-price{color:var(--color-text-primary);font-weight:700}.cat-stock{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.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{padding:var(--spacing-sm);border-top:1px solid var(--color-border);gap:4px;display:flex}.cat-card-actions button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);width:32px;height:32px;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{gap:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--spacing-md);align-items:flex-start;display:flex}.cat-know-body{flex:1;min-width:0}.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;display:flex;position:fixed;inset:0}.cat-modal{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.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-md);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-md);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-md);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-md);flex-direction:column;gap:6px;max-height:160px;margin-top:4px;padding:8px 10px;display:flex;overflow-y:auto}.cat-promo-check{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;align-items:center;gap:8px;display:flex}.cat-promo-check input{cursor:pointer;width:16px;height:16px}.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;display:flex}.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}.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-md);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-md);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-md);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-lg);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-background)}.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:hover{background:var(--color-background)}.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:var(--color-surface);height:30px;color:var(--color-primary-dark);font-family:inherit;font-size:var(--font-size-caption);cursor:pointer;white-space:nowrap;align-items:center;gap:4px;padding:0 12px;font-weight:600;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:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-surface);width:30px;height:30px;color:var(--color-error);cursor:pointer;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) 16%, transparent);height:30px;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:4px;padding:0 10px;font-weight:600;display:inline-flex}.ord-verified-badge:hover{background:color-mix(in srgb, var(--color-primary) 26%, 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);white-space:nowrap;border-radius:999px;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);white-space:nowrap;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:999px;padding:2px 8px;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}.settings-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);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-md);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}.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)}.notif-list-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.notif-filters{margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:8px;display:flex}.notif-chip{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-weight:500;transition:all .15s;display:inline-flex}.notif-chip:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.notif-chip.active{background-color:var(--color-primary);color:#111b21;border-color:var(--color-primary)}.notif-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.notif-item{padding:14px var(--spacing-lg);border-bottom:1px solid var(--color-border);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:12px;transition:background-color .2s;display:grid}.notif-item:hover{background-color:#ffffff05}.notif-item.unread{border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-lg) - 3px);background-color:#ffffff0a}.notif-item.unread .notif-message{font-weight:500}.notif-item:last-child{border-bottom:none}.notif-mark-all-btn{color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;font-weight:500}.notif-mark-all-btn:hover{text-decoration:underline}.notif-badge{border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;text-align:center;border-radius:999px;flex-shrink:0;min-width:70px;margin-top:2px;padding:3px 10px;font-size:11px;font-weight:600}.notif-badge.error{color:#fff;background-color:var(--color-error);border-color:var(--color-error)}.notif-badge.warn{color:#fff;background-color:var(--color-warning);border-color:var(--color-warning)}.notif-badge.success{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary)}.notif-body{min-width:0}.notif-message{font-size:var(--font-size-sm);color:var(--color-text-primary)}.notif-meta{font-size:var(--font-size-caption);color:var(--color-text-secondary);align-items:center;gap:6px;margin-top:2px;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{border:1px solid var(--color-error);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-error);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:5px;padding:6px 14px;font-weight:600;transition:all .15s;display:inline-flex}.notif-delete-all-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.notif-delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.login-page{width:100%;min-height:100vh;padding:var(--spacing-lg);background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 38%), radial-gradient(circle at 88% 82%, color-mix(in srgb, var(--color-primary-dark) 20%, transparent), transparent 42%), var(--color-background);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:repeating-linear-gradient(45deg, color-mix(in srgb, var(--color-primary) 7%, transparent) 0 1px, transparent 1px 34px), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--color-primary) 5%, transparent) 0 1px, transparent 1px 46px);pointer-events:none;position:absolute;inset:-10%}.login-page:after{content:"";border:1.5px solid color-mix(in srgb, var(--color-primary) 18%, transparent);width:520px;height:520px;box-shadow:0 0 0 60px color-mix(in srgb, var(--color-primary) 6%, transparent), 0 0 0 130px color-mix(in srgb, var(--color-primary) 3%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:-160px;right:-160px}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:var(--spacing-2xl);gap:var(--spacing-md);z-index:1;flex-direction:column;display:flex;position:relative;box-shadow:0 12px 40px #0000001f}.login-brand{text-align:center;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-eye{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.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:center;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:4px;font-weight:500;display:inline-flex}.login-link:hover{text-decoration:underline}.loading-screen{background-color:var(--color-background,#111b21);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-content{color:var(--color-text-primary);text-align:center;flex-direction:column;align-items:center;font-family:inherit;display:flex}.type-line-1,.type-line-2,.type-line-3{clip-path:inset(0 100% 0 0);animation:.6s cubic-bezier(.4,0,.2,1) forwards typeReveal}.type-line-1{animation-delay:.2s}.type-line-2{animation-delay:.8s}.type-line-3{animation-delay:1.4s}@keyframes typeReveal{to{clip-path:inset(0)}}.loading-welcome{color:var(--color-text-secondary);letter-spacing:1.5px;margin-bottom:4px;font-size:1.1rem;font-weight:500}.loading-brand{letter-spacing:-1px;margin-bottom:8px;font-size:2.8rem;font-weight:800}.loading-company{color:#f59e0b;letter-spacing:.5px;justify-content:center;align-items:baseline;font-size:1.6rem;font-weight:700;display:flex}.text-muted{color:var(--color-text-secondary)}.text-green{color:var(--color-primary,#25d366)}.notif-host{z-index:2000;flex-direction:column;gap:8px;max-width:340px;display:flex;position:fixed;top:16px;right:16px}.notif-toast{background-color:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;padding:10px 14px;animation:.2s notif-in;box-shadow:0 6px 24px #00000026}.notif-toast.warn{border-left-color:var(--color-warning)}.notif-toast.success{border-left-color:var(--color-primary)}.notif-toast.error{border-left-color:var(--color-error)}@keyframes notif-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.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-header-dark);z-index:40;height:50px;padding:0 var(--spacing-md);color:#fff;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}.app-layout.mobile-chat-open .mobile-header{transform:translateY(-100%)}.app-layout.mobile-chat-open .sidebar-overlay{display:none!important}.app-layout.mobile-chat-open .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-weight:600}.hamburger-btn{color:#fff;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}}:root{--color-primary:#25d366;--color-primary-dark:#128c7e;--color-header-dark:#075e54;--color-background:#f8fafc;--color-surface:#fff;--color-border:#e5e7eb;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-warning:#f59e0b;--color-error:#ef4444;--color-chat-bg:#eae6df;--color-input-bg:#eae6df;--color-bubble-sent:#d9fdd3;--color-bubble-received:#fff;--color-sidebar-text:#fff;--color-sidebar-text-muted:#ffffffb3;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs:11px;--font-size-base:14px;--font-size-sm:13px;--font-size-caption:12px;--font-size-h1:24px;--font-size-h2:20px;--font-size-h3:18px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}*{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:#00a884;--color-primary-dark:#008069;--color-header-dark:#111b21;--color-background:#111b21;--color-surface:#202c33;--color-border:#222d34;--color-text-primary:#e9edef;--color-text-secondary:#8696a0;--color-chat-bg:#0b141a;--color-input-bg:#2a3942;--color-bubble-sent:#005c4b;--color-bubble-received:#202c33;--color-sidebar-text:#e9edef;--color-sidebar-text-muted:#8696a0}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{position:relative;overflow:hidden}.nav-item:before{content:"";background-color:var(--color-primary);transform-origin:bottom;width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.nav-item.active:before{transform:scaleY(1)}