*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:#f0f2f5;color:#111b21}#root{height:100vh}.pfb-bg{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#07080f;background-image:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(100,80,200,.18) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(16,185,129,.06) 0%,transparent 60%)}.pfb-card{width:100%;max-width:440px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:40px 36px 36px;box-shadow:0 0 0 1px #ffffff08,0 40px 80px #0009,0 8px 24px #0006;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.pfb-logo{display:flex;align-items:center;gap:10px;margin-bottom:32px}.pfb-logo-mark{width:34px;height:34px;background:linear-gradient(135deg,#7c6de8,#5b8def);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;letter-spacing:.5px;flex-shrink:0}.pfb-logo-name{font-size:16px;font-weight:700;color:#c8d0e0;letter-spacing:.3px}.pfb-heading{margin-bottom:32px}.pfb-heading h2{font-size:24px;font-weight:700;color:#eef2ff;margin:0 0 6px;letter-spacing:-.3px}.pfb-subheading{font-size:14px;color:#7a84a0;margin:0 0 14px;line-height:1.5}.pfb-chips{display:flex;gap:7px;flex-wrap:wrap}.pfb-chip{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#8892b0;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:3px 9px}.pfb-stars-section{margin-bottom:28px}.pfb-stars{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.pfb-star{background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.pfb-star svg{width:42px;height:42px;transition:filter .18s ease}.pfb-star:hover{transform:scale(1.15) translateY(-2px)}.pfb-star--active{transform:scale(1.08)}.pfb-star--active svg{filter:drop-shadow(0 2px 10px var(--star-color, #f59e0b60))}.pfb-rating-label{text-align:center;display:flex;align-items:center;justify-content:center}.pfb-rating-pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 14px;border-radius:20px;border:1px solid;animation:pfb-pill-pop .2s cubic-bezier(.34,1.56,.64,1);letter-spacing:.2px;will-change:transform,opacity}@keyframes pfb-pill-pop{0%{transform:scale(.85);opacity:.5}to{transform:scale(1);opacity:1}}.pfb-field{margin-bottom:20px}.pfb-label{display:block;font-size:13px;font-weight:600;color:#9aa3b8;margin-bottom:8px;letter-spacing:.1px}.pfb-optional{font-weight:400;color:#4a5268}.pfb-textarea{width:100%;padding:12px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;font-family:inherit;color:#d0d8ec;resize:vertical;min-height:90px;box-sizing:border-box;transition:border-color .2s,background .2s;line-height:1.5}.pfb-textarea::placeholder{color:#3e4560}.pfb-textarea:focus{outline:none;border-color:#7c6de880;background:#ffffff0f}.pfb-textarea:disabled{opacity:.5;cursor:not-allowed}.pfb-submit{width:100%;padding:13px;background:var(--btn-color, #7c6de8);border:none;border-radius:10px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;font-family:inherit;transition:filter .18s,transform .18s,opacity .18s;letter-spacing:.2px;margin-top:4px}.pfb-submit:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.pfb-submit:disabled{opacity:.35;cursor:not-allowed;transform:none;filter:none}.pfb-btn-loading{display:flex;align-items:center;justify-content:center;gap:9px}.pfb-btn-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pfb-spin .7s linear infinite}.pfb-ticket-ref{text-align:center;font-size:11px;color:#2e3450;margin:14px 0 0;font-family:SF Mono,Consolas,monospace;letter-spacing:.5px}.pfb-inline-error{font-size:13px;color:#f87171;margin:0 0 14px;padding:10px 14px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:8px}.pfb-loading{text-align:center;padding:32px 0;color:#4a5268}.pfb-loading p{margin:12px 0 0;font-size:14px}.pfb-spinner{width:36px;height:36px;border:2px solid rgba(124,109,232,.15);border-top-color:#7c6de8;border-radius:50%;animation:pfb-spin .8s linear infinite;margin:0 auto}@keyframes pfb-spin{to{transform:rotate(360deg)}}.pfb-success{text-align:center;padding:16px 0 8px}.pfb-success-icon{width:64px;height:64px;margin:0 auto 20px;animation:pfb-success-pop .45s cubic-bezier(.34,1.56,.64,1) both}.pfb-success-icon svg{width:100%;height:100%}@keyframes pfb-success-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.pfb-success-title{font-size:22px;font-weight:700;color:#eef2ff;margin:0 0 10px;letter-spacing:-.2px}.pfb-success-body{font-size:14px;color:#6b7694;margin:0 0 28px;line-height:1.6}.pfb-info-state{text-align:center;padding:16px 0 8px}.pfb-info-icon{width:52px;height:52px;margin:0 auto 16px}.pfb-info-icon svg{width:100%;height:100%}.pfb-info-text{font-size:14px;color:#7a84a0;line-height:1.6;margin:0 0 24px}.pfb-close-btn{display:block;width:100%;padding:11px;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:10px;font-size:14px;font-weight:600;color:#4a5268;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s,background .15s;margin-top:4px}.pfb-close-btn:hover{border-color:#ffffff24;color:#8892b0;background:#ffffff08}@media(max-width:480px){.pfb-card{padding:32px 24px 28px}.pfb-heading h2{font-size:21px}.pfb-star svg{width:36px;height:36px}.pfb-stars{gap:4px}}:root{--app-n-tap-primary: #3498db;--app-n-tap-secondary: #2980b9;--app-n-tap-accent: #5dade2;--app-n-tap-header: #2c3e50;--pharmdel-primary: #27ae60;--pharmdel-secondary: #229954;--pharmdel-accent: #52be80;--pharmdel-header: #1e4d3a;--sidebar-bg: #1a1d23;--sidebar-hover: #2a2d35;--text-primary: #111b21;--text-secondary: #8696a0;--text-white: #ffffff;--background-light: #f0f2f5;--message-bg-me: #d9fdd3;--message-bg-them: #ffffff}.dashboard{display:flex;height:100vh;background:var(--background-light)}.app-sidebar{width:260px;min-width:260px;background:#1a1d23;display:flex;flex-direction:column;height:100vh;border-right:1px solid #2a2d35}.app-sidebar-header{padding:16px 20px 14px;border-bottom:1px solid #2a2d35}.sidebar-logo-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:8px 10px;margin-bottom:12px}.sidebar-logo{width:120px;height:auto;object-fit:contain;display:block}.app-sidebar-header h1{font-size:18px;font-weight:700;color:#fff;margin:0}.sidebar-header-role{font-size:12px;font-weight:500;color:#8696a0;margin:4px 0 0}.dashboard-btn{display:flex;align-items:center;gap:10px;width:calc(100% - 32px);margin:12px 16px;padding:12px 16px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;color:#c1c7cd;font-family:inherit;text-align:left}.dashboard-btn:hover,.dashboard-btn.active{background:#2a2d35;color:#fff}.dashboard-btn svg{width:20px;height:20px;flex-shrink:0}.app-list{flex:1;overflow-y:auto;padding:8px}.app-list::-webkit-scrollbar{width:4px}.app-list::-webkit-scrollbar-thumb{background:#3a3d45;border-radius:2px}.app-section{margin-bottom:4px}.app-name-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .15s;font-size:14px;font-weight:600;color:#c1c7cd;font-family:inherit;text-align:left}.app-name-btn:hover,.app-name-btn.active{background:#2a2d35;color:#fff}.chevron{width:16px;height:16px;transition:transform .2s;flex-shrink:0}.chevron.open{transform:rotate(90deg)}.app-label{flex:1}.app-unread{font-size:11px;font-weight:600;color:#fff;background:#e74c3c;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px}.category-dropdown{padding:4px 0 4px 20px;display:flex;flex-direction:column;gap:1px}.category-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border:none;border-radius:6px;background:transparent;cursor:pointer;transition:all .15s;font-size:13px;color:#8696a0;font-family:inherit;text-align:left}.category-item:hover{background:#2a2d35;color:#c1c7cd}.category-item.active{background:#3a3d45;color:#fff}.category-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.category-label{flex:1;font-weight:500}.category-count{font-size:11px;color:#54656f;background:#2a2d35;padding:1px 6px;border-radius:8px}.category-item.active .category-count{background:#ffffff1a;color:#8696a0}.category-unread{font-size:10px;font-weight:600;color:#fff;background:#e74c3c;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.app-sidebar-footer{padding:16px;border-top:1px solid #2a2d35;display:flex;flex-direction:column;gap:8px}.sidebar-user-info{display:flex;align-items:center;gap:10px;padding:8px 12px 12px;margin-bottom:4px;border-bottom:1px solid #2a2d35}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.sidebar-user-details{display:flex;flex-direction:column;gap:1px;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#8696a0}.reports-btn,.ratings-btn,.settings-btn,.logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;border-radius:8px;background:transparent;cursor:pointer;transition:all .2s;font-size:14px;font-weight:600;color:#c1c7cd;font-family:inherit;text-align:left}.reports-btn:hover,.ratings-btn:hover,.settings-btn:hover,.logout-btn:hover{background:#2a2d35;color:#fff}.reports-btn.active,.ratings-btn.active,.settings-btn.active{background:#25d366;color:#fff}.reports-btn svg,.ratings-btn svg,.settings-btn svg,.logout-btn svg{width:20px;height:20px;flex-shrink:0}.convo-panel{flex:1;background:#fff;display:flex;flex-direction:column;height:100vh}.convo-panel-header{padding:14px 20px;background:#fff;border-bottom:1px solid #e9edef;display:flex;align-items:center;justify-content:space-between;gap:8px}.convo-panel-header h2{font-size:18px;font-weight:700;color:#111b21;margin:0}.convo-panel-badge{font-size:11px;font-weight:600;color:#fff;padding:4px 12px;border-radius:12px;white-space:nowrap}.search-bar{padding:8px 20px;background:#fff;border-bottom:1px solid #e9edef;position:relative}.search-bar input{width:100%;padding:8px 12px 8px 36px;border:none;border-radius:8px;background:#f0f2f5;font-size:14px;color:#111b21;outline:none}.search-bar input::placeholder{color:#8696a0}.search-icon{position:absolute;left:30px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#8696a0}.conversation-list{flex:1;overflow-y:auto}.conversation-list::-webkit-scrollbar{width:6px}.conversation-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.no-results{padding:40px 20px;text-align:center;color:#8696a0;font-size:14px}.conversation-item{display:flex;align-items:center;padding:10px 20px;cursor:pointer;transition:background .15s;border-bottom:1px solid #f0f2f5;gap:12px}.conversation-item:hover{background:#f5f6f6}.conversation-item.active{background:#e8f5e9}.avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;position:relative;-webkit-user-select:none;user-select:none;margin-top:2px}.avatar.small{width:40px;height:40px;min-width:40px;font-size:13px;margin-top:0}.online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#25d366;border-radius:50%;border:2px solid #ffffff}.avatar.small .online-dot{width:9px;height:9px;bottom:0;right:0}.conversation-info-row{flex:1;min-width:0;display:flex;align-items:center;gap:12px}.conversation-name{font-size:14px;font-weight:600;color:#111b21;white-space:nowrap}.ticket-number{font-size:11px;font-weight:600;color:#5b5ea6;background:#eef0fb;padding:2px 8px;border-radius:4px;font-family:SF Mono,Consolas,monospace;white-space:nowrap}.phone-number{font-size:11px;font-weight:600;color:#25d366;background:#f0faf4;padding:2px 8px;border-radius:4px;font-family:SF Mono,Consolas,monospace;white-space:nowrap}.phone-number-header{font-weight:600;color:#25d366;font-family:SF Mono,Consolas,monospace}.assigned-to-badge{font-size:11px;font-weight:600;color:#667eea;background:#eef0fb;padding:2px 8px;border-radius:4px;white-space:nowrap}.conversation-last-msg{font-size:13px;color:#667781;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.conversation-time{font-size:11px;color:#8696a0;white-space:nowrap}.status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.status-badge.open{color:#d97706;background:#fef3c7}.status-badge.closed{color:#059669;background:#d1fae5}.unread-badge{background:#25d366;color:#fff;font-size:11px;font-weight:600;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.flag-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s;color:#8696a0;flex-shrink:0;margin-left:auto}.flag-btn svg{width:16px;height:16px}.flag-btn:hover{background:#f0f2f5;color:#111b21}.flag-btn.flagged{color:#e74c3c}.flag-btn.flagged:hover{background:#fee;color:#c0392b}.notes-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes-modal-box{background:#fff;border-radius:12px;width:90%;max-width:600px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notes-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e9edef}.notes-modal-header h3{font-size:20px;font-weight:700;color:#111b21;margin:0 0 4px}.notes-modal-subtitle{font-size:13px;color:#667781;margin:0;font-family:SF Mono,Consolas,monospace}.notes-modal-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s;color:#667781;flex-shrink:0}.notes-modal-close svg{width:20px;height:20px}.notes-modal-close:hover{background:#f0f2f5;color:#111b21}.notes-modal-body{padding:24px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.notes-textarea{width:100%;min-height:200px;padding:12px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;resize:vertical;transition:border-color .15s}.notes-textarea:focus{outline:none;border-color:#25d366}.notes-textarea::placeholder{color:#8696a0}.notes-info{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#e3f2fd;border-radius:8px;font-size:12px;color:#1976d2}.notes-info svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.notes-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #e9edef;gap:12px}.notes-actions{display:flex;gap:8px;margin-left:auto}.notes-clear-btn,.notes-cancel-btn,.notes-save-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.notes-clear-btn{background:#fee;color:#e74c3c}.notes-clear-btn:hover{background:#fdd;color:#c0392b}.notes-cancel-btn{background:#f0f2f5;color:#667781}.notes-cancel-btn:hover{background:#e9edef;color:#111b21}.notes-save-btn{background:#25d366;color:#fff}.notes-save-btn:hover{background:#1da851}.notes-save-btn:active{transform:scale(.98)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-box{width:680px;max-width:100%;height:80vh;max-height:80vh;background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #00000040}.modal-header{display:flex;flex-direction:column;padding:12px 20px 10px;background:var(--sidebar-bg);border-radius:16px 16px 0 0;gap:6px;box-shadow:0 2px 8px #00000026;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 20%,rgba(255,255,255,.1) 80%,transparent)}.modal-header-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.modal-header-info{display:flex;flex-direction:column;min-width:0}.modal-header-name{font-size:16px;font-weight:700;color:#fff;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.editable-name{cursor:pointer;padding:2px 6px;margin:-2px -6px;border-radius:4px;transition:background .2s ease}.editable-name:hover{background:#ffffff1a}.modal-header-sub{font-size:12px;color:#ffffffb3;font-weight:500;letter-spacing:.2px}.sub-item-group{display:inline-flex;align-items:center;gap:4px}.copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;background:#ffffff1a;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#ffffffb3;font-size:10px;margin-left:4px}.copy-btn:hover{background:#ffffff26;color:#ffffffe6;transform:translateY(-1px)}.copy-btn.copied{background:#4caf504d;color:#4caf50}.copy-btn svg{width:10px;height:10px}.status-inline.open{color:#fbbf24}.status-inline.closed{color:#34d399}.status-dropdown{border:none;background:transparent;color:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:2px 20px 2px 4px;border-radius:4px;outline:none;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 2px center;background-size:14px}.status-dropdown:hover{background-color:#ffffff1a}.status-dropdown.open{color:#fbbf24}.status-dropdown.closed{color:#34d399}.status-dropdown option{background:#2b3138;color:#fff}.modal-header-name-row{display:flex;align-items:center;gap:8px}.user-type-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.user-type-badge.new{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9)}.user-type-badge.existing{color:#fff;background:linear-gradient(135deg,#27ae60,#229954)}.user-role-badge{font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8e44ad,#7d3c98);padding:3px 10px;border-radius:12px;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a}.modal-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.modal-header-row1{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px}.modal-header-identity{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.modal-header-identity .modal-header-name{flex-shrink:0;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-header-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:#ffffffb3;cursor:pointer;transition:background .15s,color .15s,border-color .15s;padding:0}.header-icon-btn:hover{background:#ffffff29;border-color:#ffffff38;color:#fff}.header-icon-btn.active{background:#fff3;border-color:#ffffff4d;color:#fff;box-shadow:0 0 0 2px #ffffff26}.transfer-icon-btn{color:#f59e0bd9;border-color:#f59e0b40;background:#f59e0b14}.transfer-icon-btn:hover{background:#f59e0b2e;border-color:#f59e0b66;color:#f59e0b}.modal-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:11.5px;color:#ffffffb8;line-height:1.4}.meta-app{font-weight:600;letter-spacing:.2px;color:#ffffffd9;white-space:nowrap}.meta-ticket,.meta-phone{font-family:monospace;font-size:11px;color:#ffffffbf;white-space:nowrap}.meta-sep{color:#ffffff4d;-webkit-user-select:none;user-select:none;margin:0 1px}.meta-assign-select{background:transparent;border:none;color:#fffc;font-size:11.5px;font-family:inherit;font-weight:500;cursor:pointer;padding:1px 18px 1px 2px;border-radius:4px;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1px center;background-size:12px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-assign-select:hover{background-color:#ffffff1a}.meta-assign-select option{background:#2b3138;color:#fff}.meta-category-select{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;font-size:11px;font-family:inherit;font-weight:600;cursor:pointer;padding:2px 20px 2px 6px;border-radius:10px;outline:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238696a0' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:11px;letter-spacing:.2px;text-transform:capitalize}.meta-category-select option{background:#2b3138;color:#fff;font-size:12px;text-transform:none}.chat-category-badge{font-size:11px;font-weight:700;color:#fff;padding:5px 14px;border-radius:14px;border:none;cursor:pointer;white-space:nowrap;text-transform:capitalize;letter-spacing:.3px;box-shadow:0 2px 6px #0003;transition:all .2s ease}.chat-category-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000040}.modal-close-btn{background:none;border:none;padding:4px;cursor:pointer;color:#8696a0;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s}.modal-close-btn svg{width:22px;height:22px}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.header-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffd9;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.header-action-btn:hover{background:#ffffff26;border-color:#ffffff40;color:#fff;transform:translateY(-1px)}.header-action-btn.active{background:#fff3;border-color:#ffffff4d;color:#fff;box-shadow:0 2px 8px #00000026}.header-action-btn svg{width:15px;height:15px;flex-shrink:0}.modal-messages{flex:1;overflow-y:auto;padding:20px 24px;background:#efeae2;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px);display:flex;flex-direction:column;gap:4px}.modal-messages::-webkit-scrollbar{width:6px}.modal-messages::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.message{display:flex;max-width:75%}.message.me{align-self:flex-end}.message.them{align-self:flex-start}.message-bubble{padding:9px 14px;border-radius:10px;position:relative;word-wrap:break-word;box-shadow:0 1px 2px #00000014;transition:box-shadow .2s ease}.message-bubble:hover{box-shadow:0 2px 4px #0000001f}.message.me .message-bubble{background:var(--message-bg-me);border-top-right-radius:2px}.message.them .message-bubble,.message.customer .message-bubble{background:var(--message-bg-them);border-top-left-radius:2px;border:1px solid #e9edef}.message.support .message-bubble{background:var(--message-bg-me);border-top-right-radius:2px}.message-bubble p{font-size:14px;color:#111b21;margin:0;line-height:1.4}.message-time{font-size:11px;color:#8696a0;display:block;text-align:right;margin-top:2px}.read-receipt{font-size:10px;margin-left:4px;font-weight:700;display:inline-block;vertical-align:middle}.read-receipt.sent{color:#999}.read-receipt.read{color:#34b7f1}.history-sidebar{position:absolute;left:0;top:0;width:280px;height:100%;background:#f8f9fa;border-right:1px solid #e1e4e8;display:flex;flex-direction:column;z-index:10;box-shadow:2px 0 8px #0000001a}.history-sidebar-title{padding:16px 20px;font-size:14px;font-weight:700;color:#1a1d23;background:#fff;border-bottom:2px solid #e1e4e8;text-transform:uppercase;letter-spacing:.5px}.history-sidebar-loading,.history-sidebar-empty{padding:40px 20px;text-align:center;color:#8696a0;font-size:13px}.history-sidebar-list{flex:1;overflow-y:auto;padding:12px}.history-sidebar-list::-webkit-scrollbar{width:6px}.history-sidebar-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.history-ticket-row{padding:12px 14px;background:#fff;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:8px;cursor:default;transition:all .2s ease}.history-ticket-row:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db26;transform:translate(2px)}.history-ticket-current{border-color:#3498db;background:#e3f2fd;box-shadow:0 2px 8px #3498db33}.history-ticket-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.history-ticket-id{font-size:12px;font-weight:700;color:#1a1d23;font-family:SF Mono,Consolas,monospace}.history-current-label{font-size:9px;font-weight:700;color:#3498db;background:#3498db26;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.history-status-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;margin-left:auto}.history-status-badge.open,.history-status-badge.OPEN,.history-status-badge.IN_PROGRESS,.history-status-badge.WAITING_CUSTOMER{color:#d97706;background:#fef3c7}.history-status-badge.closed,.history-status-badge.CLOSED,.history-status-badge.RESOLVED{color:#059669;background:#d1fae5}.history-ticket-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-ticket-category{font-size:11px;color:#667781;text-transform:capitalize;font-weight:500}.history-ticket-date{font-size:10px;color:#8696a0;font-weight:400}.voice-message{min-width:280px}.voice-message audio{display:none}.voice-message-content{display:flex;align-items:center;gap:12px}.voice-play-btn{width:42px;height:42px;min-width:42px;border:none;border-radius:50%;background:#25d366;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.voice-play-btn svg{width:18px;height:18px}.voice-play-btn:hover{background:#1da851;transform:scale(1.05)}.voice-play-btn:active{transform:scale(.95)}.voice-message-info{flex:1;min-width:0}.voice-waveform{cursor:pointer;padding:8px 0;margin-bottom:4px}.voice-progress-bar{height:4px;background:#0000001a;border-radius:2px;position:relative;overflow:hidden}.message.me .voice-progress-bar{background:#ffffff4d}.voice-progress-fill{height:100%;background:#25d366;border-radius:2px;transition:width .1s linear}.message.me .voice-progress-fill{background:#fff}.voice-time{display:flex;justify-content:space-between;font-size:11px;color:inherit;opacity:.7}.voice-duration{opacity:.5}.modal-input-wrapper{background:#f0f2f5;border-radius:0 0 16px 16px}.conversation-closed-notice{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#fef3c7;border-top:1px solid #fbbf24;border-radius:0 0 16px 16px;color:#92400e;font-size:13px;font-weight:600;letter-spacing:.2px}.conversation-closed-notice svg{width:18px;height:18px;flex-shrink:0;color:#d97706}.modal-input-area{display:flex;align-items:center;padding:12px 20px;background:#f0f2f5;gap:10px;border-radius:0 0 16px 16px}.message-input{flex:1;padding:10px 16px;border:none;border-radius:8px;background:#fff;font-size:14px;color:#111b21;outline:none}.message-input::placeholder{color:#8696a0}.send-btn{width:42px;height:42px;border:none;border-radius:50%;background:#25d366;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0}.send-btn svg{width:20px;height:20px}.send-btn:hover{background:#1da851}.send-btn:disabled{background:#ccc;cursor:not-allowed}.attach-btn,.voice-btn{width:42px;height:42px;border:none;border-radius:50%;background:#fff;color:#54656f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0;flex-shrink:0}.attach-btn svg,.voice-btn svg{width:20px;height:20px}.attach-btn:hover,.voice-btn:hover{background:#e9edef;color:#111b21}.attach-btn:disabled,.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-btn.recording{background:#f44;color:#fff;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.attached-files{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 0;background:#f0f2f5}.attached-file-item{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d1d7db;border-radius:8px;padding:6px 10px;font-size:13px;color:#111b21}.file-icon{font-size:14px}.file-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{background:none;border:none;color:#8696a0;font-size:20px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s}.remove-file-btn:hover{background:#f0f2f5;color:#111b21}.recording-indicator{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#fff5f5;border-top:1px solid #fecaca;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recording-dot{width:10px;height:10px;background:#f44;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-text{font-size:13px;color:#dc2626;font-weight:500}.dashboard-view{flex:1;background:#f0f2f5;overflow-y:auto;padding:24px 40px 40px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:28px;font-weight:700;color:#111b21;margin:0 0 8px}.dashboard-header p{font-size:14px;color:#667781;margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1400px}.app-dashboard-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #00000014;border:1px solid #e9edef}.app-card-header{margin-bottom:24px}.app-card-header h2{font-size:22px;font-weight:700;color:#111b21;margin:0 0 16px}.app-card-stats-row{display:flex;gap:12px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px;border-radius:10px;min-width:100px;width:100px;text-align:center}.stat-pill.total{background:#e3f2fd}.stat-pill.open{background:#fef3c7}.stat-pill.closed{background:#d1fae5}.stat-pill.auto-closed{background:#f3e5f5}.stat-pill.unread{background:#dcfce7}.stat-value{font-size:24px;font-weight:700;line-height:1;margin-bottom:4px;text-align:center}.stat-pill.total .stat-value{color:#1976d2}.stat-pill.open .stat-value{color:#d97706}.stat-pill.closed .stat-value{color:#059669}.stat-pill.auto-closed .stat-value{color:#8e24aa}.stat-pill.unread .stat-value{color:#16a34a}.stat-label{font-size:11px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.5px;text-align:center}.app-card-executives{margin-bottom:24px;padding-top:20px;border-top:1px solid #e9edef}.app-card-executives h3{font-size:14px;font-weight:700;color:#667781;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.executive-stats-grid{display:flex;flex-direction:column;gap:8px}.executive-stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px;background:#fff;border:2px solid #e9edef;border-radius:8px;transition:all .2s;cursor:pointer;font-family:inherit;text-align:left;width:100%}.executive-stat-item:hover{border-color:#25d366;background:#f5fcf8;transform:translateY(-2px);box-shadow:0 4px 12px #25d36626}.executive-stat-label{flex:1;font-size:14px;font-weight:600;color:#111b21}.executive-stat-values{display:flex;gap:12px;flex-wrap:wrap;width:100%}.exe-val{font-size:13px;font-weight:600;padding:6px 12px;border-radius:6px;white-space:nowrap}.exe-val.open{background:#fff3e0;color:#ef6c00}.exe-val.closed{background:#e8f5e9;color:#2e7d32}.exe-val.unread{background:#e3f2fd;color:#1565c0}.no-data-msg{font-size:13px;color:#8696a0;font-style:italic;margin:8px 0}.app-card-footer{padding-top:20px;border-top:1px solid #e9edef}.view-app-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.view-app-btn svg{width:18px;height:18px}.dashboard-availability-section{margin:24px 32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014}.availability-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.availability-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border:1px solid #e9edef;border-radius:8px;transition:box-shadow .2s}.availability-card:hover{box-shadow:0 2px 8px #0000001a}.availability-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.availability-info{flex:1;min-width:0}.availability-name{font-weight:600;color:#111b21;margin-bottom:4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.availability-status{display:flex;align-items:center;gap:6px;font-size:13px;text-transform:capitalize}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online .status-dot{background:#27ae60}.status-online{color:#27ae60}.status-away .status-dot{background:#f39c12}.status-away{color:#f39c12}.status-busy .status-dot{background:#e74c3c}.status-busy{color:#e74c3c}.view-app-btn:hover{background:#1da851;transform:translate(2px)}.view-app-btn:active{transform:translate(0)}.user-stats-section{margin-bottom:40px}.user-stats-section h2{font-size:20px;font-weight:600;color:#111b21;margin-bottom:20px}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.user-stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #00000014;transition:all .2s}.user-stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.user-stat-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e9edef}.user-stat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.user-stat-info{flex:1;min-width:0}.user-stat-info h3{font-size:16px;font-weight:600;color:#111b21;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-stat-role{font-size:12px;font-weight:500;padding:2px 8px;border-radius:4px;display:inline-block}.user-stat-role.admin{background:#fee;color:#c33}.user-stat-role.manager{background:#eef;color:#55c}.user-stat-counts{display:flex;gap:16px;justify-content:space-between}.user-stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-width:60px;text-align:center}.user-stat-value{font-size:24px;font-weight:700;margin-bottom:4px;text-align:center}.user-stat-value.open{color:#25d366}.user-stat-value.unread{color:#ff9800}.user-stat-value.closed{color:#8696a0}.user-stat-value.total{color:#667eea}.user-stat-label{font-size:12px;color:#667781;font-weight:500;text-align:center}@media(max-width:1024px){.dashboard-cards{grid-template-columns:1fr}.dashboard-view{padding:24px}}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;background:#f0f2f5}.empty-state-content{text-align:center;color:#8696a0}.empty-icon{width:80px;height:80px;color:#c4ccd0;margin-bottom:20px}.empty-state-content h2{font-size:24px;font-weight:300;color:#41525d;margin-bottom:8px}.empty-state-content p{font-size:14px;color:#8696a0}@media(max-width:768px){.app-sidebar{width:100%;min-width:100%}.modal-overlay{padding:0}.modal-box{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-header,.modal-input-wrapper,.modal-input-area{border-radius:0}}.settings-view{flex:1;background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:#fff;border-bottom:1px solid #e9edef}.settings-header h1{font-size:28px;font-weight:700;color:#111b21;margin:0}.close-settings-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s;color:#667781}.close-settings-btn svg{width:24px;height:24px}.close-settings-btn:hover{background:#f0f2f5;color:#111b21}.settings-content{flex:1;overflow-y:auto;padding:40px;display:grid;grid-template-columns:2fr 1fr;gap:40px;max-width:1400px;margin:0 auto;width:100%}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.settings-section{display:flex;flex-direction:column;gap:32px}.settings-section-header h2{font-size:20px;font-weight:700;color:#111b21;margin:0 0 8px}.settings-section-header p{font-size:14px;color:#667781;margin:0}.settings-field{background:#fff;border-radius:12px;padding:24px;border:1px solid #e9edef}.settings-field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.settings-field label{font-size:16px;font-weight:600;color:#111b21;display:block}.reset-btn{background:#f0f2f5;color:#667781;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.reset-btn:hover{background:#e9edef;color:#111b21}.settings-field-description{font-size:13px;color:#667781;margin:0 0 16px}.settings-field textarea{width:100%;padding:12px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;resize:vertical;transition:border-color .15s;line-height:1.5}.settings-field textarea:focus{outline:none;border-color:#25d366}.settings-field textarea::placeholder{color:#8696a0}.character-count{font-size:12px;color:#8696a0;margin-top:8px;text-align:right}.settings-preview{position:sticky;top:20px;height:fit-content}.settings-preview h3{font-size:18px;font-weight:700;color:#111b21;margin:0 0 20px}.preview-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e9edef;margin-bottom:16px}.preview-section h4{font-size:13px;font-weight:600;color:#667781;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.message-preview{background:#efeae2;border-radius:8px;padding:16px;min-height:60px}.preview-bubble{background:#fff;padding:10px 14px;border-radius:0 8px 8px;font-size:14px;color:#111b21;line-height:1.4;max-width:100%;word-wrap:break-word;box-shadow:0 1px 2px #0000000d}.preview-bubble.automated{background:#e3f2fd;border-left:3px solid #1976d2}.settings-footer{display:flex;align-items:center;justify-content:flex-end;padding:16px 40px;background:#fff;border-top:1px solid #e9edef;gap:12px}.cancel-btn,.save-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.cancel-btn{background:#f0f2f5;color:#667781}.cancel-btn:hover{background:#e9edef;color:#111b21}.save-btn{background:#25d366;color:#fff}.save-btn:hover{background:#1da851}.save-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.save-btn:active:not(:disabled){transform:scale(.98)}@media(max-width:1024px){.settings-content{grid-template-columns:1fr;padding:24px}.settings-preview{position:static}.settings-header{padding:20px 24px}.settings-footer{padding:16px 24px}}.user-message{padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:8px}.user-error{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7}.user-success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.add-user-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e9edef}.add-user-row{display:flex;gap:10px}.add-user-row input,.add-user-row select{flex:1;padding:10px 14px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;outline:none;transition:border-color .15s}.add-user-row input:focus,.add-user-row select:focus{border-color:#25d366}.add-user-btn{align-self:flex-end;padding:10px 24px}.user-list{display:flex;flex-direction:column;gap:2px;margin-top:12px}.user-list-loading{color:#667781;font-size:13px;padding:12px 0}.user-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f2f5}.user-list-item:last-child{border-bottom:none}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{font-size:14px;font-weight:600;color:#111b21}.user-meta{font-size:12px;color:#8696a0}.user-actions{display:flex;align-items:center;gap:10px}.user-role-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-admin{background:#e8f5e9;color:#2e7d32}.role-manager{background:#e3f2fd;color:#1565c0}.user-delete-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;color:#8696a0;display:flex;align-items:center;justify-content:center;transition:all .15s}.user-delete-btn:hover{background:#fff2f0;color:#cf1322}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a1d23,#2a2d35,#1a1d23);position:relative;overflow:hidden}.login-box{background:#fff;border-radius:16px;padding:48px 40px;width:420px;max-width:90%;box-shadow:0 24px 80px #0006;position:relative;z-index:1;animation:slideUp .4s ease-out}.login-header{text-align:center;margin-bottom:36px}.login-logo{display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.login-logo-img{width:180px;height:auto;object-fit:contain;border-radius:8px}.login-header h1{font-size:24px;font-weight:700;color:#111b21;margin:0 0 4px}.login-header p{font-size:14px;color:#667781;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:#111b21}.form-group input{padding:12px 14px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;transition:border-color .15s;outline:none}.form-group input:focus{border-color:#25d366}.form-group input::placeholder{color:#8696a0}.form-options{display:flex;align-items:center;justify-content:space-between}.remember-me{display:flex;align-items:center;gap:6px;font-size:13px;color:#667781;cursor:pointer}.remember-me input[type=checkbox]{accent-color:#25d366;width:16px;height:16px;cursor:pointer}.forgot-password{font-size:13px;color:#25d366;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.login-btn{padding:14px;background:#25d366;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit}.login-btn:hover{background:#1da851}.login-btn:active{transform:scale(.98)}.login-btn:disabled{background:#8696a0;cursor:not-allowed}.login-error{background:#fff2f0;color:#cf1322;border:1px solid #ffccc7;border-radius:8px;padding:10px 14px;font-size:13px;text-align:center}.login-footer{text-align:center;margin-top:28px;font-size:13px;color:#667781}.login-footer a{color:#25d366;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}.login-background{position:absolute;inset:0;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;opacity:.06}.circle-1{width:500px;height:500px;background:#25d366;top:-150px;right:-100px}.circle-2{width:350px;height:350px;background:#25d366;bottom:-100px;left:-80px}.circle-3{width:200px;height:200px;background:#5b5ea6;top:50%;left:50%;transform:translate(-50%,-50%)}.logout-confirm-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;animation:fadeIn .2s ease-out}.logout-confirm-box{background:#fff;border-radius:12px;padding:28px;width:400px;max-width:90%;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.logout-confirm-box h3{font-size:20px;font-weight:700;color:#111b21;margin:0 0 12px}.logout-confirm-box p{font-size:14px;color:#667781;margin:0 0 24px}.logout-confirm-actions{display:flex;gap:12px;justify-content:flex-end}.logout-cancel-btn,.logout-confirm-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.logout-cancel-btn{background:#f0f2f5;color:#667781}.logout-cancel-btn:hover{background:#e9edef;color:#111b21}.logout-confirm-btn{background:#e74c3c;color:#fff}.logout-confirm-btn:hover{background:#c0392b}.logout-confirm-btn:active{transform:scale(.98)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{width:36px;height:36px;border:3px solid rgba(37,211,102,.2);border-top-color:#25d366;border-radius:50%;animation:spin .8s linear infinite}.spinner.small{width:20px;height:20px;border-width:2px}.spinner.large{width:48px;height:48px;border-width:4px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;width:100%}.loading-container p{color:#8696a0;font-size:13px;margin:0}.back-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:#f0f2f5;cursor:pointer;transition:all .15s;flex-shrink:0;color:#54656f}.back-btn:hover{background:#e9edef;color:#111b21}.back-btn svg{width:18px;height:18px}.reports-view{flex:1;background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.reports-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:#fff;border-bottom:1px solid #e9edef}.reports-header>div{display:flex;flex-direction:column;gap:4px}.reports-header h1{font-size:28px;font-weight:700;color:#111b21;margin:0}.reports-header p{font-size:14px;color:#667781;margin:0}.reports-filters{display:flex;gap:12px;margin-top:12px;align-items:flex-end;flex-wrap:wrap}.filter-mode-toggle{display:flex;gap:0;border:1px solid #ddd;border-radius:6px;overflow:hidden;height:38px}.filter-mode-toggle button{padding:8px 16px;background:#fff;border:none;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;color:#667781;font-family:inherit}.filter-mode-toggle button.active{background:#3498db;color:#fff}.filter-mode-toggle button:hover:not(.active){background:#f0f2f5}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:12px;color:#667781;font-weight:500}.reports-date-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;color:#111b21;background:#fff;cursor:pointer;height:38px}.reports-date-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.reports-filter-select{padding:8px 12px;border:1px solid #d1d7db;border-radius:8px;background:#fff;color:#3b4a54;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.reports-filter-select:hover{border-color:#00a884;background:#f0f2f5}.reports-filter-select:focus{border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.reports-content{flex:1;overflow-y:auto;padding:40px}.reports-content::-webkit-scrollbar{width:6px}.reports-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.reports-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#8696a0;font-size:14px}.reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;max-width:1600px;margin:0 auto}.report-card{background:#fff;border-radius:12px;border:1px solid #e9edef;padding:24px;display:flex;flex-direction:column;gap:20px}.report-card-header{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f2f5}.report-user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:600;flex-shrink:0}.report-user-info{display:flex;flex-direction:column;gap:4px}.report-user-info h3{font-size:18px;font-weight:600;color:#111b21;margin:0}.report-user-role{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.report-user-role.admin{background:#fff1e6;color:#e67e22}.report-user-role.manager{background:#e6f7ff;color:#1890ff}.report-section{display:flex;flex-direction:column;gap:12px}.report-section h4{font-size:14px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.5px;margin:0}.report-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-metric{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;background:#f7f9fa;border-radius:8px}.report-metric-value{font-size:24px;font-weight:700;color:#111b21}.report-metric-label{font-size:12px;color:#667781;text-align:center}.report-breakdown-table{width:100%;border-collapse:collapse}.report-breakdown-table tbody tr{border-bottom:1px solid #f0f2f5}.report-breakdown-table tbody tr:last-child{border-bottom:none}.report-breakdown-table td{padding:10px 0;font-size:14px;color:#111b21}.report-breakdown-table td:first-child{color:#667781}.report-table-value{text-align:right;font-weight:600;color:#111b21}@media(max-width:1200px){.reports-grid{grid-template-columns:1fr}}@media(max-width:768px){.reports-header{padding:16px 20px}.reports-header h1{font-size:22px}.reports-content{padding:20px}.report-card{padding:16px}.report-overview-grid{grid-template-columns:1fr 1fr;gap:8px}}.detailed-ratings-section{max-width:1600px;margin:40px auto 0;padding:32px;background:#fff;border-radius:12px;border:1px solid #e9edef}.detailed-ratings-section h2{font-size:24px;font-weight:700;color:#111b21;margin:0 0 8px}.detailed-ratings-section p{font-size:14px;color:#667781;margin:0 0 24px}.ratings-table-container{overflow-x:auto;border-radius:8px}.ratings-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1000px}.ratings-table thead{background:#f7f9fa;position:sticky;top:0;z-index:10}.ratings-table th{padding:12px;text-align:left;font-weight:600;color:#667781;border-bottom:2px solid #e9edef;white-space:nowrap}.ratings-table td{padding:12px;border-bottom:1px solid #f0f2f5;color:#111b21}.ratings-table tbody tr:hover{background:#f7f9fa}.ratings-table tbody tr:last-child td{border-bottom:none}.star-display{color:gold;font-size:18px;letter-spacing:2px;white-space:nowrap}.feedback-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-cell:hover{white-space:normal;overflow:visible}.report-metric-value{display:flex;align-items:center;justify-content:center;gap:4px}.report-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1400px){.ratings-table-container{overflow-x:scroll}}@media(max-width:768px){.detailed-ratings-section{padding:24px 16px}.detailed-ratings-section h2{font-size:20px}.ratings-table{font-size:12px}.ratings-table th,.ratings-table td{padding:8px}.star-display{font-size:14px}}.ratings-view{flex:1;background:#f0f2f5;display:flex;flex-direction:column;height:100vh;overflow:hidden}.ratings-header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;background:#fff;border-bottom:1px solid #e9edef}.ratings-header>div{display:flex;flex-direction:column;gap:4px}.ratings-header h1{font-size:28px;font-weight:700;color:#111b21;margin:0}.ratings-header p{font-size:14px;color:#667781;margin:0}.ratings-content{flex:1;overflow-y:auto;padding:40px}.ratings-content::-webkit-scrollbar{width:6px}.ratings-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ratings-stats-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1600px;margin:0 auto 32px}.ratings-stat-card{background:#fff;border-radius:12px;border:1px solid #e9edef;padding:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.ratings-stat-value{font-size:36px;font-weight:700;color:#111b21}.ratings-stat-label{font-size:14px;color:#667781;font-weight:500}.ratings-breakdown-mini{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#667781;width:100%}.ratings-breakdown-mini div{display:flex;justify-content:space-between;padding:4px 0}.ratings-breakdown-mini strong{color:#111b21;font-weight:600}.ratings-filters{display:flex;align-items:flex-end;gap:16px;max-width:1600px;margin:0 auto 24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e9edef;flex-wrap:wrap}.ratings-filter-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:180px}.ratings-filter-group label{font-size:12px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.5px}.ratings-filter-group select,.ratings-search-input{padding:10px 12px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;background:#fff;transition:all .2s;cursor:pointer}.ratings-filter-group select:focus,.ratings-search-input:focus{outline:none;border-color:#667eea}.ratings-search-input{flex:2;min-width:250px}.ratings-search-input::placeholder{color:#8696a0}.ratings-clear-filters{padding:10px 20px;background:#f0f2f5;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-weight:600;color:#667781;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.ratings-clear-filters:hover{background:#e9edef;border-color:#d0d3d6;color:#111b21}.ratings-empty{display:flex;align-items:center;justify-content:center;min-height:400px;color:#8696a0;font-size:14px;background:#fff;border-radius:12px;border:1px solid #e9edef;max-width:1600px;margin:0 auto}.ratings-view .ratings-table-container{max-width:1600px;margin:0 auto;background:#fff;border-radius:12px;border:1px solid #e9edef;overflow:hidden}.ratings-view .ratings-table thead{background:#f7f9fa;position:sticky;top:0;z-index:10}.ticket-id-cell{font-family:Courier New,monospace;font-weight:600;color:#667eea}@media(max-width:1200px){.ratings-stats-overview{grid-template-columns:1fr}}@media(max-width:768px){.ratings-header{padding:16px 20px}.ratings-header h1{font-size:22px}.ratings-content{padding:20px}.ratings-stats-overview{gap:16px}.ratings-stat-card{padding:20px}.ratings-stat-value{font-size:28px}.ratings-filters{padding:16px;gap:12px}.ratings-filter-group,.ratings-search-input{min-width:100%}.ratings-clear-filters{width:100%}}.provider-toggle-container{display:flex;gap:12px}.provider-toggle-btn{flex:1;display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e9edef;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.provider-toggle-btn:hover{border-color:#667781;background:#f8f9fa}.provider-toggle-btn.active{border-color:#00a884;background:#e7f8f2}.provider-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.provider-toggle-icon{width:40px;height:40px;border-radius:10px;background:#1877f2;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.provider-toggle-icon.greenapi-icon{background:#25d366}.provider-toggle-text{display:flex;flex-direction:column;text-align:left}.provider-toggle-name{font-size:14px;font-weight:600;color:#111b21}.provider-toggle-desc{font-size:12px;color:#667781;margin-top:2px}.provider-toggle-btn.active .provider-toggle-name{color:#00a884}.editable-name{cursor:pointer;display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:2px 4px;transition:background .15s}.editable-name:hover{background:#0000000d}.edit-name-icon{opacity:0;transition:opacity .15s;flex-shrink:0}.editable-name:hover .edit-name-icon{opacity:.5}.edit-name-input{font-size:16px;font-weight:600;color:#111b21;border:2px solid #00a884;border-radius:6px;padding:4px 8px;outline:none;background:#fff;min-width:120px;max-width:250px;font-family:inherit}.tnc-panel{position:fixed;bottom:24px;right:24px;z-index:9999;width:340px;background:#16181f;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 20px 60px #0009,0 4px 16px #0006;overflow:hidden;animation:tnc-slide-in .3s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}@keyframes tnc-slide-in{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.tnc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;background:#1e2028;border-bottom:1px solid rgba(255,255,255,.06)}.tnc-panel-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#c8d0e4;letter-spacing:.1px}.tnc-panel-bell{display:flex;align-items:center;color:#f59e0b}.tnc-panel-count{font-size:11px;font-weight:700;background:#f59e0b;color:#0d0e12;border-radius:20px;padding:1px 7px;line-height:1.6}.tnc-panel-close{background:none;border:none;color:#4a5270;cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:6px;transition:background .15s,color .15s}.tnc-panel-close:hover{background:#ffffff12;color:#c8d0e4}.tnc-panel-list{max-height:340px;overflow-y:auto;padding:6px 0}.tnc-panel-list::-webkit-scrollbar{width:4px}.tnc-panel-list::-webkit-scrollbar-thumb{background:#2e3248;border-radius:4px}.tnc-row{display:flex;align-items:center;gap:0;padding:10px 14px 10px 0;transition:background .15s;cursor:default;position:relative}.tnc-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.tnc-row:hover{background:#ffffff08}.tnc-row-accent{width:3px;align-self:stretch;border-radius:0 2px 2px 0;margin-right:12px;flex-shrink:0;min-height:36px}.tnc-row-body{flex:1;min-width:0}.tnc-row-name{font-size:13px;font-weight:600;color:#dde4f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.tnc-row-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tnc-row-cat{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;border:1px solid;letter-spacing:.2px}.tnc-row-app{font-size:11px;color:#4a5270}.tnc-row-ticket{font-size:10px;color:#2e3450;margin-top:3px;font-family:SF Mono,Consolas,monospace;letter-spacing:.3px}.tnc-row-btn{flex-shrink:0;width:30px;height:30px;border-radius:8px;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}.tnc-row-btn:hover{background-color:var(--row-color, #5b5ea6);transform:scale(1.08)}.tnc-panel-footer{padding:8px 14px;border-top:1px solid rgba(255,255,255,.05);background:#1a1c24;display:flex;justify-content:flex-end}.tnc-panel-dismiss-all{background:none;border:none;font-size:12px;color:#3a4060;cursor:pointer;font-family:inherit;padding:2px 4px;transition:color .15s}.tnc-panel-dismiss-all:hover{color:#7a84a0}.convo-toolbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;flex-wrap:wrap}.toolbar-control{display:flex;align-items:center;gap:8px}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;flex-wrap:wrap}.toolbar-label{font-size:13px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.toolbar-select{min-width:140px;padding:8px 32px 8px 12px;border:1.5px solid #ced4da;border-radius:8px;background:#fff;color:#212529;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.toolbar-select:hover{border-color:#3498db;box-shadow:0 2px 4px #3498db1a}.toolbar-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.toolbar-checkbox-label{position:relative;display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#344054;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #1018280f,0 10px 24px #1018280f;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.toolbar-checkbox-label:hover{border-color:#cbd5e1;box-shadow:0 1px 2px #10182814,0 12px 28px #10182814}.toolbar-checkbox{position:absolute;opacity:0;pointer-events:none}.toolbar-checkbox-box{width:16px;height:16px;border:1.5px solid #2563eb;border-radius:5px;background:#fff;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.toolbar-checkbox-box svg{width:10px;height:10px;opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease}.toolbar-checkbox:checked+.toolbar-checkbox-box{background:#2563eb;border-color:#2563eb}.toolbar-checkbox:checked+.toolbar-checkbox-box svg{opacity:1;transform:scale(1)}.toolbar-checkbox:focus-visible+.toolbar-checkbox-box{box-shadow:0 0 0 4px #2563eb29}.toolbar-checkbox-text{font-size:14px;font-weight:500;color:#475467;white-space:nowrap}.toolbar-result-count{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#6c757d;padding:6px 12px;background:#3498db1a;border-radius:12px;white-space:nowrap}@media(max-width:960px){.toolbar-actions{width:100%;margin-left:0;justify-content:space-between}}@media(max-width:640px){.toolbar-actions{flex-direction:column-reverse;align-items:stretch}.toolbar-checkbox-label,.toolbar-result-count{justify-content:center}}.export-actions{display:flex;gap:8px;margin-left:auto}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:8px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;color:#fff;box-shadow:0 2px 4px #0000001a}.export-btn svg{width:16px;height:16px;stroke-width:2.5}.export-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.export-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.export-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.export-btn--csv{background:linear-gradient(135deg,#27ae60,#229954)}.export-btn--csv:not(:disabled):hover{background:linear-gradient(135deg,#229954,#1e8449)}.export-btn--pdf{background:linear-gradient(135deg,#e74c3c,#c0392b)}.export-btn--pdf:not(:disabled):hover{background:linear-gradient(135deg,#c0392b,#a93226)}.transfer-modal-overlay{position:fixed;inset:0;background:#0000008c;z-index:10000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.transfer-modal-box{background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000040;width:420px;max-width:92vw;overflow:hidden;animation:modal-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.transfer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 16px;border-bottom:1px solid #e9edef}.transfer-modal-title{font-size:16px;font-weight:700;color:#111b21}.transfer-modal-body{padding:20px;display:flex;flex-direction:column;gap:10px}.transfer-label{font-size:13px;font-weight:600;color:#667781;text-transform:uppercase;letter-spacing:.4px}.transfer-agent-select{width:100%;padding:11px 14px;border:1.5px solid #e9edef;border-radius:10px;font-size:14px;font-family:inherit;color:#111b21;background:#f8f9fa;cursor:pointer;transition:border-color .2s,box-shadow .2s;appearance:none}.transfer-agent-select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.transfer-no-agents{font-size:14px;color:#8696a0;margin:4px 0}.transfer-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px 18px;border-top:1px solid #e9edef}.transfer-cancel-btn{padding:10px 18px;border:1.5px solid #e9edef;border-radius:10px;background:#fff;color:#667781;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.transfer-cancel-btn:hover:not(:disabled){background:#f0f2f5;border-color:#d1d5db}.transfer-confirm-btn{padding:10px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.transfer-confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#2471a3);transform:translateY(-1px);box-shadow:0 4px 12px #3498db59}.transfer-confirm-btn:disabled,.transfer-cancel-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.transfer-success{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 20px;font-size:15px;font-weight:600;color:#27ae60}.header-action-btn.transfer-btn{color:#f59e0b}.header-action-btn.transfer-btn:hover{background:#f59e0b26;color:#f59e0b}.health-banner{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 20px;font-size:13px;font-weight:600;font-family:inherit;animation:banner-slide-down .25s ease}@keyframes banner-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.health-banner.checking{background:#2c3e50;color:#bdc3c7}.health-banner.degraded{background:#f39c12;color:#fff}.health-banner.offline{background:#c0392b;color:#fff}.health-banner-icon{font-size:14px;line-height:1}.health-banner-label{flex:1;text-align:center}.health-banner-retry{background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:6px;color:inherit;font-size:12px;font-weight:700;font-family:inherit;padding:4px 10px;cursor:pointer;transition:background .15s}.health-banner-retry:hover{background:#fff6}.login-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:8px;background:#fdecea;border:1px solid #f5c6cb;color:#c0392b;font-size:13px;line-height:1.5}.login-error-icon{font-size:15px;flex-shrink:0;line-height:1.4}.header-assign-wrap{display:inline-flex;align-items:center;gap:5px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:4px 8px}.header-assign-select{background:transparent;border:none;color:#c8d0e4;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;outline:none;max-width:130px;appearance:none;padding-right:2px}.header-assign-select option{background:#1a1d23;color:#c8d0e4}.category-select-dropdown{border:1.5px solid rgba(255,255,255,.3);border-radius:8px;background:#1e2330;color:#fff;font-size:12px;font-weight:600;font-family:inherit;padding:4px 8px;cursor:pointer;outline:none}.category-select-dropdown option{background:#1a1d23}.canned-replies-panel{border:1px solid #e9edef;border-radius:12px 12px 0 0;background:#fff;overflow:hidden;box-shadow:0 -4px 16px #00000014}.canned-replies-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8f9fa;border-bottom:1px solid #e9edef;font-size:13px;font-weight:600;color:#495057}.canned-replies-close{background:none;border:none;color:#8696a0;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;border-radius:4px;transition:background .15s}.canned-replies-close:hover{background:#e9edef}.canned-replies-list{max-height:180px;overflow-y:auto}.canned-reply-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:10px 14px;background:none;border:none;border-bottom:1px solid #f0f2f5;cursor:pointer;transition:background .15s;font-family:inherit}.canned-reply-item:hover{background:#f0f2f5}.canned-reply-item:last-child{border-bottom:none}.canned-reply-label{font-size:12px;font-weight:700;color:#3498db;text-transform:uppercase;letter-spacing:.4px}.canned-reply-preview{font-size:13px;color:#495057;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canned-btn{width:36px;height:36px;border-radius:50%;border:none;background:none;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}.canned-btn svg{width:18px;height:18px}.canned-btn:hover{background:#f0f2f5;color:#3498db}.canned-btn.active{color:#3498db;background:#3498db1a}.my-queue-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid #e9edef;border-radius:10px;background:#fff;color:#495057;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.my-queue-btn:hover{border-color:#3498db;color:#3498db;background:#3498db0d}.my-queue-btn.active{border-color:#3498db;background:#3498db1a;color:#3498db}.conversation-item.kb-focused{outline:2px solid #3498db;outline-offset:-2px;background:#3498db0f}.availability-status-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:2px 6px 2px 0;border-radius:6px;transition:background .15s;font-size:11px;font-weight:600;color:#8696a0;letter-spacing:.3px;text-transform:capitalize;line-height:1}.availability-status-btn:hover{background:#ffffff14}.availability-status-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;transition:background-color .3s}.availability-status-dot.online{background:#25d366}.availability-status-dot.away{background:#f59e0b}.availability-status-dot.busy{background:#e74c3c}