.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:100%}.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:1rem;display:flex}.quick-actions{gap:.5rem;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.stat-card{background-color:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}.stat-card-highlight{border-color:var(--warning);background:linear-gradient(135deg,var(--panel),#f6e05e0d)}.stat-action{color:var(--accent);text-transform:uppercase;letter-spacing:.3px;font-size:.625rem;font-weight:600;position:absolute;top:.375rem;right:.5rem}.stat-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;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-card-online .stat-icon-success{color:#22c55e;background-color:#22c55e26;animation:2s ease-in-out infinite pulse-online}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.6}}.stat-info{flex-direction:column;min-width:0;display:flex}.stat-value{color:var(--text);font-size:1.25rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.6875rem}.stats-row{gap:.5rem;margin-bottom:.75rem;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:.375rem;padding:.5rem .75rem;font-size:.75rem;display:flex}.stat-mini-value{color:var(--text);font-weight:700}.stat-mini-label{font-size:.75rem}.dashboard-grid{grid-template-columns:1fr 1fr 2fr;gap:.75rem;margin-bottom:0;display:grid}.status-chart{padding:0}.status-bar{background-color:var(--input);border-radius:var(--radius-full);height:10px;margin-bottom:.75rem;display:flex;overflow:hidden}.status-bar-segment{height:100%;transition:width .3s}.status-bar-segment.status-active{background-color:#f6e05e}.status-bar-segment.status-done{background-color:var(--accent)}.status-legend{gap:1rem;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.legend-dot.status-active{background-color:#f6e05e}.legend-dot.status-done{background-color:var(--accent)}.admin-breakdown{gap:.5rem;display:flex}.admin-role-item{background-color:var(--input);border-radius:var(--radius);flex:1;align-items:center;gap:.5rem;padding:.5rem .625rem;display:flex}.admin-role-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;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;min-width:0;display:flex}.admin-role-count{color:var(--text);font-size:.9375rem;font-weight:700;line-height:1.2}.admin-role-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.625rem}.dashboard .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg)}.dashboard .card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dashboard .card-header h2{margin:0;font-size:.8125rem;font-weight:600}.dashboard .card-body{padding:.75rem 1rem}.recent-rooms-list{flex-direction:column;display:flex}.recent-room-item{border-bottom:1px solid var(--border);color:var(--text);transition:var(--transition);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.5rem 0;display:grid}.recent-room-item:last-child{border-bottom:none;padding-bottom:0}.recent-room-item:first-child{padding-top:0}.recent-room-item:hover{color:var(--accent)}.room-info{flex-direction:column;min-width:0;display:flex}.room-slug{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.room-admin{color:var(--text-secondary);font-size:.6875rem}.room-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.room-time{color:var(--text-secondary);font-size:.625rem}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-grid>.card:last-child{grid-column:span 2}}@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);gap:.5rem}.stat-card{padding:.75rem}.stats-row{flex-wrap:wrap}.stat-mini{flex:1;min-width:120px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>.card:last-child{grid-column:span 1}.admin-breakdown{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{gap:.5rem;padding:.625rem}.stat-icon{width:32px;height:32px}.stat-value{font-size:1rem}.status-legend{flex-direction:column;gap:.375rem}.admin-role-item{padding:.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)}}.search-results-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex}.search-results-header{border-bottom:1px solid var(--border);background:var(--input);justify-content:space-between;align-items:center;padding:16px;display:flex}.search-results-header h3{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:14px;font-weight:500;overflow:hidden}.search-results-header .close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:24px;line-height:1;transition:all .2s}.search-results-header .close-btn:hover{background:var(--border);color:var(--text)}.search-loading,.search-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.search-loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.8s linear infinite spin}.search-results-list{flex:1;overflow-y:auto}.search-group{border-bottom:1px solid var(--border)}.search-group-header{background:var(--input);color:var(--text-secondary);align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:flex}.search-group-header .group-user{color:var(--text);font-weight:600}.search-group-header .group-room{color:var(--text-secondary);background:var(--panel);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:10px}.search-group-messages{flex-direction:column;display:flex}.search-result-item{background:var(--panel);border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;transition:background .15s;display:flex}.search-result-item:hover{background:var(--input)}.search-result-item:last-child{border-bottom:none}.result-content{flex:1;min-width:0;overflow:hidden}.result-sender{color:var(--accent);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.result-snippet{color:var(--text-secondary);word-break:break-word;margin:0;font-size:13px;line-height:1.4}.result-snippet mark{color:#000;background:#fff3cd;border-radius:2px;padding:1px 3px;font-weight:500}[data-theme=dark] .result-snippet mark{color:#ffc107;background:#ffc10766}.result-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.result-time{color:var(--text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.result-arrow{color:var(--text-secondary);opacity:0;transition:opacity .15s}.search-result-item:hover .result-arrow{opacity:1}@media (max-width:768px){.search-results-panel{z-index:1000;background:var(--bg);border-right:none;flex-direction:column;display:flex;position:fixed;inset:0}.search-results-header{z-index:1001;background:var(--panel);border-bottom:1px solid var(--border);padding:16px;position:fixed;top:0;left:0;right:0}.search-results-header h3{font-size:16px}.search-results-list{-webkit-overflow-scrolling:touch;flex:1;margin-top:56px;overflow-y:auto}.search-group-header{z-index:auto;position:relative;top:auto}.search-result-item{padding:14px 16px}.result-snippet{font-size:14px}.result-arrow{opacity:1}}.rooms-page{max-width:1200px}.rooms-page.with-search-panel{grid-template-columns:380px 1fr;gap:0;max-width:none;height:calc(100vh - 120px);margin:-1.5rem;display:grid}.rooms-page.with-search-panel .rooms-main{padding:1.5rem;overflow-y:auto}@media (max-width:768px){.rooms-page.with-search-panel{height:auto;margin:0;display:block}.rooms-page.with-search-panel .rooms-main{padding:0}}.search-clear{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.search-clear:hover{background:var(--border);color:var(--text)}.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}.bulk-actions-bar{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.bulk-count{color:var(--text);font-size:.9375rem;font-weight:600}.bulk-actions{gap:.5rem;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.selected{background-color:#00a8841a}.rooms-table tbody tr.selected:hover{background-color:#00a88426}.rooms-table tbody tr:last-child td{border-bottom:none}.checkbox-col{text-align:center;width:32px;padding:.875rem .5rem!important}.checkbox-col input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.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}.modal-warning{border-radius:var(--radius);color:var(--text);background-color:#ffc1071a;border:1px solid #ffc1074d;padding:1rem}.modal-warning p{margin:.5rem 0;font-size:.9375rem}.modal-warning p:first-child{margin-top:0}.modal-warning p:last-child{margin-bottom:0}@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}}.room-info{flex-direction:column;gap:.125rem;display:flex}.user-name{color:var(--text);font-weight:600}.room-slug-small{color:var(--text-secondary);font-size:.75rem}.room-code{background-color:var(--input);border-radius:var(--radius);color:var(--text-secondary);padding:.25rem .5rem;font-family:Monaco,Menlo,monospace;font-size:.75rem}.agent-badge{color:var(--accent);margin-left:.5rem;font-size:.75rem}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.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-content.image-content{padding:.25rem .25rem 1.5rem}.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}.message-image-container{border-radius:var(--radius);min-width:150px;max-width:250px;min-height:100px;position:relative;overflow:hidden}.message-image{border-radius:var(--radius);cursor:pointer;opacity:0;width:100%;height:auto;transition:opacity .3s}.message-image.loaded{opacity:1}.message-image:hover{opacity:.9}.image-placeholder{background-color:var(--input);justify-content:center;align-items:center;min-height:100px;display:flex;position:absolute;inset:0}.image-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.image-error{background-color:var(--input);min-height:80px;color:var(--text-secondary);border-radius:var(--radius);justify-content:center;align-items:center;padding:1rem;font-size:.8125rem;display:flex}.image-lightbox{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lightbox-close{color:#fff;cursor:pointer;z-index:10000;background-color:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.lightbox-close:hover{background-color:#fff3}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img{object-fit:contain;border-radius:8px;max-width:100%;max-height:90vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-text .search-highlight,.search-highlight{color:#000;background-color:#fff3cd;border-radius:2px;padding:1px 3px;font-weight:500}[data-theme=dark] .message-text .search-highlight,[data-theme=dark] .search-highlight{color:#ffc107;background-color:#ffc10766}.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}.image-preview-bar{background-color:var(--input);border-top:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.image-preview-content{border-radius:var(--radius);width:60px;height:60px;position:relative;overflow:hidden}.image-preview-content img{object-fit:cover;width:100%;height:100%}.preview-close-btn{color:#fff;cursor:pointer;background-color:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex;position:absolute;top:2px;right:2px}.preview-close-btn:hover{background-color:#000c}.preview-label{color:var(--text-secondary);font-size:.8125rem}.attach-btn{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);background-color:#0000;border:none;justify-content:center;align-items:center;display:flex}.attach-btn:hover:not(:disabled){background-color:var(--input);color:var(--accent)}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.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}.in-room-search-bar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.75rem}.search-input-wrapper{width:100%}.in-room-search-input{width:100%;font-size:16px}.search-navigation{justify-content:space-between;width:100%}.search-count{text-align:center;flex:1}}@media (max-width:480px){.room-chat{height:calc(100vh - 56px - 1.5rem)}.assigned-to{display:none}.chat-title{font-size:.9375rem}}.handler-banner{color:#856404;text-align:center;background-color:#ffc10726;border-bottom:1px solid #ffc1074d;padding:.625rem 1rem;font-size:.875rem}.handler-banner strong{font-weight:600}.room-code-badge{background-color:var(--input);border-radius:var(--radius);color:var(--text-secondary);padding:.125rem .375rem;font-family:Monaco,Menlo,monospace;font-size:.6875rem}.in-room-search-bar{background-color:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.search-input-wrapper{background-color:var(--input);border-radius:var(--radius);flex:1;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.search-input-wrapper svg{color:var(--text-secondary);flex-shrink:0}.in-room-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.in-room-search-input::placeholder{color:var(--text-secondary)}.search-navigation{align-items:center;gap:.25rem;display:flex}.search-count{color:var(--text-secondary);white-space:nowrap;padding:0 .5rem;font-size:.75rem}.nav-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-btn:hover{background-color:var(--input);color:var(--text)}.close-search-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.close-search-btn:hover{background-color:var(--input);color:var(--text)}.message-highlight{animation:2s ease-out highlightPulse}@keyframes highlightPulse{0%{background-color:#ffc10766}to{background-color:#0000}}.btn.btn-icon{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.btn.btn-icon:hover,.btn.btn-icon.active{background-color:var(--input);color:var(--text);border-color:var(--accent)}.admin-select-agent{color:var(--text-secondary);margin-left:.25rem;font-size:.75rem}.btn.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.btn.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.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-page .bulk-actions-bar{background:var(--input);border:1px solid var(--border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem 1rem;animation:.2s ease-out slideDown;display:flex}.users-page .bulk-count{color:var(--text);font-size:.9375rem;font-weight:600}.users-page .bulk-actions{gap:.5rem;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.selected{background-color:#00a8841a}.users-table tbody tr.selected:hover{background-color:#00a88426}.users-table tbody tr:last-child td{border-bottom:none}.users-table .checkbox-col{text-align:center;width:32px;padding:.875rem .5rem!important}.users-table .checkbox-col input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--accent)}.users-page .modal-warning{border-radius:var(--radius);color:var(--text);background-color:#ffc1071a;border:1px solid #ffc1074d;padding:1rem}.users-page .modal-warning p{margin:.5rem 0;font-size:.9375rem}.users-page .modal-warning p:first-child{margin-top:0}.users-page .modal-warning p:last-child{margin-bottom:0}.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}}.agent-slug-badge{background-color:var(--input);border-radius:var(--radius);color:var(--accent);padding:.25rem .5rem;font-family:Monaco,Menlo,monospace;font-size:.75rem}.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}}