*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#0f1923;color:#e1e8ef;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;margin:0;min-height:100vh}.page-header{background:#1a2634;border-bottom:1px solid #2a3a4a;padding:24px 0}.page-header .wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 40px}.page-logo{height:40px}.page-title{font-size:24px;font-weight:700;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.channel-badge{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:#3b82f6;color:#fff}.stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px}.stat{text-align:center}.stat-value{font-size:28px;font-weight:700;line-height:1}.stat-value.active{color:#22c55e}.stat-value.inactive{color:#7a8a9a}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#7a8a9a;margin-top:4px}.content{padding:24px 40px}.tv-grid{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:12px}.tv-card{display:block;background:#1a2634;border:1px solid #2a3a4a;border-radius:8px;overflow:hidden;-webkit-transition:border-color 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;-o-transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s;transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s;transition:border-color 0.2s, transform 0.2s, box-shadow 0.2s, -webkit-transform 0.2s, -webkit-box-shadow 0.2s;text-decoration:none;color:#e1e8ef;cursor:pointer}.tv-card:hover{border-color:#3b82f6;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);box-shadow:0 8px 24px rgba(0, 0, 0, 0.3);color:#e1e8ef;text-decoration:none}.tv-card.disabled{cursor:default}.tv-card.disabled:hover{border-color:#2a3a4a;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.tv-card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #2a3a4a}.tv-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.tv-number-badge{width:30px;height:30px;border-radius:8px;background:#3b82f6;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:14px;font-weight:700}.tv-name{font-size:14px;font-weight:600}.tv-status{width:10px;height:10px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.tv-status.online{background:#22c55e;-webkit-box-shadow:0 0 8px rgba(34, 197, 94, 0.5);box-shadow:0 0 8px rgba(34, 197, 94, 0.5)}.tv-status.offline{background:#ef4444;-webkit-box-shadow:0 0 8px rgba(239, 68, 68, 0.3);box-shadow:0 0 8px rgba(239, 68, 68, 0.3)}.tv-card-body{padding:10px 14px}.tv-info-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:3px 0}.tv-info-label{font-size:11px;text-transform:uppercase;letter-spacing:0.5px;color:#7a8a9a;-ms-flex-negative:0;flex-shrink:0}.tv-info-value{font-size:13px;text-align:right;color:#e1e8ef}.no-screen-label{color:#ef4444;font-size:12px;font-style:italic}.empty-state{text-align:center;padding:80px 20px}.empty-state-icon{font-size:64px;color:#2a3a4a;margin-bottom:24px}.empty-state-title{font-size:22px;font-weight:600;margin-bottom:8px}.empty-state-text{color:#7a8a9a;font-size:15px;max-width:400px;margin:0 auto}.track-flag{width:18px;height:13px;border-radius:2px;vertical-align:middle;margin-right:4px}.tv-card-footer{padding:8px 14px;border-top:1px solid #2a3a4a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.led-modes{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}.led-mode{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background:#2a3a4a;color:#7a8a9a}.event-group{margin-bottom:32px}.event-group:last-child{margin-bottom:0}.event-group.inactive-group{opacity:0.6}.event-group-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:16px}.event-group-flag{width:28px;height:20px;border-radius:2px;-ms-flex-negative:0;flex-shrink:0}.event-group-title{font-size:20px;font-weight:700;margin:0}.event-group-separator{color:#7a8a9a;font-weight:300}.event-group-meta{font-size:16px;color:#7a8a9a}body.channel-sgp{background:#000000;color:#ffffff}body.channel-sgp .page-header{background:#111111;border-bottom-color:#222222}body.channel-sgp .channel-badge{background:#d4ff00;color:#000}body.channel-sgp .stat-value.active{color:#d4ff00}body.channel-sgp .tv-card{background:#111111;border-color:#222222}body.channel-sgp .tv-card:hover{border-color:#d4ff00}body.channel-sgp .tv-card-header{border-bottom-color:#222222}body.channel-sgp .tv-number-badge{background:#d4ff00;color:#000}body.channel-sgp .tv-info-label{color:#666}body.channel-sgp .tv-info-value{color:#ffffff}body.channel-sgp .empty-state-icon{color:#222222}body.channel-sgp .empty-state-text{color:#666}body.channel-sgp .event-group-title{color:#d4ff00}body.channel-sgp .event-group-meta,body.channel-sgp .event-group-separator{color:#888}body.channel-ft{background:#1a1410;color:#ffffff}body.channel-ft .page-header{background:#2a2018;border-bottom-color:#3a3028}body.channel-ft .channel-badge{background:#e87722;color:#fff}body.channel-ft .stat-value.active{color:#e87722}body.channel-ft .tv-card{background:#2a2018;border-color:#3a3028}body.channel-ft .tv-card:hover{border-color:#e87722}body.channel-ft .tv-card-header{border-bottom-color:#3a3028}body.channel-ft .tv-number-badge{background:#e87722;color:#fff}body.channel-ft .tv-info-label{color:#886}body.channel-ft .tv-info-value{color:#ffffff}body.channel-ft .empty-state-icon{color:#3a3028}body.channel-ft .empty-state-text{color:#886}body.channel-ft .event-group-title{color:#e87722}body.channel-ft .event-group-meta,body.channel-ft .event-group-separator{color:#998}body.channel-lt{background:#0f1a14;color:#ffffff}body.channel-lt .page-header{background:#162820;border-bottom-color:#1e382e}body.channel-lt .channel-badge{background:#22c55e;color:#fff}body.channel-lt .stat-value.active{color:#22c55e}body.channel-lt .tv-card{background:#162820;border-color:#1e382e}body.channel-lt .tv-card:hover{border-color:#22c55e}body.channel-lt .tv-card-header{border-bottom-color:#1e382e}body.channel-lt .tv-number-badge{background:#22c55e;color:#fff}body.channel-lt .tv-info-label{color:#688}body.channel-lt .tv-info-value{color:#ffffff}body.channel-lt .empty-state-icon{color:#1e382e}body.channel-lt .empty-state-text{color:#688}body.channel-lt .event-group-title{color:#22c55e}body.channel-lt .event-group-meta,body.channel-lt .event-group-separator{color:#899}