@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;600;700&family=JetBrains+Mono:wght@300;400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{color:#e8edf2;background-color:#080c10;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00c8ff03 2px 4px);font-family:JetBrains Mono,monospace;font-size:13px}:root{--bg-panel:#0d1117;--border:#00c8ff1f;--border-h:#00c8ff59;--cyan:#00c8ff;--cyan-dim:#00c8ff14;--amber:#ffb300;--amber-dim:#ffb30014;--amber-border:#ffb30026;--green:#0f8;--text-dim:#3d4f60}.dashboard-container{flex-direction:column;width:100%;min-height:100%;display:flex}.dashboard-grid{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex}.dashboard-header{border-bottom:1px solid var(--border);background:linear-gradient(#00c8ff30 0%,#0000 100%);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px 15px;display:flex}.dashboard-header h1{letter-spacing:4px;text-transform:uppercase;color:#e8edf2;text-align:center;font-family:Rajdhani,sans-serif;font-size:16px}.status-indicator{background:#0000004d;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-size:11px;display:flex}.status-label{color:#2ecc71;align-items:center;gap:6px;font-weight:700;display:flex}.status-time{color:#ecf0f1;border-left:1px solid #555;padding-left:10px;font-family:JetBrains Mono,Courier New,monospace}.grid-item{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;flex-direction:column;height:400px;display:flex;overflow:hidden}.grid-item-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.section-header{background:linear-gradient(90deg, var(--cyan-dim), transparent);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 12px}.section-header h2{letter-spacing:2px;text-transform:uppercase;color:var(--cyan);align-items:center;gap:8px;font-family:Rajdhani,sans-serif;font-size:18px;display:flex}.video-wrapper{background:radial-gradient(circle,#131a22 0%,#000 100%);flex:1;width:100%;min-height:250px;display:flex;overflow:hidden}.video-wrapper iframe{border:none;width:100%;height:100%}.monitor-section{border-color:#ff3e3e33;flex-direction:column;align-items:stretch;display:flex}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--cyan-dim)}.scrollable-buttons{white-space:nowrap;scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.scrollable-buttons::-webkit-scrollbar{display:none}@media (width>=1024px){html,body,#root{overflow:hidden}.dashboard-container{height:100vh}.dashboard-header h1{letter-spacing:6px;font-size:18px}.status-indicator{gap:20px;padding:5px 15px;font-size:13px}.status-time{padding-left:15px}.dashboard-grid{grid-template:"radio video"1fr"football monitor"1fr/350px 1fr;gap:15px;min-height:0;display:grid}.grid-item{height:auto;min-height:0}.video-section{grid-area:video}.football-section{grid-area:football}.radio-section{grid-area:radio}.monitor-section{grid-area:monitor}}