body{font-family:var(--font-nunito),Arial,sans-serif;color:#e0e0e0;background:#121212;margin:0;overflow:hidden auto}.page-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-box{text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:6px;width:380px;padding:25px}.system-title{color:#f5f5f5;margin-bottom:20px;font-size:22px;font-weight:700}.form-label{text-align:left;color:#ccc;margin-bottom:5px;font-size:14px;display:block}.form-input{color:#f5f5f5;background:#2a2a2a;border:1px solid #555;border-radius:3px;width:100%;margin-bottom:15px;padding:8px;font-size:14px}.form-input::placeholder{color:#888}.form-button{color:#fff;cursor:pointer;background:#3a6ea5;border:none;border-radius:3px;width:100%;padding:10px;font-size:15px}.form-button:hover{background:#335f8c}.footer-text{color:#777;margin-top:20px;font-size:12px}.dashboard-wrapper{background:#121212;width:100%;min-height:100vh;display:flex}.dashboard-sidebar{background:#1b1b1b;border-right:1px solid #333;flex-direction:column;gap:32px;width:250px;height:100vh;padding:24px 20px;transition:width .25s,padding .25s,max-height .25s;display:flex;overflow:hidden auto}.dashboard-sidebar.collapsed{align-items:center;width:72px;padding:24px 12px}.dashboard-main{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.dashboard-content{box-sizing:border-box;flex:1;justify-content:flex-start;align-items:flex-start;height:100%;padding:30px;display:flex;overflow:hidden}.sidebar-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-title{color:#f1f1f1;white-space:nowrap;font-size:18px;font-weight:700}.hamburger-btn{color:#f0f0f0;cursor:pointer;background:#262626;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.hamburger-btn:hover{background:#303030}.sidebar-menu{flex-direction:column;gap:6px;transition:max-height .25s,opacity .25s;display:flex}.menu-item{color:#cfcfcf;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .2s;display:flex}.menu-item:hover{color:#fff;background:#262626}.menu-icon{color:#fff;background:#2c2c2c;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.menu-label{font-size:14px;font-weight:500}.sidebar-user-wrapper{margin-top:auto;transition:max-height .25s,opacity .25s;position:relative}.sidebar-user{cursor:pointer;color:#fff;text-align:left;background:#242424;border:1px solid #333;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.sidebar-user.open{border-color:#3a6ea5}.user-avatar{background:#3a6ea5;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:inline-flex}.user-text{flex-direction:column;gap:2px;display:flex}.user-name{font-size:14px;font-weight:700}.user-role{color:#8e8e8e;font-size:12px}.user-caret{border-top:6px solid #cfcfcf;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-left:auto}.user-dropdown{opacity:0;pointer-events:none;z-index:10;background:#1f1f1f;border:1px solid #333;border-radius:12px;flex-direction:column;gap:6px;padding:8px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:72px;left:0;right:0;transform:translateY(12px)}.user-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown-item{color:#d9d9d9;border-radius:10px;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.dropdown-item:hover{color:#fff;background:#2a2a2a}@media (min-width:769px){.dashboard-sidebar.collapsed .sidebar-title,.dashboard-sidebar.collapsed .menu-label,.dashboard-sidebar.collapsed .user-text,.dashboard-sidebar.collapsed .user-caret{display:none}.dashboard-sidebar.collapsed .menu-item,.dashboard-sidebar.collapsed .dropdown-item{justify-content:center;padding:12px}.dashboard-sidebar.collapsed .menu-icon,.dashboard-sidebar.collapsed .dropdown-item .menu-icon{border-radius:12px}.dashboard-sidebar.collapsed .sidebar-user{justify-content:center;padding:14px 12px}.dashboard-sidebar.collapsed .user-dropdown{min-width:180px;left:78px;right:auto}}.dashboard-page{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:32px;width:100%;max-width:960px;min-height:100%;margin:0 auto;padding:40px 20px;display:flex}.dashboard-heading{text-align:left;flex-direction:column;gap:10px;width:100%;display:flex}.dashboard-heading .system-title{margin:0}.system-description{color:#b0b0b0;text-align:left;margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(6,minmax(140px,1fr));gap:20px;width:100%;display:grid}.stat-card{text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:6px;padding:20px}.stat-title{color:#aaa;margin-bottom:8px;font-size:14px}.stat-value{color:#fff;font-size:28px;font-weight:700}.dashboard-box{color:#dcdcdc;background:#1e1e1e;border:1px solid #333;border-radius:8px;width:100%;padding:30px}.dashboard-tabs{justify-content:flex-start;gap:12px;width:100%;display:flex}.dashboard-tab{color:#cfcfcf;cursor:pointer;background:#1b1b1b;border:1px solid #333;border-radius:999px;flex:none;padding:10px 20px;font-size:14px;transition:background .2s,border-color .2s,color .2s}.dashboard-tab.active{color:#fff;background:#3a6ea5;border-color:#4d83bc}.dashboard-placeholder{color:#b9b9b9;text-align:left;margin:0;font-size:16px}.ticket-list{flex-direction:column;gap:12px;display:flex}.ticket-row{cursor:pointer;background:#191919;border:1px solid #2e2e2e;border-radius:10px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .2s,transform .2s;display:flex}.ticket-row:hover{border-color:#3a6ea5;transform:translateY(-1px)}.ticket-message{flex:1;margin-right:16px;overflow:hidden}.ticket-session{color:#fff;margin-bottom:6px;font-size:14px;font-weight:600}.ticket-content{color:#c5c5c5;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.ticket-meta{text-align:right;flex-direction:column;gap:4px;min-width:180px;display:flex}.ticket-meta-time{color:#9f9f9f;font-size:13px}.ticket-meta-user{color:#fff;font-size:12px;font-weight:600}.ticket-placeholder{color:#9a9a9a;font-size:15px}.user-list{flex-direction:column;gap:12px;display:flex}.user-row{cursor:pointer;background:#171717;border:1px solid #2e2e2e;border-radius:10px;align-items:center;padding:16px;transition:border-color .2s,transform .2s;display:flex}.user-row:hover{border-color:#3a6ea5;transform:translateY(-1px)}.user-info{flex-direction:column;flex:1;gap:4px;display:flex}.user-avatar{color:#fff;background:#3a6ea5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:16px;font-weight:700;display:flex}.user-session{color:#f5f5f5;font-size:15px;font-weight:600}.user-source-badge{letter-spacing:.3px;text-transform:uppercase;color:#c7c7c7;background:#242424;border:1px solid #3a3a3a;border-radius:999px;align-items:center;width:fit-content;margin-left:auto;padding:3px 10px;font-size:11px;display:inline-flex}.user-placeholder{color:#9a9a9a;font-size:15px}.pagination-controls{justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.pagination-button{color:#f5f5f5;cursor:pointer;background:#1b1b1b;border:1px solid #333;border-radius:6px;padding:6px 14px;font-size:13px;transition:background .2s,border-color .2s}.pagination-button:hover:not(:disabled){background:#2a2a2a;border-color:#3a6ea5}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#b0b0b0;font-size:13px}.conversation-container{background:#121212;border:1px solid #282828;border-radius:12px;width:100%;height:100%;display:flex;overflow:hidden}.chat-left{background:#1b1b1b;border-right:1px solid #333;flex-direction:column;width:310px;display:flex}.chat-left-header{border-bottom:1px solid #333;padding:18px;font-size:18px;font-weight:700}.chat-search-box{border-bottom:1px solid #333;padding:12px}.chat-search-box input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:6px;width:100%;padding:10px}.chat-user-list{flex:1;overflow-y:auto}.chat-user-item{cursor:pointer;border-bottom:1px solid #262626;align-items:center;gap:10px;padding:12px;display:flex}.chat-user-item:hover{background:#242424}.chat-user-item.active{background:#2f2f2f}.chat-avatar-circle,.chat-header-avatar-circle{color:#fff;background:#3a6ea5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:700;display:flex}.chat-user-info{flex-direction:column;width:100%;min-width:0;display:flex;overflow:hidden}.chat-user-top-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.chat-user-name{color:#fff;flex:1;align-items:center;gap:6px;min-width:0;font-size:15px;font-weight:700;display:flex;overflow:hidden}.chat-user-name-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.chat-user-time{color:#8f8f8f;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500}.chat-user-last{color:#aaa;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-right{background:#121212;flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-content-split{flex:1;min-height:0;display:flex;overflow:hidden}.chat-main-column{flex-direction:column;flex:1;min-height:0;display:flex}.chat-ticket-sidebar{background:#181818;border-left:1px solid #333;flex-direction:column;width:260px;display:flex;overflow:hidden}.chat-ticket-sidebar-header{color:#fff;background:#1b1b1b;border-bottom:1px solid #333;flex-direction:column;gap:10px;padding:16px;font-size:15px;font-weight:600;display:flex}.chat-ticket-filters{background:#242424;border-radius:6px;gap:4px;padding:2px;display:flex}.chat-ticket-filters button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:4px 8px;font-size:11px;transition:all .2s}.chat-ticket-filters button:hover{color:#fff}.chat-ticket-filters button.active{color:#fff;background:#333;box-shadow:0 1px 3px #0003}.chat-ticket-sidebar-list{flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow-y:auto}.chat-ticket-sidebar-item{cursor:pointer;background:#242424;border:1px solid #333;border-radius:8px;padding:10px;transition:all .2s}.chat-ticket-sidebar-item:hover{background:#2c2c2c;border-color:#3a6ea5}.chat-ticket-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-ticket-item-status{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.chat-ticket-item-status.open{color:#3a6ea5;background:#3a6ea520;border:1px solid #3a6ea550}.chat-ticket-item-status.closed{color:#28a745;background:#28a74520;border:1px solid #28a74550}.chat-ticket-item-time{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.ticket-date{color:#aaa;text-transform:uppercase;font-size:10px;font-weight:500}.ticket-time{color:#777;font-size:11px}.chat-ticket-item-content{color:#ccc;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.highlight-msg{animation:2s ease-out highlight-pulse}@keyframes highlight-pulse{0%{background-color:#3a6ea566}to{background-color:#0000}}.chat-empty-state{background:#121212;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.chat-empty-card{text-align:center;background:#1b1b1b;border:1px dashed #2f2f2f;border-radius:12px;max-width:360px;padding:40px;box-shadow:0 20px 50px #00000059}.chat-empty-icon{margin-bottom:18px;font-size:38px}.chat-empty-title{color:#f5f5f5;margin-bottom:8px;font-size:20px;font-weight:600}.chat-empty-text{color:#b5b5b5;font-size:14px}.chat-header{z-index:5;background:#121212;border-bottom:1px solid #333;align-items:center;gap:12px;height:70px;padding:0 20px;display:flex;position:sticky;top:0}.chat-header-name{font-size:17px;font-weight:700}.chat-header-status{color:#7ddf7a;font-size:12px}.takeover-toggle{cursor:pointer;background:#222;border:1px solid #555;border-radius:20px;align-items:center;width:70px;height:30px;margin-left:auto;display:flex}.toggle-slider{text-align:center;color:#fff;border-radius:20px;width:50%;height:26px;font-size:12px;line-height:26px;transition:all .2s}.toggle-slider.off{background:#b33939;margin-left:2px}.toggle-slider.on{background:#16a34a;margin-left:34px}.chat-body{scrollbar-width:none;flex:1;padding:20px;overflow-y:auto}.chat-body::-webkit-scrollbar{display:none}.chat-user-list{scrollbar-width:none}.chat-user-list::-webkit-scrollbar{display:none}.chat-date-wrapper{justify-content:center;width:100%;display:flex}.chat-date-pill{color:#ff862e;text-align:center;background:#4d1301;border:1px solid #4d1301;border-radius:999px;justify-content:center;align-self:center;align-items:center;margin:10px auto;padding:4px 12px;font-size:12px;display:inline-flex}.chat-msg{flex-direction:column;max-width:65%;margin-bottom:18px;display:flex}.chat-msg.left{align-items:flex-start}.chat-msg.right{align-items:flex-end;margin-left:auto}.chat-msg.center{align-items:center;margin-left:auto;margin-right:auto}.chat-msg-text{color:#fff;word-break:break-word;overflow-wrap:anywhere;background:#1e1e1e;border:1px solid #333;border-radius:8px;width:fit-content;padding:12px 15px;font-size:14px}.chat-msg.left.user-msg .chat-msg-text{color:#e2e2e2;background:#2d2d2d}.chat-msg.left.human-cs-msg .chat-msg-text{color:#fff;background:#5a3d9a;border:1px solid #442d78}.chat-msg.right.ai-msg .chat-msg-text{color:#fff;background:#3a6ea5}.chat-msg.right.cs-msg .chat-msg-text{box-shadow:0 0 10px #28a74580;color:#fff!important;background:#28a745!important;border:1px solid #1f7c34!important}.chat-msg-time{color:#888;margin-top:4px;font-size:11px}.chat-input-area{z-index:5;background:#1b1b1b;border-top:1px solid #333;padding:12px;display:flex;position:sticky;bottom:0;left:0;right:0}.chat-input-area input,.chat-input-area textarea{color:#fff;resize:none;background:#262626;border:1px solid #444;border-radius:6px;flex:1;max-height:6em;padding:12px;font-family:inherit;font-size:14px;overflow-y:auto}.chat-input-area textarea{scrollbar-width:none}.chat-input-area textarea::-webkit-scrollbar{display:none}.chat-input-area button{color:#fff;cursor:pointer;background:#3a6ea5;border:none;border-radius:6px;margin-left:10px;padding:10px 18px;font-size:18px}.chat-input-area button:hover{background:#335f8c}.input-disabled,.btn-disabled{opacity:.4;cursor:not-allowed}.chat-input-area button:disabled{background:#444!important}.chat-input-area input:disabled,.chat-input-area textarea:disabled{background:#222}.chat-photo-icon{margin-right:6px}.markdown-body{word-break:break-word;overflow-wrap:anywhere;white-space:normal!important}.chat-msg-text a,.demo-chat-markdown a,.markdown-body a{color:#8ab4ff;text-underline-offset:3px;word-break:break-word;overflow-wrap:anywhere;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.demo-chat-bubble-user .demo-chat-markdown a{color:#1b49ff}.markdown-body ol,.markdown-body ul{margin-left:1.2rem!important}.markdown-body li{margin-bottom:6px!important}.ticket-badge{color:#fff;text-align:center;background:#b33939;border-radius:50%;flex-shrink:0;min-width:18px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.ticket-center-wrapper{justify-content:center;width:100%;margin-bottom:6px;display:flex}.ticket-left-wrapper{justify-content:flex-start;width:100%;margin-bottom:6px;display:flex}.ticket-status-box{text-align:center;cursor:pointer;border:1px solid #555;border-radius:999px;min-width:150px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .2s,color .2s,border-color .2s}:root{--bg-dark:#000;--bg-card:#121212;--text-white:#fff;--text-grey:#a1a1aa;--orb-gradient:radial-gradient(circle at 30% 30%,#fff 0%,#a5b4fc 20%,#c084fc 50%,#6366f1 100%)}body{background-color:var(--bg-dark);font-family:var(--font-nunito),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0}.demo-chat-page{min-height:100dvh;color:var(--text-white);background:radial-gradient(252.34% 235.49% at 50% -36.53%,#ff4d00 0%,#000 32.21%),linear-gradient(#000,#000);flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.demo-chat-onboarding{box-sizing:border-box;z-index:10;flex-direction:column;flex:1;justify-content:space-between;align-items:center;width:100%;max-width:450px;padding:40px 24px;display:flex}.demo-chat-text-container{text-align:center;flex-direction:column;align-items:center;width:100%;margin-bottom:auto;display:flex}.demo-chat-orb-wrapper-onboarding{justify-content:center;align-items:center;width:100px;height:100px;margin:60px auto 40px;display:flex;position:relative}.demo-chat-orb-wrapper-onboarding:before,.demo-chat-orb-wrapper-onboarding:after{content:"";border:1px solid #a855f74d;border-radius:50%;animation:3s linear infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.demo-chat-orb-wrapper-onboarding:before{width:140px;height:140px;animation-delay:0s}.demo-chat-orb-wrapper-onboarding:after{border-color:#a855f726;width:200px;height:200px;animation-delay:1.5s}@keyframes ripple{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.1)}}.demo-chat-orb-core{background:var(--orb-gradient);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 40px #a855f799}.demo-chat-onboarding-title{color:#ccc;letter-spacing:-.5px;width:100%;margin-bottom:16px;font-size:42px;font-weight:300;line-height:1.1}.demo-chat-onboarding-title span{color:#fff;font-weight:600;display:block}.demo-chat-onboarding-subtitle{color:var(--text-grey);margin-bottom:30px;font-size:14px;font-weight:300;line-height:1.5}.demo-chat-dots{justify-content:center;gap:8px;margin-bottom:40px;display:flex}.demo-chat-dot{background:#333;border-radius:50%;width:6px;height:6px}.demo-chat-dot.active{background:#fff}.demo-chat-actions-container{flex-direction:column;gap:12px;width:100%;display:flex}.demo-chat-onboarding-input{box-sizing:border-box;color:#fff;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;outline:none;width:100%;padding:16px;font-size:16px;transition:all .2s}.demo-chat-onboarding-input:focus{background:#ffffff1a;border-color:#a855f780}.demo-chat-onboarding-button{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:30px;width:100%;padding:16px;font-size:16px;font-weight:500;transition:background .2s}.demo-chat-onboarding-button:hover{background:#ffffff2e}.demo-chat-onboarding-secondary{cursor:pointer;color:#fff;background:0 0;border:1px solid #ffffff26;border-radius:30px;width:100%;padding:16px;font-size:16px;font-weight:500}.demo-chat-onboarding-secondary:hover{background:#ffffff0d}.demo-chat-widget{-webkit-backdrop-filter:none;width:100%;max-width:none;height:100dvh;max-height:none;box-shadow:none;background:0 0;border:none;flex-direction:column;display:flex;position:relative}.demo-chat-widget:before{content:"";opacity:.4;z-index:0;border-radius:inherit;pointer-events:none;background:#631e0099;position:absolute;inset:0}@media (min-width:768px){.demo-chat-widget{border:1.2px solid #ff862e80;border-radius:40px;width:min(100vw - 48px,640px);max-width:640px;height:min(92vh,900px);max-height:900px;margin-top:20px;box-shadow:0 0 50px #00000080}}.demo-chat-bg-glow{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f726,#0000 70%);width:300px;height:300px;position:absolute;top:-100px;left:-50px}.demo-chat-page-user{--chat-theme-bg:#fff;--chat-theme-surface:#fff8f2;--chat-theme-surface-soft:#fff1e2;--chat-theme-border:#ff862e3d;--chat-theme-border-strong:#d54b0057;--chat-theme-border-muted:#52525b3d;--chat-theme-text:#18181b;--chat-theme-text-soft:#52525b;--chat-theme-text-faint:#71717a;--chat-theme-black:#111;--chat-theme-orange:#ff862e;--chat-theme-orange-deep:#d54b00;--chat-theme-shadow:0 18px 40px #11182714;background:#ff862e}.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-x:clamp(18px,4.6vw,24px);--chat-shell-header-pad-top:clamp(20px,5vw,24px);--chat-shell-header-pad-bottom:clamp(12px,1.8vh,16px);--chat-shell-header-gap:10px;--chat-shell-messages-pad-x:clamp(16px,4.2vw,20px);--chat-shell-messages-pad-top:clamp(10px,1.8vh,18px);--chat-shell-messages-pad-bottom:clamp(10px,1.6vh,18px);--chat-shell-messages-gap:clamp(8px,1.5vh,12px);--chat-shell-hero-justify:center;--chat-shell-hero-pad-top:clamp(8px,2.4vh,20px);--chat-shell-hero-pad-bottom:clamp(6px,1.7vh,14px);--chat-shell-hero-gap:clamp(6px,1.1vh,10px);--chat-shell-hero-max-width:330px;--chat-shell-hero-copy-max-width:308px;--chat-shell-hero-copy-gap:clamp(6px,.9vh,10px);--chat-shell-hero-text-offset:clamp(8px,1.2vh,14px);--chat-shell-orb-size:clamp(176px,29vh,236px);--chat-shell-greeting-size:clamp(21px,3.1vh,24px);--chat-shell-greeting-gap:6px;--chat-shell-greeting-shift-y:-10px;--chat-shell-badge-font-size:clamp(10px,1.25vh,11px);--chat-shell-title-font-size:clamp(14px,1.9vh,15px);--chat-shell-copy-font-size:clamp(11px,1.55vh,12px);--chat-shell-bottom-gap:clamp(8px,1.2vh,12px);--chat-shell-bottom-inline-pad:clamp(16px,4.2vw,20px);--chat-shell-safe-bottom:calc(12px + env(safe-area-inset-bottom,0px));--chat-shell-suggestion-gap:clamp(6px,.9vh,8px);--chat-shell-suggestion-min-height:clamp(42px,5.2vh,52px);--chat-shell-suggestion-block-pad:clamp(10px,1.1vh,12px);--chat-shell-suggestion-inline-pad:2px;--chat-shell-control-size:clamp(36px,5vh,40px);--chat-shell-input-gap:clamp(8px,1vh,10px);--chat-shell-input-pill-pad-y:clamp(6px,.9vh,8px);background:#fff;border-radius:0;overflow:hidden}.demo-chat-page-user .demo-chat-widget:before,.demo-chat-page-user .demo-chat-bg-glow{display:none}.demo-chat-header{padding:var(--chat-shell-header-pad-top,24px)var(--chat-shell-header-pad-x,24px)var(--chat-shell-header-pad-bottom,10px);z-index:10;justify-content:space-between;align-items:center;gap:var(--chat-shell-header-gap,12px);flex-shrink:0;display:flex}.demo-chat-header-actions{align-items:center;gap:var(--chat-shell-header-gap,10px);display:flex}.demo-chat-user-info{align-items:center;gap:var(--chat-shell-header-gap,12px);display:flex}.demo-chat-avatar{justify-content:center;align-items:center;width:19px;height:23px;display:flex}.demo-chat-avatar img{object-fit:contain;width:100%;height:100%}.demo-chat-title{font-family:var(--font-nunito),sans-serif;color:#ff862e;letter-spacing:-.02em;font-size:15px;font-weight:800;line-height:100%}.demo-chat-icon-btn{color:#ff862e;width:var(--chat-shell-control-size,40px);height:var(--chat-shell-control-size,40px);cursor:pointer;background:#7b330080;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .18s,transform .18s,box-shadow .18s,opacity .18s;display:flex}.demo-chat-icon-btn:hover:not(:disabled){background:#ff862e2e;transform:translateY(-1px);box-shadow:0 0 0 2px #ff862e26,0 6px 14px #00000073}.demo-chat-icon-btn:disabled{opacity:.4;cursor:default}.demo-chat-suggestion-list{gap:var(--chat-shell-suggestion-gap,8px);padding:0 var(--chat-shell-bottom-inline-pad,20px);flex-direction:column;margin-bottom:0;display:flex}.demo-chat-suggestion-item{width:100%;min-width:0;padding:var(--chat-shell-suggestion-block-pad,10px)var(--chat-shell-suggestion-inline-pad,12px);color:#f5f5f5;text-align:left;cursor:pointer;min-height:var(--chat-shell-suggestion-min-height,52px);background:#2d1300;border:none;border-radius:12px;align-items:center;gap:8px;display:flex}.demo-chat-suggestion-item:hover:not(:disabled){background:#461e05}.demo-chat-suggestion-item:disabled{opacity:.5;cursor:default}.demo-chat-suggestion-icon{color:#ff862e;flex-shrink:0;justify-content:center;align-items:center;display:flex}.demo-chat-suggestion-icon svg{width:clamp(16px,2vh,20px);height:clamp(16px,2vh,20px)}.demo-chat-suggestion-text{min-width:0;font-family:var(--font-nunito),sans-serif;flex:1;font-size:clamp(11px,1.6vh,12px);font-weight:800;line-height:1.32}.demo-chat-suggestion-loading{color:#ff862e;width:100%;font-size:12px;font-family:var(--font-nunito),sans-serif;background:#2b0e00;border:1px solid #6d2d00;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-weight:700;display:flex}@keyframes demo-chat-spin{to{transform:rotate(360deg)}}.demo-chat-messages{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:var(--chat-shell-messages-pad-top,20px)var(--chat-shell-messages-pad-x,20px)var(--chat-shell-messages-pad-bottom,20px);gap:var(--chat-shell-messages-gap,12px);z-index:10;scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 3% 97%,#0000);mask-image:linear-gradient(#0000,#000 3% 97%,#0000)}.demo-chat-messages::-webkit-scrollbar{display:none}.demo-chat-jump-latest{left:50%;bottom:calc(var(--chat-shell-safe-bottom,12px) + var(--chat-shell-control-size,40px) + 22px);z-index:30;min-height:34px;color:var(--chat-theme-orange,#ff862e);cursor:pointer;background:#fff;border:1px solid #ff862e47;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 28px #11182729}.demo-chat-jump-latest:hover{border-color:#ff862e6b;box-shadow:0 14px 32px #11182733}.demo-chat-jump-latest:active{transform:translate(-50%)translateY(1px);box-shadow:0 8px 20px #11182729}.demo-chat-bottom-section{gap:var(--chat-shell-bottom-gap,12px);z-index:10;width:100%;padding-bottom:var(--chat-shell-safe-bottom,calc(12px + env(safe-area-inset-bottom,0px)));background:0 0;flex-direction:column;flex-shrink:0;margin-top:auto;display:flex}.demo-chat-hero-container{justify-content:var(--chat-shell-hero-justify,center);min-height:0;width:min(100%,var(--chat-shell-hero-max-width,320px));align-self:center;align-items:center;gap:var(--chat-shell-hero-gap,16px);text-align:center;padding:var(--chat-shell-hero-pad-top,0)0 var(--chat-shell-hero-pad-bottom,0);flex-direction:column;flex:1;animation:.26s ease-out demo-chat-hero-in;display:flex}.demo-chat-hero-greeting{color:#f8fafc;justify-content:center;align-items:baseline;gap:var(--chat-shell-greeting-gap,6px);max-width:100%;font-size:var(--chat-shell-greeting-size,clamp(18px,3.2vh,24px));letter-spacing:.02em;text-wrap:balance;transform:translateY(var(--chat-shell-greeting-shift-y,0));flex-wrap:wrap;margin:-4px 0 0;font-weight:700;line-height:1.08;animation:.26s ease-out demo-chat-hero-text-in;display:flex}.demo-chat-hi{color:#ff862e}.demo-chat-hero-subtitle{color:#3e2813b8;letter-spacing:.01em;text-align:center;margin-top:-8px;font-size:13px;font-weight:600;line-height:1.35;animation:.3s ease-out demo-chat-hero-text-in}.demo-chat-orb-wrapper-chat{width:min(100%,var(--chat-shell-orb-size,clamp(156px,34vh,256px)));aspect-ratio:256/237;flex-shrink:0;justify-content:center;align-items:center;height:auto;margin:0;display:flex;position:relative}.demo-chat-orb-image{object-fit:contain;z-index:2;width:100%;height:100%;animation:3.2s ease-in-out infinite demo-chat-orb-breathe;position:relative}.demo-chat-hero-text{gap:var(--chat-shell-hero-copy-gap,clamp(6px,1vh,10px));margin-top:var(--chat-shell-hero-text-offset,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffb04a29 0%,#ff7a4514 100%),#ffffff0a;border:1px solid #ffbe5c38;border-radius:18px;flex-direction:column;width:min(100%,320px);padding:14px 16px;animation:.32s ease-out demo-chat-hero-text-in;display:flex;box-shadow:0 14px 36px #0000002e}.demo-chat-hero-warning-badge{color:#ffd27a;font-size:var(--chat-shell-badge-font-size,clamp(10px,1.3vh,11px));letter-spacing:.08em;text-transform:uppercase;background:#22273094;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:6px;padding:clamp(5px,.8vh,6px) clamp(8px,1.3vh,10px);font-weight:700;display:inline-flex}.demo-chat-hero-warning-title{color:#fff5df;font-size:var(--chat-shell-title-font-size,clamp(13px,2vh,15px));text-wrap:balance;font-weight:700;line-height:1.3}.demo-chat-hero-warning-copy{color:#f4efe4c2;font-size:var(--chat-shell-copy-font-size,clamp(11px,1.7vh,12px));letter-spacing:.01em;font-weight:400;line-height:1.45}.demo-chat-hero-description{color:#3e2813c7;text-align:center;text-wrap:balance;font-size:clamp(13px,1.75vh,14px);font-weight:500;line-height:1.5}.demo-chat-orb-core{animation:3.2s ease-in-out infinite demo-chat-orb-breathe}@keyframes demo-chat-hero-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-chat-hero-text-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-chat-orb-breathe{0%{filter:drop-shadow(0 0 20px #ff683a99);transform:scale(1)}50%{filter:drop-shadow(0 0 35px #ff683acc);transform:scale(1.04)}to{filter:drop-shadow(0 0 20px #ff683a99);transform:scale(1)}}.demo-chat-actions-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 20px 10px;display:grid}.demo-chat-action-card{cursor:pointer;text-align:left;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;height:90px;padding:14px;transition:transform .2s;display:flex}.demo-chat-action-card:active{transform:scale(.98)}.demo-chat-card-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.demo-chat-card-label{font-size:13px;font-weight:600;line-height:1.2}.card-purple{background:linear-gradient(145deg,#a855f74d,#4c1d9533)}.card-blue{background:linear-gradient(145deg,#3b82f64d,#1e3a8a33)}.card-dark{background:linear-gradient(145deg,#4b55634d,#1f293733)}.card-pink{background:linear-gradient(145deg,#ec48994d,#83184333)}.demo-chat-input-area{padding:0 var(--chat-shell-bottom-inline-pad,20px);flex-shrink:0}.demo-chat-input-wrapper{align-items:center;gap:var(--chat-shell-input-gap,clamp(8px,1vh,10px));width:100%;padding:var(--chat-shell-input-pill-pad-y,clamp(6px,.9vh,8px))12px;background:#63290080;border:1px solid #ffffff1f;border-radius:999px;display:flex;box-shadow:0 4px 20px #00000080}.demo-chat-input{color:#fff;resize:none;letter-spacing:.02em;text-align:left;background:0 0;border:none;outline:none;flex:1;max-height:6em;padding:8px 0;font-family:inherit;font-size:14.4px;font-weight:400;line-height:100%;transition:color .16s,opacity .16s;overflow-y:auto}.demo-chat-input::placeholder{color:#c06905}.demo-chat-input{scrollbar-width:none}.demo-chat-input::-webkit-scrollbar{display:none}.demo-chat-input:disabled{opacity:.5;cursor:not-allowed}.demo-chat-upload-icon,.demo-chat-send-icon{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(36px,5.2vh,40px);height:clamp(36px,5.2vh,40px);transition:background .18s,transform .18s,box-shadow .18s,opacity .18s;display:flex}.demo-chat-upload-icon{color:#ff862e;background:#6b2d00}.demo-chat-upload-icon:hover{color:#ffaa5a;background:#8c3c00;transform:translateY(-1px);box-shadow:0 6px 16px #00000073}.demo-chat-send-icon{background:linear-gradient(#ff862e 0%,#d54b00 100%);border-radius:24.5px;box-shadow:0 4px 4px #00000040}.demo-chat-send-icon:disabled,.demo-chat-upload-icon:disabled{opacity:.4;cursor:not-allowed}.demo-chat-message-row{gap:0;width:100%;margin-bottom:12px;display:flex}.demo-chat-message-row.user{justify-content:flex-end}.demo-chat-message-row.bot{justify-content:flex-start;align-items:flex-end}.demo-chat-message-row .demo-chat-avatar-ai,.demo-chat-message-row .demo-chat-avatar-cs{flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:0;display:flex;transform:translateY(8px)}.demo-chat-message-row .demo-chat-avatar-cs img{object-fit:cover;border:1.5px solid #fff3;border-radius:50%;width:40px;height:40px}.demo-chat-bubble{word-break:break-word;overflow-wrap:anywhere;border-radius:20px;flex-direction:column;gap:8px;width:fit-content;max-width:85%;padding:12px 16px;font-size:14px;line-height:1.5;display:flex;box-shadow:0 4px 12px #0003}.demo-chat-bubble-stack{flex-direction:column;align-items:flex-start;max-width:85%;display:flex}.demo-chat-message-row.user .demo-chat-bubble-stack{align-items:flex-end}.demo-chat-message-row.user .demo-chat-bubble-stack .demo-chat-bubble{max-width:100%}.demo-chat-send-status{color:#a1a1aa;padding:4px 4px 0;font-size:11px;line-height:1.2}.demo-chat-send-status-failed{color:#dc2626;align-items:center;gap:6px;display:flex}.demo-chat-send-status-failed button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.demo-chat-send-status-failed button:disabled{cursor:not-allowed;opacity:.5}.demo-chat-bubble-user{color:#fff;background:linear-gradient(270deg,#d06227 0%,#f37c14 100%);border-bottom-right-radius:4px}.demo-chat-bubble-bot{color:#e4e4e7;background:#501800;border:1px solid #6d2d00;border-bottom-left-radius:4px}.demo-chat-bubble-bot-cs{background:#501800;border-color:#6d2d00}.demo-chat-image-wrapper{border-radius:16px;max-width:240px;overflow:hidden}.demo-chat-image{object-fit:cover;width:100%;height:100%;display:block}.demo-chat-markdown{white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.5}.demo-chat-markdown p{margin:0 0 8px}.demo-chat-markdown p:last-child{margin-bottom:0}.demo-chat-markdown ul,.demo-chat-markdown ol{margin:8px 0;padding-left:24px}.demo-chat-markdown ul{list-style-type:disc}.demo-chat-markdown ol{list-style-type:decimal}.demo-chat-markdown li{margin:4px 0;padding-left:4px}.demo-chat-markdown li>p{margin:0;display:inline}.demo-chat-markdown b,.demo-chat-markdown strong{color:#fff;font-weight:700}.demo-chat-ai-note{font-family:var(--font-nunito),sans-serif;color:#e4e4e7b3;margin-top:4px;padding-left:4px;font-size:10px;line-height:1.35}.typing-indicator{align-items:center;gap:4px;display:inline-flex}.typing-dot{background:#d4d4d8;border-radius:50%;width:6px;height:6px;animation:1.1s ease-in-out infinite typingBlink}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingBlink{0%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}to{opacity:.2;transform:translateY(0)}}.chat-mode-divider{color:#ea6200;width:100%;font-size:11px;font-family:var(--font-nunito),sans-serif;align-items:center;gap:8px;margin:10px 0;font-weight:300;display:flex}.chat-mode-divider:before,.chat-mode-divider:after{content:"";background:#a34603;flex:1;height:1px}.chat-mode-divider span{white-space:nowrap}.demo-chat-entry{flex-direction:column;width:100%;display:flex}.demo-chat-upload-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.demo-chat-upload-modal{background:#501800;border:1px solid #6d2d00;border-radius:20px;flex-direction:column;gap:12px;width:92%;max-width:420px;padding:16px 20px 24px;animation:.3s modalFadeIn;display:flex;overflow:hidden;box-shadow:0 18px 45px #000000bf}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.demo-chat-upload-modal-title{color:#fff;text-align:left;margin-bottom:2px;padding:0;font-size:15px;font-weight:400}.demo-chat-upload-preview{background:#0003;border:1px solid #6d2d0080;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:280px;display:flex;position:relative;overflow:hidden}.demo-chat-upload-preview img{object-fit:contain;width:100%;max-height:280px;display:block}.demo-chat-upload-textarea{resize:none;color:#fff;background:#320f0080;border:1px solid #6d2d00;border-radius:12px;outline:none;width:100%;min-height:90px;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.demo-chat-upload-textarea::placeholder{color:#fff;opacity:.6}.demo-chat-upload-textarea:focus{border-color:#ff862e80;box-shadow:0 0 0 1px #ff862e33}.demo-chat-upload-actions{justify-content:flex-end;gap:12px;margin-top:4px;padding:0;display:flex}.demo-chat-upload-btn{cursor:pointer;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.demo-chat-upload-btn.cancel{color:#fff;background:#360d00;border:1px solid #653023}.demo-chat-upload-btn.cancel:hover{background:#501400;border-color:#823c2d}.demo-chat-upload-btn.primary{color:#fff;background:linear-gradient(#ff862e 0%,#d54b00 100%);border:none;box-shadow:0 4px 12px #d54b004d}.demo-chat-upload-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #d54b0080}.demo-chat-upload-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.demo-chat-page-user .demo-chat-widget{color:var(--chat-theme-text)}.demo-chat-page-user .demo-chat-header{padding-bottom:var(--chat-shell-header-pad-bottom,16px);background:#fff;border-bottom:none}.demo-chat-page-user .demo-chat-title{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-icon-btn{border:1px solid var(--chat-theme-border-muted);color:var(--chat-theme-black);-webkit-tap-highlight-color:transparent;background:#fff;box-shadow:0 8px 18px #1118270f}.demo-chat-page-user .demo-chat-icon-btn:hover:not(:disabled){background:#f4f4f5;box-shadow:0 0 0 2px #52525b14,0 10px 22px #11182714}.demo-chat-page-user .demo-chat-icon-btn.is-available:not(:disabled){color:var(--chat-theme-orange);background:#ff862e1f;border-color:#ff862e52}.demo-chat-page-user .demo-chat-icon-btn:active:not(:disabled){background:#ededf0;box-shadow:0 0 0 2px #52525b0f,0 6px 16px #11182714}.demo-chat-page-user .demo-chat-messages{background:linear-gradient(#fff8f2b8 0%,#fff 10% 100%)}.demo-chat-page-user .demo-chat-bottom-section{background:linear-gradient(#fff0 0%,#fffffff0 18%,#fff 100%)}.demo-chat-page-user .demo-chat-hero-greeting,.demo-chat-page-user .demo-chat-hi{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-name{color:var(--chat-theme-orange);overflow-wrap:anywhere;max-width:100%}.demo-chat-page-user .demo-chat-hero-subtitle{color:var(--chat-theme-text-soft)}.demo-chat-page-user .demo-chat-orb-image{filter:none;animation:none}.demo-chat-page-user .demo-chat-hero-text{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(100%,var(--chat-shell-hero-copy-max-width,308px));background:0 0;border:none;margin-top:0;padding:0}.demo-chat-page-user .demo-chat-hero-warning-badge{background:var(--chat-theme-orange);color:#fff}.demo-chat-page-user .demo-chat-hero-warning-title{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-hero-warning-copy,.demo-chat-page-user .demo-chat-hero-description{color:var(--chat-theme-text-soft)}.demo-chat-page-user .demo-chat-suggestion-item{color:var(--chat-theme-black);border:none;border-bottom:1px solid var(--chat-theme-border-muted);box-shadow:none;padding:var(--chat-shell-suggestion-block-pad,clamp(8px,1vh,12px))var(--chat-shell-suggestion-inline-pad,2px);min-height:var(--chat-shell-suggestion-min-height,clamp(40px,5.5vh,52px));-webkit-tap-highlight-color:transparent;background:0 0;border-radius:0}.demo-chat-page-user .demo-chat-suggestion-item:hover:not(:disabled){background:0 0;border-bottom-color:#52525b57}.demo-chat-page-user .demo-chat-suggestion-item:active:not(:disabled){background:0 0;border-bottom-color:#52525b6b}.demo-chat-page-user .demo-chat-suggestion-icon{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-suggestion-loading{border:1px solid var(--chat-theme-border-muted);color:var(--chat-theme-black);background:#fff}.demo-chat-page-user .demo-chat-input-wrapper{border:1px solid var(--chat-theme-border-muted);background:#fff;box-shadow:0 12px 28px #11182714}.demo-chat-page-user .demo-chat-input-wrapper:focus-within{border-color:#d54b0085;box-shadow:0 0 0 4px #ff862e1f}.demo-chat-page-user .demo-chat-input{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-input::placeholder{color:var(--chat-theme-text-faint)}.demo-chat-page-user .demo-chat-upload-icon{color:var(--chat-theme-black);border:1px solid var(--chat-theme-border-muted);-webkit-tap-highlight-color:transparent;background:#fff;box-shadow:0 8px 18px #1118270f}.demo-chat-page-user .demo-chat-upload-icon:hover{color:var(--chat-theme-black);background:#f4f4f5;box-shadow:0 0 0 2px #52525b14,0 10px 22px #11182714}.demo-chat-page-user .demo-chat-upload-icon:active:not(:disabled){background:#ededf0;box-shadow:0 0 0 2px #52525b0f,0 6px 16px #11182714}.demo-chat-page-user .demo-chat-send-icon{background:var(--chat-theme-orange);box-shadow:0 10px 22px #d54b0047}.demo-chat-login-cta-area{padding:0 var(--chat-shell-bottom-inline-pad,20px);flex-direction:column;flex-shrink:0;gap:10px;display:flex}.demo-chat-login-cta{width:100%;min-height:var(--chat-shell-control-size,40px);background:var(--chat-theme-orange);color:#fff;cursor:pointer;border:none;border-radius:999px;font-size:14px;font-weight:700;line-height:1;transition:background .18s,transform .18s,box-shadow .18s;box-shadow:0 10px 22px #d54b0047}.demo-chat-login-cta:hover{background:var(--chat-theme-orange-deep);box-shadow:0 12px 26px #d54b0052}.demo-chat-login-cta:active{transform:translateY(1px)}.demo-chat-login-cta:disabled{color:#ffffffdb;box-shadow:none;cursor:not-allowed;background:#fed7aa}.demo-chat-login-cta:disabled:hover{box-shadow:none;background:#fed7aa}.demo-chat-login-secondary{width:100%;min-height:var(--chat-shell-control-size,40px);border:1px solid var(--chat-theme-orange);color:var(--chat-theme-orange);cursor:pointer;background:#fff;border-radius:999px;font-size:14px;font-weight:700;line-height:1;transition:background .18s,border-color .18s,color .18s,transform .18s;box-shadow:0 8px 18px #d54b0014}.demo-chat-login-secondary:hover{border-color:var(--chat-theme-orange-deep);color:var(--chat-theme-orange-deep);background:#ff862e14}.demo-chat-login-secondary:active{transform:translateY(1px)}.demo-chat-page-user .demo-chat-widget.demo-chat-widget-login-locked{--chat-shell-hero-justify:center;--chat-shell-hero-pad-top:0px;--chat-shell-hero-pad-bottom:0px;--chat-shell-hero-gap:clamp(8px,1.4vh,12px);--chat-shell-hero-text-offset:clamp(8px,1.2vh,12px)}.demo-chat-page-user .demo-chat-widget-login-hero .demo-chat-messages{place-items:center;display:grid}.demo-chat-page-user .demo-chat-widget-login-hero .demo-chat-hero-container{width:min(100%,var(--chat-shell-hero-max-width,330px));flex:none;min-height:auto}.demo-chat-page-user .demo-chat-widget-guest-details .demo-chat-messages{place-items:center;display:grid}.demo-chat-guest-details-panel{width:min(100%,330px);padding:0 var(--chat-shell-bottom-inline-pad,20px);box-sizing:border-box;text-align:center}.demo-chat-guest-details-image{aspect-ratio:256/237;width:clamp(112px,18vh,156px);margin:0 auto 14px}.demo-chat-guest-details-title{color:var(--chat-theme-black);font-size:24px;font-weight:800;line-height:1.12}.demo-chat-guest-details-description{color:var(--chat-theme-text-soft);margin-top:8px;font-size:13px;font-weight:500;line-height:1.4}.demo-chat-guest-details-fields{flex-direction:column;gap:10px;margin-top:24px;display:flex}.demo-chat-guest-field{text-align:left;flex-direction:column;gap:6px;display:flex}.demo-chat-guest-field span{color:var(--chat-theme-orange-deep);letter-spacing:.08em;font-size:10px;font-weight:800}.demo-chat-guest-field input{box-sizing:border-box;border:1px solid var(--chat-theme-border-muted);width:100%;height:44px;color:var(--chat-theme-black);background:#fff;border-radius:14px;outline:none;padding:0 14px;font-size:14px;font-weight:600;transition:border-color .18s,box-shadow .18s;box-shadow:0 8px 18px #1118270d}.demo-chat-guest-field input:focus{border-color:#d54b0085;box-shadow:0 0 0 4px #ff862e1f}.demo-chat-page-user .chat-date-pill{border:1px solid var(--chat-theme-border);color:var(--chat-theme-orange-deep);background:#fff;box-shadow:0 2px 8px #ff862e0d}.demo-chat-page-user .chat-mode-divider{color:var(--chat-theme-black)}.demo-chat-page-user .chat-mode-divider:before,.demo-chat-page-user .chat-mode-divider:after{background:#52525b47}.demo-chat-page-user .demo-chat-message-row .demo-chat-avatar-cs img{background:#fff;border-color:#ff862e4d;box-shadow:0 8px 18px #11182714}.demo-chat-page-user .demo-chat-bubble{box-shadow:0 10px 24px #11182714}.demo-chat-page-user .demo-chat-bubble-user{background:var(--chat-theme-orange);color:#fff}.demo-chat-page-user .demo-chat-bubble-bot{color:var(--chat-theme-black);border:1px solid var(--chat-theme-border-muted);background:#f4f4f5}.demo-chat-page-user .demo-chat-ai-note{color:var(--chat-theme-text-faint)}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs{color:var(--chat-theme-black);border-color:var(--chat-theme-border-muted);background:#f4f4f5}.demo-chat-page-user .demo-chat-markdown a{color:var(--chat-theme-orange-deep)}.demo-chat-page-user .demo-chat-bubble-user .demo-chat-markdown a{color:#fff5eb}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .demo-chat-markdown a{color:var(--chat-theme-orange-deep)}.demo-chat-page-user .demo-chat-bubble-bot .demo-chat-markdown b,.demo-chat-page-user .demo-chat-bubble-bot .demo-chat-markdown strong{color:var(--chat-theme-black)}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .demo-chat-markdown b,.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .demo-chat-markdown strong,.demo-chat-page-user .demo-chat-bubble-user .demo-chat-markdown b,.demo-chat-page-user .demo-chat-bubble-user .demo-chat-markdown strong{color:#fff}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .demo-chat-markdown b,.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .demo-chat-markdown strong{color:var(--chat-theme-black)}.demo-chat-page-user .typing-dot{background:var(--chat-theme-orange)}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .typing-dot,.demo-chat-page-user .demo-chat-bubble-user .typing-dot{background:#fff}.demo-chat-page-user .demo-chat-bubble-bot.demo-chat-bubble-bot-cs .typing-dot{background:var(--chat-theme-orange)}.demo-chat-page-user .demo-chat-upload-modal{border:1px solid var(--chat-theme-border-muted);background:#fff;box-shadow:0 24px 60px #11182738}.demo-chat-page-user .demo-chat-upload-modal-title{color:var(--chat-theme-black);font-weight:700}.demo-chat-page-user .demo-chat-upload-preview{border-color:var(--chat-theme-border-muted);background:#f4f4f5}.demo-chat-page-user .demo-chat-upload-textarea{border:1px solid var(--chat-theme-border-muted);color:var(--chat-theme-black);background:#fff}.demo-chat-page-user .demo-chat-upload-textarea::placeholder{color:var(--chat-theme-text-faint);opacity:1}.demo-chat-page-user .demo-chat-upload-textarea:focus{border-color:#d54b007a;box-shadow:0 0 0 3px #ff862e1f}.demo-chat-page-user .demo-chat-upload-btn.cancel{color:var(--chat-theme-orange);background:0 0;border:none}.demo-chat-page-user .demo-chat-upload-btn.cancel:hover{color:var(--chat-theme-orange-deep);background:0 0}.demo-chat-page-user .demo-chat-upload-btn.primary{background:var(--chat-theme-orange);color:#fff;box-shadow:0 10px 22px #d54b003d}.demo-chat-page-user .demo-chat-modal-spinner-wrapper{color:var(--chat-theme-text-soft)}@media (max-width:767px){.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-x:20px;--chat-shell-header-pad-top:20px;--chat-shell-header-pad-bottom:12px;--chat-shell-messages-pad-x:16px;--chat-shell-messages-pad-top:12px;--chat-shell-messages-pad-bottom:12px;--chat-shell-messages-gap:8px;--chat-shell-hero-max-width:312px;--chat-shell-hero-copy-max-width:290px;--chat-shell-orb-size:clamp(172px,31vh,220px);--chat-shell-greeting-size:22px;--chat-shell-greeting-shift-y:-12px;--chat-shell-bottom-inline-pad:16px;--chat-shell-safe-bottom:calc(14px + env(safe-area-inset-bottom,0px));--chat-shell-suggestion-min-height:clamp(40px,5.1vh,48px);--chat-shell-copy-font-size:12px}}@media (max-width:767px) and (max-height:740px){.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-x:16px;--chat-shell-header-pad-top:16px;--chat-shell-header-pad-bottom:10px;--chat-shell-header-gap:8px;--chat-shell-messages-pad-x:14px;--chat-shell-messages-pad-top:8px;--chat-shell-messages-pad-bottom:10px;--chat-shell-messages-gap:6px;--chat-shell-hero-justify:flex-start;--chat-shell-hero-pad-top:4px;--chat-shell-hero-pad-bottom:4px;--chat-shell-hero-gap:8px;--chat-shell-hero-text-offset:10px;--chat-shell-hero-max-width:300px;--chat-shell-hero-copy-max-width:286px;--chat-shell-orb-size:clamp(150px,27vh,188px);--chat-shell-greeting-size:20px;--chat-shell-greeting-shift-y:-10px;--chat-shell-title-font-size:14px;--chat-shell-copy-font-size:11.5px;--chat-shell-bottom-gap:6px;--chat-shell-bottom-inline-pad:14px;--chat-shell-safe-bottom:calc(10px + env(safe-area-inset-bottom,0px));--chat-shell-suggestion-min-height:40px;--chat-shell-suggestion-block-pad:8px;--chat-shell-control-size:36px}.demo-chat-page-user .demo-chat-suggestion-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}}@media (max-width:767px) and (max-height:620px){.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-top:15px;--chat-shell-header-pad-bottom:8px;--chat-shell-messages-pad-top:6px;--chat-shell-messages-pad-bottom:8px;--chat-shell-hero-gap:6px;--chat-shell-hero-text-offset:8px;--chat-shell-hero-pad-top:0;--chat-shell-hero-pad-bottom:0;--chat-shell-hero-max-width:288px;--chat-shell-hero-copy-max-width:276px;--chat-shell-orb-size:148px;--chat-shell-greeting-size:18px;--chat-shell-greeting-shift-y:-8px;--chat-shell-title-font-size:13px;--chat-shell-copy-font-size:11px;--chat-shell-bottom-gap:4px;--chat-shell-suggestion-min-height:36px;--chat-shell-suggestion-block-pad:7px}}@media (max-width:767px) and (max-height:560px){.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-top:14px;--chat-shell-header-pad-bottom:8px;--chat-shell-messages-pad-top:4px;--chat-shell-messages-pad-bottom:6px;--chat-shell-hero-gap:5px;--chat-shell-hero-text-offset:6px;--chat-shell-hero-max-width:276px;--chat-shell-hero-copy-max-width:264px;--chat-shell-orb-size:132px;--chat-shell-greeting-size:17px;--chat-shell-greeting-shift-y:-6px;--chat-shell-title-font-size:12.5px;--chat-shell-copy-font-size:10.5px;--chat-shell-safe-bottom:calc(8px + env(safe-area-inset-bottom,0px));--chat-shell-suggestion-min-height:34px;--chat-shell-suggestion-block-pad:6px}}@media (min-width:768px){.demo-chat-page-user{box-sizing:border-box;justify-content:center;padding:24px}.demo-chat-page-user .demo-chat-widget{--chat-shell-header-pad-x:32px;--chat-shell-messages-pad-x:32px;--chat-shell-bottom-inline-pad:32px;--chat-shell-hero-max-width:430px;--chat-shell-hero-copy-max-width:400px;border-color:#ff862e57;border-radius:40px;width:min(100vw - 48px,640px);max-width:640px;height:min(92vh,900px);max-height:900px;margin-top:0;box-shadow:0 24px 60px #1118271f}.demo-chat-page-user .demo-chat-bubble,.demo-chat-page-user .demo-chat-bubble-stack{max-width:78%}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.dashboard-sidebar{width:210px}.dashboard-content{padding:24px}}@media (max-width:768px){.page-container{align-items:flex-start;height:auto;min-height:100vh;padding:20px}.login-box{width:100%;max-width:420px}.dashboard-wrapper{flex-direction:column;min-height:100vh}.dashboard-sidebar{border-bottom:1px solid #333;border-right:none;flex-direction:column;width:100%;height:auto;max-height:520px;overflow:hidden}.dashboard-sidebar.collapsed{border-bottom:1px solid #333;align-items:flex-start;width:100%;max-height:92px;padding:16px 20px}.dashboard-sidebar.collapsed .sidebar-menu,.dashboard-sidebar.collapsed .sidebar-user-wrapper{opacity:0;pointer-events:none;max-height:0;margin:0;overflow:hidden}.dashboard-sidebar.collapsed .sidebar-header{justify-content:space-between;align-items:center;width:100%;display:flex}.dashboard-main{width:100%;height:auto}.dashboard-content{padding:20px 16px 32px;overflow:visible}.dashboard-tabs{flex-wrap:wrap}.ticket-row,.user-row{flex-direction:column;align-items:flex-start}.ticket-meta{text-align:left;align-items:flex-start;width:100%;min-width:auto;margin-top:10px}.conversation-container{flex-direction:column;height:100vh;max-height:100vh}.chat-left{border-bottom:1px solid #333;border-right:none;flex:none;width:100%;max-height:360px;overflow-y:auto}.chat-left-header{justify-content:space-between;align-items:center;display:flex}.chat-right{flex:1;width:100%;min-height:0}.chat-header{flex-wrap:wrap;height:auto;padding:16px}.chat-input-area{flex-direction:column;gap:10px}.chat-input-area button{width:100%;margin-left:0}.chat-input-area input,.chat-input-area textarea{width:100%}.chat-user-list{max-height:240px}.chat-body{padding:16px 16px 110px}.ticket-center-wrapper{justify-content:center;width:100%;margin-left:0}}@media (max-width:480px){.page-container{padding:16px}.system-title{font-size:20px}.dashboard-content{padding:16px 14px 28px}.stat-card{padding:16px}.dashboard-tab{text-align:center;flex:1;min-width:140px}.chat-body{padding:14px 14px 100px}.chat-msg{max-width:100%}.chat-msg-text{font-size:13px}.ticket-status-box{min-width:120px}}.ticket-status-box.open{color:#fff;background:#b33939;border-color:#992b2b}.ticket-status-box.closed{color:#fff;background:#2e7d32;border-color:#1f5a24}.demo-chat-spinner,.demo-chat-spinner-small{border:2px solid #ff862e1a;border-top-color:#ff862e;border-radius:50%;animation:.8s linear infinite demo-chat-spin}.demo-chat-spinner{width:24px;height:24px}.demo-chat-modal-spinner-wrapper{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.demo-chat-spinner-small{border-width:1.5px;width:16px;height:16px}