*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#fff;background:#070b14;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 0 0,#4263eb24,#0000 32%),radial-gradient(circle at 100% 100%,#8d46ff1f,#0000 35%),#070b14;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-glow{filter:blur(120px);opacity:.15;border-radius:50%;width:420px;height:420px;position:absolute}.login-glow-one{background:#4f7cff;top:-180px;left:-150px}.login-glow-two{background:#8e5cff;bottom:-200px;right:-150px}.login-card{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111726e0;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:36px;position:relative;box-shadow:0 30px 80px #0000006b}.login-brand{align-items:center;gap:14px;margin-bottom:38px;display:flex}.brand-icon{background:linear-gradient(135deg,#5478ff,#945cff);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex;box-shadow:0 10px 30px #5478ff4d}.login-brand h1{font-size:20px;line-height:1.2}.login-brand p{color:#7f8aa3;margin-top:3px;font-size:12px}.login-heading{margin-bottom:28px}.login-heading h2{letter-spacing:-.5px;font-size:29px}.login-heading p{color:#8994aa;margin-top:8px;font-size:14px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{color:#c9d0df;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input-wrapper{color:#77839a;background:#ffffff09;border:1px solid #ffffff14;border-radius:13px;align-items:center;gap:12px;height:52px;padding:0 15px;transition:all .2s;display:flex}.input-wrapper:focus-within{border-color:#5c79ffbf;box-shadow:0 0 0 4px #5c79ff14}.input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%}.input-wrapper input::placeholder{color:#586379}.password-toggle{color:#77839a;background:0 0;border:none;display:flex}.login-button{color:#fff;background:linear-gradient(135deg,#5278ff,#8359f6);border:none;border-radius:13px;width:100%;height:52px;margin-top:8px;font-weight:700;transition:transform .2s,opacity .2s;box-shadow:0 12px 30px #5278ff40}.login-button:hover{transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{color:#ff8989;background:#ff5b5b14;border:1px solid #ff5b5b40;border-radius:12px;margin-bottom:20px;padding:12px 14px;font-size:13px}.login-footer{text-align:center;color:#566178;margin-top:30px;font-size:11px}@media (width<=600px){.login-page{padding:16px}.login-card{border-radius:20px;padding:26px 20px}.login-heading h2{font-size:25px}}.app-layout{background:#080c15;min-height:100vh}.sidebar{z-index:100;background:#0b101b;border-right:1px solid #ffffff0f;flex-direction:column;width:255px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;padding:4px 8px 26px;display:flex}.sidebar-logo{background:linear-gradient(135deg,#557aff,#925aff);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.sidebar-brand h2{font-size:17px}.sidebar-brand span{color:#657087;margin-top:2px;font-size:10px;display:block}.sidebar-close{color:#8a94a8;background:0 0;border:none;margin-left:auto;display:none}.sidebar-section-title{color:#465166;letter-spacing:1.2px;margin:10px 0;padding:0 12px;font-size:10px;font-weight:700}.sidebar-menu{flex-direction:column;gap:4px;display:flex}.sidebar-link{color:#7f8aa0;border-radius:11px;align-items:center;gap:12px;height:44px;padding:0 13px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:#d9deea;background:#ffffff09}.sidebar-link.active{color:#fff;background:#5974ff1f;box-shadow:inset 0 0 0 1px #5974ff1f}.sidebar-bottom{margin-top:auto}.main-area{min-height:100vh;margin-left:255px}.main-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c15e0;border-bottom:1px solid #ffffff0e;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:14px;display:flex}.header-left h1{font-size:16px}.header-left p{color:#687389;margin-top:3px;font-size:11px}.header-right{align-items:center;gap:18px;display:flex}.environment-badge{color:#70dba8;background:#3ed68c0f;border:1px solid #3ed68c24;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:700;display:flex}.environment-dot{background:#4ed79a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4ed79acc}.admin-profile{align-items:center;gap:10px;display:flex}.admin-avatar,.user-avatar{color:#aab7ff;background:#172033;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.admin-avatar{width:35px;height:35px}.admin-info strong{font-size:12px;display:block}.admin-info span{color:#69758b;align-items:center;gap:4px;margin-top:2px;font-size:9px;display:flex}.header-icon-button,.mobile-menu-button{color:#7e899e;background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mobile-menu-button{display:none}.main-content{padding:28px 30px 50px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.page-heading h2{letter-spacing:-.5px;font-size:25px}.page-heading p{color:#6c778c;margin-top:5px;font-size:12px}.dashboard-actions{gap:10px;display:flex}.dashboard-actions select,.refresh-button{color:#aeb7c9;background:#101623;border:1px solid #ffffff12;border-radius:9px;outline:none;height:38px;padding:0 13px;font-size:11px}.refresh-button{align-items:center;gap:7px;display:flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stat-card{background:#0d131f;border:1px solid #ffffff0e;border-radius:15px;min-height:135px;padding:19px}.stat-card-top{justify-content:space-between;gap:15px;display:flex}.stat-title{color:#788399;font-size:11px}.stat-card h3{letter-spacing:-.5px;margin-top:12px;font-size:24px}.stat-icon{color:#8197ff;background:#5274ff17;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;display:flex}.stat-subtitle{color:#505c72;margin-top:13px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:14px;margin-top:14px;display:grid}.dashboard-panel{background:#0d131f;border:1px solid #ffffff0e;border-radius:15px;overflow:hidden}.panel-header{border-bottom:1px solid #ffffff0d;padding:18px 20px}.panel-header h3{font-size:13px}.panel-header p{color:#59657a;margin-top:4px;font-size:10px}.table-wrapper{overflow-x:auto}.console-table{border-collapse:collapse;width:100%}.console-table th{text-align:left;color:#566176;letter-spacing:.4px;padding:12px 18px;font-size:9px}.console-table td{color:#aab3c4;border-top:1px solid #ffffff0a;padding:14px 18px;font-size:11px}.table-primary{color:#d7dce6;font-weight:500}.table-secondary{color:#505c70;margin-top:4px;font-size:9px}.status-badge{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status-badge.active{color:#55d99d;background:#55d99d14}.status-badge.finished{color:#8490a4;background:#8490a414}.top-users{padding:5px 18px 12px}.top-user-row{border-bottom:1px solid #ffffff0a;align-items:center;padding:14px 0;display:flex}.user-rank{color:#4d586d;width:25px;font-size:10px}.user-avatar{width:34px;height:34px;margin-right:10px;font-size:11px}.top-user-info{flex:1}.top-user-info strong{color:#cbd2df;font-size:11px;display:block}.top-user-info span{color:#505b70;margin-top:3px;font-size:9px;display:block}.top-user-time{text-align:right;color:#b5bfd2;font-size:11px}.top-user-time span{color:#505b70;margin-top:3px;font-size:8px;display:block}.page-loading,.page-error{text-align:center;color:#7c879b;padding:60px 20px}.page-error button{color:#fff;background:#5278ff;border:none;border-radius:8px;margin-top:15px;padding:9px 15px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=800px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar-mobile-open{transform:translate(0)}.sidebar-close{display:flex}.sidebar-overlay{z-index:90;background:#0000008c;position:fixed;inset:0}.main-area{margin-left:0}.mobile-menu-button{display:flex}.main-header{padding:0 18px}.main-content{padding:22px 18px 40px}.environment-badge{display:none}}@media (width<=600px){.admin-info{display:none}.page-heading{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%}.dashboard-actions select,.refresh-button{flex:1}.stats-grid{grid-template-columns:1fr}}.live-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.mini-stat-card{background:#0d131f;border:1px solid #ffffff0e;border-radius:13px;align-items:center;gap:13px;padding:15px 17px;display:flex}.mini-stat-icon{color:#8095ff;background:#5373ff17;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mini-stat-card span{color:#69758b;font-size:10px;display:block}.mini-stat-card strong{color:#e0e5ef;margin-top:4px;font-size:18px;display:block}.live-room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.live-room-card{width:100%;color:inherit;text-align:left;background:#0d131f;border:1px solid #ffffff0e;border-radius:15px;padding:19px;transition:transform .2s,border-color .2s,background .2s}.live-room-card:hover{background:#101725;border-color:#5373ff2e;transform:translateY(-2px)}.live-room-card-header{justify-content:space-between;gap:20px;margin-bottom:17px;display:flex}.live-room-card h3{color:#dce2ee;margin-top:9px;font-size:14px}.live-room-card p{color:#4e5a70;margin-top:4px;font-size:9px}.live-indicator{color:#5fe1a6;background:#3ed68c12;border-radius:20px;align-items:center;gap:6px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.live-indicator span{background:#4edb9b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #4edb9bb3}.live-room-arrow{color:#475269;font-size:18px}.live-room-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:17px;display:grid}.room-metric{background:#ffffff06;border-radius:10px;padding:11px}.room-metric svg{color:#6276bb;margin-bottom:7px}.room-metric span{color:#556176;font-size:8px;display:block}.room-metric strong{color:#bac4d5;margin-top:4px;font-size:11px;display:block}.live-room-users{border-top:1px solid #ffffff0a;padding-top:10px}.live-room-user{align-items:center;padding:8px 0;display:flex}.live-user-avatar{color:#aebaff;background:#172034;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;margin-right:9px;font-size:10px;font-weight:700;display:flex}.live-user-info{flex:1}.live-user-info strong{color:#c5ccd9;font-size:10px;display:block}.live-user-info span{color:#4e596d;margin-top:2px;font-size:8px;display:block}.mic-state{border-radius:20px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:600;display:inline-flex}.mic-state.on{color:#5ee0a4;background:#3ed68c12}.mic-state.off{color:#78849a;background:#78849a12}.more-users{color:#576277;text-align:center;padding:6px 0;font-size:9px}.empty-state-card{text-align:center;background:#0d131f;border:1px dashed #ffffff12;border-radius:16px;padding:70px 20px}.empty-state-icon{color:#6679bd;background:#5373ff12;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 15px;display:flex}.empty-state-card h3{color:#bac3d3;font-size:14px}.empty-state-card p{color:#596579;max-width:380px;margin:7px auto 0;font-size:10px;line-height:1.6}.page-error-inline{color:#ec8888;background:#ff5a5a0e;border:1px solid #ff5a5a29;border-radius:10px;margin-bottom:16px;padding:11px 13px;font-size:10px}.room-details-heading{align-items:flex-start;gap:13px;display:flex}.back-button{color:#8490a5;background:#101623;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.room-details-heading h2{margin-top:7px}.room-live-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.live-participants-panel{margin-top:14px}.participant-user-cell{align-items:center;display:flex}.mono-text{color:#728099;font-family:SFMono-Regular,Consolas,monospace;font-size:9px}.empty-table-cell{text-align:center;color:#596477!important;padding:40px!important}@media (width<=1100px){.live-room-grid{grid-template-columns:1fr}.room-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.live-summary-grid{grid-template-columns:1fr}.live-room-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.room-live-stats{grid-template-columns:1fr}}.history-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.history-search{color:#66738a;background:#0d131f;border:1px solid #ffffff0f;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:280px;height:40px;padding-left:12px;display:flex}.history-search input{color:#d1d7e3;background:0 0;border:none;outline:none;flex:1;font-size:11px}.history-search button{color:#8697e7;background:0 0;border:none;border-left:1px solid #ffffff0d;align-self:stretch;padding:0 14px;font-size:10px}.history-filter-bar select,.filter-reset-button{color:#8d98ab;background:#0d131f;border:1px solid #ffffff0f;border-radius:10px;outline:none;height:40px;padding:0 12px;font-size:10px}.filter-reset-button{color:#d18c8c}.history-panel-header{justify-content:space-between;align-items:center;display:flex}.history-page-info{color:#5c687c;font-size:10px}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#ffffff05}.history-metric-cell{align-items:center;gap:6px;display:flex}.history-pagination{color:#596478;border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;min-height:58px;padding:10px 18px;font-size:9px;display:flex}.history-pagination button{color:#8792a6;background:#101623;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:9px;display:flex}.history-pagination button:disabled{opacity:.35;cursor:not-allowed}.room-history-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.room-users-history-panel{margin-top:14px}.history-user-list{padding:14px}.history-user-card{background:#ffffff04;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;padding:15px}.history-user-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.history-user-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.history-user-metrics div,.history-session-grid div{background:#ffffff05;border-radius:8px;padding:10px}.history-user-metrics span,.history-session-grid span{color:#566276;font-size:8px;display:block}.history-user-metrics strong,.history-session-grid strong{color:#b6c0d0;margin-top:4px;font-size:10px;display:block}.history-sessions{margin-top:12px}.history-session-card{background:#0b101a;border:1px solid #ffffff0a;border-radius:10px;margin-top:8px;padding:12px}.history-session-title{color:#6d7990;margin-bottom:9px;font-size:9px;font-weight:600}.history-session-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.history-event-line{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.history-event{color:#7d8aa1;background:#ffffff06;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;display:inline-flex}.history-event small{color:#4c576a}@media (width<=900px){.room-history-stats,.history-user-metrics,.history-session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.history-search{min-width:100%}.history-filter-bar select,.filter-reset-button{flex:1}.room-history-stats{grid-template-columns:1fr}.history-user-metrics,.history-session-grid{grid-template-columns:1fr 1fr}}.user-table-metric{color:#8c98aa;align-items:center;gap:6px;display:flex}.user-details-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.user-profile-panel{margin-bottom:14px}.user-profile-main{align-items:center;gap:12px;padding:17px;display:flex}.user-details-avatar{color:#8fa0ff;background:#6b7fff1f;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.user-profile-main h3{color:#d6dce7;margin:0;font-size:13px}.user-profile-main p{color:#596579;margin:4px 0 0;font-size:9px}.user-profile-main .status-badge{margin-left:auto}.user-stat-icon{color:#7588dc;background:#6b7fff12;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;display:flex}.user-room-history-panel{margin-top:14px}.history-room-count{color:#68758b;background:#ffffff06;border-radius:7px;padding:6px 9px;font-size:9px}.user-room-history-list{padding:14px}.user-room-history-card{background:#ffffff03;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;overflow:hidden}.user-room-history-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.user-room-name{cursor:pointer}.user-room-name strong{color:#bdc6d5;font-size:11px;display:block}.user-room-name span{color:#4e5b70;margin-top:4px;font-size:8px;display:block}.user-room-name:hover strong{color:#899aff}.user-room-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 14px;display:grid}.user-room-metrics div{background:#ffffff05;border-radius:8px;padding:9px 10px}.user-room-metrics span{color:#515e72;font-size:8px;display:block}.user-room-metrics strong{color:#aab5c6;margin-top:4px;font-size:10px;display:block}.user-session-list{padding:0 14px 14px}.user-session-card{background:#0a1019;border:1px solid #ffffff0a;border-radius:9px;margin-top:8px;padding:12px}.user-session-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.user-session-header>strong{color:#718096;font-size:9px}.user-session-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.user-session-metrics div{background:#ffffff05;border-radius:7px;padding:8px}.user-session-metrics span{color:#4c586a;font-size:7px;display:block}.user-session-metrics strong{color:#8e9bad;margin-top:4px;font-size:8px;font-weight:500;display:block}.user-connection-events{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex;position:relative}.connection-event{color:#657186;background:#ffffff05;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:7px;display:flex}.connection-event strong{font-size:7px;font-weight:500}.connection-event small{color:#414d60;font-size:7px}.connection-event-dot{background:#697589;border-radius:50%;width:5px;height:5px}.connection-event.published .connection-event-dot{background:#61ad85}.connection-event.unpublished .connection-event-dot{background:#c38a67}@media (width<=1100px){.user-details-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.user-details-stats,.user-room-metrics,.user-session-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.user-details-stats{grid-template-columns:1fr}.user-room-metrics,.user-session-metrics{grid-template-columns:1fr 1fr}}