:root{--bg: #121212;--fg: #f5f5f5;--accent: #e53935}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--fg)}header{padding:1rem;background:#1f1f1f;text-align:center;box-shadow:0 2px 4px #0006}.card{background:#1e1e1e;padding:1rem;border-radius:8px;margin:.5rem;text-align:center}.dashboard{display:flex;flex-wrap:wrap;justify-content:center}.total-card{flex:1 1 100%;font-size:2rem}.stream-card{flex:1 1 30%;min-width:200px}.chart-container{width:100%;height:300px}.live-viewer .video-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem}.live-viewer .video-card{background:#1e1e1e;border-radius:8px;overflow:hidden;max-width:420px;flex:1 1 420px}.live-viewer .video-container{position:relative;padding-top:56.25%}.live-viewer .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.live-viewer .video-meta{padding:.5rem 1rem 1rem;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;width:min(600px,92vw);padding:1rem;box-shadow:0 20px 40px #0006}.btn-primary{background:linear-gradient(45deg,#8b5cf6,#3b82f6);color:#fff;border:none;border-radius:10px;padding:.5rem 1rem;font-weight:600;cursor:pointer}.btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:.4rem .75rem;font-weight:600;cursor:pointer}.skeleton{position:relative;overflow:hidden;background:rgba(255,255,255,.08);border-radius:12px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.15),rgba(255,255,255,0));animation:shimmer 1.5s infinite}@keyframes shimmer{to{transform:translate(100%)}}