:root{--saazly-primary: #0066FF;--saazly-primary-dark: color-mix(in srgb, var(--saazly-primary), black 15%);--saazly-primary-light: color-mix(in srgb, var(--saazly-primary), white 85%);--saazly-bg: #FFFFFF;--saazly-text: #1F2937;--saazly-text-secondary: #6B7280;--saazly-border: #E5E7EB;--saazly-gray-50: #F9FAFB;--saazly-gray-100: #F3F4F6;--saazly-gray-200: #E5E7EB;--saazly-gray-500: #6B7280;--saazly-gray-700: #374151;--saazly-success: #10B981;--saazly-warning: #F59E0B;--saazly-error: #EF4444;--saazly-radius: 16px;--saazly-shadow: 0 20px 60px rgba(0, 0, 0, .15)}.saazly-widget{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;color:var(--saazly-text);box-sizing:border-box}.saazly-widget *,.saazly-widget *:before,.saazly-widget *:after{box-sizing:border-box;margin:0;padding:0}.saazly-hidden{display:none!important}.saazly-toggle{position:fixed;z-index:999999;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;box-shadow:0 4px 20px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;background:var(--saazly-primary);color:#fff}.saazly-toggle:hover{transform:scale(1.08);box-shadow:0 6px 28px #0003}.saazly-toggle:active{transform:scale(.95)}.saazly-toggle.saazly-bottom-right{bottom:24px;right:24px}.saazly-toggle.saazly-bottom-left{bottom:24px;left:24px}.saazly-unread-badge{position:absolute;top:-4px;right:-4px;background:var(--saazly-error);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgePop .3s cubic-bezier(.4,0,.2,1)}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.saazly-chat-window{position:fixed;z-index:999998;width:380px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 120px);background:#fff;border-radius:var(--saazly-radius);box-shadow:var(--saazly-shadow);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.saazly-chat-window.saazly-bottom-right{bottom:96px;right:24px}.saazly-chat-window.saazly-bottom-left{bottom:96px;left:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.saazly-header{background:var(--saazly-primary);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative}.saazly-header-info h3{font-size:16px;font-weight:600;letter-spacing:-.01em}.saazly-status{display:flex;align-items:center;gap:6px;font-size:12px;opacity:.9;margin-top:2px}.saazly-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.saazly-status-dot.online{background:var(--saazly-success);animation:pulse 2s infinite}.saazly-status-dot.offline{background:#fff6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.saazly-header-actions{display:flex;align-items:center;gap:4px}.saazly-sound-btn,.saazly-close-btn{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;opacity:.85;transition:all .2s;font-size:16px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.saazly-sound-btn:hover,.saazly-close-btn:hover,.saazly-menu-btn:hover{opacity:1;background:#ffffff40}.saazly-menu-btn{background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;opacity:.85;transition:all .2s;font-size:18px;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;letter-spacing:-1px}.saazly-menu-dropdown{position:absolute;top:100%;right:8px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000026;min-width:180px;z-index:100;overflow:hidden;animation:saazly-menu-fade .15s ease-out}@keyframes saazly-menu-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.saazly-menu-dropdown button{display:block;width:100%;padding:10px 14px;border:none;background:none;text-align:left;font-size:13px;color:var(--saazly-gray-700);cursor:pointer;transition:background .15s}.saazly-menu-dropdown button:hover{background:var(--saazly-gray-50)}.saazly-menu-dropdown button+button{border-top:1px solid var(--saazly-gray-100)}.saazly-messages{flex:1;overflow-y:auto;padding:16px;background:var(--saazly-gray-50);display:flex;flex-direction:column;gap:4px}.saazly-messages::-webkit-scrollbar{width:4px}.saazly-messages::-webkit-scrollbar-track{background:transparent}.saazly-messages::-webkit-scrollbar-thumb{background:var(--saazly-gray-200);border-radius:2px}.saazly-welcome{text-align:center;margin-top:40px;padding:0 20px}.saazly-welcome-avatar{width:56px;height:56px;border-radius:50%;background:var(--saazly-primary-light);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-size:28px}.saazly-welcome h4{font-size:18px;font-weight:600;color:var(--saazly-text);margin-bottom:6px}.saazly-welcome p{font-size:14px;color:var(--saazly-text-secondary);line-height:1.6}.saazly-date-separator{text-align:center;margin:12px 0 8px}.saazly-date-separator span{font-size:11px;color:var(--saazly-gray-500);background:var(--saazly-gray-50);padding:2px 12px;border-radius:10px;font-weight:500}.saazly-message-group{display:flex;gap:8px;max-width:85%;animation:msgIn .2s ease-out}@keyframes msgIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.saazly-message-group.saazly-visitor{align-self:flex-end;flex-direction:row-reverse}.saazly-message-group.saazly-operator{align-self:flex-start}.saazly-msg-avatar{width:28px;height:28px;border-radius:50%;background:var(--saazly-gray-200);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;margin-top:auto;font-size:12px;font-weight:600;color:var(--saazly-gray-500)}.saazly-msg-avatar img{width:100%;height:100%;object-fit:cover}.saazly-msg-body{display:flex;flex-direction:column;gap:2px}.saazly-msg-sender{font-size:11px;font-weight:600;color:var(--saazly-gray-500);margin-left:4px;margin-bottom:1px}.saazly-message{padding:10px 14px;border-radius:16px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.45;font-size:14px}.saazly-message.saazly-visitor{background:var(--saazly-primary);color:#fff;border-bottom-right-radius:4px}.saazly-message.saazly-operator{background:#fff;color:var(--saazly-text);border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000f}.saazly-message.saazly-system{align-self:center;background:none;color:var(--saazly-gray-500);font-size:12px;text-align:center;padding:4px 0}.saazly-msg-meta{display:flex;align-items:center;gap:4px;padding:0 4px}.saazly-msg-time{font-size:11px;color:var(--saazly-gray-500);margin-top:2px}.saazly-msg-read{font-size:11px;color:var(--saazly-primary)}.saazly-msg-sent{font-size:11px;color:var(--saazly-gray-500)}.saazly-message-group.saazly-visitor .saazly-msg-meta{justify-content:flex-end}.saazly-attachments{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.saazly-attachment-img{max-width:100%;max-height:200px;border-radius:8px;cursor:pointer;transition:opacity .2s}.saazly-attachment-img:hover{opacity:.9}.saazly-attachment-file{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:8px;text-decoration:none;color:inherit;transition:background .2s}.saazly-attachment-file:hover{background:#00000014}.saazly-file-icon{font-size:16px}.saazly-file-name{font-size:13px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saazly-file-size{font-size:11px;color:var(--saazly-gray-500)}.saazly-typing-indicator{display:flex;align-items:center;gap:3px;padding:10px 14px;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 1px 2px #0000000f;width:fit-content}.saazly-typing-dot{width:7px;height:7px;background:var(--saazly-gray-500);border-radius:50%;animation:typingBounce 1.2s infinite}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.saazly-popup{position:fixed;z-index:999997;max-width:320px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:12px 16px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;opacity:0;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}.saazly-popup.visible{opacity:1;transform:translateY(0) scale(1)}.saazly-popup.saazly-bottom-right{bottom:96px;right:24px}.saazly-popup.saazly-bottom-left{bottom:96px;left:24px}.saazly-popup-avatar{width:36px;height:36px;border-radius:50%;background:var(--saazly-primary-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;font-size:14px;font-weight:600;color:var(--saazly-primary)}.saazly-popup-avatar img{width:100%;height:100%;object-fit:cover}.saazly-popup-content{flex:1;min-width:0}.saazly-popup-name{font-size:12px;font-weight:600;color:var(--saazly-text);display:block;margin-bottom:2px}.saazly-popup-text{font-size:13px;color:var(--saazly-text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.saazly-popup-close{background:none;border:none;color:var(--saazly-gray-500);cursor:pointer;font-size:18px;padding:0;line-height:1;opacity:.6;transition:opacity .2s}.saazly-popup-close:hover{opacity:1}.saazly-input-area{padding:12px 16px;background:#fff;border-top:1px solid var(--saazly-border);flex-shrink:0}.saazly-input-row{display:flex;align-items:center;gap:6px}.saazly-text-input{flex:1;padding:10px 14px;border:1.5px solid var(--saazly-border);border-radius:20px;font-size:14px;outline:none;transition:border-color .2s;background:#fff;color:var(--saazly-text);font-family:inherit}.saazly-text-input:focus{border-color:var(--saazly-primary)}.saazly-text-input::placeholder{color:var(--saazly-gray-500)}.saazly-file-btn,.saazly-emoji-trigger{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;color:var(--saazly-gray-500);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.saazly-file-btn:hover,.saazly-emoji-trigger:hover{background:var(--saazly-gray-100);color:var(--saazly-text)}.saazly-file-btn:disabled,.saazly-emoji-trigger:disabled{opacity:.4;cursor:not-allowed}.saazly-send-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--saazly-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.saazly-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 8px #00000026}.saazly-send-btn:disabled{opacity:.4;cursor:not-allowed}.saazly-attachment-bar{display:flex;gap:8px;padding:8px 16px;background:var(--saazly-gray-50);border-top:1px solid var(--saazly-border);overflow-x:auto;flex-shrink:0}.saazly-attachment-preview{position:relative;width:64px;height:64px;border-radius:8px;overflow:hidden;border:1px solid var(--saazly-border);background:#fff;flex-shrink:0}.saazly-attachment-preview img{width:100%;height:100%;object-fit:cover}.saazly-file-preview-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px}.saazly-attachment-name{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:9px;padding:2px 4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saazly-attachment-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#00000080;color:#fff;border:none;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;line-height:1}.saazly-upload-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a}.saazly-upload-progress-bar{height:100%;background:var(--saazly-primary);transition:width .3s}.saazly-emoji-picker{border-top:1px solid var(--saazly-border);background:#fff;flex-shrink:0}.saazly-emoji-tabs{display:flex;border-bottom:1px solid var(--saazly-border);padding:0 8px}.saazly-emoji-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 12px;cursor:pointer;font-size:16px;transition:all .2s}.saazly-emoji-tab.active{border-bottom-color:var(--saazly-primary)}.saazly-emoji-tab:hover{background:var(--saazly-gray-50)}.saazly-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;max-height:160px;overflow-y:auto}.saazly-emoji-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;font-size:18px;transition:background .15s;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.saazly-emoji-btn:hover{background:var(--saazly-gray-100)}.saazly-prechat{flex:1;overflow-y:auto;padding:24px 20px}.saazly-prechat-greeting{text-align:center;margin-bottom:20px;font-size:14px;color:var(--saazly-text-secondary);line-height:1.6}.saazly-prechat-form{display:flex;flex-direction:column;gap:14px}.saazly-prechat-field{display:flex;flex-direction:column;gap:4px}.saazly-prechat-field label{font-size:13px;font-weight:500;color:var(--saazly-text)}.saazly-required{color:var(--saazly-error);margin-left:2px}.saazly-prechat-field input{padding:10px 14px;border:1.5px solid var(--saazly-border);border-radius:10px;font-size:14px;outline:none;transition:border-color .2s;font-family:inherit}.saazly-prechat-field input:focus{border-color:var(--saazly-primary)}.saazly-prechat-field input.saazly-input-error{border-color:var(--saazly-error)}.saazly-field-error{font-size:12px;color:var(--saazly-error)}.saazly-prechat-submit{padding:12px;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;font-family:inherit;margin-top:4px}.saazly-prechat-submit:hover{opacity:.9}.saazly-prechat-skip{background:none;border:none;color:var(--saazly-text-secondary);font-size:13px;cursor:pointer;padding:8px;text-align:center;font-family:inherit}.saazly-prechat-skip:hover{color:var(--saazly-text)}.saazly-rating{text-align:center;padding:20px;animation:msgIn .3s ease-out}.saazly-rating-title{font-size:14px;font-weight:500;color:var(--saazly-text);margin-bottom:12px}.saazly-stars{display:flex;justify-content:center;gap:8px;margin-bottom:12px}.saazly-star{background:none;border:none;font-size:28px;cursor:pointer;color:var(--saazly-gray-200);transition:all .15s;padding:0;line-height:1}.saazly-star.active{transform:scale(1.1)}.saazly-star:hover{transform:scale(1.15)}.saazly-rating-feedback{width:100%;padding:10px 12px;border:1.5px solid var(--saazly-border);border-radius:10px;font-size:13px;outline:none;resize:none;font-family:inherit;margin-bottom:10px}.saazly-rating-feedback:focus{border-color:var(--saazly-primary)}.saazly-rating-actions{display:flex;gap:8px;justify-content:center}.saazly-rating-skip{background:none;border:1px solid var(--saazly-border);padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--saazly-text-secondary);font-family:inherit}.saazly-rating-submit{border:none;padding:8px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#fff;font-family:inherit}.saazly-rating-thanks{padding:16px}.saazly-rating-check{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--saazly-success);color:#fff;font-size:20px;margin-bottom:8px}.saazly-powered{text-align:center;padding:6px;font-size:10px;color:var(--saazly-gray-500);background:var(--saazly-gray-50);border-top:1px solid var(--saazly-border);flex-shrink:0}.saazly-powered a{color:var(--saazly-primary);text-decoration:none;font-weight:600}.saazly-powered a:hover{text-decoration:underline}.saazly-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.saazly-chat-window{width:100%;height:100%;max-height:100vh;max-width:100vw;border-radius:0;bottom:0!important;right:0!important;left:0!important}.saazly-popup{max-width:calc(100vw - 88px)}.saazly-emoji-grid{grid-template-columns:repeat(6,1fr)}}