*,*:before,*:after{box-sizing:border-box}:root{--bg-color: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--border-color: #e5e7eb;--card-bg: #ffffff;--primary-color: #64748b}.theme-tv{--primary-color: #ef4444}.theme-radio{--primary-color: #22c55e}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem}header h1{font-size:3rem;text-transform:uppercase;font-weight:800;color:#fff;background-color:var(--primary-color);padding:1rem;width:100%;border-radius:8px;margin:0;letter-spacing:2px;box-shadow:0 4px 6px -1px #0000004d}.media-selector{display:flex;gap:1rem}.media-btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.media-btn:hover{border-color:var(--border-color)}.media-btn.btn-tv:hover{background-color:transparent!important;border-color:#dc2626!important;color:#dc2626!important}.media-btn.btn-tv.active,.media-btn.btn-tv.active:hover{background-color:#dc2626!important;color:#fff!important;border-color:#dc2626!important;box-shadow:0 4px 6px -1px #dc26264d}.media-btn.btn-radio:hover{background-color:transparent!important;border-color:#16a34a!important;color:#16a34a!important}.media-btn.btn-radio.active,.media-btn.btn-radio.active:hover{background-color:#16a34a!important;color:#fff!important;border-color:#16a34a!important;box-shadow:0 4px 6px -1px #16a34a4d}button:hover:not(.media-btn){background:var(--primary-color);color:#fff!important;border-color:var(--primary-color)}.nav-back-btn{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;color:var(--text-muted);background:var(--card-bg);padding:.8rem 1.2rem;border-radius:30px;box-shadow:0 4px 6px -1px #0000004d;transition:all .3s ease;border:1px solid var(--border-color);z-index:10}.nav-back-btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 10px 15px -3px #0006;background:var(--primary-color);border-color:var(--primary-color)}.theme-tv{--primary-color: #dc2626;--bg-color: #fff1f2;--card-bg: #ffffff;--border-color: #fecdd3;--text-main: #881337;--text-muted: #9f1239;--header-bg: #ffe4e6}.theme-radio{--primary-color: #16a34a;--bg-color: #f0fdf4;--card-bg: #ffffff;--border-color: #bbf7d0;--text-main: #14532d;--text-muted: #166534;--header-bg: #dcfce7}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-main);margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease,border-color .3s ease}.dashboard-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:2rem}header h1{font-size:3rem;text-transform:uppercase;font-weight:800;color:#fff;background-color:var(--primary-color);padding:1rem;border-radius:8px;margin:0;letter-spacing:2px;box-shadow:0 4px 6px -1px #0000001a}.controls-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:var(--card-bg);padding:1rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d}.chart-wrapper{background:var(--card-bg);border-radius:16px;padding:1.5rem;height:500px;width:100%;box-shadow:0 4px 6px -1px #0000001a;border:1px solid var(--border-color)}button{cursor:pointer;background:transparent;border:1px solid var(--border-color);padding:.6rem 1.2rem;border-radius:8px;color:var(--text-main);font-weight:500;transition:all .2s}button:hover{background:var(--primary-color);color:#fff!important;border-color:var(--primary-color)}.nav-back-btn{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:600;color:var(--text-muted);background:#fff;padding:.8rem 1.2rem;border-radius:30px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease;border:1px solid var(--border-color);z-index:10}.nav-back-btn:hover{cursor:pointer}