*{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}.public-feedback-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.public-feedback-card{background:#fff;border-radius:16px;padding:40px 32px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.public-feedback-logo{text-align:center;margin-bottom:24px}.public-feedback-logo h1{font-size:28px;color:#667eea;font-weight:700;margin:0}.public-feedback-card h2{text-align:center;font-size:22px;color:#111b21;margin:0 0 8px}.public-feedback-info{text-align:center;font-size:14px;color:#667781;margin-bottom:32px}.public-feedback-loading{text-align:center;padding:40px;color:#667781}.public-feedback-spinner{border:3px solid #f0f2f5;border-top:3px solid #667eea;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 16px}.public-feedback-stars-container{text-align:center;margin:32px 0}.public-feedback-stars-label{font-size:14px;color:#667781;margin-bottom:12px;display:block}.public-feedback-stars{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.public-feedback-star{font-size:48px;color:#e0e0e0;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.public-feedback-star:hover,.public-feedback-star.selected{color:gold;transform:scale(1.2)}.public-feedback-rating-text{text-align:center;font-size:16px;font-weight:600;color:#667eea;margin-top:12px;min-height:24px}.public-feedback-input-container{margin:24px 0}.public-feedback-input-container label{display:block;font-size:14px;font-weight:600;color:#111b21;margin-bottom:8px}.public-feedback-input-container textarea{width:100%;padding:12px;border:2px solid #e9edef;border-radius:8px;font-size:14px;font-family:inherit;color:#111b21;resize:vertical;min-height:100px;transition:border-color .2s;box-sizing:border-box}.public-feedback-input-container textarea:focus{outline:none;border-color:#667eea}.public-feedback-input-container textarea::placeholder{color:#8696a0}.public-feedback-input-container textarea:disabled{background:#f0f2f5;cursor:not-allowed}.public-feedback-submit-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:24px;font-family:inherit}.public-feedback-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.public-feedback-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.public-feedback-close-btn{width:100%;padding:14px;background:transparent;color:#667781;border:2px solid #e9edef;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px;font-family:inherit}.public-feedback-close-btn:hover{background:#f0f2f5;border-color:#d0d3d6}.public-feedback-message{margin-top:20px;padding:12px;border-radius:8px;font-size:14px;text-align:center}.public-feedback-message.success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.public-feedback-message.error{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.public-feedback-message.info{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}@media(max-width:600px){.public-feedback-card{padding:32px 24px}.public-feedback-card h2{font-size:20px}.public-feedback-star{font-size:40px}.public-feedback-stars{gap:4px}}.dashboard{display:flex;height:100vh;background:#f0f2f5}.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:20px;border-bottom:1px solid #2a2d35}.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;align-items:center;justify-content:space-between;padding:14px 20px;background:#1a1d23;border-radius:16px 16px 0 0;gap:12px}.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:15px;font-weight:600;color:#fff}.modal-header-sub{font-size:12px;color:#8696a0}.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:600;padding:2px 8px;border-radius:10px;white-space:nowrap}.user-type-badge.new{color:#fff;background:#3498db}.user-type-badge.existing{color:#fff;background:#27ae60}.user-role-badge{font-size:10px;font-weight:600;color:#fff;background:#8e44ad;padding:2px 8px;border-radius:10px;white-space:nowrap}.modal-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.chat-category-badge{font-size:11px;font-weight:600;color:#fff;padding:4px 12px;border-radius:12px;white-space:nowrap}.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}.modal-messages{flex:1;overflow-y:auto;padding:20px 24px;background:#efeae2;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:8px 12px;border-radius:8px;position:relative;word-wrap:break-word}.message.me .message-bubble{background:#d9fdd3;border-top-right-radius:0}.message.them .message-bubble{background:#fff;border-top-left-radius:0}.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}.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:20px;background:#fff3cd;border-radius:0 0 16px 16px;color:#856404;font-size:14px;font-weight:500}.conversation-closed-notice svg{width:20px;height:20px;flex-shrink:0}.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}.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{width:56px;height:56px;background:#25d366;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#fff}.login-logo svg{width:28px;height:28px}.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}.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}