:root{--blue: #1565d8;--blue-light: #e8f0fe;--text: #24354a;--muted: #8a97a8;--line: #edf1f7;--soft: #f6f8fb;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0}html,body{height:100%}body{background:#eaf1fb}#root{display:grid;grid-template-columns:56px 174px minmax(280px,330px) minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);height:calc(100dvh - 20px);width:calc(100% - 20px);margin:10px;background:#fff;overflow:hidden;border-radius:12px;box-shadow:0 14px 44px #23457c21}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#dbe3ee;border-radius:8px}::-webkit-scrollbar-track{background:transparent}input,button{font-family:inherit}.rail{grid-row:1 / 3;background:var(--soft);border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:4px}.rail .logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1565d8,#2e8bff);box-shadow:0 6px 14px #1565d859;display:grid;place-items:center;margin-bottom:22px;cursor:pointer}.rail .logo svg{width:20px;height:20px;fill:#fff}.rail .nav-item{position:relative;width:42px;height:42px;border:none;border-radius:12px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:all .15s}.rail .nav-item svg{width:18px;height:18px;fill:currentColor}.rail .nav-item:hover{background:var(--blue-light);color:var(--blue)}.rail .nav-item.active{background:var(--blue);color:#fff;box-shadow:0 6px 12px #1565d84d}.nav-unread-badge,.menu-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e53935;color:#fff;font-size:11px;font-weight:800;line-height:1}.nav-unread-badge{position:absolute;top:0;right:-3px;min-width:17px;height:17px;padding:0 3px;font-size:9px}.menu-unread-badge{margin-left:auto;flex-shrink:0}.rail .spacer{flex:1}.rail .logout{border:none;background:none;color:var(--muted);cursor:pointer;font-size:12px;padding:8px;border-radius:10px;margin-top:8px}.rail .logout:hover{background:#fdeaea;color:#e74c3c}.rail .avatar{width:38px;height:38px;border-radius:50%;background:#24354a;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;border:0;padding:0;overflow:hidden;cursor:pointer}.rail .avatar img{width:100%;height:100%;object-fit:cover}.rail .avatar:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.topbar{grid-column:2 / 5;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);position:relative;z-index:20}.topbar .site-select{position:relative;flex:0 1 240px;min-width:0;max-width:240px}.topbar .chip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:4px 9px;cursor:pointer;box-shadow:0 1px 4px #1428500f;min-width:0;max-width:240px;width:100%}.topbar .chip .site-label{min-width:0;display:flex;flex-direction:column;overflow:hidden;text-align:left}.topbar .chip .name,.topbar .chip .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.topbar .chip:hover{background:var(--soft)}.topbar .chip:disabled{cursor:default}.topbar .chip .site-icon{width:28px;height:28px;border-radius:7px;background:#24354a;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}.topbar .site-icon img{width:100%;height:100%;object-fit:contain;border-radius:inherit;background:#fff}.topbar .chip .name{font-weight:800;font-size:12px;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.topbar .chip .sub{font-size:10px;color:var(--muted);margin-top:1px}.topbar .chip .site-caret{color:var(--muted);font-size:17px;line-height:1;margin-left:auto}.site-menu{position:absolute;top:calc(100% + 8px);left:0;width:min(320px,calc(100vw - 36px));max-height:min(350px,calc(100dvh - 80px));overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 16px 40px #1936602b}.site-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:left}.site-menu-item:hover,.site-menu-item:focus-visible,.site-menu-item.selected{background:var(--blue-light)}.site-menu-item .site-icon{width:34px;height:34px;border-radius:8px}.site-menu-text{display:flex;flex-direction:column;min-width:0;gap:2px}.site-menu-text strong,.site-menu-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-menu-text strong{font-size:12px}.site-menu-text small{color:var(--muted);font-size:11px}.site-menu-item svg{margin-left:auto;flex:0 0 auto;color:var(--blue)}.topbar .page-title{font-size:14px;font-weight:800;letter-spacing:.6px;color:var(--text)}.topbar .config{margin-left:auto;border:none;background:none;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px}.topbar .config:hover{background:var(--soft);color:var(--text)}.topbar .config svg{width:15px;height:15px;fill:currentColor}.menu-toggle{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:#fff;cursor:pointer}.menu-toggle:hover{color:var(--blue);background:var(--blue-light);border-color:#d1e2fa}.menu{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:2px;padding:16px 10px 16px 18px;border-right:1px solid var(--line);overflow-y:auto}.menu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;background:none;border-left:3px solid transparent;color:var(--text);font-size:13px;cursor:pointer;text-align:left;border-radius:8px}.menu-item svg{width:16px;height:16px;fill:var(--muted);flex-shrink:0}.menu-item:hover{background:var(--soft)}.menu-item.active{color:var(--blue);font-weight:700;background:var(--blue-light);border-radius:8px}.menu-item.active svg{fill:var(--blue)}.side{grid-column:3;grid-row:2;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line)}.site-picker{margin:14px 14px 10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #1428500d;font-family:inherit}.site-icon{width:30px;height:30px;border-radius:7px;background:#24354a;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex-shrink:0}.site-picker .name{font-weight:700;font-size:13px;color:var(--text);display:block}.site-picker .sub{font-size:10px;color:var(--muted);display:block;margin-top:1px}.site-picker .caret{margin-left:auto;color:var(--muted);font-size:10px}.side .tabs{display:flex;gap:4px;margin:0 14px 10px;background:transparent;padding:0;min-width:0;overflow:visible}.side .primary-tabs{display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none}.side .primary-tabs::-webkit-scrollbar{display:none}.side .tabs button{flex:none;border:none;border-radius:6px;padding:7px 6px;background:transparent;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.side .tabs button.active{background:var(--blue);color:#fff;box-shadow:0 2px 6px #1565d840}.side .filter-more{position:relative;flex:0 0 auto}.side .tabs .filter-more-trigger{width:30px;height:29px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:1px}.side .filter-more-trigger svg{flex:0 0 auto}.side .filter-more-trigger span{font-size:12px;line-height:1}.side .filter-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:15;min-width:128px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 26px #19366026}.side .filter-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;text-align:left;font-size:12px}.side .filter-menu button:hover,.side .filter-menu button.selected{background:var(--blue-light);color:var(--blue)}.side .filter-menu button svg:last-child:not(:first-child){margin-left:auto}.side .tabs .tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#eaf0f8;color:#516886;font-size:10px;line-height:1;font-weight:750}.side .tabs button.active .tab-badge{background:#fff3;color:#fff}.side .tabs .tab-badge.needs-assignment,.side .tabs button.active .tab-badge.needs-assignment{background:#fee7e7;color:#c62828}.side .search-wrap{margin:0 14px 12px;position:relative}.side .search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;fill:#b6c0cc}.side .search{width:100%;padding:9px 12px 9px 34px;border-radius:10px;border:1px solid var(--line);background:var(--soft);color:var(--text);outline:none;font-size:13px}.side .search:focus{background:#fff;border-color:var(--blue)}.side .search::placeholder{color:#b6c0cc}.room-list{flex:1;overflow-y:auto;padding:2px 6px 16px}.room-item{width:100%;text-align:left;border:none;cursor:pointer;padding:10px 12px;border-radius:12px;margin-bottom:2px;background:transparent;display:flex;gap:10px;align-items:center;color:var(--text);font-family:inherit;transition:background .15s}.room-item:hover{background:var(--soft)}.room-item.active{background:var(--blue-light)}.room-item .ava{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;position:relative}.room-item .ava .dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:#aab6c6;border:2px solid #fff}.room-item .ava .dot.is-online{background:#27ae60}.room-item .info{min-width:0;flex:1}.room-item .row1{display:flex;align-items:baseline;gap:6px}.room-item .row1 b{font-size:14px}.room-item .row1 .time{margin-left:auto;font-size:10px;color:var(--muted);flex-shrink:0}.room-item .vm{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.room-item .badge{background:var(--blue);color:#fff;border-radius:50%;min-width:19px;height:19px;font-size:10px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.room-empty{margin:40px 16px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}.chat{grid-column:4;grid-row:2;display:flex;flex-direction:column;overflow:hidden}.chat.wide{grid-column:3 / 5}.app-error{padding:9px 18px;background:#fff0ef;color:#9b2f2b;font-size:12px;display:flex;justify-content:space-between;align-items:center}.app-error button{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 20px;height:64px;border-bottom:1px solid var(--line)}.chat-header .avatar{width:38px;height:38px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}.chat-header h3{font-size:15px;color:var(--text)}.chat-header .online{display:flex;align-items:center;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}.chat-header .online.is-online{color:#17834b}.chat-header .presence-indicator{width:7px;height:7px;border-radius:50%;margin-right:5px;background:currentColor;flex-shrink:0}.chat-header .assignment-status{color:var(--muted);font-weight:500}.chat-header .visitor-email{font-size:12px;font-weight:500;color:var(--muted)}.chat-header .actions{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.chat-header .actions button{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .15s}.chat-header .actions button:hover{background:var(--blue-light);border-color:var(--blue)}.chat-header .actions .action-label{width:auto;padding:0 11px;color:var(--blue);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.chat-header .actions svg{width:14px;height:14px;fill:currentColor;flex:0 0 auto}.chat-header .actions button:disabled{opacity:.45;cursor:not-allowed}.mobile-back{display:none;border:0;background:transparent;color:var(--blue);font-size:20px;cursor:pointer}.room-tag-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:8px 20px;border-bottom:1px solid var(--line);font-size:12px}.room-tag-bar>strong{color:var(--muted);margin-right:2px}.room-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;background:var(--blue-light);color:var(--blue);font-weight:650}.room-tag button{border:0;background:transparent;color:inherit;cursor:pointer;font-size:16px;line-height:1;padding:0}.room-tag-bar form{display:inline-flex;align-items:center;gap:5px}.room-tag-bar input{width:120px;min-height:28px;padding:4px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);font:inherit}.room-tag-bar form button{min-height:28px;padding:4px 9px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--blue);font-weight:650;cursor:pointer}.room-tag-bar button:disabled{opacity:.5;cursor:not-allowed}.msgs{flex:1;overflow-y:auto;padding:16px 20px}.message-thread{display:flex;flex-direction:column;gap:12px;width:100%;min-height:100%}.load-older{align-self:center;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--blue);cursor:pointer;font-size:12px}.load-older:disabled{opacity:.6;cursor:wait}.history-error{align-self:center;color:#b53636;font-size:12px}.day-divider{align-self:center;font-size:10px;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:3px 12px}.date-sectxt{align-self:center;font-size:12px;color:var(--muted);padding:4px 0 2px;letter-spacing:1px}.msg-row{display:flex;gap:8px;align-items:flex-end;max-width:80%}.msg-row.out{align-self:flex-end;flex-direction:row-reverse}.msg-row .ava{width:28px;height:28px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;font-size:10px;flex-shrink:0;overflow:hidden}.msg-row .ava img{width:100%;height:100%;object-fit:cover}.msg-row.grouped .ava{visibility:hidden}.msg-row.grouped .message-name{display:none}.bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-break:break-word}.bubble.image-bubble{flex:0 0 auto;width:fit-content;max-width:100%;padding:2px;border-radius:8px}.bubble .message-name{display:block;margin-bottom:2px;font-size:11px;font-weight:700}.msg-row.in .bubble{background:var(--soft);color:var(--text);border-bottom-left-radius:5px}.msg-row.out .bubble{background:var(--blue);color:#fff;border-bottom-right-radius:5px;box-shadow:0 2px 8px #1565d833}.msg-row.out .bubble .time{color:#fffc}.bubble .message-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;min-height:13px;margin-top:5px;line-height:1.2}.bubble .time{display:inline;font-size:10px;opacity:.75;margin:0;white-space:nowrap}.bubble .delivery-status{display:inline;font-size:10px;opacity:.85;text-align:right}.bubble .delivery-check{font-size:13px;font-weight:700;letter-spacing:-3px;line-height:1;padding-right:2px;opacity:.8;white-space:nowrap}.bubble .delivery-check.read{color:#b7ecff;opacity:1}.msg-row.in .bubble .delivery-check.read{color:var(--blue)}.bubble .delivery-status.failed{color:#ffd0d0;opacity:1}.delivery-status button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.delivery-status button:disabled{opacity:.5;cursor:not-allowed}.msg-row.in .delivery-status.failed{color:#b53636}.chat-image-link{display:block;width:fit-content;max-width:100%;margin-top:4px;padding:0;border:0;background:transparent;line-height:0;cursor:zoom-in}.chat-image-link img{display:block;width:auto;height:auto;max-width:200px;max-height:200px;object-fit:contain;border:1px solid var(--line);border-radius:6px}.chat-image-link img[hidden],.chat-image-viewer img[hidden]{display:none}.chat-image-placeholder{display:grid;place-items:center;width:200px;min-height:116px;padding:12px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.4}.chat-image-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.chat-image-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden}.chat-image-viewer[open]{display:grid;place-items:center}.chat-image-viewer::backdrop{background:#09111de0}.chat-image-viewer-body{display:grid;place-items:center;min-width:min(240px,calc(100vw - 40px));min-height:120px;color:#fff;font-size:13px}.chat-image-viewer-body>img{display:block;max-width:calc(100vw - 40px);max-height:calc(100dvh - 80px);width:auto;height:auto;object-fit:contain;background:#fff}.chat-image-viewer-body>button{padding:8px 12px;border:1px solid #fff8;border-radius:6px;background:#24354a;color:#fff;cursor:pointer}.chat-image-close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:6px;background:#fff;color:#24354a;font-size:24px;cursor:pointer}.chat-image-close:focus-visible{outline:2px solid #fff;outline-offset:2px}.composer{position:relative;display:flex;align-items:center;gap:6px;width:100%;padding:10px 16px;border-top:1px solid var(--line)}.composer .emoji-btn{flex:none;display:grid;place-items:center;width:36px;height:38px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.composer .emoji-btn svg{display:block;width:19px;height:19px}.composer .emoji-btn:hover:not(:disabled){background:var(--soft);color:var(--text)}.composer .emoji-btn:focus-visible,.composer .send:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.composer .emoji-btn:disabled{opacity:.45;cursor:not-allowed}.composer .emoji-panel{position:absolute;right:16px;bottom:calc(100% + 4px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:272px;max-width:calc(100% - 24px);max-height:228px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 6px 18px #14285024;z-index:2}.composer .emoji-panel button{display:grid;place-items:center;min-width:0;height:36px;border:0;border-radius:6px;background:transparent;font-size:21px;cursor:pointer}.composer .emoji-panel button:hover,.composer .emoji-panel button:focus-visible{background:var(--soft)}.composer input{flex:1;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:8px;outline:none;font-size:14px;color:var(--text);background:var(--soft)}.composer input:focus{border-color:var(--blue);background:#fff}.composer .send{border:none;background:var(--blue);color:#fff;flex:none;border-radius:8px;width:38px;height:38px;cursor:pointer;display:grid;place-items:center}.composer .send:hover{background:#0d4fa8}.composer .send:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.composer .send svg{width:15px;height:15px;fill:#fff}.empty{margin:auto;text-align:center;color:var(--muted);width:100%;padding:60px 24px}.empty .logo-big{width:60px;height:60px;border-radius:18px;margin:0 auto 18px;background:linear-gradient(135deg,#1565d8,#2e8bff);box-shadow:0 10px 24px #1565d859;display:grid;place-items:center}.empty .logo-big svg{width:27px;height:27px;fill:#fff}.empty h2{font-size:19px;letter-spacing:2px;color:var(--text);margin-bottom:6px;font-weight:800}.empty p{font-size:13px}.customize-grid{display:grid;grid-template-columns:minmax(320px,1fr) minmax(300px,420px);gap:18px;align-items:start}@media(max-width:900px){.customize-grid{grid-template-columns:1fr}}.preview-card h3{margin-bottom:12px;font-size:14px;color:var(--text)}.preview-card{position:sticky;top:16px;align-self:start;max-height:calc(100vh - 32px);overflow-y:auto}.pos-toggle{display:flex;gap:8px}.pos-btn{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:8px 18px;cursor:pointer;font-size:13px}.pos-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.pos-btn:disabled{opacity:.5;cursor:not-allowed}.color-code-wrap{position:relative;display:inline-flex;align-items:center}.color-code-input{width:110px;padding:8px 34px 8px 12px;border:1px solid var(--line);border-radius:9px;font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--soft);color:var(--text);outline:none;text-transform:lowercase}.color-code-input:focus{border-color:var(--blue);background:#fff}.color-code-input[aria-invalid=true]{border-color:#e74c3c;background:#fdf3f2}.color-swatch{position:absolute;right:8px;width:18px;height:18px;border-radius:5px;border:1px solid rgba(0,0,0,.12);pointer-events:none}.color-error{color:#e74c3c!important}.widget-preview-frame{display:block;width:100%;height:570px;border:0;border-radius:14px;background:linear-gradient(135deg,#5b8def,#a6bffb)}.widget-icon-preview{display:flex;align-items:center;gap:12px;margin:-4px 0 16px}.widget-icon-preview img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--soft)}.widget-icon-preview button{border:1px solid var(--line);border-radius:8px;background:var(--soft);padding:7px 10px;cursor:pointer}.group-title{margin:18px 0 10px;font-size:13px;color:var(--blue);font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-top:1px solid var(--line);padding-top:14px}.size-fields{display:flex;align-items:center;gap:8px}.size-fields input{width:90px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--soft);font-size:13px}.size-fields span{color:var(--muted)}.settings{overflow-y:auto;padding:20px 26px;height:100%;background:#fff}.settings-wrap{overflow-y:auto;width:100%}.settings h2{margin-bottom:14px;font-size:18px;color:var(--text)}.settings h3{margin:20px 0 10px;font-size:14px;color:var(--text)}.settings .card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;margin-bottom:8px;background:#fff}.settings .muted{color:var(--muted);font-size:12px}.settings input,.settings select{padding:9px 13px;border:1px solid var(--line);border-radius:10px;outline:none;font-size:13px;background:var(--soft)}.settings input:focus{background:#fff;border-color:var(--blue)}.settings .icon-btn{border:none;background:var(--soft);border-radius:8px;padding:7px 10px;cursor:pointer}.settings .icon-btn:hover{background:var(--blue-light)}.settings .primary{background:var(--blue);color:#fff;border:none;border-radius:10px;padding:9px 18px;cursor:pointer;font-weight:600}.settings .primary:disabled{opacity:.5;cursor:not-allowed}.settings code{font-size:10px;background:var(--soft);padding:4px 8px;border-radius:6px;color:var(--muted);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings .form-row{display:flex;gap:8px;margin-bottom:20px;max-width:680px}.settings .form-row input{flex:1}.settings .switch-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text);cursor:pointer}.settings .switch-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--blue)}.settings textarea{display:block}.settings .tbl{width:100%;max-width:900px;border-collapse:collapse;font-size:13px}.settings .tbl th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--line);color:var(--muted);font-size:11px;letter-spacing:.5px;text-transform:uppercase}.settings .tbl td{padding:10px 12px;border-bottom:1px solid var(--line);color:var(--text)}.settings .cell-empty{color:var(--muted);text-align:center;padding:30px}.settings .pill{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.settings .pill.open{background:#e8f7ee;color:#27ae60}.settings .pill.closed{background:#f0f1f3;color:var(--muted)}.management{padding:26px clamp(16px,3vw,36px)}.management-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:10px 0 24px}.management-tabs button{border:0;border-bottom:3px solid transparent;padding:12px 18px;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer}.management-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.management-panel{max-width:1000px}.management-panel>h3{margin:0 0 14px;font-size:15px}.management-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.management-toolbar h3{margin:0 0 3px;font-size:15px}.management-toolbar-actions{display:flex;align-items:center;gap:9px}.management-toolbar-actions input{width:min(280px,32vw);background:#fff}.management-toolbar-actions .primary{white-space:nowrap}.management-empty{padding:32px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;font-size:13px}.management-pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:18px 0;font-size:12px;color:var(--muted)}.management-pagination button{border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:7px 11px;cursor:pointer}.management-pagination button:disabled{opacity:.45;cursor:not-allowed}.management-card{border:1px solid var(--line);border-radius:12px;padding:15px 18px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.management-info{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;min-width:0}.management-info strong{font-size:14px}.management-info code{max-width:250px}.management-actions{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.management-actions button{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:8px;padding:8px 11px;cursor:pointer;font-size:12px}.management-actions button:hover{background:var(--blue-light)}.management-actions .danger{color:#bf3f3f}.management-actions button:disabled{opacity:.5;cursor:not-allowed}.management-feedback{max-width:1000px;padding:10px 14px;border-radius:9px;font-size:13px;margin-bottom:15px}.management-feedback.error{background:#fff0ef;color:#9b2f2b}.management-feedback.success{background:#e8f7ee;color:#207b48}.management-dialog{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow-y:auto;border:0;border-radius:16px;padding:0;color:var(--text);box-shadow:0 24px 70px #14285047}.management-dialog::backdrop{background:#192a466b}.management-dialog form{padding:22px;display:flex;flex-direction:column;gap:15px}.management-dialog-head{display:flex;align-items:center;justify-content:space-between}.management-dialog-head h3{margin:0;font-size:17px}.management-dialog-head button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:24px;line-height:1}.management-dialog label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.management-dialog input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:14px;outline:none}.management-dialog input:focus{border-color:var(--blue)}.profile-dialog .profile-avatar-preview{width:72px;height:72px;margin:0 auto;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#24354a;color:#fff;font-size:24px;font-weight:700}.profile-dialog .profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.profile-dialog .profile-remove-image{align-self:flex-start;border:0;background:transparent;color:var(--blue);cursor:pointer;padding:0}.management-dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.management-dialog-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 16px;cursor:pointer}.management-dialog-actions .primary{border-color:var(--blue);background:var(--blue);color:#fff}.management-dialog-actions button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:700px){.management-toolbar{align-items:stretch;flex-direction:column}.management-toolbar-actions{flex-wrap:wrap}.management-toolbar-actions input{width:auto;flex:1 1 160px}.management-card{align-items:flex-start;flex-direction:column}.management-actions{width:100%}.management-tabs button{padding:11px 12px}}.dash-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,220px));gap:14px}.dash-card{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;box-shadow:0 1px 4px #1428500a}.dash-icon{width:44px;height:44px;border-radius:12px;background:var(--blue-light);display:grid;place-items:center;font-size:20px}.dash-value{font-size:22px;font-weight:800;color:var(--text)}.dash-label{font-size:12px;color:var(--muted);margin-top:2px}.panel-loading{margin:auto;color:var(--muted);text-align:center;padding:40px}.login-wrap{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:linear-gradient(135deg,#4a7de0,#9fbcfa)}.login-wrap form{background:#fff;padding:40px;border-radius:18px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 16px 44px #1428504d}.login-wrap .head{text-align:center;margin-bottom:6px}.login-wrap .head .logo-big{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;background:linear-gradient(135deg,#1565d8,#2e8bff);box-shadow:0 10px 24px #1565d859;display:grid;place-items:center}.login-wrap .head .logo-big svg{width:26px;height:26px;fill:#fff}.login-wrap h2{color:var(--text);font-size:20px}.login-wrap .sub{font-size:12px;color:var(--muted);margin-top:4px}.login-wrap input{padding:12px 15px;border:1px solid var(--line);border-radius:10px;outline:none;font-size:14px;background:var(--soft)}.login-wrap input:focus{background:#fff;border-color:var(--blue)}.login-password-group{display:grid;gap:7px}.login-password-group input{width:100%}.login-password-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.login-password-heading label{color:var(--text);font-size:13px;font-weight:650}.login-password-heading .password-visibility{display:inline-flex;align-items:center;gap:5px;padding:2px 0;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:600;cursor:pointer}.login-password-heading .password-visibility svg{width:16px;height:16px}.login-password-heading .password-visibility:hover{text-decoration:underline}.login-password-heading .password-visibility:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:3px}.login-wrap .err{color:#e74c3c;font-size:12px;text-align:center}.login-wrap button[type=submit]{background:var(--blue);color:#fff;border:none;border-radius:10px;padding:13px;cursor:pointer;font-weight:700;font-size:14px;box-shadow:0 4px 10px #1565d84d}.login-wrap .hint{font-size:11px;color:var(--muted);text-align:center}.connection-card{width:min(380px,calc(100% - 32px));padding:28px;border-radius:16px;background:#fff;text-align:center;box-shadow:0 16px 44px #14285040}.connection-card h2{font-size:18px;color:var(--text)}.connection-card p{margin:12px 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.connection-card button{border:0;background:var(--blue);color:#fff;padding:10px 18px;border-radius:9px;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:900px){#root{grid-template-columns:56px 150px minmax(230px,280px) minmax(0,1fr)}.topbar .page-title{font-size:13px}.topbar .config{font-size:0}}@media(max-width:700px){#root{grid-template-columns:52px minmax(145px,38%) minmax(0,1fr);grid-template-rows:50px minmax(0,1fr);margin:0;width:100%;height:100dvh;border-radius:0}.rail{grid-column:1}.menu{display:none}.topbar{grid-column:2 / 4;padding:0 12px;gap:10px}.topbar .site-select{flex-basis:150px;max-width:150px}.topbar .chip{max-width:150px;padding:4px}.topbar .chip .sub,.topbar .config{display:none}.topbar .page-title{font-size:12px;letter-spacing:.4px}.side{grid-column:2}.chat,.chat.wide{grid-column:3}.chat.wide{grid-column:2 / 4}.side .search-wrap{margin:10px 8px}.side .tabs{margin:0 8px 8px}.room-item{padding:8px}.room-item .ava{width:30px;height:30px;font-size:10px}.room-item .row1 .time{display:none}.chat-header{padding:8px;height:auto;min-height:64px;flex-wrap:wrap}.chat-header .actions{width:100%;justify-content:flex-end}.msg-row{max-width:92%}.msgs{padding:12px 8px}.composer{padding:8px}}@media(max-width:560px){.side{grid-column:2 / 4}.side.has-selection{display:none}.chat:not(.wide){display:none}.chat.has-selection,.chat.wide{display:flex;grid-column:2 / 4}.mobile-back{display:block}.topbar .page-title{display:none}}:root{--blue: #1769dc;--blue-light: #eaf2ff;--text: #203047;--muted: #66778e;--line: #e3eaf3;--soft: #f5f8fc;--shadow: 0 10px 32px rgba(25, 54, 96, .06)}button,input,select,textarea{font:inherit}button{transition:background-color .15s,border-color .15s,box-shadow .15s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rail{background:#f7faff}.rail .logout{width:42px;height:42px;display:grid;place-items:center;font-size:22px;line-height:1}.menu{background:#fff}.menu-item{font-weight:600}.menu-item.active{background:var(--blue-light);color:var(--blue)}.topbar{background:#fff;min-width:0}.topbar .page-title{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.05em}.topbar .config{margin-left:0;white-space:nowrap}.language-picker{display:inline-flex;align-items:center;flex-shrink:0}.topbar .language-picker{margin-left:auto}.language-picker select{appearance:none;background:#fff;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:6px 26px 6px 10px;cursor:pointer;font-size:12px;font-weight:700;max-width:122px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%2366778e' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center}.language-picker select:hover{border-color:#b9c9dd}.login-language{position:fixed;top:24px;right:24px;z-index:2}.login-wrap form{width:min(390px,calc(100vw - 32px));padding:clamp(24px,4vw,40px)}.login-wrap form label{display:grid;gap:7px;color:var(--text);font-size:13px;font-weight:650}.login-wrap form label input{width:100%}.login-wrap .err{text-align:left;background:#fff0ef;padding:10px 12px;border-radius:9px}.login-wrap .hint{line-height:1.5}.chat.wide,.settings-wrap{min-width:0}.settings{background:#f8fafd;padding:clamp(18px,2.5vw,36px)}.page-shell{width:100%;height:100%;overflow:auto}.page-shell>.page-heading,.page-shell>.dash-cards,.page-shell>.surface-card,.page-shell>.management-tabs,.page-shell>.management-panel,.page-shell>.management-feedback{width:min(100%,1480px);margin-left:auto;margin-right:auto}.page-heading{margin-bottom:24px}.page-heading h2{font-size:clamp(21px,2vw,27px);line-height:1.25;margin:0 0 5px;letter-spacing:-.025em}.page-heading p{color:var(--muted);font-size:13px;line-height:1.55}.customize-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.customize-embed-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:9px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.customize-embed-link:hover{filter:brightness(1.1)}.surface-card{border:1px solid var(--line);border-radius:16px;padding:clamp(16px,2vw,24px);background:#fff;box-shadow:var(--shadow)}.surface-card h3{margin:0 0 14px;font-size:16px}.table-scroll{width:100%;overflow-x:auto}.settings .tbl{max-width:none;min-width:600px;font-size:13px}.settings .tbl th{background:#f8fafd;color:#63758e;font-size:11px;padding:13px 16px;border-bottom:1px solid var(--line)}.settings .tbl td{padding:15px 16px}.settings .tbl tr:last-child td{border-bottom:0}.settings .primary{min-height:40px;padding:9px 17px;border-radius:9px;background:var(--blue);box-shadow:0 3px 8px #1769dc1f;font-size:13px}.settings .primary:hover:not(:disabled){background:#1057bf}.settings input,.settings textarea{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:9px}.settings input:focus,.settings textarea:focus{outline:2px solid #b6d2ff;outline-offset:1px;border-color:var(--blue)}.settings textarea{width:100%;resize:vertical;min-height:100px;padding:12px 14px;line-height:1.5}.dash-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.dash-card{min-width:0;min-height:130px;border-radius:16px;padding:20px;box-shadow:var(--shadow)}.dash-icon{align-self:flex-start;width:36px;height:36px;border-radius:10px;color:var(--blue);font-size:11px;font-weight:800}.dash-icon svg{width:18px;height:18px;fill:currentColor}.dash-value{font-size:clamp(25px,2.4vw,34px);line-height:1.1}.dash-label{font-size:12px;line-height:1.5}.form-card{max-width:800px;display:grid;gap:24px}.page-shell>.form-card{margin-left:max(0px,calc((100% - 1480px)/2));margin-right:0}.field-label{display:grid;gap:8px;font-size:13px;font-weight:700;color:var(--text)}.field-help{font-size:12px;font-weight:400;color:var(--muted)}.color-field{display:flex;align-items:center;gap:10px}.color-field input[type=color]{padding:3px;width:54px;height:42px;cursor:pointer}.color-field code{max-width:none;font-size:12px}.form-footer{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;gap:14px;color:#19754c;font-size:13px}.settings .switch-row{font-weight:700;gap:12px}.settings .switch-row input{flex-shrink:0}.management{display:block}.management-tabs{margin-top:0;margin-bottom:22px;gap:22px}.management-tabs button{padding:12px 4px;font-size:13px}.tab-count{display:inline-flex;min-width:23px;height:21px;border-radius:8px;align-items:center;justify-content:center;background:var(--soft);color:var(--muted);font-size:11px;margin-left:4px}.management-tabs button.active .tab-count{background:var(--blue-light);color:var(--blue)}.management-panel{max-width:1480px;min-width:0}.management-toolbar{align-items:flex-end;margin-bottom:18px}.management-toolbar h3{margin:0 0 3px;font-size:17px}.management-toolbar-actions{margin-left:auto;min-width:0}.management-toolbar-actions input{width:clamp(220px,27vw,340px);min-height:40px}.management-card{background:#fff;border-radius:12px;padding:16px 18px;min-width:0;box-shadow:0 2px 12px #19366006}.management-site-logo{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#edf3fb;color:var(--blue);font-size:12px;font-weight:800}.management-site-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.management-info{flex:1;display:grid;grid-template-columns:minmax(120px,1fr) minmax(130px,1fr) minmax(180px,1.3fr);gap:12px;overflow:hidden}.management-info>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.management-info strong{overflow-wrap:anywhere}.management-info code{max-width:100%;width:fit-content;font-size:11px}.management-actions{justify-content:flex-end}.management-actions button{min-height:34px}.management-feedback{max-width:1480px}.management-dialog{position:fixed;inset:0;margin:auto;width:min(480px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:18px}.management-dialog form{padding:clamp(20px,3vw,28px);gap:18px}.management-dialog-head{border-bottom:1px solid var(--line);padding-bottom:14px}.management-dialog-head h3{font-size:19px}.management-dialog label{gap:8px;color:var(--text)}.logo-picker{display:grid;gap:8px}.logo-picker-title{color:var(--text);font-size:13px;font-weight:600}.logo-picker input.logo-file-input{display:none}.logo-upload-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.logo-upload-controls button{border:1px solid #dbe5f2;border-radius:9px;background:#fff;color:var(--text);padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer}.logo-upload-controls button:hover{border-color:var(--blue);background:var(--blue-light);color:var(--blue)}.logo-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.logo-paste-status{color:#a43c36;font-size:12px}.logo-picker .field-help{color:var(--muted);font-size:11px}.logo-previews{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px;align-items:start}.logo-previews>div{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px}.logo-preview-full,.logo-preview-thumb{width:100%;height:140px;object-fit:contain;background:var(--soft);border:1px solid var(--line);border-radius:10px}.logo-preview-thumb{width:100px;height:100px}.management-dialog input{min-height:43px}.management-dialog select{width:100%;min-height:43px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);font:inherit}.management-dialog-actions{border-top:1px solid var(--line);padding-top:18px}.management-dialog-actions button{min-height:40px;font-weight:650}.management-dialog-actions .danger-button{border-color:#ca3944;background:#ca3944;color:#fff}.management-dialog-actions .danger-button:hover{background:#a92d37}dialog.management-dialog.admin-dialog{width:min(1040px,calc(100vw - 48px));max-width:calc(100vw - 24px);height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 24px);overflow:hidden;border-radius:20px;box-shadow:0 32px 90px #132a4c47}.admin-dialog form{height:100%;min-height:0;padding:0;gap:0;display:flex;flex-direction:column;overflow:hidden}.admin-dialog .management-dialog-head{flex:0 0 auto;padding:21px 28px 18px;border-bottom:1px solid var(--line)}.admin-dialog .management-dialog-head h3{font-size:21px;line-height:1.25}.admin-dialog-subtitle{margin-top:5px;font-size:12px;color:var(--muted)}.admin-dialog .management-dialog-head button{align-self:flex-start}.admin-dialog .management-feedback{flex:0 0 auto;margin:12px 28px 0}.admin-dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 28px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-content:start;align-items:stretch;gap:20px;background:#f7f9fd}.admin-dialog-column{min-width:0;display:flex;flex-direction:column;gap:13px;padding:18px 20px;background:#fff;border:1px solid #e1e8f2;border-radius:14px;box-shadow:0 2px 8px #23457c06}.admin-dialog label{gap:5px}.admin-dialog input:not([type=checkbox]){min-height:36px;padding:7px 10px;font-size:13px}.admin-section-heading{padding-bottom:14px;border-bottom:1px solid var(--line)}.admin-section-heading h4{font-size:15px;line-height:1.35;color:var(--text)}.admin-section-heading p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.admin-dialog .management-dialog-actions{flex:0 0 auto;margin:0;padding:15px 28px;border-top:1px solid #e1e8f2;background:#fff;box-shadow:0 -7px 22px #23457c0b}.admin-dialog .management-dialog-actions button{min-width:104px;min-height:42px}.admin-dialog .management-dialog-actions .primary{box-shadow:0 4px 10px #1565d829}.transfer-dialog{width:min(440px,calc(100vw - 28px))}.transfer-content{display:grid;gap:16px;padding:22px}.transfer-content>p{color:var(--muted);font-size:13px;line-height:1.5}.transfer-targets{display:grid;gap:8px;max-height:min(320px,45dvh);overflow-y:auto}.transfer-targets button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);font-weight:650;text-align:left;cursor:pointer}.transfer-targets button:hover,.transfer-targets button:focus-visible{border-color:var(--blue);background:var(--blue-light)}.transfer-targets button:disabled{opacity:.55;cursor:wait}.transfer-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--blue-light);color:var(--blue);font-size:11px}.transfer-arrow{margin-left:auto;color:var(--blue)}.transfer-content .management-dialog-actions{padding-top:14px}.permission-matrix{border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0}.permission-matrix legend{padding:0 5px;font-size:13px;font-weight:700}.permission-matrix p{margin:0 0 12px;color:var(--muted);font-size:12px}.admin-dialog .permission-matrix{border:0;border-radius:0;padding:0;width:100%}.admin-dialog .permission-matrix legend{font-size:15px;padding:0;margin-bottom:8px}.admin-dialog .permission-matrix p{padding-bottom:15px;margin-bottom:0;border-bottom:1px solid var(--line);line-height:1.5}.permission-grid{display:grid;grid-template-columns:minmax(90px,1fr) repeat(4,minmax(32px,44px));gap:0;align-items:center}.permission-grid-head{text-align:center;font-size:12px;color:var(--muted);font-weight:750;padding:10px 0 8px}.permission-row{display:contents}.permission-menu,.permission-cell{border-top:1px solid var(--line);min-height:39px;display:flex;align-items:center}.permission-menu{font-size:13px;font-weight:600}.management-dialog .permission-cell{justify-content:center;cursor:pointer}.management-dialog .permission-cell input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:var(--blue)}.management-dialog .permission-cell input:disabled{opacity:.25;cursor:not-allowed}.management-dialog .super-admin-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);cursor:pointer}.management-dialog .super-admin-toggle input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;flex:0 0 auto;accent-color:var(--blue)}.super-admin-toggle span{display:flex;flex-direction:column;gap:2px}.super-admin-toggle strong{font-size:13px}.super-admin-toggle small{color:var(--muted);font-size:11px;font-weight:400}.super-admin-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:6px;background:var(--blue-light);color:var(--blue);font-size:10px;vertical-align:middle}.permission-matrix:disabled{opacity:.65}.assigned-websites{min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:12px}.assigned-websites legend{padding:0 5px;font-size:13px;font-weight:700}.assigned-websites p{margin:0 0 7px;color:var(--muted);font-size:12px}.assigned-websites>input[type=search]{margin-bottom:7px}.assigned-website-list{max-height:170px;overflow-y:auto;display:grid;gap:4px}.management-dialog .assigned-website-option{display:flex;flex-direction:row;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;cursor:pointer}.management-dialog .assigned-website-option:hover{background:var(--soft)}.management-dialog .assigned-website-option input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0;padding:0;flex:0 0 auto;accent-color:var(--blue)}.assigned-website-option span{min-width:0;display:flex;flex-direction:column;gap:2px}.assigned-website-option strong,.assigned-website-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assigned-website-option small{color:var(--muted);font-size:11px;font-weight:400}@media(max-width:780px){dialog.management-dialog.admin-dialog{width:min(620px,calc(100vw - 24px));height:min(760px,calc(100dvh - 24px))}.admin-dialog-body{grid-template-columns:1fr;gap:14px;padding:16px}.admin-dialog .management-dialog-head{padding:18px 20px 16px}.admin-dialog .management-dialog-actions{padding:14px 20px}.admin-dialog .management-feedback{margin:10px 20px 0}}.room-item .room-owner{display:block;margin-top:4px;color:var(--blue);font-size:10px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item .room-rating{display:inline-block;margin-top:4px;color:#b87700;font-size:11px;font-weight:700}.chat-rating{align-self:center;display:flex;flex-direction:column;align-items:center;gap:3px;margin:10px 0;padding:8px 14px;border-radius:12px;background:var(--soft);color:var(--text);font-size:12px}.chat-rating span{color:#e7a21a;font-size:20px;letter-spacing:2px}@media(max-width:480px){.admin-dialog-column{padding:16px}.admin-dialog .management-dialog-actions button{min-width:0}}.confirm-content{padding:26px;display:grid;gap:14px}.confirm-content h3{font-size:19px;overflow-wrap:anywhere}.confirm-content p{color:var(--muted);font-size:14px;line-height:1.6}.management-dialog::backdrop{background:#172b4875}.side,.chat{background:#fff}.room-item.active{border-radius:10px}.chat-header{flex-shrink:0}.chat-header .actions button{min-height:34px}.date-sectxt{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:1100px){.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.management-info{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr)}.management-info code{grid-column:1 / -1}}@media(max-width:900px){.topbar .config{display:none}.topbar .language-picker{margin-left:auto}.topbar .page-title{min-width:0}}@media(max-width:700px){.settings{padding:18px}.management-toolbar{align-items:stretch}.management-toolbar-actions{margin-left:0}.management-toolbar-actions input{flex:1 1 180px;width:100%}.management-info{display:flex;flex-wrap:wrap;width:100%}.management-info code{max-width:100%}.management-actions{justify-content:flex-start}.topbar{gap:8px}.topbar .chip{max-width:min(44vw,180px)}.topbar .site-select{flex-basis:min(44vw,180px);max-width:min(44vw,180px)}.site-menu{width:min(320px,calc(100vw - 88px))}.language-picker select{max-width:105px;padding-left:7px;font-size:11px}.chat-header .actions{justify-content:flex-start}}@media(max-width:480px){.settings{padding:16px 12px}.page-heading{margin-bottom:18px}.dash-cards{grid-template-columns:1fr}.dash-card{min-height:100px}.management-toolbar-actions{flex-direction:column;align-items:stretch}.management-toolbar-actions input,.management-toolbar-actions .primary{width:100%;flex:none}.management-pagination{justify-content:space-between}.management-dialog{max-height:calc(100dvh - 20px)}.management-dialog-actions button{flex:1}.topbar .chip{max-width:calc(100vw - 185px)}.topbar .site-select{flex-basis:calc(100vw - 185px);max-width:calc(100vw - 185px)}.topbar .language-picker select{max-width:96px}}@media(min-width:701px){#root.nav-collapsed{grid-template-columns:56px minmax(280px,330px) minmax(0,1fr)}#root.nav-collapsed .menu{display:none}#root.nav-collapsed .topbar{grid-column:2 / 4}#root.nav-collapsed .side{grid-column:2}#root.nav-collapsed .chat{grid-column:3}#root.nav-collapsed .chat.wide{grid-column:2 / 4}}@media(max-width:700px){.menu-toggle{display:none}}.theme-toggle{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--surface, #fff);color:var(--text)}.theme-toggle:hover{background:var(--blue-light);color:var(--blue)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-preferences{position:fixed;top:24px;right:24px;z-index:2;display:flex;align-items:center;gap:9px}@media(max-width:560px){.topbar{gap:6px}.topbar .theme-toggle{width:30px;height:30px;flex-basis:30px}}:root[data-theme=dark]{--blue: #70a9ff;--blue-light: #203959;--text: #e7eef8;--muted: #a8b7ca;--line: #34445c;--soft: #202d40;--surface: #182435;--surface-raised: #223149;--page-bg: #111b2a;--shadow: 0 10px 32px rgba(0, 0, 0, .2);color-scheme:dark}:root[data-theme=dark] body{background:#0c1522;color:var(--text)}:root[data-theme=dark] #root{background:var(--surface);box-shadow:0 14px 44px #00000059}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475b75}:root[data-theme=dark] .rail{background:#162237}:root[data-theme=dark] .rail .avatar,:root[data-theme=dark] .site-icon,:root[data-theme=dark] .topbar .chip .site-icon{background:#314867}:root[data-theme=dark] .menu,:root[data-theme=dark] .topbar,:root[data-theme=dark] .side,:root[data-theme=dark] .chat,:root[data-theme=dark] .settings .card,:root[data-theme=dark] .surface-card,:root[data-theme=dark] .dash-card,:root[data-theme=dark] .management-card,:root[data-theme=dark] .management-dialog,:root[data-theme=dark] .admin-dialog-column,:root[data-theme=dark] .admin-dialog .management-dialog-actions,:root[data-theme=dark] .login-wrap form,:root[data-theme=dark] .connection-card{background:var(--surface);color:var(--text)}:root[data-theme=dark] .settings,:root[data-theme=dark] .admin-dialog-body{background:var(--page-bg);color:var(--text)}:root[data-theme=dark] .login-wrap{background:linear-gradient(135deg,#0c1c36,#244879)}:root[data-theme=dark] .topbar .chip,:root[data-theme=dark] .menu-toggle,:root[data-theme=dark] .site-picker,:root[data-theme=dark] .site-menu,:root[data-theme=dark] .side .filter-menu,:root[data-theme=dark] .chat-header .actions button,:root[data-theme=dark] .management-pagination button,:root[data-theme=dark] .management-actions button,:root[data-theme=dark] .management-dialog-actions button:not(.primary):not(.danger-button),:root[data-theme=dark] .logo-upload-controls button,:root[data-theme=dark] .transfer-targets button,:root[data-theme=dark] .language-picker select{background-color:var(--surface-raised);color:var(--text)}:root[data-theme=dark] .side .search:focus,:root[data-theme=dark] .composer input:focus,:root[data-theme=dark] .settings input:focus,:root[data-theme=dark] .login-wrap input:focus{background:var(--surface-raised)}:root[data-theme=dark] .settings input,:root[data-theme=dark] .settings textarea,:root[data-theme=dark] .settings select,:root[data-theme=dark] .management-dialog input,:root[data-theme=dark] .management-dialog select,:root[data-theme=dark] .login-wrap input{background:var(--surface-raised);color:var(--text);border-color:var(--line)}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder,:root[data-theme=dark] .side .search::placeholder{color:var(--muted);opacity:1}:root[data-theme=dark] .settings .tbl th{background:var(--soft);color:var(--muted)}:root[data-theme=dark] .management-site-logo{background:var(--soft)}:root[data-theme=dark] .room-item .ava .dot{border-color:var(--surface)}:root[data-theme=dark] .side .tabs .tab-badge{background:#314867;color:var(--text)}:root[data-theme=dark] .side .tabs button.active .tab-badge{background:#fff3;color:#fff}:root[data-theme=dark] .side .tabs .tab-badge.needs-assignment{background:#65333b;color:#ffd5d7}:root[data-theme=dark] .settings .pill.open,:root[data-theme=dark] .management-feedback.success{background:#173f35;color:#91e5ba}:root[data-theme=dark] .settings .pill.closed{background:var(--soft)}:root[data-theme=dark] .app-error,:root[data-theme=dark] .management-feedback.error,:root[data-theme=dark] .login-wrap .err{background:#472a35;color:#ffbdc6}:root[data-theme=dark] .form-footer,:root[data-theme=dark] .chat-header .online.is-online{color:#91e5ba}:root[data-theme=dark] .management-actions .danger,:root[data-theme=dark] .logo-paste-status{color:#ffaaa9}:root[data-theme=dark] .management-dialog::backdrop{background:#020812b8}:root[data-theme=dark] .admin-dialog-column,:root[data-theme=dark] .admin-dialog .management-dialog-actions{border-color:var(--line)}:root[data-theme=dark] .rail .nav-item.active,:root[data-theme=dark] .side .tabs button.active,:root[data-theme=dark] .room-item .badge,:root[data-theme=dark] .msg-row.out .bubble,:root[data-theme=dark] .composer .send,:root[data-theme=dark] .connection-card button,:root[data-theme=dark] .login-wrap button[type=submit],:root[data-theme=dark] .settings .primary,:root[data-theme=dark] .management-dialog-actions .primary{background:#2466c4;color:#fff}:root{--shadow: 0 1px 3px rgba(25, 54, 96, .06)}:root[data-theme=dark]{--shadow: 0 1px 3px rgba(0, 0, 0, .16)}body{background:#e9edf2}#root{border:1px solid var(--line);border-radius:10px;box-shadow:0 4px 18px #19366014}.rail .logo,.empty .logo-big,.login-wrap .head .logo-big{background:var(--blue);color:#fff;box-shadow:none;border-radius:10px}.rail .nav-item.active,.side .tabs button.active,.msg-row.out .bubble,.composer .send,.settings .primary,.login-wrap button[type=submit],.topbar .chip,.management-card,.dash-card,.surface-card,.admin-dialog-column{box-shadow:none}.topbar .chip .name,.settings .tbl th,.settings .pill,.group-title{text-transform:none;letter-spacing:0}.group-title{color:var(--text);font-weight:700}.topbar .page-title,.empty h2{letter-spacing:0}.empty .logo-big{width:48px;height:48px;margin-bottom:14px}.empty h2{font-size:17px;font-weight:700}.widget-preview-frame{background:#edf1f5;border:1px solid var(--line);border-radius:10px}.management-dialog,dialog.management-dialog.admin-dialog{border-radius:12px;box-shadow:0 12px 32px #14285029}.management-dialog::backdrop{background:#121f3080}.assignment-dialog{padding:22px;background:var(--surface, #fff)}.assignment-dialog .assignment-help{margin:14px 0;color:var(--muted);font-size:12px;line-height:1.5}.assignment-dialog>input[type=search]{width:100%}.assignment-dialog .management-feedback{margin:12px 0 0}.assignment-list{display:grid;gap:4px;max-height:min(420px,55dvh);overflow-y:auto;margin:16px 0}.assignment-dialog .assignment-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.assignment-row span{display:grid;gap:2px;min-width:0;overflow-wrap:anywhere}.assignment-row small{color:var(--muted);font-weight:400}.assignment-dialog .assignment-row input[type=checkbox]{flex:0 0 auto;width:18px;height:18px;min-height:0;margin:0;padding:0;accent-color:var(--blue)}.management-dialog-head h3{font-size:17px}.transfer-dialog .management-empty{padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--soft);text-align:left}.transfer-content{gap:12px;padding:20px}.transfer-content .management-dialog-actions{padding-top:12px}.login-wrap{background:#e9edf2}.login-wrap form,.connection-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #1428501a}:root[data-theme=dark] body,:root[data-theme=dark] .login-wrap{background:var(--page-bg)}:root[data-theme=dark] #root{box-shadow:0 4px 18px #0003}:root[data-theme=dark] .rail .logo,:root[data-theme=dark] .empty .logo-big,:root[data-theme=dark] .login-wrap .head .logo-big{background:#2466c4}:root[data-theme=dark] .management-dialog,:root[data-theme=dark] dialog.management-dialog.admin-dialog{box-shadow:0 12px 32px #0000004d}.settings .activity-open,.activity-older{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--surface);color:var(--blue);font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.settings .activity-open:hover,.activity-older:hover:not(:disabled){background:var(--blue-light)}.settings .activity-title{min-width:160px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings .activity-staff{min-width:140px;max-width:220px;overflow-wrap:anywhere}.activity-older:disabled{opacity:.6;cursor:wait}dialog.management-dialog.activity-dialog{width:min(680px,calc(100vw - 24px));height:min(720px,calc(100dvh - 24px));overflow:hidden;background:var(--surface)}.activity-dialog-content{height:100%;min-height:0;display:flex;flex-direction:column;padding:20px}.activity-dialog .management-dialog-head{flex:0 0 auto;gap:12px}.activity-dialog .management-dialog-head p{margin:5px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.activity-dialog .management-dialog-head button{align-self:flex-start}.activity-details{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.activity-staff-details{padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.activity-staff-details strong{color:var(--text)}.activity-staff-details details{margin-top:8px}.activity-staff-details summary{cursor:pointer;color:var(--blue)}.activity-staff-details ol{max-height:100px;overflow-y:auto;margin:8px 0 0;padding-left:20px;line-height:1.6}.activity-messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 2px}.activity-older{align-self:center}.activity-empty{align-self:center;color:var(--muted);font-size:13px}.activity-message{max-width:min(85%,480px);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text)}.activity-message.agent{align-self:flex-end;background:var(--blue-light)}.activity-message-head{display:flex;align-items:center;gap:6px;font-size:11px}.activity-message-head strong{color:var(--text)}.activity-message-head time{color:var(--muted);font-size:10px}.activity-person{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;overflow:hidden;background:#24354a;color:#fff;font-size:9px;font-weight:700}.activity-person img{width:100%;height:100%;object-fit:cover}.activity-message p{margin:5px 0 0;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.mobile-menu-item,.mobile-menu-preferences,.mobile-menu-backdrop{display:none}.chat,.side,.page-shell,.settings-wrap,.surface-card,.customize-grid{min-width:0}.page-shell{container-type:inline-size}.room-item,.chat-header>div:not(.actions){min-width:0}.room-item .row1,.room-item .row1 b,.chat-header h3,.chat-header .online{min-width:0;overflow-wrap:anywhere}.chat-header .online{flex-wrap:wrap}.bubble{max-width:100%;overflow-wrap:anywhere}.chat-image-link img,.chat-image-placeholder{max-width:min(200px,calc(100vw - 100px))}.widget-preview-frame{max-width:100%}@container (max-width: 900px){.customize-grid{grid-template-columns:minmax(0,1fr)}.preview-card{position:static;max-height:none}.dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.management-info{display:flex;flex-wrap:wrap}}@container (max-width: 640px){.settings .responsive-table{display:block;min-width:0}.responsive-table thead{display:none}.responsive-table tbody{display:grid;gap:10px}.responsive-table tr{display:grid;min-width:0;border:1px solid var(--line);border-radius:9px;padding:7px 10px;background:var(--surface)}.settings .responsive-table td{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;max-width:none;padding:7px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere;white-space:normal;text-align:right}.settings .responsive-table td:last-child{border-bottom:0}.responsive-table td[data-label]:before{content:attr(data-label);flex:0 0 42%;color:var(--muted);font-size:11px;font-weight:600;text-align:left}.settings .responsive-table .cell-empty{display:block;text-align:center}.table-scroll:has(.responsive-table){overflow-x:visible}.dash-cards{grid-template-columns:minmax(0,1fr)}.settings .form-row{flex-wrap:wrap}.settings .form-row input{min-width:0;flex-basis:100%}.settings .card{flex-wrap:wrap;min-width:0}.management-tabs{overflow-x:auto;gap:8px}.management-tabs button{flex:0 0 auto}.management-card{flex-wrap:wrap}.management-actions{width:100%}}@media(min-width:701px)and (max-width:1100px){#root,#root.nav-collapsed{grid-template-columns:56px minmax(230px,300px) minmax(0,1fr)}#root .menu{display:none}#root .topbar{grid-column:2 / 4}#root .side{grid-column:2}#root .chat{grid-column:3}#root .chat.wide{grid-column:2 / 4}.menu-toggle{display:none}}@media(min-width:701px)and (max-width:900px){.chat-header{height:auto;min-height:64px;flex-wrap:wrap}.chat-header>div:not(.actions){flex:1}.chat-header .actions{width:100%}}@media(max-width:700px){#root,#root.nav-collapsed{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0,1fr);width:100%;height:100dvh;margin:0;border:0;border-radius:0}.rail{display:none}.topbar,#root.nav-collapsed .topbar{grid-column:1;grid-row:1;padding:0 10px;gap:8px}.menu-toggle{display:grid;flex:0 0 36px;width:36px;height:36px}.topbar .site-select{flex:1 1 auto;width:auto;max-width:none}.topbar .chip{max-width:none}.topbar .site-icon{flex:0 0 28px}.topbar .page-title,.topbar-preference,.topbar .config{display:none}.mobile-menu-backdrop{display:block;position:fixed;inset:52px 0 0;z-index:29;width:100%;border:0;background:#0f192873}.menu,#root.nav-collapsed .menu{display:none}.menu.mobile-open,#root.nav-collapsed .menu.mobile-open{display:flex;position:fixed;z-index:30;top:52px;bottom:0;left:0;width:min(300px,86vw);padding:12px;border-right:1px solid var(--line);background:var(--surface);overflow-y:auto;box-shadow:8px 0 20px #0f192826}.mobile-menu-item{display:flex}.mobile-menu-preferences{display:flex;align-items:center;gap:10px;margin-top:auto;padding:16px 10px;border-top:1px solid var(--line)}.mobile-menu-preferences .language-picker select{max-width:none}.side,#root.nav-collapsed .side{grid-column:1;grid-row:2}.side.has-selection{display:none}.chat,#root.nav-collapsed .chat,.chat.wide,#root.nav-collapsed .chat.wide{grid-column:1;grid-row:2}.chat:not(.wide){display:none}.chat.has-selection,.chat.wide{display:flex}.mobile-back{display:block;flex:0 0 28px;min-height:36px}.chat-header{gap:8px;padding:8px 10px;height:auto;min-height:60px;flex-wrap:wrap}.chat-header .avatar{flex:0 0 32px;width:32px;height:32px}.chat-header>div:not(.actions){flex:1 1 calc(100% - 86px)}.chat-header h3{font-size:13px}.chat-header .actions{width:100%;margin-left:0;justify-content:flex-end}.chat-header .actions .action-label{min-height:32px;font-size:11px}.msgs{min-height:0;padding:10px 8px}.msg-row{max-width:96%}.msg-row .ava{width:24px;height:24px;flex-basis:24px}.bubble{padding:8px 10px;font-size:13px}.composer{gap:3px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}.composer .emoji-btn{width:32px}.composer .send{width:36px}.settings{padding:14px 10px}.surface-card{padding:14px}.management{padding:14px 10px}.management-toolbar-actions{width:100%}.management-toolbar-actions input{min-width:0}.management-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px)}dialog.management-dialog.admin-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}.admin-dialog-body{grid-template-columns:minmax(0,1fr);padding:10px}.admin-dialog-column{padding:14px}.admin-dialog .management-dialog-head,.admin-dialog .management-dialog-actions{padding:12px}.admin-dialog .management-dialog-actions{flex-wrap:wrap}.activity-dialog-content{padding:12px}}.dashboard-page{--dashboard-tint: #f4f7fb;--dashboard-track: #e8edf4;--dashboard-bar: #467ec0}:root[data-theme=dark] .dashboard-page{--dashboard-tint: #202d3e;--dashboard-track: #34445c;--dashboard-bar: #75a6df}.dashboard-page>.dashboard-heading,.dashboard-page>.dashboard-details{width:min(100%,1480px);margin-left:auto;margin-right:auto}.dashboard-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}.dashboard-site-name{display:inline-block;margin-bottom:9px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.01em}.dashboard-site-name span{margin:0 5px;color:var(--line)}.dashboard-heading h2{margin-bottom:3px;font-size:clamp(23px,2vw,28px);letter-spacing:-.03em}.dashboard-view-all{flex-shrink:0;border:1px solid var(--line);border-radius:7px;padding:9px 12px;background:var(--surface, #fff);color:var(--text);font-size:12px;font-weight:650;cursor:pointer}.dashboard-view-all:hover{border-color:var(--blue);color:var(--blue)}.dashboard-view-all span{margin-left:5px}.dashboard-page .dash-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.dashboard-page .dash-card{display:flex;min-height:122px;align-items:flex-start;flex-direction:column;gap:0;padding:17px 18px 15px;border-radius:10px}.dashboard-page .dash-card-attention{border-top:2px solid #dc6256;padding-top:16px}.dashboard-page .dash-value{margin-top:14px;font-size:clamp(30px,2.8vw,38px);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em}.dashboard-page .dash-card-attention .dash-value{color:#c7463d}:root[data-theme=dark] .dashboard-page .dash-card-attention .dash-value{color:#ff8e85}.dashboard-page .dash-label{margin:0;color:var(--muted);font-size:11px;font-weight:650}.dashboard-page .dash-sub{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.35}.dashboard-details{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px;align-items:stretch}.dashboard-details-single{grid-template-columns:minmax(0,1fr)}.dashboard-details>.surface-card{min-width:0;margin:0}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dashboard-section-heading h3{margin:0 0 4px;font-size:14px;font-weight:700}.dashboard-section-heading p{color:var(--muted);font-size:11px;line-height:1.45}.dashboard-section-total{flex-shrink:0;color:var(--muted);font-size:11px;font-weight:650}.dashboard-chart{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(6px,1.5vw,18px);height:245px;margin-top:22px;padding:0 4px}.dashboard-chart-day{display:flex;flex-direction:column;align-items:center;min-width:0}.dashboard-chart-count{min-height:19px;color:var(--muted);font-size:10px;font-weight:650}.dashboard-chart-track{position:relative;width:100%;flex:1;min-height:0;overflow:hidden;border-bottom:1px solid var(--line);background:transparent}.dashboard-chart-bar{position:absolute;bottom:0;left:50%;width:min(100%,30px);transform:translate(-50%);border-radius:3px 3px 0 0;background:var(--dashboard-bar);transition:height .25s ease}.dashboard-chart-day:last-child .dashboard-chart-bar{background:var(--blue)}.dashboard-chart-label{margin-top:8px;color:var(--muted);font-size:11px}.dashboard-recent-list{display:flex;flex-direction:column;margin-top:15px}.dashboard-recent-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;border:0;border-top:1px solid var(--line);padding:14px 2px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.dashboard-recent-item:hover,.dashboard-recent-item:focus-visible{background:var(--dashboard-tint)}.dashboard-recent-status{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--muted)}.dashboard-recent-status.is-open{background:#39a47b}.dashboard-recent-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.dashboard-recent-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650}.dashboard-recent-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.dashboard-recent-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums}.dashboard-recent-meta b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e53935;color:#fff;font-size:10px}.dashboard-recent-empty{border-top:1px solid var(--line);padding:36px 10px;color:var(--muted);text-align:center;font-size:12px}@media(max-width:1250px){.dashboard-details{grid-template-columns:minmax(0,1fr)}}@media(max-width:1100px){.dashboard-page .dash-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.dashboard-heading{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-page .dash-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-page .dash-card{min-height:132px;padding:12px}.dashboard-page .dash-value{font-size:28px}.dashboard-chart{height:185px;gap:5px}}