.backroom{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#e0e0e0;font-family:Monaco,Courier New,monospace;padding:20px}.backroom-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;border-radius:12px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backroom-header h1{margin:0;font-size:28px;font-weight:700;background:linear-gradient(90deg,#00d4ff,#0f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.connection-status{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.connected{background:#0f8;box-shadow:0 0 12px #0f8}.status-dot.disconnected{background:#f44;box-shadow:0 0 12px #f44}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#ffffff0d;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#00d4ff80}.stat-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:#00d4ff}.stat-value.small{font-size:20px}.stat-value.error{color:#f44}.controls{display:flex;gap:12px;margin-bottom:30px}.control-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.control-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-primary{background:linear-gradient(135deg,#00d4ff,#08f);color:#fff}.btn-success{background:linear-gradient(135deg,#0f8,#0c6);color:#0a0a0a}.btn-warning{background:linear-gradient(135deg,#fa0,#f60);color:#fff}.activity-stream{background:#ffffff08;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.activity-stream h2{margin:0 0 20px;font-size:18px;color:#00d4ff}.activity-list{max-height:600px;overflow-y:auto;padding-right:10px}.activity-list::-webkit-scrollbar{width:8px}.activity-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.activity-list::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:4px}.activity-list::-webkit-scrollbar-thumb:hover{background:#00d4ff80}.activity-item{display:grid;grid-template-columns:30px 80px 1fr;gap:12px;padding:12px;margin-bottom:8px;border-radius:8px;border-left:3px solid transparent;transition:all .2s;font-size:13px}.activity-item:hover{background:#ffffff0d}.activity-info{background:#00d4ff1a;border-left-color:#00d4ff}.activity-success{background:#00ff881a;border-left-color:#0f8}.activity-warning{background:#ffaa001a;border-left-color:#fa0}.activity-error{background:#ff44441a;border-left-color:#f44}.activity-system{background:#8888ff1a;border-left-color:#88f}.activity-icon{font-size:18px}.activity-time{color:#888;font-size:11px}.activity-message{color:#e0e0e0}.activity-details{grid-column:2 / -1;background:#0000004d;padding:12px;border-radius:6px;font-size:11px;color:#aaa;margin:8px 0 0;overflow-x:auto}