.main-layout{width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar-overlay{z-index:99;opacity:0;background-color:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1}.sidebar{background-color:var(--sidebar);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sidebar-logo{color:var(--accent);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.sidebar-close-btn{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);padding:.5rem;display:none}.sidebar-close-btn:hover{background-color:var(--input);color:var(--text)}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto}.nav-item{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--sidebar-hover);color:var(--text)}.nav-item.active{background-color:var(--accent);color:#fff}.nav-badge{color:#fff;border-radius:var(--radius-full);background-color:#dc3545;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.6875rem;font-weight:700;display:flex}.nav-item.active .nav-badge{color:var(--accent);background-color:#fff}.sidebar-footer{border-top:1px solid var(--border);padding:1rem}.admin-info{align-items:center;gap:.75rem;display:flex}.admin-avatar{border-radius:var(--radius-full);background-color:var(--accent);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.admin-details{flex-direction:column;min-width:0;display:flex}.admin-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.admin-role{color:var(--text-secondary);text-transform:capitalize;font-size:.75rem}.main-content{flex-direction:column;flex:1;max-width:calc(100vw - 260px);min-height:100vh;margin-left:260px;display:flex;overflow-x:hidden}.topbar{background-color:var(--panel);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:.75rem;display:flex}.hamburger-btn{border-radius:var(--radius);color:var(--text);transition:var(--transition);padding:.5rem;display:none;position:relative}.hamburger-btn:hover{background-color:var(--input)}.hamburger-badge{border-radius:var(--radius-full);border:2px solid var(--panel);background-color:#dc3545;width:8px;height:8px;position:absolute;top:6px;right:6px}.mobile-logo{color:var(--accent);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;display:none}.topbar-right{align-items:center;gap:.5rem;display:flex}.topbar-btn{border-radius:var(--radius);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;display:flex}.topbar-btn:hover{background-color:var(--input);color:var(--text)}.logout-btn:hover{color:var(--danger)}.connection-status{border-radius:var(--radius);text-transform:uppercase;letter-spacing:.025em;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;display:flex}.connection-status.connected{color:var(--accent);background-color:#00a88426}.connection-status.disconnected{color:var(--danger);background-color:#dc354526}.status-dot{border-radius:var(--radius-full);width:8px;height:8px}.connection-status.connected .status-dot{background-color:var(--accent);animation:2s infinite pulse-green}.connection-status.disconnected .status-dot{background-color:var(--danger)}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}.page-content{background-color:var(--bg);flex:1;width:100%;max-width:100%;padding:1.5rem;overflow-x:hidden}.main-footer{background-color:var(--panel);border-top:1px solid var(--border);z-index:40;padding:1rem 1.5rem;position:sticky;bottom:0}.footer-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-text{color:var(--text-secondary);margin:0;font-size:.8125rem}.footer-version{color:var(--text-secondary);background-color:var(--input);border-radius:var(--radius);margin:0;padding:.25rem .5rem;font-size:.75rem}@media (max-width:1024px){.page-content{padding:1rem}}@media (max-width:768px){.sidebar-overlay{pointer-events:none;display:block}.sidebar-overlay.active{pointer-events:auto}.sidebar{width:280px;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex}.main-content{width:100%;max-width:100vw;margin-left:0}.hamburger-btn,.mobile-logo{display:flex}.logout-text{display:none}.topbar{padding:0 1rem}.page-content{padding:1rem}}@media (max-width:480px){.sidebar{width:100%;max-width:300px}.topbar{height:56px;padding:0 .75rem}.page-content{padding:.75rem}.topbar-btn{padding:.5rem}.mobile-logo span{display:none}.main-footer{padding:.75rem}.footer-content{text-align:center;flex-direction:column;gap:.5rem}.footer-text{font-size:.75rem}.status-text{display:none}.connection-status{padding:.375rem}}.spinner{justify-content:center;align-items:center;display:flex}.spinner-circle{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin}.spinner-small .spinner-circle{width:16px;height:16px}.spinner-medium .spinner-circle{border-width:3px;width:24px;height:24px}.spinner-large .spinner-circle{border-width:4px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:2rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{border-radius:var(--radius-full);background-color:var(--accent);color:#fff;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;display:flex}.login-title{color:var(--text);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.login-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}.login-form{flex-direction:column;display:flex}.login-error{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);background-color:#dc35451a;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.login-error svg{flex-shrink:0;margin-top:.1rem}.login-btn{width:100%;margin-top:.5rem;padding:.875rem;font-size:1rem}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.status-badge.badge-success{color:var(--accent);background-color:#00a88426}.status-badge.badge-warning{color:#b7791f;background-color:#ffc10726}[data-theme=dark] .status-badge.badge-warning{color:#f6e05e}.status-badge.badge-danger{color:var(--danger);background-color:#dc354526}.status-badge.badge-secondary{background-color:var(--input);color:var(--text-secondary)}.dashboard{max-width:1200px}.dashboard-loading,.dashboard-error{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.dashboard .page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.quick-actions{gap:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:1rem;padding:1.25rem;display:flex;position:relative}.stat-card-highlight{border-color:var(--warning)}.stat-action{color:var(--accent);font-size:.75rem;font-weight:500;position:absolute;top:.5rem;right:.75rem}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon-primary,.stat-icon-success{color:var(--accent);background-color:#00a88426}.stat-icon-warning{color:#b7791f;background-color:#ffc10726}[data-theme=dark] .stat-icon-warning{color:#f6e05e}.stat-icon-danger{color:var(--danger);background-color:#dc354526}.stat-icon-info{color:#6366f1;background-color:#6366f126}.stat-info{flex-direction:column;display:flex}.stat-value{color:var(--text);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:.8125rem}.stats-row{gap:1rem;margin-bottom:1.5rem;display:flex}.stat-mini{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.stat-mini-value{color:var(--text);font-weight:700}.stat-mini-label{font-size:.8125rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.status-chart{padding:.5rem 0}.status-bar{background-color:var(--input);border-radius:var(--radius-full);height:12px;margin-bottom:1rem;display:flex;overflow:hidden}.status-bar-segment{height:100%;transition:width .3s}.status-bar-segment.status-handled{background-color:var(--accent)}.status-bar-segment.status-unassigned{background-color:#f6e05e}.status-bar-segment.status-closed{background-color:var(--danger)}.status-legend{flex-wrap:wrap;gap:1rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.legend-dot.status-handled{background-color:var(--accent)}.legend-dot.status-unassigned{background-color:#f6e05e}.legend-dot.status-closed{background-color:var(--danger)}.admin-breakdown{flex-direction:column;gap:.75rem;display:flex}.admin-role-item{background-color:var(--input);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem;display:flex}.admin-role-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-role-icon.superadmin{color:#6366f1;background-color:#6366f126}.admin-role-icon.support{color:var(--accent);background-color:#00a88426}.admin-role-icon.viewer{background-color:var(--border);color:var(--text-secondary)}.admin-role-info{flex-direction:column;display:flex}.admin-role-count{color:var(--text);font-size:1.125rem;font-weight:700;line-height:1.2}.admin-role-name{color:var(--text-secondary);font-size:.75rem}.card-header{justify-content:space-between;align-items:center;display:flex}.recent-rooms-list{flex-direction:column;display:flex}.recent-room-item{border-bottom:1px solid var(--border);color:var(--text);transition:var(--transition);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.recent-room-item:last-child{border-bottom:none}.recent-room-item:hover{color:var(--accent)}.room-info{flex-direction:column;display:flex}.room-slug{font-size:.9375rem;font-weight:500}.room-admin{color:var(--text-secondary);font-size:.8125rem}.room-meta{align-items:center;gap:.75rem;display:flex}.room-time{color:var(--text-secondary);font-size:.75rem}@media (max-width:768px){.dashboard .page-header{flex-direction:column;align-items:stretch}.quick-actions{width:100%}.quick-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-row{flex-wrap:wrap}.stat-mini{flex:1;min-width:120px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px}.stat-value{font-size:1.25rem}.status-legend{flex-direction:column;gap:.5rem}.admin-breakdown{gap:.5rem}.admin-role-item{padding:.5rem}.room-meta{flex-direction:column;align-items:flex-end;gap:.25rem}.recent-room-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background-color:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;max-height:90vh;animation:.2s ease-out slideUp;display:flex}.modal-small{width:320px}.modal-medium{width:480px}.modal-large{width:640px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal-title{color:var(--text);margin:0;font-size:1rem;font-weight:600}.modal-close{border-radius:var(--radius);width:32px;height:32px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--input);color:var(--text)}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rooms-page{max-width:1200px}.rooms-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.rooms-filters{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tab{border-radius:var(--radius);color:var(--text-secondary);background-color:var(--panel);border:1px solid var(--border);transition:var(--transition);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.filter-tab:hover{border-color:var(--accent);color:var(--accent)}.filter-tab.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.rooms-error{border-radius:var(--radius);color:var(--danger);background-color:#dc35451a;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.rooms-table-wrapper{overflow-x:auto}.rooms-table{border-collapse:collapse;width:100%}.rooms-table th,.rooms-table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.rooms-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--input);font-size:.75rem;font-weight:600}.rooms-table tbody tr:hover{background-color:var(--input)}.rooms-table tbody tr:last-child td{border-bottom:none}.room-slug-cell{color:var(--text);align-items:center;gap:.5rem;font-weight:500;display:flex}.unread-dot{border-radius:var(--radius-full);background-color:#dc3545;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rooms-table tbody tr.has-unread{background-color:#dc35450d}.rooms-table tbody tr.has-unread:hover{background-color:#dc35451a}.assigned-admin{align-items:center;gap:.5rem;font-weight:500;display:flex}.admin-role{color:var(--text-secondary);font-size:.8125rem;font-weight:400}.room-actions{gap:.5rem;display:flex}@media (max-width:768px){.rooms-page{max-width:100%}.rooms-page .page-header{flex-direction:column;align-items:stretch}.rooms-page .page-header .btn{justify-content:center}.rooms-filters{gap:.75rem}.search-box{max-width:100%}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.filter-tab{white-space:nowrap;flex-shrink:0}.rooms-table-wrapper{margin:0 -1rem;padding:0 1rem}.rooms-table{min-width:600px}.room-actions{flex-direction:column;gap:.25rem}.room-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.filter-tab{padding:.375rem .75rem;font-size:.8125rem}.rooms-table th,.rooms-table td{padding:.625rem .75rem;font-size:.8125rem}}.message-bubble{margin-bottom:.5rem;animation:.2s ease-out fadeIn;display:flex}.message-bubble.message-admin{justify-content:flex-end}.message-bubble.message-user{justify-content:flex-start}.message-content{border-radius:var(--radius);max-width:65%;padding:.5rem .75rem;position:relative}.message-admin .message-content{background-color:var(--bubble-admin);border-top-right-radius:4px}.message-user .message-content{background-color:var(--bubble-user);border:1px solid var(--border);border-top-left-radius:4px}.message-sender{color:var(--accent);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.message-text{word-wrap:break-word;color:var(--text);margin:0;font-size:.9375rem;line-height:1.4}.message-time{color:var(--text-secondary);text-align:right;margin-top:.25rem;font-size:.6875rem;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.room-chat{background-color:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);flex-direction:column;height:calc(100vh - 60px - 3rem);display:flex;overflow:hidden}.room-chat-loading,.room-chat-error{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.chat-header{background-color:var(--panel);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.chat-header-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.back-btn{border-radius:var(--radius);width:36px;height:36px;color:var(--text-secondary);transition:var(--transition);justify-content:center;align-items:center;display:flex}.back-btn:hover{background-color:var(--input);color:var(--text)}.chat-info{flex:1;min-width:0}.chat-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.chat-meta{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.assigned-to{color:var(--text-secondary);font-size:.8125rem}.chat-header-right{align-items:center;gap:.5rem;display:flex}.messages-area{background-color:var(--bg);flex-direction:column;flex:1;padding:1rem;display:flex;overflow-y:auto}.empty-messages{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;display:flex}.typing-indicator{color:var(--text-secondary);padding:.5rem 0;font-size:.8125rem;font-style:italic}.message-input-area{background-color:var(--panel);border-top:1px solid var(--border);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.message-input{background-color:var(--input);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);transition:var(--transition);flex:1;padding:.75rem 1rem;font-size:.9375rem}.message-input:focus{border-color:var(--accent);outline:none}.message-input::placeholder{color:var(--text-secondary)}.send-btn{border-radius:var(--radius-full);background-color:var(--accent);color:#fff;width:44px;height:44px;transition:var(--transition);justify-content:center;align-items:center;display:flex}.send-btn:hover:not(:disabled){background-color:var(--accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-disabled-message{text-align:center;color:var(--text-secondary);background-color:var(--input);border-radius:var(--radius);flex:1;padding:.75rem;font-size:.875rem}.modal-description{color:var(--text-secondary);margin-bottom:1rem}.admin-select-list{flex-direction:column;gap:.5rem;display:flex}.admin-select-item{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);align-items:center;gap:.75rem;padding:.75rem;display:flex}.admin-select-item:hover{background-color:var(--input)}.admin-select-item:has(input:checked){border-color:var(--accent);background-color:#00a8841a}.admin-select-item input[type=radio]{accent-color:var(--accent)}.admin-select-info{flex-direction:column;display:flex}.admin-select-name{color:var(--text);font-weight:500}.admin-select-role{color:var(--text-secondary);text-transform:capitalize;font-size:.8125rem}@media (max-width:768px){.room-chat{border-radius:var(--radius);height:calc(100vh - 56px - 1.5rem)}.chat-header{flex-wrap:wrap;padding:.75rem}.chat-header-right{flex-wrap:wrap}.chat-header-right .btn{padding:.375rem .5rem;font-size:.75rem}.chat-header-right .btn svg{width:14px;height:14px}.chat-header-right .btn span:not(:only-child){display:none}.messages-area{padding:.75rem}.message-input-area{gap:.5rem;padding:.75rem}.message-input{padding:.625rem .875rem;font-size:.875rem}.send-btn{width:40px;height:40px}}@media (max-width:480px){.room-chat{height:calc(100vh - 56px - 1.5rem)}.assigned-to{display:none}.chat-title{font-size:.9375rem}}.users-page{max-width:100%}.users-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.users-page .page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.users-filters{margin-bottom:1rem}.search-box{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;max-width:300px;padding:0 1rem;display:flex}.search-box svg{color:var(--text-secondary)}.search-input{color:var(--text);background:0 0;border:none;flex:1;padding:.75rem 0;font-size:.9375rem}.search-input:focus{outline:none}.search-input::placeholder{color:var(--text-secondary)}.users-error{border-radius:var(--radius);color:var(--danger);background-color:#dc35451a;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.users-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--input);font-size:.75rem;font-weight:600}.users-table tbody tr:hover{background-color:var(--input)}.users-table tbody tr:last-child td{border-bottom:none}.user-slug{color:var(--text);font-family:Monaco,Menlo,monospace;font-size:.875rem;font-weight:600}.user-name{color:var(--text)}.room-count{color:var(--text-secondary);font-size:.875rem}.empty-message{text-align:center;color:var(--text-secondary);padding:2rem!important}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem}@media (max-width:768px){.users-page{max-width:100%}.users-page .page-header{flex-direction:column;align-items:stretch}.users-page .page-header .btn{justify-content:center}.search-box{max-width:100%}.users-table-wrapper{margin:0 -1rem;padding:0 1rem}.users-table{min-width:500px}}@media (max-width:480px){.users-table th,.users-table td{padding:.625rem .75rem;font-size:.8125rem}.user-slug{font-size:.75rem}}.admins-page{max-width:100%}.admins-loading{justify-content:center;align-items:center;min-height:300px;display:flex}.admins-error{border-radius:var(--radius);color:var(--danger);background-color:#dc35451a;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.admins-table-wrapper{overflow-x:auto}.admins-table{border-collapse:collapse;width:100%}.admins-table th,.admins-table td{text-align:left;border-bottom:1px solid var(--border);padding:.875rem 1rem}.admins-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background-color:var(--input);font-size:.75rem;font-weight:600}.admins-table tbody tr:hover{background-color:var(--input)}.admins-table tbody tr:last-child td{border-bottom:none}.admin-cell{align-items:center;gap:.75rem;display:flex}.admin-avatar{border-radius:var(--radius-full);background-color:var(--accent);color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.admin-username{color:var(--text);font-weight:500}.role-badge{border-radius:var(--radius-full);text-transform:capitalize;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.role-superadmin{color:#6366f1;background-color:#6366f126}.role-support{color:var(--accent);background-color:#00a88426}.role-viewer{background-color:var(--input);color:var(--text-secondary)}.admins-page .page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header-left{flex:1}.page-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.modal-error{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);background-color:#dc35451a;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.modal-success{border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent);background-color:#00a8841a;margin-bottom:1rem;padding:.75rem;font-size:.875rem}.form-hint{color:var(--text-secondary);margin-top:.25rem;font-size:.75rem;display:block}@media (max-width:768px){.admins-page{max-width:100%}.admins-page .page-header{flex-direction:column;align-items:stretch}.page-header-actions{flex-direction:column}.admins-page .page-header .btn{justify-content:center}.admins-table-wrapper{margin:0 -1rem;padding:0 1rem;overflow-x:auto}.admins-table{min-width:600px}}@media (max-width:480px){.admins-table th,.admins-table td{padding:.625rem .75rem;font-size:.8125rem}.admin-avatar{width:32px;height:32px;font-size:.75rem}.role-badge{padding:.1875rem .5rem;font-size:.6875rem}}.backup-page{max-width:100%}.backup-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.backup-card{text-align:center;padding:1.5rem}.backup-icon{border-radius:var(--radius-full);width:80px;height:80px;color:var(--accent);background-color:#00a88426;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.backup-icon-secondary{background-color:var(--input);color:var(--text-secondary)}.backup-card h3{color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.backup-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem;line-height:1.5}.btn-block{width:100%}.status-message{border-radius:var(--radius);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;font-weight:500;display:flex}.status-message.success{color:var(--accent);background-color:#00a88426}.status-message.error{color:var(--danger);background-color:#dc354526}.access-denied{text-align:center;color:var(--text-secondary);padding:3rem 1rem}.access-denied svg{color:var(--warning);margin-bottom:1rem}.access-denied h3{color:var(--text);margin-bottom:.5rem}.info-card{border-color:var(--accent);background-color:#00a8840d}.info-card h4{color:var(--text);margin-bottom:.75rem;font-size:.9375rem;font-weight:600}.info-card ul{margin:0;padding-left:1.25rem}.info-card li{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem}.info-card li:last-child{margin-bottom:0}@media (max-width:480px){.backup-grid{grid-template-columns:1fr}.backup-card{padding:1.25rem}.backup-icon{width:64px;height:64px}.backup-icon svg{width:32px;height:32px}}.settings-page{max-width:100%}.setting-group{margin-bottom:0}.setting-label{color:var(--text);margin-bottom:.25rem;font-size:.9375rem;font-weight:600;display:block}.setting-description{color:var(--text-secondary);margin-bottom:1rem;font-size:.8125rem}.theme-options{gap:1rem;display:flex}.theme-option{border:2px solid var(--border);border-radius:var(--radius-lg);background-color:var(--panel);color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.25rem 1rem;font-size:.875rem;font-weight:500;display:flex}.theme-option:hover{border-color:var(--accent);color:var(--accent)}.theme-option.active{border-color:var(--accent);color:var(--accent);background-color:#00a8841a}.about-info p{margin:.25rem 0}.about-tech{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.tech-badge{background-color:var(--input);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.card-header{align-items:center;gap:.5rem;display:flex}.card-header h2{margin:0;font-size:1rem;font-weight:600}.card-header svg{color:var(--accent)}@media (max-width:768px){.settings-page{max-width:100%}.theme-options{flex-wrap:wrap}.theme-option{flex:1;min-width:100px}}@media (max-width:480px){.theme-option{padding:.75rem 1rem}}.not-found-page{background-color:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.not-found-content{text-align:center}.not-found-code{color:var(--accent);margin:0;font-size:6rem;font-weight:700;line-height:1}.not-found-title{color:var(--text);margin:1rem 0 .5rem;font-size:1.5rem;font-weight:600}.not-found-message{color:var(--text-secondary);margin:0 0 1.5rem}:root{--bg:#efeae2;--panel:#fff;--input:#f0f2f5;--border:#e9edef;--text:#111b21;--text-secondary:#667781;--accent:#00a884;--accent-hover:#008f6f;--bubble-admin:#dcf8c6;--bubble-user:#fff;--sidebar:#fff;--sidebar-hover:#f0f2f5;--danger:#dc3545;--danger-hover:#c82333;--warning:#ffc107;--success:#00a884;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000001a;--shadow-lg:0 4px 6px #0000001a;--transition:all .2s ease;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-full:9999px}[data-theme=dark]{--bg:#0b141a;--panel:#111b21;--input:#1f2c34;--border:#2a3942;--text:#e9edef;--text-secondary:#8696a0;--accent:#00a884;--accent-hover:#00c49a;--bubble-admin:#005c4b;--bubble-user:#202c33;--sidebar:#111b21;--sidebar-hover:#202c33;--shadow-sm:0 1px 2px #0003;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 6px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text)}.btn{border-radius:var(--radius);transition:var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--input);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--border)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn:disabled{opacity:.5;cursor:not-allowed}.form-input{background-color:var(--input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);transition:var(--transition);padding:.75rem 1rem;font-size:.9375rem}.form-input:focus{border-color:var(--accent);outline:none}.form-input::placeholder{color:var(--text-secondary)}.form-label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:1rem}.card{background-color:var(--panel);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-weight:600}.card-body{padding:1.25rem}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{color:var(--accent);background-color:#00a88426}.badge-warning{color:#b7791f;background-color:#ffc10726}.badge-danger{color:var(--danger);background-color:#dc354526}.badge-secondary{background-color:var(--input);color:var(--text-secondary)}.animate-spin{animation:1s linear infinite spin}.animate-fade-in{animation:.2s ease-out fadeIn}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-title{color:var(--text);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0;font-size:.9375rem}@media (max-width:768px){.dashboard,.rooms-page,.admins-page,.users-page,.settings-page{width:100%!important;max-width:100%!important}.page-header{flex-direction:column;align-items:stretch}.page-header .btn{justify-content:center}.card{width:100%;overflow:hidden}.rooms-table-wrapper,.admins-table-wrapper,.users-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -1.25rem;padding:0 1.25rem;overflow-x:auto}}@media (max-width:480px){.page-title{font-size:1.25rem}.page-subtitle{font-size:.875rem}table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.card-header,.card-body{padding:1rem}*{max-width:100%}img,video,iframe{max-width:100%;height:auto}}