@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap);:root{--glass:#fff;--boxShadow:0px 8px 40px rgba(0,0,0,.08)}body{background:#f9fafb;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif}.App,body{height:100vh}.App{overflow:hidden;width:100vw}.AppGlass{background:#f9fafb;flex-direction:row;width:100%}.AppGlass,.sidebar{display:flex;height:100%;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;max-width:14rem;min-width:14rem;position:relative;width:14rem;z-index:10}.sidebar-logo{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;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}.Cards{display:flex;flex-wrap:wrap;gap:1rem;width:100%}.stat-card-dash{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.06);display:flex;flex:1 1;gap:1rem;min-width:160px;padding:1.25rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.stat-card-dash:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:1.4rem;height:48px;justify-content:center;width:48px}.stat-body{display:flex;flex-direction:column;gap:2px}.stat-title{color:#9ca3af;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.stat-value{color:#111827;font-size:1.75rem;font-weight:800;line-height:1}.stat-sub{color:#9ca3af;font-size:.75rem;margin-top:2px}.Inbox{border-right:1px solid #e8ede8;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;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:#e8f4e8;border-radius:999px;color:#2d6a2d;font-size:.67rem;font-weight:700;letter-spacing:.02em;padding:2px 7px}.inbox-new-btn{align-items:center;background:#2d7a2d;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:#246424}.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:#2d7a2d;box-shadow:0 0 0 3px rgba(45,122,45,.08)}.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:hover{background:#f0f7f0;color:#2d6a2d}button.filter-tab.active{background:#e8f4e8;color:#1a4a1a}.filter-count{background:rgba(45,122,45,.15);border-radius:4px;color:#2d6a2d;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:10px;padding:.7rem .75rem;position:relative;transition:background .1s}.ticketRow:hover{background:#f5f9f5}.ticketRow.active{background:#eef7ee;box-shadow:inset 3px 0 0 #2d7a2d}.ticket-unread-dot{background:#2d7a2d;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:#2d6a2d}.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:#2d7a2d;box-shadow:0 0 0 3px rgba(45,122,45,.1)}.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:#2d7a2d;border-radius:7px;font-size:.82rem;font-weight:600;letter-spacing:.01em;padding:7px 18px;transition:background .15s}.modal-save:hover{background:#246424}.modal-save:disabled{opacity:.45}.bulk-checkbox{accent-color:#2d7a2d;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}.ticketRow.selected{background:#eef7ee}.ticketRow{gap:8px}.bulk-bar{align-items:center;background:#1a5a1a;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:#1a5a1a}.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:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;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:Inter,sans-serif;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}.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 #16a34a}.active-text{color:#16a34a!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:#16a34a}.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:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.form-group input::-webkit-input-placeholder{color:#d1d5db}.form-group input:-ms-input-placeholder{color:#d1d5db}.form-group input::placeholder{color:#d1d5db}.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,#16a34a,#15803d);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:Inter,sans-serif;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:#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}.contacts-add-btn:hover{background:#4f46e5}.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-detail-pane{background:#fff;flex:1 1;overflow-y:auto}.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:#6366f1;color:#6366f1}.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:#e0e7ff;color:#6366f1}.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}.contact-row.active{background:#ede9fe}.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,#6366f1,#8b5cf6);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;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:2px 6px;text-transform:uppercase}.cr-date{color:#94a3b8;font-size:.68rem}.contacts-empty-state{align-items:center;color:#cbd5e1;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center}.contacts-empty-state p{color:#94a3b8;font-size:.9rem}.cd-panel{max-width:640px;padding:1.5rem}.cd-profile{align-items:flex-start;display:flex;gap:14px;margin-bottom:1rem}.cd-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:52px;justify-content:center;text-transform:uppercase;width:52px}.cd-identity{flex:1 1}.cd-identity h2{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0 0 2px}.cd-sub{color:#64748b;font-size:.82rem;margin:0 0 6px}.cd-badges{display:flex;flex-wrap:wrap;gap:6px}.cd-badge{border-radius:4px;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.cd-actions{display:flex;gap:6px}.cd-btn{height:30px;width:30px}.cd-convert-bar{margin-bottom:1rem}.cd-convert-btn{align-items:center;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;cursor:pointer;display:flex;font-size:.83rem;font-weight:600;gap:6px;justify-content:center;padding:7px 14px;transition:background .15s;width:100%}.cd-convert-btn:hover{background:#bbf7d0}.cd-section{border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:1.25rem}.cd-section:last-child{border-bottom:none}.cd-section h4{color:#94a3b8;font-size:.73rem;font-weight:700;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.cd-row{align-items:center;color:#1e293b;display:flex;font-size:.85rem;gap:8px;margin-bottom:6px}.cd-row svg{color:#94a3b8;flex-shrink:0}.cd-empty{color:#94a3b8;font-size:.82rem;margin:0}.cd-dates{background:#fafafa;border-radius:8px;padding:10px 12px}.cd-date-row{display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:4px}.cd-date-row:last-child{margin-bottom:0}.cd-date-row span:first-child{color:#94a3b8}.cd-date-row span:last-child{color:#1e293b;font-weight:500}.cd-tags{display:flex;flex-wrap:wrap;gap:6px}.cd-tag{background:#f1f5f9;border-radius:6px;color:#475569;font-size:.75rem;font-weight:500;padding:3px 10px}.cd-deals{display:flex;flex-direction:column;gap:6px}.cd-deal{align-items:center;background:#f8fafc;border-radius:7px;display:flex;font-size:.82rem;gap:8px;padding:8px 10px}.cd-deal svg{color:#6366f1;flex-shrink:0}.cd-deal-title{color:#1e293b;flex:1 1;font-weight:500}.cd-deal-value{color:#16a34a;font-weight:600}.cd-deal-stage{background:#ede9fe;border-radius:4px;color:#6366f1;font-size:.7rem;font-weight:700;padding:2px 6px;text-transform:uppercase}.cd-notes{color:#374151;font-size:.85rem;line-height:1.6;margin:0;white-space:pre-wrap}.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:#6366f1}.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:#6366f1;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:#4f46e5}.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,#16a34a,#15803d);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:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;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:#dcfce7}.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:#f0fdf4;border-color:#16a34a;box-shadow:0 4px 10px rgba(22,163,74,.15);color:#16a34a;-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:#16a34a;color:#16a34a}.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,#16a34a,#15803d);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:#16a34a;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:#16a34a}.act-filter.active{background:#16a34a;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:#16a34a}.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:#dcfce7;color:#16a34a;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:#16a34a;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-top:1px;width:20px}.tasks-row.done .tasks-check{background:#16a34a;border-color:#16a34a;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-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{margin-bottom:12px}.dd-stage span{border-radius:5px;font-size:.72rem;font-weight:700;letter-spacing:.05em;padding:3px 10px;text-transform:uppercase}.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:#f9fafb;display:flex;flex:1 1;flex-direction:column;height:100vh;min-width:0;overflow:hidden}.dashboard-view{display:flex;flex-direction:column;gap:2rem;height:100%;overflow-y:auto;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between}.dashboard-header h1{color:#111827;font-size:1.5rem;font-weight:700;margin:0}.dashboard-date{color:#9ca3af;font-size:.875rem}.recent-tickets{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,.05);overflow:hidden}.recent-tickets h2{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;font-weight:700;letter-spacing:.05em;margin:0;padding:1rem 1.25rem;text-transform:uppercase}.recent-list{display:flex;flex-direction:column}.recent-row{align-items:center;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;gap:12px;padding:.875rem 1.25rem;transition:background .15s}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:#f9fafb}.recent-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.recent-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.recent-customer{color:#111827;font-size:.875rem;font-weight:600}.recent-subject{color:#9ca3af;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-status{border-radius:999px;flex-shrink:0;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.inboxContainer{background:#fff;flex-direction:row;width:100%}.detailsWrapper,.inboxContainer{display:flex;height:100%;overflow:hidden}.detailsWrapper{border-top:3px solid #16a34a;flex:1 1;flex-direction:column;min-width:0}.empty-state{align-items:center;color:#9ca3af;display:flex;font-size:.95rem;height:100%;justify-content:center}.analytics-view-container,.customers-view-container,.tasks-view-container{height:100%;overflow-y:auto;width:100%}.contacts-view-container,.pipeline-view-container{display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.settings-view-container{height:100%;overflow-y:auto;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:1100px}.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;flex-shrink:0;font-family:Nunito,sans-serif;font-size:1rem;font-weight:800;height:32px;width:32px}.nav-links,.nav-logo-icon{display:flex;justify-content:center}.nav-links{flex:1 1;gap:2rem}.nav-links a{color:#6b7280;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#111827}.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;justify-content:center;min-height:100vh;padding:120px 2rem 80px;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{align-items:center;-webkit-animation:fadeUp .6s ease both;animation:fadeUp .6s ease both;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;color:#16a34a;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;margin-bottom:1.5rem;padding:6px 16px}.hero-title{-webkit-animation:fadeUp .6s ease .1s both;animation:fadeUp .6s ease .1s both;color:#0f172a;font-family:Nunito,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.25rem}.hero-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#16a34a,#4ade80);-webkit-background-clip:text;background-clip:text}.hero-sub{-webkit-animation:fadeUp .6s ease .2s both;animation:fadeUp .6s ease .2s both;color:#6b7280;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;margin-bottom:2rem;max-width:580px}.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:2rem}.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-social-proof{align-items:center;-webkit-animation:fadeUp .6s ease .4s both;animation:fadeUp .6s ease .4s both;color:#6b7280;display:flex;font-size:.85rem;gap:12px;margin-bottom:3rem}.hero-avatars{display:flex}.hero-avatar{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:28px;justify-content:center;margin-left:-8px;width:28px}.hero-avatars .hero-avatar:first-child{margin-left:0}.hero-preview{-webkit-animation:fadeUp .8s ease .5s both;animation:fadeUp .8s ease .5s both;background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.12),0 0 0 1px #e5e7eb;max-width:680px;overflow:hidden;width:100%}.preview-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;padding:10px 16px}.preview-bar span{border-radius:50%;height:10px;width:10px}.preview-bar span:first-child{background:#ef4444}.preview-bar span:nth-child(2){background:#f59e0b}.preview-bar span:nth-child(3){background:#22c55e}.preview-body{display:flex;height:200px}.preview-sidebar{border-right:1px solid #f3f4f6;display:flex;flex-direction:column;flex-shrink:0;gap:2px;padding:12px 8px;width:120px}.preview-nav-item{border-radius:6px;color:#9ca3af;font-size:.72rem;font-weight:600;padding:6px 10px}.preview-nav-item.active{background:#f0fdf4;color:#16a34a}.preview-content{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow:hidden;padding:10px}.preview-ticket{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;display:flex;gap:8px;padding:8px 10px}.preview-ticket-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}.preview-ticket-body{flex:1 1;min-width:0}.preview-ticket-name{color:#111827;font-size:.72rem;font-weight:700}.preview-ticket-msg{color:#9ca3af;font-size:.65rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-ticket-badge{border-radius:999px;flex-shrink:0;font-size:.58rem;font-weight:700;letter-spacing:.04em;padding:2px 7px;text-transform:uppercase}.preview-ticket-badge.open{background:#dcfce7;color:#16a34a}.preview-ticket-badge.pending{background:#fef3c7;color:#d97706}.preview-ticket-badge.closed{background:#f3f4f6;color:#6b7280}.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 3rem}.stat-item:last-child{border-right:none}.stat-item strong{color:#fff;font-family:Nunito,sans-serif;font-size:2rem;font-weight:800}.stat-item span{color:#64748b;font-size:.8rem;font-weight:500}.trusted-section{border-bottom:1px solid #f3f4f6;padding:2.5rem 2rem;text-align:center}.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:Nunito,sans-serif;font-size:1rem;font-weight:800;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:Nunito,sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;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:Nunito,sans-serif;font-size:1rem;font-weight:800;margin-bottom:.5rem}.feature-card p{color:#6b7280;font-size:.875rem;line-height:1.7}.testimonials{align-items:center;background:#f9fafb;display:flex;flex-direction:column;padding:6rem 2rem;text-align:center}.testimonials-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px;text-align:left;width:100%}.testimonial-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04);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}.testimonial-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.testimonial-stars{color:#f59e0b;font-size:.875rem;letter-spacing:2px;margin-bottom:.875rem}.testimonial-quote{color:#374151;font-size:.9rem;font-style:italic;line-height:1.7;margin-bottom:1.25rem}.testimonial-author{align-items:center;display:flex;gap:10px}.testimonial-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:36px;justify-content:center;width:36px}.testimonial-name{color:#111827;font-size:.875rem;font-weight:700}.testimonial-role{color:#9ca3af;font-size:.75rem}.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:Nunito,sans-serif;font-size:3.5rem;font-weight:900;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;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:Nunito,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;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:Nunito,sans-serif;font-size:1.5rem;font-weight:900;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)}}.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}.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:28px}.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-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-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}.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.75a4b87d.css.map*/