@import url(https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--color-brand:#10b981;--color-brand-dark:#059669;--color-brand-light:#ecfdf5;--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#374151;--color-text-muted:#9ca3af;--color-success-bg:#dcfce7;--color-success-text:#16a34a;--color-danger-bg:#fee2e2;--color-danger-text:#dc2626;--color-warning-bg:#fef3c7;--color-warning-text:#d97706;--color-info-bg:#dbeafe;--color-info-text:#2563eb;--color-neutral-bg:#f3f4f6;--color-neutral-text:#6b7280;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--shadow-card:0 1px 4px rgba(17,24,39,.06);--shadow-card-hover:0 4px 12px rgba(17,24,39,.08);--font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--glass:#fff;--boxShadow:0px 8px 40px rgba(0,0,0,.08)}body{background:#f9fafb;font-family:var(--font-family)}.App,body{height:100vh}.App{width:100vw}.App,.AppGlass{overflow:hidden}.AppGlass{background:#f9fafb;display:flex;flex-direction:row;height:100%;width:100%}.cookie-consent-banner{align-items:center;background:#1a2733;bottom:0;box-shadow:0 -2px 12px rgba(0,0,0,.2);color:#f5f8fa;display:flex;flex-wrap:wrap;font-family:Lexend Deca,Avenir Next,Helvetica Neue,Arial,sans-serif;gap:16px;justify-content:space-between;left:0;padding:20px 24px;position:fixed;right:0;z-index:9999}.cookie-consent-text{flex:1 1;font-size:.88rem;line-height:1.5;min-width:260px}.cookie-consent-text a{color:#4fd1e8;text-decoration:underline}.cookie-consent-actions{display:flex;flex-shrink:0;gap:10px}.cookie-consent-btn{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:10px 20px;transition:opacity .15s ease}.cookie-consent-btn:hover{opacity:.85}.cookie-consent-reject{background:transparent;border:1px solid rgba(245,248,250,.4);color:#f5f8fa}.cookie-consent-accept{background:#00bda5;color:#0a1620}@media (max-width:540px){.cookie-consent-banner{align-items:stretch;flex-direction:column}.cookie-consent-actions{justify-content:stretch}.cookie-consent-btn{flex:1 1}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;height:100%;max-width:14rem;min-width:14rem;overflow:hidden;position:relative;width:14rem;z-index:10}.sidebar,.sidebar-logo{display:flex;flex-shrink:0}.sidebar-logo{align-items:center;border-bottom:1px solid #f3f4f6;gap:10px;min-height:72px;padding:1.5rem 1.25rem 1.25rem}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;color:#fff;display:flex;font-size:1rem;font-weight:800;height:32px;justify-content:center;min-width:32px;width:32px}.sidebar-logo-text{color:#111827;font-size:1rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.sidebar-logo-text span{color:#16a34a}.sidebar-section-label{color:#9ca3af;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:1.25rem 1.25rem .5rem;text-transform:uppercase}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;overflow-y:auto;padding:0 .75rem}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-item{align-items:center;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;gap:10px;height:40px;min-height:40px;padding:0 .75rem;transition:background .15s,color .15s}.sidebar-item:hover{background:#f9fafb;color:#111827}.sidebar-item.active{background:#f0fdf4;color:#16a34a}.sidebar-item-icon{align-items:center;color:inherit;display:flex;justify-content:center;min-width:18px;width:18px}.sidebar-item-label{color:inherit;flex:1 1;font-size:.875rem;font-weight:500;white-space:nowrap}.sidebar-item.active .sidebar-item-label{font-weight:600}.sidebar-badge{background:#16a34a;border-radius:999px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:700;min-width:18px;padding:2px 6px;text-align:center}.sidebar-bottom{border-top:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:.75rem}.sidebar-divider{display:none}.sidebar-item.logout:hover{background:#fff1f2;color:#dc2626}.sidebar-user{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;flex-shrink:0;gap:10px;margin-top:4px;min-height:56px;padding:.625rem .75rem}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:32px;justify-content:center;min-width:32px;width:32px}.sidebar-user-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sidebar-user-name{color:#111827;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-role{color:#9ca3af;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sidebar-user-status{background:#16a34a;border-radius:50%;box-shadow:0 0 0 2px #fff;height:8px;min-width:8px;width:8px}.Inbox{border-right:1px solid #e8ede8;flex-direction:column;font-family:var(--font-family);height:100%;overflow:hidden;width:300px}.Inbox,.inbox-header{background:#fff;display:flex;flex-shrink:0}.inbox-header{align-items:center;border-bottom:1px solid #f0f4f0;justify-content:space-between;padding:1rem 1rem .65rem}.inbox-header-left{align-items:center;display:flex;gap:8px}.inbox-header h2{color:#1a2e1a;font-size:.92rem;font-weight:600;letter-spacing:-.015em;margin:0}.inbox-count{background:var(--color-brand-light);border-radius:999px;color:var(--color-brand-dark);font-size:.67rem;font-weight:700;letter-spacing:.02em;padding:2px 7px}.inbox-new-btn{align-items:center;background:var(--color-brand);border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:26px;justify-content:center;transition:background .15s;width:26px}.inbox-new-btn:hover{background:var(--color-brand-dark)}.inbox-search{align-items:center;background:#f5f8f5;border:1px solid #e4ece4;border-radius:8px;display:flex;flex-shrink:0;gap:7px;margin:.65rem .75rem .5rem;padding:7px 10px;transition:border-color .15s,box-shadow .15s}.inbox-search:focus-within{background:#fff;border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.inbox-search input{background:transparent;border:none;color:#1a2e1a;flex:1 1;font-family:inherit;font-size:.78rem;outline:none}.inbox-search input::-webkit-input-placeholder{color:#a8b8a8}.inbox-search input:-ms-input-placeholder{color:#a8b8a8}.inbox-search input::placeholder{color:#a8b8a8}.inbox-search-clear{align-items:center;background:none;border:none;color:#a8b8a8;cursor:pointer;display:flex;flex-shrink:0;padding:0}.inbox-search-clear:hover{color:#4a6a4a}.inbox-filters{display:flex;flex-shrink:0;gap:2px;padding:0 .75rem .65rem}button.filter-tab{align-items:center;background:none;border:none;border-radius:6px;color:#7a987a;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.67rem;font-weight:600;gap:4px;justify-content:center;letter-spacing:.05em;padding:5px 4px;text-transform:uppercase;transition:all .15s}button.filter-tab.active,button.filter-tab:hover{background:var(--color-brand-light);color:var(--color-brand-dark)}.filter-count{background:rgba(16,185,129,.15);border-radius:4px;color:var(--color-brand-dark);font-size:.6rem;padding:0 4px}button.filter-tab:not(.active) .filter-count{background:#edf2ed;color:#7a987a}.ticketsContainer{display:flex;flex:1 1;flex-direction:column;gap:1px;min-height:0;overflow-y:auto;padding:.25rem .5rem .5rem}.ticketsContainer::-webkit-scrollbar{width:3px}.ticketsContainer::-webkit-scrollbar-thumb{background:#d4e4d4;border-radius:10px}.inbox-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:3rem 1rem;text-align:center}.inbox-empty-icon{margin-bottom:4px}.inbox-empty p{color:#a8b8a8;font-size:.82rem;margin:0}.ticketRow{align-items:flex-start;background:transparent;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:8px;padding:.7rem .75rem;position:relative;transition:background .1s}.ticketRow:hover{background:#f5f9f5}.ticketRow.active{box-shadow:inset 3px 0 0 var(--color-brand)}.ticketRow.active,.ticketRow.selected{background:#eef7ee}.ticket-unread-dot{background:var(--color-brand);border-radius:50%;flex-shrink:0;height:6px;left:6px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px}.ticket-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.72rem;font-weight:600;height:34px;justify-content:center;letter-spacing:.02em;margin-top:1px;width:34px}.ticketMiddle{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ticket-top-row{align-items:center;display:flex;justify-content:space-between}.ticketCustomer{color:#1a2e1a;font-size:.82rem;font-weight:600;letter-spacing:-.01em;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticketTime{color:#a8b8a8;flex-shrink:0;font-size:.66rem;margin-left:4px}.ticketSubject{color:#4a6a4a;font-size:.75rem;font-weight:500}.ticketPreview,.ticketSubject{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticketPreview{color:#8a9e8a;font-size:.72rem}.ticket-bottom-row{align-items:center;display:flex;gap:5px;margin-top:3px}.ticket-status-badge{border-radius:4px;font-size:.59rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.ticket-priority-dot{border-radius:50%;flex-shrink:0;height:5px;min-width:5px;width:5px}.status-open{background:#e8f4e8;color:#1a6a1a}.status-pending{background:#fef6e4;color:#8a5e00}.status-closed{background:#f0f4f0;color:#5a745a}.inbox-section-label{color:#a8b8a8;flex-shrink:0;font-size:.63rem;font-weight:700;letter-spacing:.08em;padding:.5rem .75rem .25rem;text-transform:uppercase}.modal-overlay{background:rgba(10,30,10,.3)}.modal{border:1px solid #e4ece4;border-radius:12px;box-shadow:0 20px 60px rgba(10,30,10,.14);max-width:460px}.modal-header{border-bottom:1px solid #f0f4f0;padding:1rem 1.25rem}.modal-header h2{color:#1a2e1a;font-size:.92rem;font-weight:600;letter-spacing:-.01em}.modal-close{color:#7a987a;transition:all .15s}.modal-close:hover{background:#f0f7f0;color:var(--color-brand-dark)}.modal-body{padding:1.25rem}.modal-error{background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#b91c1c;font-size:.8rem;padding:9px 12px}.form-group{gap:5px}.form-group label{color:#2d4a2d;font-size:.76rem;letter-spacing:.01em}.label-hint{color:#7a987a;margin-left:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d4e4d4;border-radius:7px;color:#1a2e1a;font-size:.84rem;padding:8px 11px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(16,185,129,.12)}.priority-options{display:flex;gap:6px}.priority-option{align-items:center;background:#fff;border:1.5px solid #d4e4d4;border-radius:7px;color:#5a745a;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:.75rem;font-weight:600;gap:5px;justify-content:center;padding:7px 8px;transition:all .15s}.priority-option:hover{background:#f5f9f5;border-color:#9ab89a}.priority-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.modal-footer{background:#fafcfa;border-top:1px solid #f0f4f0;gap:.6rem;padding:.85rem 1.25rem}.modal-cancel{background:#fff;border:1px solid #d4e4d4;border-radius:7px;color:#4a6a4a;font-size:.82rem;padding:7px 14px}.modal-cancel:hover{background:#f5f9f5}.modal-save{background:var(--color-brand);border-radius:7px;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:7px 18px;transition:background .15s}.modal-save:hover{background:var(--color-brand-dark)}.modal-save:disabled{opacity:.45}.bulk-checkbox{accent-color:var(--color-brand);cursor:pointer;flex-shrink:0;height:14px;margin-top:2px;width:14px}.select-all-row{align-items:center;display:flex;flex-shrink:0;gap:8px;padding:6px 10px 4px}.select-all-label{color:#7a987a;cursor:pointer;font-size:.7rem;font-weight:500;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bulk-bar{align-items:center;background:var(--color-brand-dark);display:flex;flex-shrink:0;justify-content:space-between;padding:7px 10px}.bulk-count{color:#fff;font-size:.72rem;font-weight:600}.bulk-actions{align-items:center;display:flex;gap:5px}.bulk-btn{border:none;border-radius:5px;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:600;padding:4px 10px;transition:opacity .15s}.bulk-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-pending{background:#fef6e4;color:#8a5e00}.bulk-pending:hover{background:#fdebc5}.bulk-close{background:#fff;color:var(--color-brand-dark)}.bulk-close:hover{background:#f0f7f0}.bulk-clear{align-items:center;background:hsla(0,0%,100%,.15);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:4px;transition:background .15s}.bulk-clear:hover{background:hsla(0,0%,100%,.25)}.ticket-details{background:#fff;display:flex;flex-direction:column;font-family:var(--font-family);height:100%;overflow:hidden}.detail-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:1rem 1.5rem .85rem}.header-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.6rem}.header-top h1{color:#111827;font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;margin:0}.header-badges{align-items:center;display:flex;flex-shrink:0;gap:6px}.status-badge{border-radius:4px;font-size:.67rem;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.meta-info{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.78rem;gap:8px}.customer-tag{background:#f3f4f6;border-radius:4px;color:#374151;font-size:.68rem;font-weight:600;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.separator{color:#d1d5db}.meta-date{color:#9ca3af;font-size:.76rem}.assign-wrapper{align-items:center;display:flex;gap:5px}.assign-label{color:#9ca3af;font-size:.74rem}.assign-select{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#374151;cursor:pointer;font-family:inherit;font-size:.74rem;max-width:130px;outline:none;padding:2px 7px;transition:border .15s}.assign-select:hover{border-color:#9ca3af}.assign-select:focus{border-color:#6b7280;box-shadow:0 0 0 2px hsla(220,9%,46%,.1)}.assigned-avatar{align-items:center;background:#374151;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.6rem;font-weight:700;height:20px;justify-content:center;width:20px}.status-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:5px;color:#374151;cursor:pointer;font-family:inherit;font-size:.71rem;font-weight:600;padding:4px 11px;transition:all .15s;white-space:nowrap}.status-action-btn:hover{background:#f9fafb;border-color:#9ca3af}.status-action-btn:disabled{cursor:not-allowed;opacity:.5}.summary-btn{background:none;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:500;padding:2px 9px;transition:all .15s}.summary-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.summary-btn:disabled{cursor:not-allowed;opacity:.5}.ai-summary{background:#f9fafb;border-bottom:1px solid #f0f0f0;flex-shrink:0;padding:.85rem 1.5rem}.ai-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.ai-summary-header span{color:#374151;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ai-summary-header button{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1rem;line-height:1;padding:2px 5px}.ai-summary-header button:hover{background:#f3f4f6;color:#374151}.ai-summary p{color:#374151;font-size:.84rem;line-height:1.6;margin:0}.conversation-thread{flex:1 1;min-height:0;overflow-y:auto}.conversation-thread::-webkit-scrollbar{width:4px}.conversation-thread::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.loading-messages{color:#9ca3af;font-size:.84rem;padding:2.5rem;text-align:center}.system-message{align-items:center;color:#9ca3af;display:flex;font-size:.71rem;font-style:italic;gap:8px;justify-content:center;padding:6px 1.5rem}.system-message:after,.system-message:before{background:#e5e7eb;content:"";flex:1 1;height:1px;max-width:60px}.system-time{color:#d1d5db;font-size:.67rem}.message-card{background:#fff;border-bottom:1px solid #f0f0f0;overflow:hidden;transition:background .1s}.message-card.collapsed{cursor:pointer}.message-card.collapsed:hover{background:#f9fafb}.card-header{cursor:pointer;gap:12px;padding:.85rem 1.5rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.card-header,.sender-avatar{align-items:center;display:flex}.sender-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:.72rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.02em;width:32px}.agent-avatar{background:#111827}.customer-avatar{background:#4f46e5}.sender-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sender-top{align-items:baseline;display:flex;gap:8px}.sender-name{color:#111827;font-size:.84rem;font-weight:600;white-space:nowrap}.sender-email{font-size:.72rem}.message-preview,.sender-email{color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-preview{display:block;font-size:.78rem}.card-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.timestamp{color:#9ca3af;font-size:.7rem;white-space:nowrap}.expand-icon{color:#d1d5db;flex-shrink:0}.translate-btn{background:none;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.68rem;padding:2px 8px;transition:all .15s}.translate-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.translate-btn:disabled{cursor:not-allowed;opacity:.5}.card-body{overflow:visible;padding:0 1.5rem 1.25rem calc(1.5rem + 44px)}.message-text{color:#374151;font-size:.875rem;line-height:1.65;margin:0;overflow:visible;white-space:pre-wrap;word-break:break-word}.email-iframe{background:#fff;border:none;border-radius:6px;display:block;height:200px;width:100%}.translation-box{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;margin-top:12px;padding:10px 12px}.translation-lang{color:#2563eb;display:block;font-size:.67rem;font-weight:700;letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.translation-box p{color:#1e40af;font-size:.84rem;line-height:1.55;margin:0}.note-card{background:#fffbeb;border-bottom:1px solid #fde68a;padding:.85rem 1.5rem}.note-header{align-items:center;color:#92400e;display:flex;gap:6px;margin-bottom:6px}.note-sender{color:#92400e;flex:1 1;font-size:.78rem;font-weight:600}.note-time{color:#d97706;font-size:.7rem}.note-body{color:#78350f;font-size:.84rem;line-height:1.65;margin:0}.ai-suggestions{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:.75rem 1.5rem}.ai-suggestions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.ai-suggestions-header span{color:#374151;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ai-suggestions-header button{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:1rem;line-height:1;padding:2px 5px}.ai-suggestions-header button:hover{background:#f3f4f6;color:#374151}.suggestions-list{display:flex;flex-direction:column;gap:4px}.suggestion-chip{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-family:inherit;font-size:.81rem;line-height:1.5;padding:7px 12px;text-align:left;transition:all .15s}.suggestion-chip:hover{background:#f3f4f6;border-color:#9ca3af}.reply-section{background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0;padding:.85rem 1.5rem 1rem}.reply-mode-tabs{border-bottom:1px solid #f0f0f0;display:flex;gap:2px;margin-bottom:8px;padding-bottom:0}.reply-mode-tab{background:none;border:none;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:500;margin-bottom:-1px;padding:5px 12px;transition:all .15s}.reply-mode-tab:hover{color:#374151}.reply-mode-tab.active-reply{border-bottom-color:#111827;color:#111827;font-weight:600}.reply-mode-tab.active-note{border-bottom-color:#d97706;color:#d97706;font-weight:600}.editor-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;margin-top:8px;overflow:visible;position:relative;transition:border-color .2s,box-shadow .2s}.editor-container:focus-within{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,.1)}.editor-container textarea{background:transparent;border:none;color:#111827;font-family:inherit;font-size:.875rem;line-height:1.6;min-height:85px;outline:none;padding:.85rem 1rem;resize:none;width:100%}.editor-container textarea::-webkit-input-placeholder{color:#c4c9d4}.editor-container textarea:-ms-input-placeholder{color:#c4c9d4}.editor-container textarea::placeholder{color:#c4c9d4}.editor-toolbar{background:#f9fafb;border-top:1px solid #f0f0f0;justify-content:space-between;padding:.5rem .875rem}.editor-toolbar,.toolbar-left{align-items:center;display:flex}.toolbar-left{gap:12px}.formatting{align-items:center;color:#9ca3af;cursor:pointer;display:flex;font-size:.82rem;gap:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.formatting span:hover{color:#374151}.ai-suggest-btn{background:none;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.71rem;font-weight:500;padding:3px 10px;transition:all .15s}.ai-suggest-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.ai-suggest-btn:disabled{cursor:not-allowed;opacity:.5}.note-hint{color:#d97706;font-size:.7rem;font-weight:500}.send-response-btn{background:#111827;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.01em;padding:.5rem 1.2rem;transition:background .15s}.send-response-btn:hover{background:#1f2937}.send-response-btn:disabled{cursor:not-allowed;opacity:.4}.editor-container.note-mode{border-color:#fcd34d}.editor-container.note-mode:focus-within{border-color:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.08)}.editor-container.note-mode textarea{background:#fffdf5}.editor-container.note-mode .editor-toolbar{background:#fffbeb;border-top-color:#fde68a}.note-send-btn{background:#d97706!important}.note-send-btn:hover{background:#b45309!important}.canned-slash-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 8px 24px rgba(0,0,0,.12);left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;z-index:100}.canned-slash-header{border-bottom:1px solid #f3f4f6;color:#9ca3af;font-size:.7rem;font-weight:600;letter-spacing:.06em;padding:8px 12px 6px;text-transform:uppercase}.canned-slash-item{border-bottom:1px solid #f9fafb;cursor:pointer;padding:10px 14px}.canned-slash-item:last-child{border-bottom:none}.canned-slash-item--selected,.canned-slash-item:hover{background:#f5f3ff}.canned-slash-title{color:#111827;font-size:.82rem;font-weight:600;margin-bottom:2px}.canned-slash-body{color:#6b7280;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Customers{background:#f9fafb;display:flex;flex-direction:column;font-family:var(--font-family);gap:1.25rem;min-height:100vh;overflow-x:hidden;padding:2rem}.header{align-items:center;display:flex;justify-content:space-between}.header h1{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.add-btn{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));box-shadow:0 4px 12px rgba(16,185,129,.3)}.stats-container{display:flex;flex-wrap:wrap;gap:1rem}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:140px;padding:1.25rem 1.5rem}.stat-card span{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-card strong{color:#111827;font-size:2rem;font-weight:700;line-height:1}.stat-card.active-box{border-left:4px solid var(--color-brand)}.active-text{color:var(--color-brand)!important}.stat-card.vip-box{border-left:4px solid #f59e0b}.vip-text{color:#f59e0b!important}.filter-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.04);gap:1rem;padding:.75rem 1rem}.filter-row,.search-box{align-items:center;display:flex}.search-box{color:#9ca3af;flex:1 1;gap:8px}.search-box input{background:transparent;border:none;color:#111827;font-size:.875rem;outline:none;width:100%}.search-box input::-webkit-input-placeholder{color:#9ca3af}.search-box input:-ms-input-placeholder{color:#9ca3af}.search-box input::placeholder{color:#9ca3af}.filter-dropdowns{display:flex;gap:.5rem}.filter-select{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.8rem;outline:none;padding:6px 12px;transition:border .2s}.filter-select:hover{border-color:var(--color-brand)}.label-hint{color:#9ca3af;font-weight:400}.form-group input{border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:.875rem;outline:none;padding:9px 12px;transition:border .2s,box-shadow .2s}.form-group input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-group input::-webkit-input-placeholder{color:#d1d5db}.form-group input:-ms-input-placeholder{color:#d1d5db}.form-group input::placeholder{color:#d1d5db}.modal-save{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));box-shadow:0 2px 8px rgba(16,185,129,.3)}.customer-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);overflow-x:auto;width:100%}.customer-table{border-collapse:collapse;font-size:.875rem;min-width:800px;width:100%}.customer-table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.72rem;font-weight:600;letter-spacing:.06em;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.customer-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.customer-table tbody tr:last-child{border-bottom:none}.customer-table tbody tr:hover{background:#f9fafb}.customer-table td{color:#374151;padding:14px 16px;vertical-align:middle}.customer-info{gap:12px;min-width:180px}.avatar,.customer-info{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.info .name{color:#111827;font-weight:600;margin-bottom:2px;white-space:nowrap}.info .company{align-items:center;color:#9ca3af;display:flex;font-size:.75rem;gap:4px;white-space:nowrap}.contact-cell{display:flex;flex-direction:column;gap:4px;min-width:180px}.email,.phone{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:6px;white-space:nowrap}.status-badge{border-radius:999px;display:inline-block;font-size:.72rem;font-weight:600;padding:4px 10px;white-space:nowrap}.last-activity{color:#9ca3af;font-size:.8rem;white-space:nowrap}.tags{display:flex;flex-wrap:wrap;gap:4px;min-width:100px}.tag{background:#eff6ff;color:#3b82f6;font-weight:500;padding:2px 8px;white-space:nowrap}.actions{text-align:right}.action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:background .15s,color .15s}.action-btn:hover{background:#f3f4f6;color:#374151}.panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.3);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:1000}.customer-panel{-webkit-animation:slideInRight .22s ease;animation:slideInRight .22s ease;background:#fff;box-shadow:-8px 0 32px rgba(0,0,0,.12);display:flex;flex-direction:column;height:100%;overflow-y:auto;width:400px}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.panel-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.panel-header h2{color:#111827;font-size:1rem;font-weight:700;margin:0}.panel-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:background .15s}.panel-close:hover{background:#f3f4f6;color:#374151}.panel-edit-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:background .15s,color .15s}.panel-edit-btn:hover{background:#f3f4f6;color:#16a34a}.panel-edit-form{border-bottom:1px solid #f3f4f6;gap:.875rem;padding:1.25rem 1.5rem}.edit-form-group,.panel-edit-form{display:flex;flex-direction:column}.edit-form-group{gap:4px}.edit-form-group label{color:#6b7280;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.edit-form-group input,.edit-form-group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;outline:none;padding:7px 10px;transition:border-color .15s}.edit-form-group input:focus,.edit-form-group select:focus{border-color:#16a34a}.edit-form-actions{display:flex;gap:8px;margin-top:4px}.edit-save-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.825rem;font-weight:600;padding:8px 16px;transition:background .15s}.edit-save-btn:hover:not(:disabled){background:#15803d}.edit-save-btn:disabled{cursor:not-allowed;opacity:.45}.edit-cancel-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.825rem;font-weight:500;padding:8px 14px;transition:background .15s}.edit-cancel-btn:hover{background:#e5e7eb}.panel-profile{border-bottom:1px solid #f3f4f6;gap:12px;padding:1.25rem 1.5rem}.panel-avatar,.panel-profile{align-items:center;display:flex}.panel-avatar{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;width:48px}.panel-identity{flex:1 1;min-width:0}.panel-identity h3{color:#111827;font-size:1rem;font-weight:700;margin:0 0 4px}.panel-company{align-items:center;color:#9ca3af;display:flex;font-size:.78rem;gap:4px}.panel-status{border-radius:999px;flex-shrink:0;font-size:.7rem;font-weight:700;padding:3px 10px;text-transform:uppercase}.panel-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 1.5rem}.panel-tab{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:.825rem;font-weight:500;margin-bottom:-1px;padding:.75rem 1rem;transition:color .15s,border-color .15s}.panel-tab:hover{color:#111827}.panel-tab.active{border-bottom-color:#16a34a;color:#16a34a;font-weight:600}.panel-section{border-bottom:1px solid #f3f4f6;padding:1.25rem 1.5rem}.panel-section h4{color:#9ca3af;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 .75rem;text-transform:uppercase}.panel-empty{color:#9ca3af;font-size:.875rem;margin:0}.panel-stats{border-bottom:1px solid #f3f4f6;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.panel-stat{align-items:center;background:#f9fafb;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:.75rem}.panel-stat strong{color:#111827;font-size:1.5rem;font-weight:800;line-height:1}.panel-stat span{color:#9ca3af;font-size:.7rem;font-weight:600;text-transform:uppercase}.panel-dates{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:6px;padding:.875rem 1.5rem}.panel-date-row{align-items:center;display:flex;font-size:.825rem;justify-content:space-between}.panel-date-label{color:#9ca3af;font-size:.78rem}.panel-date-value{color:#111827;font-size:.78rem;font-weight:500}.panel-contact{display:flex;flex-direction:column;gap:8px}.panel-contact-row{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:8px}.panel-contact-row svg{color:#9ca3af;flex-shrink:0}.panel-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.tag{border-radius:999px;font-size:.72rem;font-weight:600;padding:3px 10px}.tag--removable{align-items:center;display:inline-flex;gap:4px}.tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1;opacity:.6;padding:0;transition:opacity .15s}.tag-remove:hover{opacity:1}.tag-input-row{display:flex;gap:6px;margin-top:4px}.tag-input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.8rem;outline:none;padding:6px 10px;transition:border-color .15s}.tag-input:focus{border-color:#16a34a}.tag-add-btn{align-items:center;background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:6px 10px;transition:background .15s}.tag-add-btn:hover{background:#15803d}.panel-notes{gap:1rem}.note-compose,.panel-notes{display:flex;flex-direction:column}.note-compose{gap:8px}.note-textarea{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;outline:none;padding:.65rem .875rem;resize:vertical;transition:border-color .15s;width:100%}.note-textarea:focus{border-color:#16a34a}.note-save-btn{align-self:flex-end;background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.825rem;font-weight:600;padding:7px 16px;transition:background .15s}.note-save-btn:hover:not(:disabled){background:#15803d}.note-save-btn:disabled{cursor:not-allowed;opacity:.45}.notes-list{gap:8px}.note-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:.75rem}.note-content{color:#111827;font-size:.875rem;line-height:1.5;margin:0 0 8px;white-space:pre-wrap}.note-footer{align-items:center;display:flex;justify-content:space-between}.note-date{color:#9ca3af;font-size:.7rem}.note-delete-btn{align-items:center;background:none;border:none;border-radius:4px;color:#d1d5db;cursor:pointer;display:flex;padding:2px;transition:color .15s}.note-delete-btn:hover{color:#dc2626}.panel-timeline,.timeline-list{display:flex;flex-direction:column}.timeline-list{gap:0;padding-left:20px;position:relative}.timeline-list:before{background:#e5e7eb;bottom:8px;content:"";left:7px;position:absolute;top:8px;width:2px}.timeline-item{display:flex;gap:12px;padding-bottom:1.1rem;position:relative}.timeline-dot{border:2px solid #fff;border-radius:50%;flex-shrink:0;height:12px;left:-20px;margin-top:3px;position:absolute;top:2px;width:12px}.timeline-item--ticket .timeline-dot{background:#16a34a;box-shadow:0 0 0 2px #dcfce7}.timeline-item--note .timeline-dot{background:#6366f1;box-shadow:0 0 0 2px #ede9fe}.timeline-body{flex:1 1;min-width:0}.timeline-label{align-items:center;color:#9ca3af;display:flex;font-size:.72rem;font-weight:700;gap:5px;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.timeline-item--ticket .timeline-label{color:#16a34a}.timeline-item--note .timeline-label{color:#6366f1}.tl-badge{border-radius:999px;font-size:.62rem;font-weight:700;padding:1px 6px;text-transform:uppercase}.timeline-text{color:#111827;font-size:.825rem;font-weight:500;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-date{color:#9ca3af;font-size:.7rem;margin-top:3px}.panel-tickets{display:flex;flex-direction:column;gap:8px}.panel-ticket-row{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.panel-ticket-row:hover{background:#f3f4f6}.panel-ticket-icon{color:#9ca3af;display:flex;flex-shrink:0}.panel-ticket-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.panel-ticket-subject{color:#111827;font-size:.825rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-ticket-date{color:#9ca3af;font-size:.72rem}.panel-ticket-status{border-radius:999px;flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 8px;text-transform:uppercase}.Analytics{background:#f9fafb;display:flex;flex-direction:column;font-family:var(--font-family);gap:1.25rem;min-height:100vh;overflow-y:auto;padding:2rem}.analytics-loading{color:#9ca3af;font-size:.875rem;padding:2rem}.analytics-header{align-items:center;display:flex;justify-content:space-between}.analytics-header h1{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.analytics-date{color:#9ca3af;font-size:.875rem}.kpi-row{display:flex;flex-wrap:wrap;gap:1rem}.kpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:120px;padding:1.25rem}.kpi-label{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.kpi-value{color:#111827;font-size:2rem;font-weight:800;line-height:1}.charts-row{display:flex;flex-wrap:wrap;gap:1rem}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);flex:1 1;min-width:260px;padding:1.25rem}.chart-card.wide{flex:2 1;min-width:320px}.chart-card h3{color:#374151;font-size:.875rem;font-weight:700;margin:0 0 1rem}.resolution-card{align-items:center;display:flex;flex-direction:column;gap:1rem}.resolution-circle{display:flex;justify-content:center}.resolution-stats{display:flex;flex-direction:column;gap:6px;width:100%}.resolution-stat{align-items:center;color:#374151;display:flex;font-size:.8rem;gap:8px}.Tasks{background:#f9fafb;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:1.25rem;min-height:100vh;overflow-y:auto;padding:2rem}.tasks-header{align-items:center;display:flex;justify-content:space-between}.tasks-header h1{color:#111827;font-size:1.75rem;font-weight:700;margin:0}.add-btn{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(22,163,74,.3);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:6px;padding:10px 18px;transition:opacity .2s}.add-btn:hover{opacity:.9}.tasks-stats{display:flex;flex-wrap:wrap;gap:1rem}.task-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:120px;padding:1.25rem}.task-stat-card span{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.task-stat-card strong{color:#111827;font-size:2rem;font-weight:800;line-height:1}.task-stat-card.in-progress{border-left:4px solid #3b82f6}.task-stat-card.done{border-left:4px solid #16a34a}.task-stat-card.overdue{border-left:4px solid #dc2626}.tasks-filters{display:flex;gap:6px}.filter-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:6px 14px;transition:all .15s}.filter-tab:hover{background:#f9fafb;color:#374151}.filter-tab.active{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.tasks-loading{color:#9ca3af;font-size:.875rem;padding:1rem}.kanban-board{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.kanban-column{background:#f3f4f6;border-radius:12px;flex:1 1;min-width:0;overflow:hidden}.kanban-column-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:.875rem 1rem}.kanban-column-title{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.kanban-column-count{border-radius:999px;font-size:.72rem;font-weight:700;padding:2px 8px}.kanban-column-body{display:flex;flex-direction:column;gap:.5rem;min-height:200px;padding:.75rem}.kanban-empty{color:#d1d5db;font-size:.8rem;padding:2rem 1rem;text-align:center}.task-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:.875rem;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s}.task-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.task-card.done{opacity:.6}.task-card.overdue{border-left:3px solid #dc2626}.task-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.task-priority{border-radius:999px;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.task-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.task-card:hover .task-card-actions{opacity:1}.task-action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;padding:3px;transition:background .15s}.task-action-btn.check{color:#16a34a}.task-action-btn.check:hover{background:#dcfce7}.task-action-btn.delete{color:#dc2626}.task-action-btn.delete:hover{background:#fee2e2}.task-title{color:#111827;font-size:.875rem;font-weight:600;line-height:1.4;margin:0 0 4px}.task-card.done .task-title{color:#9ca3af;text-decoration:line-through}.task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.78rem;line-height:1.5;margin:0 0 8px;overflow:hidden}.task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.task-assignee,.task-due,.task-ticket{align-items:center;background:#f9fafb;border-radius:4px;color:#9ca3af;display:flex;font-size:.72rem;gap:4px;padding:2px 6px}.task-due.overdue-text{background:#fee2e2;color:#dc2626}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.15);display:flex;flex-direction:column;max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:#111827;font-size:1.1rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;padding:4px;transition:background .15s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.modal-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.85rem;font-weight:500;padding:10px 14px}.form-row{display:flex;gap:1rem}.form-row .form-group{flex:1 1}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#374151;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-family:inherit;font-size:.875rem;outline:none;padding:9px 12px;transition:border .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.form-group textarea{resize:vertical}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.modal-cancel{background:none;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:8px 16px;transition:background .15s}.modal-cancel:hover{background:#f3f4f6}.modal-save{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(22,163,74,.3);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:8px 20px;transition:opacity .2s}.modal-save:hover{opacity:.9}.modal-save:disabled{cursor:not-allowed;opacity:.5}.Settings{background:#f9fafb;display:flex;flex-direction:column;font-family:Inter,sans-serif;gap:1.5rem;min-height:100vh;overflow-y:auto;padding:2rem}.settings-header h1{color:#111827;font-size:1.75rem;font-weight:700;margin:0 0 4px}.settings-sub{color:#9ca3af;font-size:.875rem}.settings-layout{align-items:flex-start;display:flex;gap:1.5rem}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:.5rem;width:180px}.settings-tab{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:10px;padding:10px 12px;text-align:left;transition:all .15s}.settings-tab:hover{background:#f9fafb;color:#374151}.settings-tab.active{background:#f0fdf4;color:#16a34a}.settings-content{flex:1 1;min-width:0}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);padding:2rem}.settings-card-header{margin-bottom:1.5rem}.settings-card-header h2{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 4px}.settings-card-header p{color:#9ca3af;font-size:.85rem;margin:0}.profile-avatar-section{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:800;height:56px;justify-content:center;width:56px}.profile-avatar-name{color:#111827;font-size:1rem;font-weight:700}.profile-avatar-role{color:#9ca3af;font-size:.75rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.settings-form{display:flex;flex-direction:column;gap:1.25rem;max-width:480px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group label{color:#374151;font-size:.8rem;font-weight:600}.settings-form-group input{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:.875rem;outline:none;padding:10px 14px;transition:border .2s,box-shadow .2s}.settings-form-group input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.disabled-input{background:#f9fafb!important;color:#9ca3af!important;cursor:not-allowed}.field-hint{color:#9ca3af;font-size:.75rem}.settings-save-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(22,163,74,.3);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:11px 24px;transition:opacity .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.settings-save-btn:hover{opacity:.9}.settings-save-btn:disabled{cursor:not-allowed;opacity:.5}.strength-bars{display:flex;gap:4px}.strength-bar{border-radius:999px;height:4px;transition:background .3s;width:40px}.strength-label{color:#6b7280;font-size:.75rem;font-weight:600}.preferences-list{display:flex;flex-direction:column;gap:0}.preference-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:1rem 0}.preference-row:last-child{border-bottom:none}.preference-info{display:flex;flex-direction:column;gap:2px}.preference-label{color:#111827;font-size:.875rem;font-weight:600}.preference-sub{color:#9ca3af;font-size:.78rem}.toggle{display:inline-block;flex-shrink:0;height:22px;position:relative;width:40px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#e5e7eb;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.2);content:"";height:16px;left:3px;position:absolute;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:16px}.toggle input:checked+.toggle-slider{background:#16a34a}.toggle input:checked+.toggle-slider:before{-webkit-transform:translateX(18px);transform:translateX(18px)}.danger-btn{background:none;border:1.5px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:10px 20px;transition:all .2s}.invite-section{display:flex;flex-direction:column;gap:1.25rem}.invite-info p{color:#6b7280;font-size:.875rem;line-height:1.6;margin:0}.invite-link-box{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:1.25rem}.invite-link-header{align-items:center;display:flex;justify-content:space-between}.invite-link-label{color:#16a34a;font-size:.8rem;font-weight:700}.invite-expires{color:#9ca3af;font-size:.75rem}.invite-link-row{display:flex;gap:8px}.invite-link-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-family:monospace;font-size:.8rem;outline:none;padding:9px 12px}.invite-copy-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:700;padding:9px 16px;transition:opacity .2s;white-space:nowrap}.invite-copy-btn:hover{opacity:.9}.invite-hint{color:#9ca3af;font-size:.75rem;margin:0}.danger-btn:hover{background:#fee2e2}.email-section{gap:1.25rem}.email-connected,.email-section{display:flex;flex-direction:column}.email-connected{gap:1rem}.email-connected-header{align-items:center;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:12px;display:flex;gap:12px;padding:1rem}.email-status-dot{background:#16a34a;border-radius:50%;box-shadow:0 0 0 3px rgba(22,163,74,.2);flex-shrink:0;height:10px;width:10px}.email-connected-title{color:#111827;font-size:.875rem;font-weight:700}.email-connected-address{color:#16a34a;font-family:monospace;font-size:.78rem}.email-connected-badge{background:#dcfce7;border-radius:999px;color:#16a34a;font-size:.72rem;font-weight:700;margin-left:auto;padding:3px 10px}.email-last-sync{color:#9ca3af;font-size:.78rem;margin:0}.email-actions{display:flex;gap:8px}.email-sync-btn{background:#f0fdf4;border:1.5px solid #16a34a;border-radius:8px;color:#16a34a;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:8px 16px;transition:background .15s}.email-sync-btn:hover{background:#dcfce7}.email-sync-btn:disabled{cursor:not-allowed;opacity:.5}.email-disconnect-btn{background:none;border:1.5px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .15s}.email-disconnect-btn:hover{border-color:#dc2626;color:#dc2626}.email-info-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#374151;font-size:.85rem;line-height:1.6;padding:12px 14px}.provider-hints{display:flex;gap:8px;margin-bottom:.5rem}.provider-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:5px 14px;transition:all .15s}.provider-chip:hover{background:#e5e7eb}.email-help-box{background:#fefce8;border:1px solid #fde68a;border-radius:10px;color:#78350f;font-size:.825rem;line-height:1.7;padding:1rem}.email-help-box ol{margin:8px 0 0 16px}.canned-list{display:flex;flex-direction:column;gap:.75rem}.canned-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem}.canned-item-title{color:#111827;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.canned-item-body{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.85rem;overflow:hidden;white-space:pre-wrap}.canned-item-actions{display:flex;flex-shrink:0;gap:.5rem}.canned-edit-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.82rem;padding:.4rem .9rem}.canned-edit-btn:hover{background:#f3f4f6}.canned-delete-btn{background:#fff;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.82rem;padding:.4rem .9rem}.canned-delete-btn:hover{background:#fef2f2}.canned-form{gap:1rem}.canned-form,.contacts-page{display:flex;flex-direction:column}.contacts-page{height:100%;overflow:hidden;padding:0}.contacts-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.75rem 1rem}.contacts-header h1{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 2px}.contacts-count{color:#94a3b8;font-size:.75rem}.contacts-add-btn{align-items:center;background:var(--color-brand);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s}.contacts-add-btn:hover{background:var(--color-brand-dark)}.contacts-layout{display:flex;flex:1 1;overflow:hidden}.contacts-list-pane{background:#fafafa;border-right:1px solid #f0f0f0;display:flex;flex-direction:column;min-width:300px;overflow:hidden;width:360px}.contacts-list-pane--full{background:#fff;border-right:none;min-width:0;width:100%}.contacts-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin:12px 12px 6px;padding:8px 10px}.contacts-search svg{color:#94a3b8;flex-shrink:0}.contacts-search input{background:transparent;border:none;color:#1e293b;flex:1 1;font-size:.83rem;outline:none}.contacts-search input::-webkit-input-placeholder{color:#cbd5e1}.contacts-search input:-ms-input-placeholder{color:#cbd5e1}.contacts-search input::placeholder{color:#cbd5e1}.search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:0}.search-clear:hover{color:#475569}.contacts-status-tabs{display:flex;flex-shrink:0;gap:2px;overflow-x:auto;padding:0 12px 8px}.contacts-status-tabs::-webkit-scrollbar{display:none}.status-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:.72rem;font-weight:600;gap:4px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:6px 8px;transition:color .15s,border-color .15s;white-space:nowrap}.status-tab.active{border-bottom-color:var(--color-brand);color:var(--color-brand)}.status-tab:hover:not(.active){color:#475569}.tab-count{background:#e5e7eb;border-radius:999px;color:#6b7280;font-size:.68rem;padding:1px 5px}.status-tab.active .tab-count{background:var(--color-brand-light);color:var(--color-brand-dark)}.contacts-list{flex:1 1;overflow-y:auto;padding:4px 0}.contacts-list::-webkit-scrollbar{width:4px}.contacts-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.list-empty{color:#94a3b8;font-size:.83rem;margin:40px 0;text-align:center}.contact-row{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:10px;padding:10px 14px;transition:background .1s}.contact-row:hover{background:#f1f5f9}.cr-row-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .1s}.contact-row:hover .cr-row-actions{opacity:1}.cr-row-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:26px;justify-content:center;transition:background .15s,color .15s,border-color .15s;width:26px}.cr-row-btn:hover{background:#f3f4f6;color:#374151}.cr-row-btn--danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.cr-avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.cr-info{flex:1 1;min-width:0}.cr-name{color:#1e293b;font-size:.83rem;font-weight:600}.cr-name,.cr-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-sub{align-items:center;color:#64748b;display:flex;font-size:.73rem;gap:3px;margin-top:1px}.cr-dot{color:#cbd5e1}.cr-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px}.cr-badge{border-radius:4px;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.cr-badge,.cr-score-pill{font-size:.65rem;font-weight:700}.cr-score-pill{border-radius:999px;min-width:20px;padding:2px 7px;text-align:center}.cr-date{color:#94a3b8;font-size:.68rem}.cf-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.cf-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.cf-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.cf-header h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.cf-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.cf-close:hover{color:#374151}.cf-body{flex:1 1;flex-direction:column;overflow-y:auto;padding:1.25rem}.cf-body,.cf-row{display:flex;gap:12px}.cf-row .cf-group{flex:1 1}.cf-group{display:flex;flex-direction:column;gap:5px}.cf-group label{color:#475569;font-size:.76rem;font-weight:600}.cf-group input,.cf-group select,.cf-group textarea{background:#fafafa;border:1px solid #e5e7eb;border-radius:7px;color:#1e293b;font-family:inherit;font-size:.85rem;outline:none;padding:8px 10px;transition:border-color .15s}.cf-group input:focus,.cf-group select:focus,.cf-group textarea:focus{background:#fff;border-color:var(--color-brand)}.cf-group textarea{min-height:70px;resize:vertical}.cf-error{background:#fee2e2;border-radius:7px;color:#dc2626;font-size:.82rem;margin:0;padding:8px 12px}.cf-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:1rem 1.25rem}.cf-cancel{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.cf-cancel:hover{background:#e2e8f0}.cf-save{background:var(--color-brand);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 20px;transition:background .15s}.cf-save:hover:not(:disabled){background:var(--color-brand-dark)}.cf-save:disabled{cursor:not-allowed;opacity:.55}.cd2-page{background:#f9fafb;flex-direction:column;overflow:hidden}.cd2-loading,.cd2-page{display:flex;height:100%}.cd2-loading{align-items:center;color:#6b7280;font-size:.9rem;justify-content:center}.cd2-topbar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:.9rem 1.5rem}.cd2-back-btn{background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:background .15s}.cd2-back-btn:hover{background:#f3f4f6}.cd2-layout{display:flex;flex:1 1;overflow:hidden}.cd2-sidebar{background:#fff;border-right:1px solid #e5e7eb;border-top:3px solid transparent;flex-shrink:0;max-width:340px;min-width:280px;overflow-y:auto;padding:1.5rem 1.25rem;width:25%}.cd2-edit-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:6px;margin-left:auto;padding:6px 12px;transition:background .15s,border-color .15s}.cd2-edit-btn:hover{background:#f9fafb;border-color:#d1d5db}.cd2-avatar{align-items:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border-radius:50%;color:#fff;display:flex;font-size:1.3rem;font-weight:700;height:64px;justify-content:center;margin:12px auto 10px;text-transform:uppercase;width:64px}.cd2-name{color:#111827;font-size:1.1rem;font-weight:700;margin:0 0 2px;text-align:center}.cd2-role{color:#6b7280;font-size:.8rem;margin:0 0 10px;text-align:center}.cd2-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:14px}.cd2-badge{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.cd2-convert-btn{align-items:center;background:var(--color-brand-light);border:1px solid var(--color-brand);border-radius:8px;color:var(--color-brand-dark);cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;margin-bottom:16px;padding:8px;transition:background .15s;width:100%}.cd2-convert-btn:hover{background:var(--color-success-bg)}.cd2-actions{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.cd2-actions button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex-direction:column;font-size:.65rem;font-weight:600;gap:4px;padding:8px 4px;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,-webkit-transform .15s;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s,-webkit-transform .15s}.cd2-actions button:hover{background:var(--color-brand-light);border-color:var(--color-brand);box-shadow:0 4px 10px rgba(16,185,129,.15);color:var(--color-brand-dark);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cd2-actions button:active{-webkit-transform:translateY(0);transform:translateY(0)}.cd2-info-section{border-top:1px solid #f0f0f0;margin-top:14px;padding-top:14px}.cd2-info-section--shaded{background:#f9fafb;border-radius:10px;border-top:none;padding:12px 14px}.cd2-info-section h4{color:#9ca3af;font-size:.7rem;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.cd2-info-row{align-items:center;color:#374151;display:flex;font-size:.82rem;gap:8px;margin-bottom:6px}.cd2-info-row svg{color:#9ca3af;flex-shrink:0}.cd2-date-row{color:#6b7280;display:flex;font-size:.78rem;justify-content:space-between;margin-bottom:4px}.cd2-tags{display:flex;flex-wrap:wrap;gap:6px}.cd2-tag{background:#f3f4f6;border-radius:12px;color:#374151;font-size:.72rem;font-weight:600;padding:3px 10px}.cd2-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.cd2-tabs{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:4px;overflow-x:auto;padding:0 1.5rem}.cd2-tab{background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;cursor:pointer;font-size:.83rem;font-weight:600;padding:12px 14px;transition:color .15s,border-color .15s;white-space:nowrap}.cd2-tab:hover{color:#111827}.cd2-tab.active{border-bottom-color:var(--color-brand);color:var(--color-brand)}.cd2-tab-content{flex:1 1;overflow-y:auto;padding:1.5rem}.cd2-empty{color:#9ca3af;font-size:.85rem;padding:1rem 0}.cd2-primary-btn{align-items:center;background:linear-gradient(135deg,var(--color-brand),var(--color-brand-dark));border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:9px 16px;transition:-webkit-filter .15s;transition:filter .15s;transition:filter .15s,-webkit-filter .15s}.cd2-primary-btn:hover:not(:disabled){-webkit-filter:brightness(1.08);filter:brightness(1.08)}.cd2-primary-btn:disabled{cursor:not-allowed;opacity:.6}.cd2-primary-btn--sm{font-size:.78rem;padding:6px 12px}.cd2-secondary-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:.82rem;font-weight:600;padding:9px 16px}.cd2-secondary-btn:hover{background:#f9fafb}.ov-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.ov-stat{background:#fff;border:1px solid #e5e7eb;border-left-width:3px;border-radius:10px;display:flex;flex-direction:column;gap:2px;padding:14px;transition:box-shadow .15s}.ov-stat:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}.ov-stat-value{color:#111827;font-size:1.3rem;font-weight:700}.ov-stat-label{color:#6b7280;font-size:.72rem}.ov-section{margin-bottom:24px}.ov-section h4{color:#111827;font-size:.85rem;font-weight:700;margin:0 0 10px}.ov-deal-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ov-deal-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:6px;padding:10px 12px}.ov-deal-title{color:#111827;font-size:.82rem;font-weight:600}.ov-deal-stage{align-self:flex-start;border-radius:4px;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.ov-deal-value{color:var(--color-success-text);font-size:.8rem;font-weight:600}.ov-ticket-list{display:flex;flex-direction:column;gap:4px}.ov-ticket-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:.8rem;justify-content:space-between;padding:8px 12px}.ov-ticket-subject{color:#111827;font-weight:600}.ov-ticket-date{color:#9ca3af}.tl-list{display:flex;flex-direction:column}.tl-row{border-bottom:1px solid #f3f4f6;border-radius:10px;display:flex;gap:12px;margin:0 -10px;padding:10px 10px 18px;position:relative;transition:background .15s,box-shadow .15s}.tl-row:last-child{border-bottom:none}.tl-row:hover{background:#fafafa;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tl-row:not(:last-child):before{background:#e5e7eb;bottom:0;content:"";left:25px;position:absolute;top:42px;width:2px}.tl-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;position:relative;width:32px;z-index:1}.tl-body{flex:1 1;min-width:0;padding-top:2px}.tl-title{color:#111827;font-size:.83rem;font-weight:600}.tl-desc{color:#6b7280;font-size:.78rem;margin:2px 0 0;max-height:3.2em;overflow:hidden;text-overflow:ellipsis}.tl-meta{color:#9ca3af;font-size:.7rem;gap:12px;margin-top:5px}.tl-agent,.tl-meta{align-items:center;display:flex}.tl-agent{color:#6b7280;font-weight:500;gap:5px}.tl-avatar{align-items:center;background:#94a3b8;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.55rem;font-weight:700;height:16px;justify-content:center;width:16px}.tl-meta span[title]{cursor:help}.act-toolbar{margin-bottom:16px}.act-search{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;margin-bottom:10px;max-width:320px;padding:8px 12px}.act-search svg{color:#9ca3af;flex-shrink:0}.act-search input{border:none;font-size:.82rem;outline:none;width:100%}.act-filters{display:flex;flex-wrap:wrap;gap:6px}.act-filter{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:600;padding:5px 12px;transition:background .15s,color .15s,border-color .15s}.act-filter.active,.act-filter:hover{border-color:var(--color-brand)}.act-filter.active{background:var(--color-brand);color:#fff}.em-tab{display:flex;flex-direction:column;gap:10px}.em-thread{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.em-thread-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.em-thread-header:hover{background:#f9fafb}.em-thread-info{display:flex;flex-direction:column;gap:2px;min-width:0}.em-subject{color:#111827;font-size:.85rem;font-weight:600}.em-preview{color:#6b7280;font-size:.78rem;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-thread-meta{align-items:flex-end;color:#9ca3af;flex-shrink:0;font-size:.72rem;gap:2px}.em-thread-body,.em-thread-meta{display:flex;flex-direction:column}.em-thread-body{border-top:1px solid #f0f0f0;gap:12px;padding:12px 14px}.em-message{border-left:3px solid #e5e7eb;padding-left:10px}.em-message--agent{border-left-color:var(--color-brand)}.em-message-meta{color:#9ca3af;display:flex;font-size:.7rem;gap:8px;margin-bottom:4px}.em-message-body{color:#374151;font-size:.8rem;line-height:1.5}.calls-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:14px}.calls-form h4{color:#111827;font-size:.85rem;margin:0 0 10px}.calls-form-row{display:flex;gap:10px;margin-bottom:10px}.calls-form-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.calls-form-group label{color:#6b7280;font-size:.72rem;font-weight:600}.calls-form textarea,.calls-form-group input,.calls-form-group select,.calls-form-group textarea{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:.82rem;padding:7px 10px;width:100%}.calls-form textarea{margin-bottom:12px}.calls-list{display:flex;flex-direction:column;gap:10px}.calls-row{background:#fff;border:1px solid #e5e7eb;gap:10px;padding:10px 12px}.calls-row,.calls-row-icon{border-radius:8px;display:flex}.calls-row-icon{align-items:center;background:var(--color-brand-light);color:var(--color-brand-dark);flex-shrink:0;height:28px;justify-content:center;width:28px}.calls-row-body{flex:1 1}.calls-row-top{align-items:center;display:flex;gap:10px}.calls-outcome{color:#111827;font-size:.83rem;font-weight:600}.calls-duration{color:#6b7280;font-size:.75rem}.calls-notes{color:#6b7280;font-size:.78rem;margin:4px 0}.calls-row-meta{color:#9ca3af;display:flex;font-size:.7rem;gap:10px;margin-top:4px}.notes-form{margin-bottom:20px}.notes-form textarea{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:.83rem;margin-bottom:8px;padding:10px 12px;resize:vertical;width:100%}.notes-list{display:flex;flex-direction:column;gap:10px}.notes-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px}.notes-content{color:#111827;font-size:.83rem;margin:0 0 8px;white-space:pre-wrap}.notes-meta{align-items:center;color:#9ca3af;display:flex;font-size:.7rem;gap:10px}.notes-delete{background:none;border:none;color:#9ca3af;cursor:pointer;margin-left:auto;padding:2px}.notes-delete:hover{color:#dc2626}.tasks-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:20px;padding:14px}.tasks-form>input{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:.83rem;margin-bottom:10px;padding:8px 10px;width:100%}.tasks-form-row{display:flex;flex-wrap:wrap;gap:8px}.tasks-form-row input,.tasks-form-row select{border:1px solid #e5e7eb;border-radius:6px;font-size:.8rem;padding:7px 10px}.tasks-list{display:flex;flex-direction:column;gap:8px}.tasks-row{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:10px 12px}.tasks-row.done{opacity:.6}.tasks-row.done .tasks-title{text-decoration:line-through}.tasks-check{align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:5px;color:var(--color-success-text);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.tasks-row.done .tasks-check{background:var(--color-success-text);border-color:var(--color-success-text);color:#fff}.tasks-row-body{flex:1 1}.tasks-title{color:#111827;font-size:.83rem;font-weight:600}.tasks-row-meta{align-items:center;color:#9ca3af;display:flex;font-size:.72rem;gap:10px;margin-top:4px}.tasks-priority{border-radius:4px;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.tasks-priority--low{background:#f3f4f6;color:#6b7280}.tasks-priority--medium{background:#fef3c7;color:#d97706}.tasks-priority--high{background:#fee2e2;color:#dc2626}.deals-tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.deals-tab-header h4{color:#111827;font-size:.9rem;margin:0}.deals-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;padding:14px}.deals-form>input{border:1px solid #e5e7eb;border-radius:6px;box-sizing:border-box;font-size:.83rem;margin-bottom:10px;padding:8px 10px;width:100%}.deals-form-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.deals-form-row input,.deals-form-row select{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:.8rem;min-width:110px;padding:7px 10px}.deals-form-actions{display:flex;gap:8px;justify-content:flex-end}.deals-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.deals-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.deals-card-top{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.deals-card-title{color:#111827;font-size:.85rem;font-weight:700}.deals-card-stage{border-radius:4px;flex-shrink:0;font-size:.65rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.deals-card-meta{color:#6b7280;display:flex;flex-direction:column;font-size:.76rem;gap:4px}@media (max-width:900px){.cd2-layout{flex-direction:column;overflow-y:auto}.cd2-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;max-width:none;min-width:0;width:100%}.cd2-main{overflow:visible}.ov-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.cd2-actions{grid-template-columns:repeat(2,1fr)}.ov-stats{grid-template-columns:1fr}.calls-form-row,.deals-form-row,.tasks-form-row{flex-direction:column}}.pipeline-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.pipeline-loading{align-items:center;color:#94a3b8;display:flex;font-size:.9rem;height:100%;justify-content:center}.pipeline-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 1.75rem 1rem}.pipeline-header h1{color:#1e293b;font-size:1.4rem;font-weight:700;margin:0 0 2px}.pipeline-sub{color:#94a3b8;font-size:.75rem}.pipeline-add-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:background .15s}.pipeline-add-btn:hover{background:#4f46e5}.pipeline-stats{border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;gap:0}.pstat{align-items:center;border-right:1px solid #f0f0f0;display:flex;flex:1 1;flex-direction:column;padding:10px 0}.pstat:last-child{border-right:none}.pstat-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.pstat-value{color:#1e293b;font-size:1rem;font-weight:700}.pipeline-body{display:flex;flex:1 1;overflow:hidden}.kb-board{align-items:flex-start;display:flex;flex:1 1;gap:0;overflow-x:auto;padding:16px 16px 8px}.kb-board::-webkit-scrollbar{height:6px}.kb-board::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.kb-col{background:#f8fafc;border:1px solid #f0f0f0;border-radius:12px;display:flex;flex:0 0 220px;flex-direction:column;margin-right:10px;max-height:calc(100vh - 230px);min-width:200px;overflow:hidden}.kb-col:last-child{margin-right:0}.kb-col-header{border-radius:11px 11px 0 0;border-top:3px solid #6366f1;flex-shrink:0;padding:10px 12px 8px}.kb-col-title{align-items:center;color:#1e293b;display:flex;font-size:.8rem;font-weight:700;gap:6px}.kb-col-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.kb-col-count{background:#e5e7eb;border-radius:999px;color:#6b7280;font-size:.68rem;margin-left:auto;padding:1px 6px}.kb-col-total{color:#6b7280;display:block;font-size:.73rem;font-weight:600;margin-top:3px}.kb-col-body{flex:1 1;min-height:60px;overflow-y:auto;padding:6px 8px;transition:background .15s}.kb-col-body::-webkit-scrollbar{width:3px}.kb-col-body::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.kb-col-body.drag-over{background:#f0f4ff}.kb-add-btn{align-items:center;background:none;border:none;border-radius:0 0 11px 11px;border-top:1px solid #f0f0f0;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;justify-content:center;padding:8px;transition:color .15s,background .15s;width:100%}.kb-add-btn:hover{background:#f0f4ff;color:#6366f1}.deal-card{background:#fff;border:1px solid #f0f0f0;border-radius:8px;cursor:pointer;margin-bottom:6px;padding:10px 10px 8px;transition:box-shadow .15s,border-color .15s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.deal-card:hover{border-color:#c7d2fe;box-shadow:0 2px 8px rgba(99,102,241,.08)}.deal-card.dragging{border-color:#818cf8;box-shadow:0 8px 24px rgba(0,0,0,.14)}.dc-header{align-items:flex-start;display:flex;gap:6px;justify-content:space-between;margin-bottom:4px}.dc-title{color:#1e293b;flex:1 1;font-size:.8rem;font-weight:600;line-height:1.3}.dc-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.deal-card:hover .dc-card-actions{opacity:1}.dc-act{align-items:center;background:#fafafa;border:1px solid #e5e7eb;border-radius:5px;color:#6b7280;cursor:pointer;display:flex;height:22px;justify-content:center;transition:background .12s;width:22px}.dc-act:hover{background:#ede9fe;border-color:#c4b5fd;color:#6366f1}.dc-act--del:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.dc-value{align-items:center;color:#16a34a;display:flex;font-size:.78rem;font-weight:700;gap:3px;margin-bottom:4px}.dc-value svg{flex-shrink:0}.dc-meta{display:flex;flex-direction:column;gap:2px;margin-bottom:4px}.dc-contact,.dc-date{align-items:center;color:#64748b;display:flex;font-size:.72rem;gap:4px}.dc-contact svg,.dc-date svg{color:#94a3b8;flex-shrink:0}.dc-stale-badge{align-items:center;background:#fef3c7;border-radius:999px;color:#b45309;display:inline-flex;font-size:.68rem;font-weight:700;gap:4px;margin-bottom:4px;padding:2px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dc-stale-badge svg{flex-shrink:0}.dc-prob-bar{background:#f1f5f9;border-radius:99px;height:3px;margin-top:4px;overflow:hidden}.dc-prob-fill{border-radius:99px;height:100%;transition:width .3s ease}.dd-panel{background:#fff;border-left:1px solid #f0f0f0;flex-shrink:0;min-width:260px;overflow-y:auto;padding:1.25rem;width:280px}.dd-panel::-webkit-scrollbar{width:4px}.dd-panel::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.dd-panel-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.dd-panel-header h3{color:#1e293b;font-size:.95rem;font-weight:700;line-height:1.3;margin:0}.dd-stage{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dd-stage span{font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.dd-stage span,.dd-stale-pill{border-radius:5px;font-weight:700;padding:3px 10px}.dd-stale-pill{align-items:center;background:#fef3c7;color:#b45309;display:inline-flex;font-size:.68rem;gap:4px;letter-spacing:normal;text-transform:none}.dd-stale-pill svg{flex-shrink:0}.dd-stale-text{color:#b45309!important}.dd-section{border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:14px}.dd-section:last-child{border-bottom:none}.dd-section h4{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.dd-row{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:5px}.dd-row:last-child{margin-bottom:0}.dd-row span{color:#94a3b8}.dd-row strong{color:#1e293b;font-weight:600}.dd-contact{gap:10px}.dd-c-avatar,.dd-contact{align-items:center;display:flex}.dd-c-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:.72rem;font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.dd-c-name{color:#1e293b;font-size:.83rem;font-weight:600}.dd-c-co{color:#64748b;font-size:.75rem}.dd-notes{color:#374151;font-size:.82rem;line-height:1.6;margin:0;white-space:pre-wrap}.cd-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;transition:background .15s;width:28px}.cd-btn--edit:hover{background:#ede9fe;border-color:#c4b5fd;color:#6366f1}.cd-btn--del:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.df-overlay{align-items:center;background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.df-modal{background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow:hidden;width:100%}.df-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 1.25rem}.df-header h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.df-close{background:none;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.df-close:hover{color:#374151}.df-body{flex:1 1;flex-direction:column;overflow-y:auto;padding:1.25rem}.df-body,.df-row{display:flex;gap:12px}.df-row .df-group{flex:1 1}.df-group{display:flex;flex-direction:column;gap:5px}.df-group label{color:#475569;font-size:.76rem;font-weight:600}.df-group input,.df-group select,.df-group textarea{background:#fafafa;border:1px solid #e5e7eb;border-radius:7px;color:#1e293b;font-family:inherit;font-size:.85rem;outline:none;padding:8px 10px;transition:border-color .15s}.df-group input:focus,.df-group select:focus,.df-group textarea:focus{background:#fff;border-color:#6366f1}.df-group textarea{min-height:70px;resize:vertical}.df-error{background:#fee2e2;border-radius:7px;color:#dc2626;font-size:.82rem;margin:0;padding:8px 12px}.df-footer{border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:flex-end;padding:1rem 1.25rem}.df-cancel{background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.df-cancel:hover{background:#e2e8f0}.df-save{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 20px;transition:background .15s}.df-save:hover:not(:disabled){background:#4f46e5}.df-save:disabled{cursor:not-allowed;opacity:.55}.MainDash{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);height:100%;overflow-y:auto;width:100%}.MainDash *,.MainDash :after,.MainDash :before{box-sizing:border-box}@media (prefers-reduced-motion:reduce){.MainDash *{-webkit-animation:none!important;animation:none!important;transition:none!important}}.dashboard-view{padding:var(--space-5) var(--space-6);width:100%}.dashboard-header{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-header h1{color:var(--color-text-primary);font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin:0}.dashboard-date{color:var(--color-text-muted);font-size:.9rem;font-weight:500}.dashboard-quick-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.dashboard-quick-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);color:var(--color-brand-dark);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:.65rem 1.25rem;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.dashboard-quick-btn:hover{background:var(--color-brand-light);border-color:var(--color-brand)}.dashboard-quick-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.dashboard-quick-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px)}.dashboard-stat-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:var(--space-5)}.dashboard-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,-webkit-transform .15s ease}.dashboard-stat-card:hover{box-shadow:var(--shadow-card-hover);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.dashboard-stat-label{color:var(--color-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dashboard-stat-value{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.1}.dashboard-panels{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.dashboard-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-width:0;padding:var(--space-5)}.dashboard-panel h2{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);font-size:1rem;font-weight:700;margin:0 0 var(--space-3) 0;padding-bottom:var(--space-3)}.dashboard-empty{color:var(--color-text-muted);font-size:.9rem;padding:var(--space-5) var(--space-2);text-align:center}.recent-list{display:flex;flex-direction:column;gap:2px}.recent-row{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-2);transition:background .15s ease}.recent-row:hover{background:var(--color-bg)}.recent-row:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.recent-avatar{align-items:center;background:var(--color-info-bg);border-radius:50%;color:var(--color-info-text);display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;text-transform:uppercase;width:36px}.recent-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.recent-customer{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.recent-customer,.recent-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-subject{color:var(--color-text-secondary);font-size:.82rem}.recent-status{border-radius:999px;flex-shrink:0;font-size:.72rem;font-weight:700;padding:4px 10px;white-space:nowrap}.dashboard-row-action{background:var(--color-neutral-bg);border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:.75rem;font-weight:700;padding:5px 12px;transition:background .15s ease}.dashboard-row-action:hover{background:#e5e7eb}.dashboard-row-action:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.inboxContainer{display:flex;height:100%;min-height:0}.detailsWrapper{background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex:1 1;flex-direction:column;min-width:0}.empty-state{align-items:center;color:var(--color-text-muted);display:flex;flex:1 1;font-size:.9rem;justify-content:center;padding:var(--space-6);text-align:center}.analytics-view-container,.contacts-view-container,.customers-view-container,.pipeline-view-container,.settings-view-container,.tasks-view-container{background:var(--color-bg);height:100%;min-height:0}@media (max-width:900px){.dashboard-view{padding:var(--space-4)}.dashboard-header{align-items:flex-start;flex-direction:column}.dashboard-stat-row{grid-template-columns:repeat(2,1fr)}.dashboard-panels{grid-template-columns:1fr}}@media (max-width:540px){.dashboard-stat-row{grid-template-columns:1fr}.dashboard-quick-actions{flex-direction:column}.dashboard-quick-btn{text-align:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}.landing{background:#fff;color:#111827;font-family:Plus Jakarta Sans,sans-serif;height:100vh;overflow-x:hidden;overflow-y:auto}.landing-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(229,231,235,.6);left:0;padding:0 2rem;position:fixed;right:0;top:0;transition:box-shadow .3s;z-index:100}.landing-nav.scrolled{background:hsla(0,0%,100%,.97);border-bottom:1px solid #e5e7eb;box-shadow:0 2px 16px rgba(0,0,0,.07)}.nav-inner{gap:2rem;height:68px;margin:0 auto;max-width:1140px}.nav-inner,.nav-logo{align-items:center;display:flex}.nav-logo{color:#111827;flex-shrink:0;font-size:1.1rem;gap:10px;text-decoration:none}.nav-logo span{font-weight:600}.nav-logo strong{color:#16a34a}.nav-logo-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:600;height:32px;justify-content:center;width:32px}.nav-logo-icon.large{border-radius:16px;box-shadow:0 12px 32px rgba(22,163,74,.35);font-size:1.6rem;height:56px;width:56px}.nav-links{align-items:center;display:flex;flex:1 1;gap:2rem;justify-content:center}.nav-dropdown,.nav-links a{align-items:center;color:#6b7280;cursor:default;display:flex;font-size:.9rem;font-weight:600;gap:4px;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#111827}.nav-dropdown svg{color:#9ca3af}.nav-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.nav-login{background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background .2s}.nav-login:hover{background:#f9fafb}.nav-signup{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 14px rgba(22,163,74,.35);color:#fff;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:700;padding:9px 20px;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.nav-signup:hover{opacity:.92;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.hero{align-items:center;background:radial-gradient(ellipse 80% 60% at 50% 0,#f0fdf4 0,#fff 70%);display:flex;flex-direction:column;padding:150px 2rem 6rem;position:relative;text-align:center}.hero:before{background-image:radial-gradient(#16a34a18 1px,transparent 0);background-size:28px 28px;content:"";inset:0;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0,#000,transparent);mask-image:radial-gradient(ellipse 60% 50% at 50% 0,#000,transparent);pointer-events:none;position:absolute}.hero-badge{-webkit-animation:fadeUp .6s ease 0s both;animation:fadeUp .6s ease 0s both;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;display:inline-block;font-size:.78rem;font-weight:700;margin-bottom:1.25rem;padding:6px 16px}.hero-title{-webkit-animation:fadeUp .6s ease .1s both;animation:fadeUp .6s ease .1s both;color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:clamp(2.5rem,5.5vw,4rem);font-weight:500;letter-spacing:-.01em;line-height:1.15;margin-bottom:1.25rem}.hero-highlight{color:#16a34a}.hero-sub{-webkit-animation:fadeUp .6s ease .2s both;animation:fadeUp .6s ease .2s both;color:#6b7280;font-size:clamp(1rem,2vw,1.15rem);line-height:1.7;margin-bottom:2rem;max-width:560px}.hero-ctas{align-items:center;-webkit-animation:fadeUp .6s ease .3s both;animation:fadeUp .6s ease .3s both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.hero-note{-webkit-animation:fadeUp .6s ease .35s both;animation:fadeUp .6s ease .35s both;color:#9ca3af;font-size:.85rem;margin-bottom:2.5rem}.hero-cta-primary{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;box-shadow:0 8px 24px rgba(22,163,74,.35);color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:14px 28px;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.hero-cta-primary:hover{box-shadow:0 12px 32px rgba(22,163,74,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-cta-secondary{background:none;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:13px 24px;transition:border-color .2s,background .2s,color .2s}.hero-cta-secondary:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.hero-cta-secondary.light{border-color:hsla(0,0%,100%,.3);color:#fff}.hero-cta-secondary.light:hover{background:hsla(0,0%,100%,.1);border-color:#fff;color:#fff}.hero-tagline{align-items:center;-webkit-animation:fadeUp .6s ease .4s both;animation:fadeUp .6s ease .4s both;color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:700;gap:12px;justify-content:center;letter-spacing:.1em;margin-bottom:3.5rem}.hero-tagline i{background:#d1d5db;border-radius:50%;font-style:normal;height:4px;width:4px}.hero-laptop-wrap{align-items:center;-webkit-animation:fadeUp .8s ease .5s both;animation:fadeUp .8s ease .5s both;display:flex;flex-direction:column;max-width:1040px;position:relative;width:100%}.example-data-caption{color:#9ca3af;font-size:.78rem;margin-top:.75rem;text-align:center}.product-window{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 30px 80px rgba(15,23,42,.16);overflow:hidden;text-align:left;width:100%}.pw-titlebar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:10px 16px}.window-dots{display:flex;flex-shrink:0;gap:6px}.window-dots span{border-radius:50%;height:10px;width:10px}.window-dots span:first-child{background:#ef4444}.window-dots span:nth-child(2){background:#f59e0b}.window-dots span:nth-child(3){background:#22c55e}.pw-url{color:#9ca3af;flex:1 1;font-family:SFMono-Regular,Menlo,monospace;font-size:.72rem}.pw-agent-status{align-items:center;color:#6b7280;display:flex;flex-shrink:0;font-size:.7rem;font-weight:600;gap:6px}.status-dot{background:#22c55e;border-radius:50%;display:inline-block;height:6px;width:6px}.pw-body{display:grid;grid-template-columns:56px 190px 1fr 250px;min-height:480px}.pw-rail{background:#0f172a;flex-direction:column;gap:4px;padding:14px 0}.pw-rail,.pw-rail-item{align-items:center;display:flex}.pw-rail-item{border-radius:9px;height:34px;justify-content:center;opacity:.6;width:34px}.pw-rail-item.active{background:rgba(22,163,74,.18);opacity:1}.pw-rail-item .feature-icon{background:transparent!important;height:20px;margin:0;width:20px}.pw-list{border-right:1px solid #f3f4f6;overflow:hidden;padding:12px 10px}.pw-list-header{color:#9ca3af;font-size:.62rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px;padding:0 4px}.pw-list-item{border-radius:8px;cursor:default;margin-bottom:4px;padding:8px}.pw-list-item.active{background:#f0fdf4;box-shadow:inset 2px 0 0 #16a34a}.pw-chip{border-radius:999px;display:inline-block;font-size:.55rem;font-weight:700;letter-spacing:.03em;margin-bottom:4px;padding:1px 6px}.pw-chip.email{background:#eff6ff;color:#3b82f6}.pw-chip.chat{background:#fdf4ff;color:#a855f7}.pw-chip.whatsapp{background:#f0fdf4;color:#16a34a}.pw-list-name{color:#111827;font-size:.75rem;font-weight:700}.pw-list-snippet{color:#9ca3af;font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pw-thread{border-right:1px solid #f3f4f6;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:14px 16px}.pw-thread-header{align-items:center;display:flex;gap:8px}.pw-thread-avatar{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:26px;justify-content:center;width:26px}.pw-thread-title{display:flex;flex-direction:column;line-height:1.25}.pw-thread-title strong{color:#111827;font-size:.8rem}.pw-thread-title span{color:#9ca3af;font-size:.65rem}.pw-tags{display:flex;flex-wrap:wrap;gap:6px}.pw-tag{background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#6b7280;font-size:.6rem;font-weight:600;padding:2px 8px}.pw-tag.negative{background:#fef2f2;border-color:#fecaca;color:#dc2626}.pw-msg{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;color:#374151;font-size:.72rem;line-height:1.55;padding:8px 10px}.pw-msg-meta{color:#9ca3af;display:block;font-size:.6rem;font-weight:700;letter-spacing:.04em;margin-bottom:3px;text-transform:uppercase}.pw-msg.agent{background:#fff;border-color:#e5e7eb}.pw-ai-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:10px 12px}.pw-ai-card-label{align-items:center;color:#16a34a;display:flex;font-size:.62rem;font-weight:700;gap:6px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.ai-dot{background:#16a34a;border-radius:5px;color:#fff;font-size:.55rem;font-weight:800;padding:1px 5px}.pw-ai-card p{color:#14532d;font-size:.72rem;line-height:1.5;margin-bottom:6px}.pw-ai-checklist{color:#16a34a}.pw-ai-checklist,.pw-escalate{font-size:.65rem;font-weight:600}.pw-escalate{color:#6366f1}.pw-copilot{background:#f9fafb;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:14px 16px}.pw-copilot-header{align-items:center;color:#111827;display:flex;font-size:.75rem;font-weight:700;gap:6px}.pw-copilot-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.pw-copilot-label{color:#9ca3af;font-size:.6rem;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.pw-copilot-card p{color:#374151;font-size:.7rem;line-height:1.5}.pw-copilot-actions{display:flex;gap:6px;margin-top:8px}.pw-btn{background:#fff;border:1px solid #e5e7eb;border-radius:7px;color:#374151;cursor:default;font-size:.65rem;font-weight:700;padding:5px 10px}.pw-btn.primary{background:#16a34a;border-color:#16a34a;color:#fff}.pw-source-title{color:#111827;font-weight:700;margin-bottom:2px}.pw-source-sub{color:#9ca3af;font-size:.65rem}.pw-kv{align-items:center;color:#6b7280;display:flex;font-size:.68rem;justify-content:space-between;padding:4px 0}.pw-kv strong{color:#111827;font-weight:700}.pw-kv .chip{background:#f0fdf4;border-radius:999px;color:#16a34a;font-size:.62rem;padding:2px 8px}@media (max-width:960px){.pw-body{grid-template-columns:1fr}.pw-rail{flex-direction:row;justify-content:center;padding:8px}.pw-list,.pw-thread{border-bottom:1px solid #f3f4f6;border-right:none}}.floating-card{align-items:center;-webkit-animation:floatUpDown 5s ease-in-out infinite;animation:floatUpDown 5s ease-in-out infinite;background:#fff;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.12);display:flex;gap:10px;padding:12px 16px;position:absolute;z-index:5}.rating-card{bottom:-1.25rem;left:1rem}.score-card{-webkit-animation-delay:.6s;animation-delay:.6s;right:1.5rem;top:-1.25rem}@media (max-width:760px){.rating-card,.score-card{display:none}}.floating-stars{color:#f59e0b;font-size:.9rem;letter-spacing:1px}.score-value{color:#16a34a;font-family:Instrument Sans,sans-serif;font-size:1.4rem;font-weight:600}.floating-card-text{display:flex;flex-direction:column;text-align:left}.floating-card-text strong{color:#111827;font-size:.78rem;font-weight:600}.floating-card-text span{color:#9ca3af;font-size:.68rem}.statement{margin:0 auto;max-width:780px;padding:5rem 2rem;text-align:center}.statement h2{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:600;letter-spacing:-.01em;line-height:1.35;margin-bottom:1.5rem}.statement p{color:#6b7280;font-size:1rem;line-height:1.8;margin:0 auto;max-width:640px}.integrations{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1140px;padding:5rem 2rem 6rem}.integrations-copy{text-align:left}.integrations-orbit{align-items:center;display:flex;height:320px;justify-content:center;position:relative}.orbit-center{position:relative;z-index:3}.orbit-icon{align-items:center;-webkit-animation:floatUpDown 6s ease-in-out infinite;animation:floatUpDown 6s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.1);display:flex;height:56px;justify-content:center;position:absolute;width:56px}.orbit-icon-0{-webkit-animation-delay:0s;animation-delay:0s;left:8%;top:10%}.orbit-icon-1{-webkit-animation-delay:.4s;animation-delay:.4s;right:12%;top:0}.orbit-icon-2{-webkit-animation-delay:.8s;animation-delay:.8s;bottom:8%;left:2%}.orbit-icon-3{-webkit-animation-delay:1.2s;animation-delay:1.2s;bottom:0;right:4%}.orbit-icon-4{-webkit-animation-delay:1.6s;animation-delay:1.6s;left:50%;top:42%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:860px){.integrations{grid-template-columns:1fr}.integrations-copy{text-align:center}}.cta-band{grid-gap:3rem;align-items:center;background:linear-gradient(135deg,#14532d,#16a34a);border-radius:28px;color:#fff;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto 4rem;max-width:1140px;padding:5rem 2rem}.cta-band-copy h2{font-family:Instrument Sans,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:1rem}.cta-band-copy p{color:hsla(0,0%,100%,.85);font-size:.95rem;line-height:1.7;margin-bottom:1.75rem;max-width:420px}.cta-band-card{background:#fff;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.25);color:#111827;padding:1.5rem}.cta-card-header{align-items:center;color:#111827;display:flex;font-size:.85rem;font-weight:700;justify-content:space-between;margin-bottom:1.25rem}.cta-card-header svg{color:#9ca3af}.cta-card-row{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:12px 0}.cta-card-row:first-of-type{border-top:none}.cta-card-icon{align-items:center;background:#f0fdf4;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.cta-card-text{display:flex;flex-direction:column;gap:2px}.cta-card-text strong{color:#111827;font-size:.82rem}.cta-card-text span{color:#9ca3af;font-size:.72rem}@media (max-width:860px){.cta-band{border-radius:20px;grid-template-columns:1fr;padding:3rem 1.5rem}.cta-band-copy p{max-width:none}}.trust-section{margin:0 auto;max-width:900px;padding:2rem 2rem 5rem;text-align:center}.stats-bar{background:#0f172a;display:flex;flex-wrap:wrap;gap:0;justify-content:center;padding:2rem}.stat-item{align-items:center;border-right:1px solid #1e293b;display:flex;flex-direction:column;gap:4px;padding:1rem 2rem;text-align:center}.stat-item:last-child{border-right:none}.stat-item strong{color:#fff;font-family:Instrument Sans,sans-serif;font-size:1.5rem;font-weight:600;white-space:nowrap}.stat-item span{color:#64748b;font-size:.8rem;font-weight:500}.trusted-label{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.25rem;text-transform:uppercase}.trusted-logos{align-items:center;display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center}.trusted-logo{color:#d1d5db;cursor:default;font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:600;letter-spacing:-.02em;transition:color .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.trusted-logo:hover{color:#9ca3af}.section-label{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin-bottom:1rem;padding:4px 14px;text-transform:uppercase}.section-title{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.75rem}.section-sub{color:#6b7280;font-size:1rem;line-height:1.7;margin-bottom:3rem;max-width:520px}.features{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1100px;padding:6rem 2rem;text-align:center}.features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);text-align:left;width:100%}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:580px){.features-grid{grid-template-columns:1fr}}.feature-card{border:1px solid;border-radius:16px;padding:1.75rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.feature-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.08);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.feature-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;margin-bottom:1rem;width:44px}.feature-card h3{font-family:Instrument Sans,sans-serif;font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#6b7280;font-size:.875rem;line-height:1.7}.founder-section{align-items:center;background:#f9fafb;display:flex;flex-direction:column;padding:6rem 2rem;text-align:center}.founder-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);max-width:680px;padding:2.25rem;text-align:left}.founder-card p{color:#374151;font-size:1rem;line-height:1.8;margin:0}.contact-section{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:.9fr 1.1fr;margin:0 auto;max-width:1100px;padding:6rem 2rem}@media (max-width:860px){.contact-section{gap:2rem;grid-template-columns:1fr}}.contact-copy .section-sub{margin-bottom:0}.contact-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:2rem}.contact-form{display:flex;flex-direction:column;gap:1.1rem}.contact-form-row{display:flex;gap:1rem}@media (max-width:500px){.contact-form-row{flex-direction:column}}.contact-form-row .contact-form-group{flex:1 1}.contact-form-group{display:flex;flex-direction:column;gap:6px}.contact-form-group label{color:#374151;font-size:.8rem;font-weight:600}.contact-form-group input,.contact-form-group textarea{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;color:#0f172a;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .15s,background .15s}.contact-form-group input:focus,.contact-form-group textarea:focus{background:#fff;border-color:#16a34a}.contact-form-group textarea{min-height:110px;resize:vertical}.contact-form-error{background:#fee2e2;border-radius:8px;color:#dc2626;font-size:.85rem;padding:10px 14px}.contact-form-submit{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:background .15s}.contact-form-submit:hover:not(:disabled){background:#15803d}.contact-form-submit:disabled{cursor:not-allowed;opacity:.6}.contact-success{padding:1.5rem 0;text-align:center}.contact-success-icon{align-items:center;background:#f0fdf4;border-radius:50%;display:flex;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.contact-success h3{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:1.1rem;margin-bottom:.4rem}.contact-success p{color:#6b7280;font-size:.9rem;margin-bottom:1.25rem}.coming-soon-badge{background:#fef3c7;border-radius:999px;color:#b45309;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.pricing{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1100px;padding:6rem 2rem;text-align:center}.pricing-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));text-align:left;width:100%}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;border-top:4px solid #d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.05);padding:2rem;position:relative;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.pricing-card:hover{box-shadow:0 16px 48px rgba(0,0,0,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.pricing-card.starter{border-top-color:#d1d5db}.pricing-card.growth{background:linear-gradient(160deg,#f4fef7,#dcfce7);border-top-color:#16a34a;box-shadow:0 4px 24px rgba(22,163,74,.1)}.pricing-card.growth:hover{box-shadow:0 16px 48px rgba(22,163,74,.2)}.pricing-card.business{background:#0f172a;border-color:#1e293b;box-shadow:0 4px 24px rgba(0,0,0,.2)}.pricing-card.business:hover{box-shadow:0 16px 48px rgba(0,0,0,.35)}.pricing-badge{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:999px;color:#fff;left:50%;letter-spacing:.04em;padding:4px 14px;position:absolute;top:-12px;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.pricing-badge,.pricing-name{font-size:.72rem;font-weight:700}.pricing-name{letter-spacing:.1em;margin-bottom:.75rem;text-transform:uppercase}.pricing-card.starter .pricing-name{color:#6b7280}.pricing-card.growth .pricing-name{color:#16a34a}.pricing-card.business .pricing-name{color:#94a3b8}.pricing-price{font-family:Instrument Sans,sans-serif;font-size:3.5rem;font-weight:600;letter-spacing:-.02em;line-height:1;margin-bottom:.625rem}.pricing-price span{font-size:1rem;font-weight:500;letter-spacing:0}.pricing-card.growth .pricing-price,.pricing-card.starter .pricing-price{color:#0f172a}.pricing-card.business .pricing-price{color:#fff}.pricing-card.starter .pricing-price span{color:#9ca3af}.pricing-card.growth .pricing-price span{color:#6b7280}.pricing-card.business .pricing-price span{color:#475569}.pricing-desc{font-size:.85rem;line-height:1.6;margin-bottom:1.75rem}.pricing-card.starter .pricing-desc{color:#6b7280}.pricing-card.growth .pricing-desc{color:#374151}.pricing-card.business .pricing-desc{color:#64748b}.pricing-features{display:flex;flex-direction:column;gap:13px;list-style:none;margin-bottom:2rem}.pricing-features li{align-items:center;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:500;gap:10px}.pricing-card.starter .pricing-features li{color:#374151}.pricing-card.growth .pricing-features li{color:#1a3d2a}.pricing-card.business .pricing-features li{color:#cbd5e1}.pricing-cta{border-radius:12px;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:700;letter-spacing:.01em;padding:13px;transition:all .2s;width:100%}.pricing-cta.outline{background:none;border:1.5px solid #e5e7eb;color:#374151}.pricing-cta.outline:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.pricing-cta.solid{background:linear-gradient(135deg,#16a34a,#15803d);border:none;box-shadow:0 6px 20px rgba(22,163,74,.35);color:#fff}.pricing-cta.solid:hover{box-shadow:0 10px 28px rgba(22,163,74,.45);opacity:.92;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.pricing-cta.dark{background:#1e293b;border:1px solid #334155;color:#e2e8f0}.pricing-cta.dark:hover{background:#334155;border-color:#475569}.final-cta{background:radial-gradient(ellipse 80% 80% at 50% 50%,#f0fdf4,#fff);padding:6rem 2rem;text-align:center}.final-cta h2{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;letter-spacing:-.02em;margin-bottom:.75rem}.final-cta p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.landing-footer{border-top:1px solid #f3f4f6;margin:0 auto;max-width:1100px;padding:3rem 2rem 1.5rem}.footer-inner{display:flex;flex-wrap:wrap;gap:4rem;margin-bottom:2.5rem}.footer-brand{flex:1 1;min-width:180px}.footer-logo{align-items:center;color:#111827;display:flex;font-size:.95rem;gap:10px;margin-bottom:.75rem}.footer-logo,.footer-logo span{font-weight:600}.footer-logo strong{color:#16a34a}.footer-brand p{color:#9ca3af;font-size:.85rem;line-height:1.6;max-width:200px}.footer-links{display:flex;flex-wrap:wrap;gap:3rem}.footer-col{display:flex;flex-direction:column;gap:.625rem}.footer-col h4{color:#111827;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:.25rem;text-transform:uppercase}.footer-col a{color:#6b7280;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#16a34a}.footer-bottom{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding-top:1.25rem}.footer-bottom span{color:#9ca3af;font-size:.8rem}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:200}.auth-modal{background:#fff;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1rem;max-width:420px;padding:2.5rem;position:relative;width:100%}.auth-close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;line-height:1;position:absolute;right:1.25rem;top:1.25rem;width:28px}.auth-close:hover{background:#e5e7eb}.auth-logo{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:700;gap:8px}.auth-logo strong{color:#16a34a}.auth-modal h2{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:0}.auth-sub{color:#9ca3af;font-size:.875rem;margin-bottom:.5rem;margin-top:-.5rem}.auth-error{background:#fee2e2;color:#dc2626;font-size:.85rem;font-weight:500}.auth-modal input{border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:.9rem;outline:none;padding:11px 14px;transition:border .2s,box-shadow .2s;width:100%}.auth-modal input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.auth-submit{box-shadow:0 4px 14px rgba(22,163,74,.35);font-family:inherit;font-size:.95rem;font-weight:700;margin-top:.25rem;padding:13px;transition:opacity .2s}.auth-submit:hover{opacity:.92}.auth-submit:disabled{opacity:.5}.auth-switch{font-size:.85rem}.auth-switch button{font-family:inherit;font-size:.85rem;font-weight:700}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes floatUpDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes floatUpDown{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.orbit-icon-4{-webkit-animation-name:floatUpDownCenter;animation-name:floatUpDownCenter}@-webkit-keyframes floatUpDownCenter{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}}@keyframes floatUpDownCenter{0%,to{-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}50%{-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px)}}.invite-banner{background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:10px;color:#16a34a;font-size:.85rem;font-weight:600;padding:10px 14px;text-align:center}.impressum-page{background:#fff;display:flex;justify-content:center;min-height:100vh;padding:4rem 2rem}.impressum-inner{max-width:640px;width:100%}.impressum-back{color:#16a34a;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:2rem;text-decoration:none}.impressum-inner h1{color:#0f172a;font-family:Instrument Sans,sans-serif;font-size:2rem;margin-bottom:1rem}.impressum-placeholder{color:#6b7280;font-size:.95rem;line-height:1.7}.auth-page{align-items:center;background:#f9fafb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);max-width:420px;padding:40px 36px;width:100%}.auth-loading{color:#374151;font-size:15px;font-weight:500}.auth-brand{gap:10px;margin-bottom:20px}.auth-brand,.auth-logo-icon{align-items:center;display:flex;justify-content:center}.auth-logo-icon{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;color:#fff;font-size:16px;font-weight:700;height:32px;width:32px}.auth-brand span{color:#111827;font-size:18px;font-weight:600}.auth-brand strong{color:#16a34a}.auth-progress{gap:6px;margin-bottom:20px}.auth-progress,.auth-progress-step{align-items:center;display:flex;justify-content:center}.auth-progress-step{background:#f3f4f6;border-radius:50%;color:#9ca3af;font-size:11px;font-weight:700;height:22px;width:22px}.auth-progress-step.active{background:#16a34a;color:#fff}.auth-progress i{background:#e5e7eb;font-style:normal;height:1px;width:16px}.auth-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 4px;text-align:center}.auth-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px;text-align:center}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.auth-error,.auth-invite-banner{font-size:13px;margin-bottom:16px;padding:10px 14px}.auth-invite-banner{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;text-align:center}.google-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:11px 16px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;width:100%}.google-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px rgba(0,0,0,.06)}.google-btn:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:12px;letter-spacing:.04em;margin:20px 0;text-transform:uppercase}.auth-divider:after,.auth-divider:before{background:#e5e7eb;content:"";flex:1 1;height:1px}.auth-form{display:flex;flex-direction:column}.auth-label{color:#374151;font-size:13px;font-weight:600;margin-bottom:6px;margin-top:14px}.auth-label:first-of-type{margin-top:0}.auth-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-size:14px;padding:11px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.auth-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12);outline:none}.auth-input::-webkit-input-placeholder{color:#9ca3af}.auth-input:-ms-input-placeholder{color:#9ca3af}.auth-input::placeholder{color:#9ca3af}.auth-input.invalid{border-color:#ef4444}.auth-input.invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.12)}.auth-field-error{color:#ef4444;font-size:12px;font-weight:500;margin-top:5px}.auth-forgot{align-self:flex-end;color:#16a34a;font-size:12.5px;font-weight:500;margin-top:8px;text-decoration:none}.auth-forgot:hover{text-decoration:underline}.password-strength{align-items:center;display:flex;gap:10px;margin-top:8px}.password-strength-bar{background:#e5e7eb;border-radius:4px;flex:1 1;height:4px;overflow:hidden}.password-strength-fill{border-radius:4px;height:100%;transition:width .2s ease,background .2s ease}.password-strength-fill.strength-0,.password-strength-fill.strength-1{background:#ef4444}.password-strength-fill.strength-2{background:#f59e0b}.password-strength-fill.strength-3{background:#3b82f6}.password-strength-fill.strength-4{background:#16a34a}.password-strength-label{font-size:12px;font-weight:600;min-width:40px}.password-strength-label.strength-0,.password-strength-label.strength-1{color:#ef4444}.password-strength-label.strength-2{color:#f59e0b}.password-strength-label.strength-3{color:#3b82f6}.password-strength-label.strength-4{color:#16a34a}.auth-terms{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:16px}.auth-terms input{accent-color:#16a34a;cursor:pointer;margin-top:2px}.auth-submit{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14.5px;font-weight:600;margin-top:20px;padding:12px 16px;transition:box-shadow .15s ease,-webkit-filter .15s ease,-webkit-transform .1s ease;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease;transition:filter .15s ease,box-shadow .15s ease,transform .1s ease,-webkit-filter .15s ease,-webkit-transform .1s ease;width:100%}.auth-submit:hover:not(:disabled){box-shadow:0 4px 14px rgba(22,163,74,.3);-webkit-filter:brightness(1.06);filter:brightness(1.06)}.auth-submit:active:not(:disabled){-webkit-transform:translateY(1px);transform:translateY(1px)}.auth-submit:disabled{cursor:not-allowed;opacity:.65}.auth-switch{color:#6b7280;font-size:13.5px;margin-top:22px;text-align:center}.auth-switch button{background:none;border:none;color:#16a34a;cursor:pointer;font-size:13.5px;font-weight:600;padding:0}.auth-switch button:hover{text-decoration:underline}.onboarding-page{align-items:center;background:#f9fafb;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:40px 20px}.onboarding-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.02);max-width:480px;padding:40px 36px;width:100%}.onboarding-brand{gap:10px;margin-bottom:24px}.onboarding-brand,.onboarding-logo-icon{align-items:center;display:flex;justify-content:center}.onboarding-logo-icon{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:8px;color:#fff;font-size:16px;font-weight:700;height:32px;width:32px}.onboarding-brand span{color:#111827;font-size:18px;font-weight:600}.onboarding-brand strong{color:#16a34a}.onboarding-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:28px}.onboarding-step-pill{align-items:center;border-radius:10px;display:flex;gap:10px;opacity:.45;padding:8px 10px}.onboarding-step-pill.active,.onboarding-step-pill.done{opacity:1}.onboarding-step-pill.active{background:#f0fdf4}.pill-dot{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:22px;justify-content:center;width:22px}.onboarding-step-pill.active .pill-dot,.onboarding-step-pill.done .pill-dot{background:#16a34a;color:#fff}.pill-label{color:#374151;font-size:13px;font-weight:600}.onboarding-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;font-size:13px;margin-bottom:16px;padding:10px 14px}.onboarding-panel{align-items:center;display:flex;flex-direction:column;text-align:center}.onboarding-title{color:#111827;font-size:22px;font-weight:700;margin:0 0 8px}.onboarding-sub{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 22px}.onboarding-connect-btn{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 14px rgba(22,163,74,.3);color:#fff;cursor:pointer;font-size:14.5px;font-weight:600;padding:13px 16px;transition:box-shadow .15s ease,-webkit-filter .15s ease;transition:filter .15s ease,box-shadow .15s ease;transition:filter .15s ease,box-shadow .15s ease,-webkit-filter .15s ease;width:100%}.onboarding-connect-btn:hover:not(:disabled){-webkit-filter:brightness(1.06);filter:brightness(1.06)}.onboarding-connect-btn:disabled{cursor:not-allowed;opacity:.6}.onboarding-note{color:#9ca3af;font-size:12.5px;line-height:1.6;margin:14px 0 0}.onboarding-skip{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;font-weight:600;margin-top:16px;padding:4px}.onboarding-skip:hover{color:#374151;text-decoration:underline}.onboarding-spinner{-webkit-animation:onboarding-spin .9s linear infinite;animation:onboarding-spin .9s linear infinite;border:3px solid #dcfce7;border-radius:50%;border-top-color:#16a34a;height:40px;margin:0 auto 20px;width:40px}@-webkit-keyframes onboarding-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes onboarding-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.onboarding-ticket-preview{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;margin-bottom:16px;padding:14px 16px;text-align:left;width:100%}.ticket-preview-header{align-items:center;display:flex;gap:10px;margin-bottom:8px}.ticket-preview-avatar{align-items:center;background:#16a34a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.ticket-preview-name{color:#111827;font-size:13.5px;font-weight:700}.ticket-preview-subject{color:#6b7280;font-size:12.5px}.ticket-preview-body{color:#374151;font-size:13px;line-height:1.6;margin:0}.onboarding-reply-input{border:1px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;margin-bottom:14px;padding:12px 14px;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.onboarding-reply-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.12);outline:none}.onboarding-success-icon{align-items:center;background:#dcfce7;border-radius:50%;color:#16a34a;display:flex;font-size:24px;font-weight:700;height:52px;justify-content:center;margin-bottom:18px;width:52px}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;position:fixed;right:1.5rem;z-index:9999}.toast{align-items:center;-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.12);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.875rem;gap:10px;max-width:360px;min-width:280px;padding:12px 16px}.toast-success{border-left:4px solid #16a34a}.toast-error{border-left:4px solid #dc2626}.toast-info{border-left:4px solid #3b82f6}.toast-warning{border-left:4px solid #d97706}.toast-icon{flex-shrink:0;font-size:1rem}.toast-message{color:#111827;flex:1 1;font-weight:500}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:1.1rem;line-height:1;padding:0}.toast-close:hover{color:#374151}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
/*# sourceMappingURL=main.50b6a408.css.map*/