:root{--header-height: 64px;--sidebar-width: 280px}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1;min-height:0}.app-body__content{flex:1;min-width:0;transition:margin-left .3s ease}.app-body__content--menu-open{margin-left:var(--sidebar-width)}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:inherit;cursor:pointer;flex-shrink:0}.menu-toggle__bars,.menu-toggle__bars:before,.menu-toggle__bars:after{display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .25s ease,opacity .25s ease}.menu-toggle__bars{position:relative}.menu-toggle__bars:before,.menu-toggle__bars:after{content:"";position:absolute;left:0}.menu-toggle__bars:before{top:-6px}.menu-toggle__bars:after{top:6px}.menu-toggle--open .menu-toggle__bars{background:transparent}.menu-toggle--open .menu-toggle__bars:before{top:0;transform:rotate(45deg)}.menu-toggle--open .menu-toggle__bars:after{top:0;transform:rotate(-45deg)}.sidebar{position:fixed;top:var(--header-height);left:0;z-index:30;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:#0f1426fa;border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s ease;overflow:hidden}.sidebar--open{transform:translate(0)}.sidebar__inner{height:100%;overflow-y:auto;padding:12px 0 24px;scrollbar-width:thin}.sidebar__section+.sidebar__section{margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.sidebar__item,.sidebar__subitem{width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}.sidebar__item{display:flex;align-items:center;gap:12px;padding:14px 20px;transition:background .2s ease}.sidebar__item:hover,.sidebar__subitem:hover{background:#6366f11f}.sidebar__item--active{background:#6366f12e}.sidebar__item--group{justify-content:space-between}.sidebar__item-left{display:flex;align-items:center;gap:12px}.sidebar__item-label{display:inline-flex;align-items:center;gap:8px}.sidebar__menu-dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.sidebar__menu-dot--unread{background:#f87171;box-shadow:0 0 0 2px #f8717133}.sidebar__menu-dot--waiting{background:#fbbf24;box-shadow:0 0 0 2px #fbbf2433}.sidebar__item-icon{width:1.25rem;text-align:center;flex-shrink:0}.sidebar__chevron{color:var(--text-muted);transition:transform .2s ease}.sidebar__chevron--open{transform:rotate(180deg)}.sidebar__submenu{display:grid;gap:2px;max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar__submenu--open{max-height:240px}.sidebar__subitem{padding:10px 20px 10px 52px;color:var(--text-muted)}.sidebar__subitem:hover{color:inherit}.sidebar__subitem--active{color:inherit;background:#6366f12e}.sidebar-overlay{position:fixed;inset:var(--header-height) 0 0 0;z-index:20;border:0;padding:0;background:#00000073;cursor:pointer}@media (max-width: 1001px){.sidebar{top:0;width:100vw;height:100vh;z-index:40;border-right:0}.sidebar-overlay{top:0;right:0;bottom:0;left:0;z-index:35}.app-body__content--menu-open{margin-left:0}}@media (max-width: 640px){:root{--header-height: 112px}}.dialog-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-modal__panel{width:min(960px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.dialog-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--border)}.dialog-modal__title-wrap{min-width:0}.dialog-modal__title{margin:0;font-size:1.05rem;font-weight:600}.dialog-modal__filename{display:block;margin-top:4px;color:var(--text-muted);font-size:.85rem;word-break:break-all}.dialog-modal__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.dialog-modal__close{flex-shrink:0;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--surface-elevated);color:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.dialog-modal__close:hover{border-color:#6366f1a6}.dialog-modal__body{flex:1;min-height:0;overflow:auto;padding:0}.dialog-modal__content{margin:0;padding:20px;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:.88rem;line-height:1.55;color:#dbeafe}.dialog-modal__state,.dialog-modal__error{padding:32px 20px;text-align:center;color:var(--text-muted)}.dialog-modal__error{color:var(--danger)}@media (max-width: 640px){.dialog-modal{padding:12px}.dialog-modal__panel{max-height:calc(100vh - 24px)}.dialog-modal__header{flex-direction:column}.dialog-modal__actions{width:100%;justify-content:space-between}}.live-chat{width:min(720px,100%);max-height:min(88vh,820px);display:flex;flex-direction:column}.live-chat__header{align-items:center}.live-chat__header-actions{max-width:min(100%,420px)}.live-chat__end-btn{font-size:.82rem;padding:7px 11px;white-space:nowrap;border-color:#f8717159;color:#fca5a5}.live-chat__end-btn:hover:not(:disabled){border-color:#f87171a6;background:#f8717114}.live-chat__confirm-layer{z-index:1001}.live-chat__header-meta{display:block;margin-top:4px;color:var(--text-muted);font-size:.85rem}.live-chat__body{display:flex;flex-direction:column;min-height:0;flex:1}.live-chat__messages{flex:1;min-height:280px;max-height:min(58vh,560px);overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px;background:#080c1859}.live-chat__state{margin:auto;color:var(--text-muted);text-align:center}.live-chat__bubble{max-width:82%;padding:10px 12px;border-radius:14px;line-height:1.45;word-break:break-word}.live-chat__bubble--own{align-self:flex-end;background:#6366f138;border:1px solid rgba(99,102,241,.35)}.live-chat__bubble--visitor{align-self:flex-start;background:var(--surface-elevated);border:1px solid var(--border)}.live-chat__bubble--operator{align-self:flex-end;background:#6366f124;border:1px solid rgba(99,102,241,.28)}.live-chat__bubble--system{align-self:center;max-width:100%;background:#94a3b81a;color:var(--text-muted);font-size:.88rem;text-align:center}.live-chat__bubble-meta{display:block;margin-bottom:4px;font-size:.78rem;color:var(--text-muted)}.live-chat__composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:16px 20px;border-top:1px solid var(--border)}.live-chat__composer textarea{min-height:44px;max-height:120px;resize:vertical;border:1px solid var(--border);background:var(--surface-elevated);color:inherit;border-radius:12px;padding:11px 12px;font:inherit}.live-chat__composer textarea:focus{outline:2px solid rgba(99,102,241,.35);border-color:#6366f1a6}.live-chat__readonly-badge{display:inline-flex;margin-top:8px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#93c5fd;background:#93c5fd1f;border:1px solid rgba(147,197,253,.28)}.live-chat__readonly-note{padding:16px 20px;border-top:1px solid var(--border);color:var(--text-muted);text-align:center;font-size:.92rem}.live-chat__ended{padding:16px 20px;border-top:1px solid var(--border);color:var(--text-muted);text-align:center}@media (max-width: 640px){.live-chat{max-height:calc(100vh - 24px)}.live-chat__messages{max-height:calc(100vh - 260px)}.live-chat__composer{grid-template-columns:1fr}.live-chat__header{flex-wrap:wrap}.live-chat__header-actions{width:100%;justify-content:flex-start}}.administration{display:grid;gap:16px}.administration__toolbar{display:flex;justify-content:flex-end}.administration__table-wrap{padding:0;overflow:hidden}.administration__state,.administration__error{padding:24px 16px;text-align:center;color:var(--text-muted)}.administration__error{color:var(--danger);background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:12px}.administration__row-actions{display:flex;flex-wrap:wrap;gap:8px}.administration__danger{color:var(--danger)}.administration__danger-btn{background:#f871712e}.staff-modal{width:min(520px,100%);max-height:none}.staff-modal__form,.staff-modal__confirm{padding:20px;display:grid;gap:16px}.staff-modal__field{display:grid;gap:8px}.staff-modal__field span{color:var(--text-muted);font-size:.9rem}.staff-modal__field input{width:100%;border:1px solid var(--border);background:var(--surface-elevated);color:inherit;border-radius:12px;padding:11px 12px}.staff-modal__field input:focus{outline:2px solid rgba(99,102,241,.35);border-color:#6366f1a6}.staff-modal__password-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.staff-modal__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.staff-modal__actions-main{display:flex;gap:10px;margin-left:auto}.staff-modal__error{color:var(--danger);font-size:.92rem}.staff-modal__confirm p{margin:0;color:var(--text-muted)}@media (max-width: 640px){.staff-modal__password-row{grid-template-columns:1fr}.staff-modal__actions{flex-direction:column;align-items:stretch}.staff-modal__actions-main{margin-left:0;justify-content:space-between}}.card-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.session-history{display:grid;gap:16px}.session-history__filters{padding:16px}.session-history__filters-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.filter-field{display:block}.filter-field--wide{grid-column:span 2}.filter-field input,.filter-field select{width:100%;border:1px solid var(--border);background:var(--surface-elevated);color:inherit;border-radius:12px;padding:11px 12px}.filter-field input:focus,.filter-field select:focus{outline:2px solid rgba(99,102,241,.35);border-color:#6366f1a6}.session-history__table-wrap{padding:0;overflow:hidden}.session-history__table-scroll{overflow-x:auto}.session-history__table{width:100%;border-collapse:collapse;min-width:720px}.session-history__table th,.session-history__table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.session-history__table th{color:var(--text-muted);font-size:.88rem;font-weight:500}.session-history__table tbody tr:hover{background:#6366f10f}.session-history__row{cursor:pointer}.session-history__state,.session-history__error{padding:24px 16px;text-align:center;color:var(--text-muted)}.session-history__error{color:var(--danger);background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:12px}.session-history__pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid var(--border);color:var(--text-muted)}.session-history__pagination-actions{display:flex;align-items:center;gap:10px}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.82rem;background:#94a3b826}.status-badge--waiting{background:#fbbf2426;color:#fbbf24}.status-badge--active{background:#22c55e26;color:#4ade80}.status-badge--ended{background:#6366f126;color:#a5b4fc}.status-badge--cancelled{background:#f8717126;color:#fca5a5}@media (max-width: 900px){.session-history__filters-grid{grid-template-columns:1fr 1fr}.filter-field--wide{grid-column:span 2}}@media (max-width: 640px){.session-history__filters-grid{grid-template-columns:1fr}.filter-field--wide{grid-column:auto}.session-history__pagination{flex-direction:column;align-items:stretch}.session-history__pagination-actions{justify-content:space-between}}.waiting-queue{display:grid;gap:16px}.waiting-queue__tg-toggle{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;color:var(--text-muted);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;width:fit-content}.waiting-queue__tg-toggle input{width:16px;height:16px;margin:0;cursor:pointer}.waiting-queue__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.waiting-queue__count{margin:0;color:var(--text-muted)}.waiting-queue__notice{padding:14px 16px;color:#fbbf24;background:#fbbf2414;border:1px solid rgba(251,191,36,.25);border-radius:12px}.waiting-queue__error{padding:14px 16px;color:var(--danger);background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:12px}.waiting-queue__state{padding:32px 16px;text-align:center;color:var(--text-muted)}.waiting-queue__table-wrap{padding:0;overflow:hidden}.waiting-queue__table{width:100%;border-collapse:collapse;min-width:640px}.waiting-queue__table th,.waiting-queue__table td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.waiting-queue__table th{color:var(--text-muted);font-size:.88rem;font-weight:500}.waiting-queue__row--active{background:#4ade800f}.waiting-queue__row--active td{border-bottom-color:#4ade802e}.waiting-queue__label-cell{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.waiting-queue__badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#4ade80;background:#4ade801f;border:1px solid rgba(74,222,128,.28)}.waiting-queue__badge--watch{color:#93c5fd;background:#93c5fd1f;border-color:#93c5fd47}.waiting-queue__badge--waiting{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2447}.waiting-queue__unread-dot{width:7px;height:7px;border-radius:999px;background:#f87171;box-shadow:0 0 0 2px #f8717140;flex-shrink:0}.waiting-queue__actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.waiting-queue__terminate-btn{border-color:#f8717159;color:#fca5a5}.waiting-queue__terminate-btn:hover:not(:disabled){border-color:#f871718c;background:#f8717114}.waiting-queue__terminate-btn--confirm{background:#f8717129}.waiting-queue__terminate-btn--confirm:hover:not(:disabled){background:#f871713d}.waiting-queue__live{display:inline-flex;align-items:center;gap:8px;color:#4ade80;font-size:.88rem}.waiting-queue__live-dot{width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 #4ade8099;animation:waiting-queue-pulse 1.8s infinite}@keyframes waiting-queue-pulse{0%{box-shadow:0 0 #4ade8073}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}.statistics{display:grid;gap:16px}.statistics__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.statistics__subtitle{margin:0;color:var(--text-muted);font-size:.95rem}.statistics__filters{padding:16px}.statistics__filters-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statistics__filters-grid .filter-field--wide{grid-column:span 1}.statistics__error{padding:14px 16px;color:var(--danger);background:#f8717114;border:1px solid rgba(248,113,113,.25);border-radius:12px}.statistics__state{padding:32px 16px;text-align:center;color:var(--text-muted)}.statistics-periods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.statistics-period-card{padding:18px;display:grid;gap:14px}.statistics-period-card--wide{grid-column:1 / -1}.statistics-period-card__title{margin:0;font-size:.95rem;color:var(--text-muted);font-weight:500}.statistics-period-card__total{margin:0;font-size:2rem;font-weight:700;line-height:1.1}.statistics-period-card__topics{margin:0;padding:0;list-style:none;display:grid;gap:8px}.statistics-period-card__topics li{display:flex;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:.92rem}.statistics-period-card__topics strong{color:inherit;font-weight:600}.statistics-users{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.statistics-metric{padding:18px;display:grid;gap:8px}.statistics-metric__label{margin:0;color:var(--text-muted);font-size:.92rem}.statistics-metric__value{margin:0;font-size:1.8rem;font-weight:700}.statistics-operators{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start}.statistics-operators__list{padding:8px;display:grid;gap:4px;max-height:640px;overflow:auto}.statistics-operators__item{width:100%;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:left;padding:12px 14px;cursor:pointer}.statistics-operators__item:hover{background:#6366f10f}.statistics-operators__item--active{background:#6366f11f;border-color:#6366f159}.statistics-unanswered__table-wrap{padding:0;overflow:hidden}.statistics-unanswered__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 0;flex-wrap:wrap}.statistics-unanswered__title{margin:0 0 4px}.statistics-unanswered__clear{flex-shrink:0}.statistics-unanswered__table{width:100%;border-collapse:collapse}.statistics-unanswered__table th,.statistics-unanswered__table td{padding:12px 16px;border-bottom:1px solid var(--border);text-align:left}.statistics-unanswered__table th{color:var(--text-muted);font-size:.88rem;font-weight:500}.statistics-unanswered__note{padding:12px 16px;color:var(--text-muted);font-size:.88rem;border-top:1px solid var(--border)}@media (max-width: 900px){.statistics-periods,.statistics-users,.statistics-operators{grid-template-columns:1fr}.statistics__filters-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.statistics__filters-grid{grid-template-columns:1fr}}:root{color-scheme:dark;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#eef2ff;background:#0b1020;--bg: #0b1020;--surface: #151b31;--surface-elevated: #1b2340;--border: rgba(148, 163, 184, .18);--text-muted: #94a3b8;--accent: #6366f1;--accent-hover: #818cf8;--danger: #f87171;--shadow: 0 24px 60px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top,rgba(99,102,241,.18),transparent 32%),var(--bg)}button,input{font:inherit}.app-shell{min-height:100vh}.app-shell--center{display:grid;place-items:center;padding:24px}.loader-card,.home-card,.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.loader-card{padding:24px 32px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,420px);padding:28px}.auth-card--shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.auth-brand{display:grid;justify-items:center;gap:12px;margin-bottom:28px;text-align:center}.brand-logo{display:block;filter:invert(1);opacity:.92}.brand-logo--auth{width:100px;height:auto}.brand-logo--header{width:52px;height:auto;flex-shrink:0}.auth-brand h1,.home-card h2{margin:0;font-size:1.5rem}.home-card p,.home-card__hint{color:var(--text-muted)}.app-header__subtitle{display:block;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form{display:grid;gap:16px}.field{display:block}.field input{width:100%;border:1px solid var(--border);background:var(--surface-elevated);color:inherit;border-radius:12px;padding:12px 14px}.field input:focus{outline:2px solid rgba(99,102,241,.35);border-color:#6366f1a6}.button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer;transition:background .2s ease,transform .2s ease}.button:disabled{opacity:.7;cursor:wait}.button--primary{background:var(--accent);color:#fff}.button--primary:hover:not(:disabled){background:var(--accent-hover)}.button--ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.auth-error{margin:0;color:var(--danger);text-align:center}.auth-notice{margin:0 0 4px;color:#fbbf24;text-align:center;font-size:.92rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;min-height:var(--header-height, 64px);border-bottom:1px solid var(--border);background:#0b1020d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.app-header__start{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.app-header__brand{display:flex;align-items:center;gap:12px;min-width:0}.app-header__brand strong{display:block}.app-header__notice{margin:0;font-size:.9rem;font-weight:500;text-align:center;flex:1;min-width:0}.app-header__notice--unread{color:#f87171}.app-header__notice--waiting{color:#fbbf24}.app-header__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.user-chip{display:grid;gap:2px;text-align:right}.user-chip small{color:var(--text-muted)}.app-main{padding:24px 20px 40px;max-width:960px;margin:0 auto}.app-main--wide{max-width:1180px}.home-card{padding:28px}.home-card__hint{margin-bottom:0}@media (max-width: 640px){.auth-card,.home-card,.loader-card{padding:22px}.app-header{align-items:flex-start;flex-direction:column}.app-header__start{width:100%}.app-header__notice{width:100%;text-align:left;font-size:.85rem}.app-header__actions{width:100%;justify-content:space-between}.user-chip{text-align:left}}