.admin-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:208px;flex-shrink:0;display:flex;flex-direction:column;padding:18px 12px;border-right:1px solid var(--line);background:#080e1ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:width .22s ease}.sidebar.collapsed{width:66px}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 20px}.brand-logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--accent));display:grid;place-items:center;font-weight:800;font-size:15px;color:#04121f;flex-shrink:0;box-shadow:0 4px 14px #22d3ee4d}.brand-name{font-size:15px;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.brand-name small{display:block;font-size:10px;color:var(--txt-3);font-weight:500;letter-spacing:.5px}.sidebar.collapsed .brand-name{display:none}.nav{flex:1;display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--txt-2);font-size:13px;cursor:pointer;transition:all .16s;white-space:nowrap;overflow:hidden}.nav-item .el-icon{font-size:17px;flex-shrink:0}.nav-item:hover{background:#ffffff0e;color:var(--txt-1)}.nav-item.active{background:linear-gradient(100deg,#22d3ee2b,#3b82f61a);color:#67e8f9;font-weight:600;box-shadow:inset 0 0 0 1px #22d3ee38}.nav-badge{margin-left:auto;font-size:10px;padding:1px 6px;border-radius:20px;background:#22d3ee29;color:#67e8f9;font-weight:700}.sidebar.collapsed .nav-text,.sidebar.collapsed .nav-badge{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.side-foot{padding:10px 6px 0;border-top:1px solid var(--line);margin-top:8px}.user-chip{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px;cursor:pointer;transition:background .16s}.user-chip:hover{background:#ffffff0d}.avatar{width:30px;height:30px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,#22d3ee,#8b5cf6);display:grid;place-items:center;font-size:12px;font-weight:800;color:#04121f}.user-meta{overflow:hidden}.user-meta b{display:block;font-size:12.5px;font-weight:600}.user-meta span{display:block;font-size:10.5px;color:var(--txt-3)}.sidebar.collapsed .user-meta{display:none}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:#080e1a8c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.icon-btn{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#ffffff0b;border:1px solid var(--line);color:var(--txt-2);cursor:pointer;transition:all .16s}.icon-btn:hover{color:var(--brand);border-color:#22d3ee66}.crumb{font-size:13px;color:var(--txt-2);font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:9px}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ok);padding:4px 10px;border-radius:20px;background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.live-dot i{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.content{flex:1;overflow-y:auto;padding:22px 24px 40px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{padding:16px 18px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;right:-30px;top:-30px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%)}.stat-label{font-size:12px;color:var(--txt-3);margin-bottom:6px;display:flex;align-items:center;gap:6px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-1px;line-height:1.1}.stat-value em{font-size:12px;font-style:normal;color:var(--txt-3);font-weight:500;margin-left:4px}.stat-foot{font-size:11px;color:var(--txt-3);margin-top:6px}.panel{padding:16px 18px}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel-head h3{margin:0;font-size:14px;font-weight:700}.panel-head .sub{font-size:11.5px;color:var(--txt-3)}.panel-head .right{margin-left:auto;display:flex;gap:8px}.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.toolbar .grow{flex:1}.grid-2{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.room-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.055)}.room-row:last-child{border-bottom:none}.room-ic{width:34px;height:34px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;background:#22d3ee1a;color:var(--brand);font-size:16px}.room-info{flex:1;min-width:0}.room-info b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-info span{font-size:11px;color:var(--txt-3)}.status-pill{font-size:11px;padding:2px 9px;border-radius:20px;font-weight:600}.st-live{background:#10b98124;color:#34d399}.st-idle{background:#f59e0b24;color:#fbbf24}.st-end{background:#94a3b824;color:#94a3b8}.login-wrap{height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 65%);top:-240px;left:-180px;filter:blur(30px)}.login-wrap:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 65%);bottom:-220px;right:-160px;filter:blur(30px)}.login-card{width:100%;max-width:880px;display:grid;grid-template-columns:1.05fr .95fr;border-radius:20px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 30px 80px #0009;position:relative;z-index:1;background:#0b1220d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:cardIn .5s cubic-bezier(.2,.8,.3,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}.login-left{padding:42px 38px;background:radial-gradient(600px 300px at 20% 0%,rgba(34,211,238,.16),transparent 60%),linear-gradient(160deg,#22d3ee12,#8b5cf612);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line)}.login-left h1{font-size:26px;margin:0 0 10px;letter-spacing:-1px;line-height:1.25}.login-left p{color:var(--txt-2);font-size:13px;margin:0;line-height:1.7}.feat-list{display:flex;flex-direction:column;gap:13px;margin-top:26px}.feat{display:flex;gap:11px;align-items:flex-start}.feat-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;background:#22d3ee1f;color:var(--brand);font-size:15px;border:1px solid rgba(34,211,238,.18)}.feat b{font-size:12.5px;display:block;font-weight:600}.feat span{font-size:11.5px;color:var(--txt-3)}.login-right{padding:42px 36px;display:flex;flex-direction:column;justify-content:center}.login-right h2{font-size:19px;margin:0 0 4px;font-weight:700}.login-right .tip{font-size:12.5px;color:var(--txt-3);margin-bottom:24px}@media (max-width: 860px){.login-left{display:none}.login-card{grid-template-columns:1fr;max-width:400px}.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;height:100vh;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.content{padding:16px 14px 40px}}