@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--bg:#f5f7f1;--surface:#fff;--surface-tint:#fbfcf8;--border:#1e281412;--border-soft:#1e28140b;--text:#29321f;--text-muted:#8b9280;--primary:#7fa050;--primary-dark:#5c7a3a;--primary-light:#eef3e2;--sidebar-bg:#26311d;--radius:16px;--radius-sm:12px;--radius-pill:999px;--shadow-soft:0 10px 30px #23301412;--shadow-soft-sm:0 4px 14px #2330140f;--shadow-modal:0 24px 64px #141c0c38;--shadow-primary:0 8px 20px #7fa05047;--transition:all .2s ease-in-out;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1e28142e transparent}html,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;height:100%;margin:0}html{background:var(--bg)}body{background:var(--bg);color:var(--text);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;font-family:var(--font-inter,"Inter"), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;min-height:100vh}button{cursor:pointer;transition:var(--transition);font-family:inherit}input,select,textarea{transition:var(--transition);font-family:inherit;font-size:14px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:#1e281429 padding-box padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:#1e281442 padding-box padding-box}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--sidebar-bg);color:#e7efdc;z-index:2;flex-direction:column;flex-shrink:0;width:226px;padding:20px 14px;display:flex;position:relative;box-shadow:6px 0 28px #0a10041f}.sidebar-brand{justify-content:center;align-items:center;padding:14px 4px 22px;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:5px;margin-top:22px;display:flex}.sidebar-nav-item{border-radius:var(--radius-sm);color:#cdd9bd;text-align:left;background:0 0;border:none;align-items:center;gap:11px;padding:11px 14px;font-size:14px;display:flex}.sidebar-nav-item:hover{background:#ffffff14;transform:translate(1px)}.sidebar-nav-item.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-primary)}.sidebar-nav-icon{font-size:16px}.sidebar-nav-badge{color:#fff;border-radius:var(--radius-pill);background:#fff3;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.sidebar-nav-item.active .sidebar-nav-badge{background:#ffffff52}.sidebar-user{border-radius:var(--radius-sm);background:#ffffff0b;align-items:center;gap:10px;margin-bottom:6px;padding:11px 10px;display:flex}.sidebar-user-name{color:#f3f6ef;font-size:13px;font-weight:600}.sidebar-user-role,.sidebar-user-phone{color:#a3b592;margin-top:1px;font-size:11.5px}.sidebar-user-phone{color:#9fb185}.sidebar-user-info{min-width:0}.sidebar-logo-mark{object-fit:contain;width:auto;max-width:100%;height:46px;display:block}.sidebar-logout-btn{border-radius:var(--radius-sm);color:#cdd9bd;background:0 0;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;padding:10px;font-size:12.5px;font-weight:600;display:flex}.sidebar-logout-btn:hover{color:#fff;background:#ffffff14}.app-main{flex:1;min-height:0;display:flex;overflow:hidden}.panel-layout{width:100%;height:100%;display:flex}.channel-list{background:var(--surface);border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;width:324px;display:flex;overflow:hidden}.channel-list-search{border-bottom:1px solid var(--border-soft);padding:16px}.channel-list-search input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);outline:none;width:100%;padding:9px 14px}.channel-list-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7fa05024}.channel-list-section{border-bottom:1px solid var(--border-soft);padding:12px 10px}.ticket-scroll{flex:1;padding:6px;overflow-y:auto}.ticket-filters{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;gap:7px;padding:12px 16px;display:flex}.ticket-filter-chip{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding:6px 14px;font-size:12px}.ticket-filter-chip:hover{border-color:var(--primary);color:var(--primary-dark)}.ticket-filter-chip.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-soft-sm);border-color:#0000}.ticket-item{text-align:left;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:8px;width:100%;margin-bottom:4px;padding:13px 15px;display:flex}.ticket-item.active{background:var(--primary-light);box-shadow:inset 3px 0 0 0 var(--primary)}.ticket-item-main{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:100%;padding:0;display:flex}.ticket-item-main:hover{opacity:.92}.ticket-item-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ticket-start-btn{border-radius:var(--radius-pill);background:var(--primary-light);color:var(--primary-dark);border:1px solid #7fa05059;padding:5px 10px;font-size:11px;font-weight:700}.ticket-start-btn:hover{background:#e2ecd0}.ticket-room-link{color:var(--primary-dark);border-radius:var(--radius-pill);background:var(--surface-tint);border:1px solid var(--border-soft);padding:4px 8px;font-size:11px;font-weight:600;text-decoration:none}.ticket-room-link.subtle{color:var(--text-muted)}.ticket-room-link:hover{border-color:var(--primary)}.ticket-item-top,.ticket-item-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.ticket-item-top-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.ticket-item--unread .ticket-item-name{color:var(--text);font-weight:700}.ticket-unread-badge{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;min-width:20px;height:20px;box-shadow:var(--shadow-primary);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.ticket-item-bottom{color:var(--text-muted);font-size:12px}.ticket-item-name{color:var(--text);font-size:14px;font-weight:600}.ticket-item-agent{align-items:center;gap:5px;display:flex}.ticket-item-updated{color:#9ca3af;font-size:11px}.badge{border-radius:var(--radius-pill);flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600}.chat-window{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:var(--surface);border-bottom:1px solid var(--border-soft);padding:18px 26px}.chat-header-title{letter-spacing:-.01em;font-size:16.5px;font-weight:700}.chat-header-subtitle{color:var(--text-muted);margin-top:3px;font-size:12px}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:18px;padding:22px 26px;display:flex;overflow-y:auto}.chat-messages-anchor{flex-shrink:0;width:1px;height:1px}.chat-message{gap:10px;max-width:70%;display:flex}.chat-message.from-me{flex-direction:row-reverse;align-self:flex-end}.chat-message-meta{align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.chat-message.from-me .chat-message-meta{flex-direction:row-reverse}.chat-message-author{font-size:12px;font-weight:600}.chat-message-time{color:var(--text-muted);font-size:11px}.chat-bubble{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px;padding:11px 16px;font-size:14px;line-height:1.5;box-shadow:0 2px 10px #1e281408}.chat-message.from-me .chat-bubble{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-primary);border-color:#0000}.chat-input-bar{background:var(--surface);border-top:1px solid var(--border-soft);gap:10px;padding:16px 26px;display:flex}.chat-input-bar input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);outline:none;flex:1;padding:11px 16px}.chat-input-bar input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7fa05024}.chat-input-bar button{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-primary);border:none;padding:11px 22px;font-size:14px;font-weight:600}.chat-input-bar button:hover:not(:disabled){transform:translateY(-1px)}.chat-input-bar button:disabled{box-shadow:none;cursor:not-allowed;background:#d3ddc4}.locked-input-bar{background:var(--surface);border-top:1px solid var(--border-soft);padding:16px 26px}.closed-input-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-tint);color:#6b7568;width:100%;padding:13px;font-size:13px;font-weight:600}.empty-state{color:var(--text-muted);text-align:center;margin:auto;padding:24px;font-size:14px;line-height:1.6}.presence-group{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.presence-chip{background:var(--surface-tint);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:12px;display:flex}.presence-chip-label{font-weight:600}.presence-chip-status{color:var(--text-muted);font-size:11px}.presence-chip--online{background:#f3fbf5;border-color:#22c55e59}.chat-header-presence{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.presence-inline{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.typing-indicator{color:var(--text-muted);align-items:center;gap:8px;padding:4px 2px 0;font-size:12px;display:flex}.typing-dots{align-items:center;gap:3px;display:inline-flex}.typing-dots span{background:var(--primary);opacity:.45;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.presence-empty{color:var(--text-muted);font-size:12px}.ticket-detail-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ticket-detail-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;max-width:360px;display:flex}.ticket-detail-actions button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);padding:8px 14px;font-size:12px;font-weight:600}.ticket-detail-actions button:hover{background:var(--surface-tint);border-color:var(--primary)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex;position:relative;box-shadow:0 3px 8px #00000024}.avatar-sm{width:28px;height:28px;font-size:12px}.presence-chip .avatar-sm{width:22px;height:22px;font-size:10px}.status-dot{background:#cbd5c0;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #fff9}.status-dot--online{background:#22c55e}.attachment-bar{align-items:center;gap:4px;display:flex}.attachment-btn{border-radius:var(--radius-sm);background:var(--surface-tint);border:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.attachment-btn:hover{background:var(--primary-light);border-color:var(--primary)}.attachment-btn input[type=file]{display:none}.msg-attachment-img{border-radius:var(--radius-sm);max-width:240px;box-shadow:var(--shadow-soft-sm);margin-bottom:6px;display:block}.logout-screen{background:var(--bg);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.logout-card{background:var(--surface);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-soft);max-width:360px;padding:42px 48px}.logout-logo-mark{width:auto;height:30px;margin:0 auto 20px;display:block}.logout-title{margin-bottom:8px;font-size:17px;font-weight:700}.logout-sub{color:var(--text-muted);margin-bottom:24px;font-size:13px;line-height:1.6}.logout-reenter-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-primary);border:none;padding:12px 26px;font-size:14px;font-weight:600}.panel-placeholder{color:var(--text-muted);text-align:center;flex:1;justify-content:center;align-items:center;padding:24px;font-size:14px;display:flex}.error-banner{border-radius:var(--radius-sm);color:#b91c1c;background:#fee2e2;margin:12px 16px;padding:10px 12px;font-size:13px}.loading-banner{border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary-dark);margin:12px 16px;padding:10px 12px;font-size:13px}.panel-stack{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.auth-screen{background:linear-gradient(135deg,#eef3e2 0%,#d8e6bf 45%,#7fa050 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card,.auth-loading-card{width:100%;max-width:420px;box-shadow:var(--shadow-modal);background:#fffffff5;border:1px solid #ffffffa6;border-radius:20px;padding:32px 28px}.auth-loading-card{text-align:center}.auth-logo-wrap{justify-content:center;margin-bottom:18px;display:flex}.auth-logo{width:auto!important;height:42px!important;max-height:42px!important}.auth-header{text-align:center;margin-bottom:22px}.auth-header-icon{margin-bottom:8px;font-size:28px}.auth-title{color:var(--text);letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.auth-subtitle{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:700}.auth-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);outline:none;width:100%;padding:12px 14px;font-size:15px}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7fa05024}.auth-otp-input{letter-spacing:.35em;text-align:center;font-size:22px;font-weight:700}.auth-primary-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;width:100%;box-shadow:var(--shadow-primary);border:none;margin-top:8px;padding:13px 16px;font-size:14px;font-weight:700}.auth-primary-btn:hover:not(:disabled){transform:translateY(-1px)}.auth-primary-btn:disabled{box-shadow:none;cursor:not-allowed;background:#d3ddc4}.auth-back-btn{color:var(--text-muted);background:0 0;border:none;margin-bottom:12px;padding:0;font-size:13px;font-weight:600}.auth-back-btn:hover{color:var(--primary-dark)}.auth-error-banner{z-index:200;border-radius:var(--radius-sm);color:#b91c1c;max-width:92vw;box-shadow:var(--shadow-soft);background:#fee2e2;padding:10px 14px;font-size:13px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.mobile-tab-bar,.mobile-list-header,.chat-back-btn{display:none}.chat-header-main{flex:1;min-width:0;display:block}.chat-header-content{min-width:0}@media (max-width:900px){.app-shell{flex-direction:column;height:100dvh;min-height:100dvh}.sidebar--desktop{display:none}.mobile-tab-bar{z-index:40;background:var(--sidebar-bg);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0a10042e}.mobile-tab-item{color:#a3b592;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:52px;padding:4px 2px;font-size:11px;font-weight:600;display:flex;position:relative}.mobile-tab-item.active{color:#fff;background:#7fa05038}.mobile-tab-icon{font-size:18px;line-height:1}.mobile-tab-label{text-align:center;line-height:1.1}.mobile-tab-badge{border-radius:var(--radius-pill);color:#fff;background:#ef4444;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:calc(50% - 22px)}.app-main{min-height:0;padding-bottom:calc(64px + env(safe-area-inset-bottom));flex:1}.panel-layout{height:100%;position:relative}.channel-list{border-right:none;width:100%;max-width:none;height:100%}.panel-layout--detail .channel-list,.panel-layout:not(.panel-layout--detail) .chat-window{display:none}.panel-layout--detail .chat-window{z-index:5;background:var(--bg);width:100%;height:100%;display:flex;position:absolute;inset:0}.mobile-list-header{border-bottom:1px solid var(--border-soft);background:var(--surface);align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.mobile-list-logo{width:auto!important;height:28px!important;max-height:28px!important}.mobile-list-header-text{flex:1;min-width:0}.mobile-list-title{color:var(--text);letter-spacing:-.01em;font-size:15px;font-weight:700}.mobile-list-user{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.mobile-logout-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-tint);color:var(--text-muted);flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:600}.channel-list-search,.ticket-item{padding:12px 14px}.ticket-item-name{font-size:13px;line-height:1.35}.ticket-item-actions{display:none}.ticket-item-bottom{flex-wrap:wrap;gap:6px}.chat-back-btn{border:1px solid var(--border);background:var(--surface-tint);width:36px;height:36px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:inline-flex}.chat-header-main{align-items:flex-start;gap:10px;display:flex}.chat-header{padding:12px 14px}.chat-header-title{word-break:break-word;font-size:14px;line-height:1.35}.chat-header-subtitle{font-size:11px}.ticket-detail-header{flex-direction:column;gap:10px}.ticket-detail-actions{justify-content:flex-start;width:100%;max-width:none}.ticket-detail-actions button{flex:1;min-width:0;padding:7px 10px;font-size:11px}.presence-group{margin-top:8px}.presence-chip-status{display:none}.chat-messages{gap:14px;padding:14px 12px}.chat-message{max-width:88%}.msg-attachment-img{max-width:min(100%,220px)}.chat-input-bar{padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:8px}.chat-input-bar input{min-width:0;padding:10px 12px;font-size:16px}.chat-input-bar button{flex-shrink:0;padding:10px 14px;font-size:13px}.attachment-btn{width:34px;height:34px}.empty-state{padding:16px;font-size:13px}.auth-screen{min-height:100dvh;padding:16px}.auth-card,.auth-loading-card{border-radius:16px;padding:24px 20px}.auth-title{font-size:20px}}@media (max-width:420px){.ticket-detail-actions button:nth-child(3){display:none}.chat-input-bar button{padding-inline:12px}}