@import url("https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@800,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body:has(.sup-container){background:#F4F4F5!important;color-scheme:light}.sup-container{min-height:100dvh;min-height:100vh;height:100%;overflow:hidden;font-family:Lato,sans-serif;color:#191C20;position:relative;background:#F4F4F5}@supports (min-height:100dvh){.sup-container{min-height:100dvh}}.sup-screen{width:100%;max-width:430px;min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:0 auto;background:#F4F4F5}@supports (min-height:100dvh){.sup-screen{min-height:100dvh}}@media (min-width:431px){.sup-container{background:#dddde0}.sup-screen{border-left:1px solid #c8c8cc;border-right:1px solid #c8c8cc;box-shadow:0 0 60px rgba(0,0,0,.08)}}.sup-header{display:flex;align-items:center;gap:8px;padding:12px 8px;min-height:64px;background:transparent;flex-shrink:0}.sup-header-title{font-family:Cabinet Grotesk,sans-serif;font-size:20px;font-weight:800;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px}.sup-header-info,.sup-header-title{flex:1;overflow:hidden}.sup-header-subtitle{font-size:12px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sup-back-btn{width:48px;height:48px;border-radius:99px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#FCFCFD;transition:background .4s ease;flex-shrink:0}.sup-back-btn:active{background:#E5E5E7}.sup-text-btn{background:none;border:none;color:#FABB22;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}.sup-tab-bar{display:flex;gap:4px;margin:0 16px;background:#E5E5E7;border-radius:16px;padding:4px}.sup-tab{flex:1;padding:10px 8px;border:none;background:transparent;font-family:Lato,sans-serif;font-size:14px;font-weight:700;color:#6B7280;cursor:pointer;border-radius:12px;transition:all .25s ease;text-align:center;letter-spacing:.3px}.sup-tab:hover{color:#191C20}.sup-tab-active{background:#FCFCFD;color:#191C20;box-shadow:0 1px 3px rgba(0,0,0,.08)}.sup-home-screen{height:100%;min-height:100dvh}.sup-home-cards,.sup-home-screen{display:flex;flex-direction:column}.sup-home-cards{gap:16px;padding:24px 16px;flex:1;animation:sup-fadeSlideUp .45s cubic-bezier(.16,1,.3,1) both}.sup-home-card{display:flex;align-items:center;gap:16px;background:#FCFCFD;border:1px solid #ababae;border-radius:24px;padding:24px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease}.sup-home-card:hover{border-color:#FABB22;box-shadow:0 4px 6px rgba(24,39,75,.03),0 8px 8px rgba(24,39,75,.06);transform:translateY(-1px)}.sup-home-card:active{transform:scale(.98);background:#FFF9E6}.sup-home-card-icon{font-size:22px;flex-shrink:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#FFEFD6;border-radius:12px}.sup-home-card-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sup-home-card-title{font-size:17px;font-weight:700;color:#191C20;letter-spacing:.5px;line-height:24px}.sup-home-card-desc{font-size:14px;color:#46474A;line-height:1.4}.sup-home-card-arrow{font-size:24px;color:#9CA3AF;flex-shrink:0}.sup-breadcrumb{padding:8px 16px;font-size:12px;color:#6B7280}.sup-breadcrumb-sep{color:#9CA3AF}.sup-category-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-category-grid{display:flex;flex-direction:column;gap:12px;padding:20px 16px;overflow-y:auto;flex:1}.sup-category-card{display:flex;align-items:center;gap:16px;background:#FCFCFD;border:1px solid #e5e5e7;border-radius:20px;padding:20px;cursor:pointer;text-align:left;transition:transform .15s ease,box-shadow .25s ease,border-color .25s ease;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.sup-category-card:first-child{animation-delay:0s}.sup-category-card:nth-child(2){animation-delay:.04s}.sup-category-card:nth-child(3){animation-delay:.08s}.sup-category-card:nth-child(4){animation-delay:.12s}.sup-category-card:nth-child(5){animation-delay:.16s}.sup-category-card:nth-child(6){animation-delay:.2s}.sup-category-card:nth-child(7){animation-delay:.24s}.sup-category-card:nth-child(8){animation-delay:.28s}.sup-category-card:nth-child(9){animation-delay:.32s}.sup-category-card:hover{border-color:#FABB22;box-shadow:0 4px 6px rgba(24,39,75,.03),0 8px 8px rgba(24,39,75,.06);transform:translateY(-1px)}.sup-category-card:active{transform:scale(.98)}.sup-category-icon{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#FFEFD6;border-radius:12px;flex-shrink:0}.sup-category-name{flex:1;font-size:16px;font-weight:700;color:#191C20;line-height:1.3;letter-spacing:.3px}.sup-category-arrow{font-size:22px;color:#9CA3AF}.sup-talk-to-agent-btn{display:flex;align-items:center;gap:16px;background:#FABB22;border:none;border-radius:20px;padding:20px;cursor:pointer;text-align:left;margin-top:8px;transition:transform .15s ease,box-shadow .25s ease;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both;animation-delay:.36s}.sup-talk-to-agent-btn:hover{box-shadow:0 4px 6px rgba(24,39,75,.03),0 8px 8px rgba(24,39,75,.06);transform:translateY(-1px)}.sup-talk-to-agent-btn:active{transform:scale(.98)}.sup-talk-to-agent-icon{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.4);border-radius:12px;flex-shrink:0}.sup-talk-to-agent-text{flex:1;font-size:16px;font-weight:700;color:#261900;line-height:1.3;letter-spacing:.3px}.sup-auto-resolve-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-auto-resolve-body{flex:1;padding:24px 16px;overflow-y:auto}.sup-auto-resolve-message{font-size:15px;line-height:1.6;color:#374151;background:#FCFCFD;border:1px solid #e5e5e7;border-radius:20px;padding:24px;animation:sup-fadeSlideUp .45s cubic-bezier(.16,1,.3,1) both}.sup-auto-resolve-link{color:#2563EB;text-decoration:underline;word-break:break-all}.sup-auto-resolve-actions{padding:16px;display:flex;flex-direction:column;gap:12px;background:#F4F4F5}.sup-btn-primary{width:100%;height:52px;border:none;border-radius:16px;background:#FABB22;color:#261900;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .15s ease,opacity .2s}.sup-btn-primary:hover{transform:translateY(-1px)}.sup-btn-primary:active{transform:scale(.98);opacity:.9}.sup-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.sup-btn-secondary{width:100%;height:52px;border:1px solid #c6c6ca;border-radius:16px;background:transparent;color:#191C20;font-size:16px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:transform .15s ease,background .2s}.sup-btn-secondary:hover{transform:translateY(-1px)}.sup-btn-secondary:active{background:#E5E5E7;transform:scale(.98)}.sup-ticket-form-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-form-category-label{padding:12px 16px;font-size:13px;font-weight:700;color:#46474A;letter-spacing:.3px}.sup-form-body{flex:1;padding:16px;overflow-y:auto;gap:16px;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.sup-form-body,.sup-form-field{display:flex;flex-direction:column}.sup-form-field{gap:6px}.sup-form-label{font-size:13px;font-weight:700;color:#374151;letter-spacing:.3px}.sup-required{color:#EF4444;margin-left:2px}.sup-form-input,.sup-form-select,.sup-form-textarea{width:100%;padding:14px 16px;border:1px solid #ababae;border-radius:16px;font-size:15px;font-family:Lato,sans-serif;background:#FCFCFD;color:#191C20;transition:border-color .25s ease,box-shadow .25s ease;outline:none}.sup-form-input:focus,.sup-form-select:focus,.sup-form-textarea:focus{border-color:#FABB22;box-shadow:0 0 0 3px rgba(250,187,34,.15)}.sup-form-textarea{resize:vertical;min-height:100px}.sup-form-error{font-size:12px;color:#EF4444}.sup-form-hint{font-size:12px;color:#6B7280;margin-top:4px;line-height:1.4}.sup-file-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:1px dashed #ababae;border-radius:12px;background:#F9FAFB;color:#374151;font-size:14px;font-weight:600;cursor:pointer;width:100%;justify-content:center}.sup-file-upload-btn:hover{background:#F3F4F6;border-color:#FABB22}.sup-file-upload-btn:disabled{opacity:.6;cursor:not-allowed}.sup-uploaded-files{display:flex;flex-direction:column;gap:6px;margin-top:8px}.sup-uploaded-file{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#ECFDF5;border:1px solid #a7f3d0;border-radius:8px}.sup-uploaded-file-name{font-size:13px;color:#065F46;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sup-uploaded-file-remove{background:none;border:none;color:#EF4444;font-size:18px;cursor:pointer;padding:0 4px;line-height:1}.sup-form-actions{padding:16px;background:#F4F4F5}.sup-sos-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-sos-body{flex:1;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:20px;animation:sup-fadeSlideUp .45s cubic-bezier(.16,1,.3,1) both}.sup-sos-icon{font-size:48px}.sup-sos-message{text-align:center;font-size:15px;color:#46474A;line-height:1.5}.sup-sos-contacts{width:100%;display:flex;flex-direction:column;gap:12px}.sup-sos-contact-card{display:flex;align-items:center;justify-content:space-between;background:#FCFCFD;border:1px solid #e5e5e7;border-radius:20px;padding:20px;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease}.sup-sos-contact-info{display:flex;flex-direction:column;gap:4px}.sup-sos-contact-name{font-weight:700;color:#191C20;font-size:16px}.sup-sos-contact-phone{font-size:14px;color:#6B7280;font-weight:600;letter-spacing:.5px}.sup-sos-copy-btn{padding:8px 20px;border-radius:12px;border:1px solid #fabb22;background:#FFF9E6;color:#92400E;font-weight:700;font-size:14px;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.sup-sos-copy-btn:hover{background:#FABB22;color:#261900}.sup-sos-copy-btn:active{transform:scale(.95)}.sup-guest-intro{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-guest-intro-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;gap:16px;animation:sup-fadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.sup-guest-intro-title{font-family:Cabinet Grotesk,sans-serif;font-size:26px;font-weight:800;letter-spacing:.2px}.sup-guest-intro-text{font-size:14px;color:#5C6168;margin-bottom:8px}.sup-confirmation-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-confirmation-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:16px;animation:sup-fadeSlideUp .5s cubic-bezier(.16,1,.3,1) both}.sup-confirmation-icon{font-size:56px}.sup-confirmation-title{font-family:Cabinet Grotesk,sans-serif;font-size:26px;font-weight:800;letter-spacing:.2px}.sup-confirmation-number{font-size:16px;color:#FABB22;font-weight:700}.sup-confirmation-subject{font-size:14px;color:#46474A}.sup-confirmation-text{font-size:15px;color:#46474A;line-height:1.5;max-width:300px}.sup-confirmation-actions{padding:16px;display:flex;flex-direction:column;gap:12px}.sup-ticket-list-screen{display:flex;flex-direction:column;height:100%;min-height:100dvh}.sup-ticket-list-embedded{display:flex;flex-direction:column;flex:1;overflow-y:auto;min-height:0}.sup-ticket-list-body,.sup-ticket-list-embedded .sup-ticket-list-body{flex:1;overflow-y:auto}.sup-ticket-list-body{padding:16px;display:flex;flex-direction:column;gap:12px}.sup-ticket-card{background:#FCFCFD;border:1px solid #e5e5e7;border-radius:20px;padding:20px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .25s ease,box-shadow .25s ease;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.sup-ticket-card:hover{border-color:#FABB22;box-shadow:0 4px 6px rgba(24,39,75,.03),0 8px 8px rgba(24,39,75,.06);transform:translateY(-1px)}.sup-ticket-card:active{transform:scale(.98)}.sup-ticket-card-top{display:flex;align-items:center;justify-content:space-between}.sup-ticket-number{font-size:12px;font-weight:700;color:#6B7280}.sup-status-badge{font-size:10px;font-weight:700;color:#fff;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.sup-ticket-subject{font-size:15px;font-weight:700;color:#191C20;line-height:1.3}.sup-ticket-card-bottom{display:flex;align-items:center;justify-content:space-between}.sup-ticket-date{font-size:12px;color:#9CA3AF}.sup-unread-badge{background:#FABB22;color:#261900;font-size:11px;font-weight:700;min-width:22px;height:22px;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 6px}.sup-ticket-last-msg{font-size:13px;color:#9CA3AF;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-detail-screen{display:flex;flex-direction:column;height:100dvh;height:100vh}@supports (height:100dvh){.sup-detail-screen{height:100dvh}}.sup-messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px}.sup-message{max-width:80%;padding:12px 16px;border-radius:20px;font-size:15px;line-height:1.4;word-break:break-word}.sup-message-user{align-self:flex-end;background:#FDE68A;color:#78350F;border-bottom-right-radius:6px}.sup-message-agent{align-self:flex-start;background:#FCFCFD;color:#191C20;border:1px solid #e5e5e7;border-bottom-left-radius:6px}.sup-message-system{align-self:center;background:#E5E5E7;color:#6B7280;font-size:12px;text-align:center;border-radius:12px}.sup-ticket-card-chat{align-self:center;width:100%;background:#FCFCFD;border:1px solid #e5e5e7;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.sup-ticket-card-chat-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.5px}.sup-ticket-card-chat-number{font-family:Cabinet Grotesk,sans-serif;font-size:18px;font-weight:800;color:#191C20}.sup-ticket-card-chat-desc{font-size:14px;color:#46474A;line-height:1.4}.sup-ticket-card-chat-status{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.sup-ticket-card-chat-badge{font-size:10px;font-weight:700;color:#fff;background:#3B82F6;padding:3px 10px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}.sup-ticket-card-chat-time{font-size:11px;color:#9CA3AF}.sup-message-sender{font-size:11px;font-weight:700;color:#6B7280;margin-bottom:2px}.sup-message-content{white-space:pre-wrap}.sup-message-time{font-size:10px;color:#9CA3AF;margin-top:4px;text-align:right}.sup-message-agent .sup-message-time{text-align:left}.sup-chat-empty,.sup-message-system .sup-message-time{text-align:center}.sup-chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9CA3AF;font-size:14px;padding:32px}.sup-chat-empty-icon{font-size:40px;opacity:.6}.sup-message-image{max-width:220px;max-height:220px;border-radius:12px;object-fit:cover;cursor:pointer;display:block;margin-bottom:4px;transition:opacity .2s}.sup-message-image:hover{opacity:.9}.sup-message-file{display:flex;align-items:center;gap:8px;padding:10px 14px;background:rgba(0,0,0,.04);border-radius:12px;text-decoration:none;color:inherit;font-size:13px;font-weight:600;margin-bottom:4px;transition:background .2s}.sup-message-file:hover{background:rgba(0,0,0,.08)}.sup-message-user .sup-message-file{background:rgba(255,255,255,.25);color:#261900}.sup-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:200;animation:sup-fadeIn .2s ease}.sup-lightbox,.sup-lightbox-close{display:flex;align-items:center;justify-content:center}.sup-lightbox-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.15);border:none;border-radius:99px;width:44px;height:44px;cursor:pointer;z-index:201}.sup-lightbox-img{max-width:90%;max-height:85vh;border-radius:8px;object-fit:contain}@keyframes sup-fadeIn{0%{opacity:0}to{opacity:1}}.sup-chat-input-bar{display:flex;align-items:flex-end;gap:8px;padding:12px;background:#FCFCFD;border-top:1px solid #e5e5e7;flex-shrink:0}.sup-chat-input{flex:1;min-height:44px;max-height:140px;border:1px solid #ababae;border-radius:22px;padding:11px 18px;font-size:15px;line-height:20px;font-family:Lato,sans-serif;outline:none;background:#FCFCFD;resize:none;overflow-y:auto;transition:border-color .25s ease,box-shadow .25s ease}.sup-chat-input:focus{border-color:#FABB22;box-shadow:0 0 0 3px rgba(250,187,34,.15)}.sup-chat-attach{width:44px;height:44px;border-radius:99px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s}.sup-chat-attach:hover{background:#E5E5E7}.sup-chat-attach:disabled{opacity:.4;cursor:not-allowed}.sup-spinner-small{width:20px;height:20px;border:2px solid #e5e5e7;border-top-color:#fabb22;border-radius:50%;animation:sup-spin .8s linear infinite}.sup-chat-send{width:44px;height:44px;border-radius:99px;border:none;background:#FABB22;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.sup-chat-send:hover{transform:scale(1.05)}.sup-chat-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.sup-ticket-closed-bar{padding:16px;text-align:center;font-size:14px;color:#6B7280;background:#E5E5E7;flex-shrink:0;border-radius:16px 16px 0 0}.sup-center{flex:1;display:flex;align-items:center;justify-content:center;min-height:200px}.sup-spinner{width:32px;height:32px;border:3px solid #e5e5e7;border-top-color:#fabb22;border-radius:50%;animation:sup-spin .8s linear infinite}@keyframes sup-spin{to{transform:rotate(1turn)}}.sup-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#9CA3AF;font-size:15px}.sup-error{color:#EF4444}.sup-error,.sup-toast{font-size:14px;text-align:center}.sup-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#191C20;color:#fff;padding:12px 24px;border-radius:16px;font-weight:600;z-index:100;cursor:pointer;max-width:90%;animation:sup-toast-in .3s cubic-bezier(.16,1,.3,1)}@keyframes sup-toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sup-waiting-screen{display:flex;flex-direction:column;height:100%}.sup-waiting-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;text-align:center}.sup-waiting-pulse{width:64px;height:64px;border-radius:50%;background:#E8F5E9;margin-bottom:24px;animation:sup-pulse 1.5s ease-in-out infinite}.sup-waiting-text{font-size:18px;font-weight:600;color:#191C20;margin-bottom:8px}.sup-waiting-ticket{font-size:14px;color:#6B7280;margin-bottom:4px}.sup-waiting-sub{font-size:14px;color:#9CA3AF;margin-bottom:32px}.sup-waiting-cancel{padding:10px 24px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6B7280;font-size:14px;cursor:pointer}.sup-waiting-cancel:hover{background:#F3F4F6}@keyframes sup-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.3);opacity:1}}.sup-csat-card{align-self:center;width:100%;background:#FFFBEB;border:1px solid #fde68a;border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;animation:sup-fadeSlideUp .4s cubic-bezier(.16,1,.3,1) both}.sup-csat-question{font-size:15px;font-weight:700;color:#92400E;text-align:center}.sup-csat-buttons{display:flex;gap:12px}.sup-csat-btn{padding:10px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;border:none;transition:transform .15s ease,opacity .2s}.sup-csat-btn:hover{transform:translateY(-1px)}.sup-csat-btn:active{transform:scale(.97)}.sup-csat-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sup-csat-yes{background:#10B981;color:#fff}.sup-csat-no{background:#EF4444;color:#fff}.sup-csat-thanks{font-size:14px;color:#059669;font-weight:600}@keyframes sup-fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sup-theme-syc .sup-category-name,.sup-theme-syc .sup-header-title,.sup-theme-syc .sup-home-card-desc,.sup-theme-syc .sup-home-card-title{font-family:Lato,sans-serif}.sup-theme-syc .sup-header-title{font-weight:800;letter-spacing:0}.sup-theme-syc .sup-category-card,.sup-theme-syc .sup-home-card{border-radius:16px}.sup-theme-syc .sup-category-card:hover,.sup-theme-syc .sup-home-card:hover{border-color:#FCC85B}.sup-theme-syc .sup-auto-resolve-message{background:#FFF8E1;border-color:#FDE68A;border-radius:16px;font-family:Lato,sans-serif;color:#46474A}