.channel-list background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
.channel-number font-weight: 600; color: #007bff;
.list-header display: grid; grid-template-columns: 80px 1fr 150px 120px 100px; background: #f8f9fa; padding: 15px; font-weight: 600; color: #495057; border-bottom: 2px solid #dee2e6;
.container max-width: 1400px; margin: 0 auto; background: white; border-radius: 15px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden;
.form-actions display: flex; gap: 10px; justify-content: flex-end; margin-top: 25px;
loadSampleData() this.channels = [ new Channel(1, 2, 'CNN', 'news', 'cable', '175.25', '1001', 'https://via.placeholder.com/30'), new Channel(2, 4, 'ESPN', 'sports', 'cable', '181.50', '1002', 'https://via.placeholder.com/30'), new Channel(3, 5, 'FOX', 'entertainment', 'air', '77.25', '1003', 'https://via.placeholder.com/30'), new Channel(4, 7, 'ABC', 'entertainment', 'air', '79.50', '1004', 'https://via.placeholder.com/30'), new Channel(5, 8, 'NBC', 'entertainment', 'air', '81.75', '1005', 'https://via.placeholder.com/30'), new Channel(6, 10, 'HBO', 'movies', 'cable', '191.00', '1006', 'https://via.placeholder.com/30'), new Channel(7, 12, 'MTV', 'music', 'cable', '193.25', '1007', 'https://via.placeholder.com/30'), new Channel(8, 14, 'Discovery', 'entertainment', 'satellite', '195.50', '1008', 'https://via.placeholder.com/30'), new Channel(9, 16, 'Nickelodeon', 'kids', 'cable', '197.75', '1009', 'https://via.placeholder.com/30'), new Channel(10, 18, 'BBC News', 'news', 'satellite', '200.00', '1010', 'https://via.placeholder.com/30') ]; this.saveToStorage();
.form-group input, .form-group select width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px;
editChannel(id) this.openEditModal(id);
.channel-list background: white; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);
.channel-number font-weight: 600; color: #007bff;
.list-header display: grid; grid-template-columns: 80px 1fr 150px 120px 100px; background: #f8f9fa; padding: 15px; font-weight: 600; color: #495057; border-bottom: 2px solid #dee2e6; samsung channel editor
.container max-width: 1400px; margin: 0 auto; background: white; border-radius: 15px; box-shadow: 0 20px 60px rgba(0,0,0,0.3); overflow: hidden;
.form-actions display: flex; gap: 10px; justify-content: flex-end; margin-top: 25px; .channel-list background: white
loadSampleData() this.channels = [ new Channel(1, 2, 'CNN', 'news', 'cable', '175.25', '1001', 'https://via.placeholder.com/30'), new Channel(2, 4, 'ESPN', 'sports', 'cable', '181.50', '1002', 'https://via.placeholder.com/30'), new Channel(3, 5, 'FOX', 'entertainment', 'air', '77.25', '1003', 'https://via.placeholder.com/30'), new Channel(4, 7, 'ABC', 'entertainment', 'air', '79.50', '1004', 'https://via.placeholder.com/30'), new Channel(5, 8, 'NBC', 'entertainment', 'air', '81.75', '1005', 'https://via.placeholder.com/30'), new Channel(6, 10, 'HBO', 'movies', 'cable', '191.00', '1006', 'https://via.placeholder.com/30'), new Channel(7, 12, 'MTV', 'music', 'cable', '193.25', '1007', 'https://via.placeholder.com/30'), new Channel(8, 14, 'Discovery', 'entertainment', 'satellite', '195.50', '1008', 'https://via.placeholder.com/30'), new Channel(9, 16, 'Nickelodeon', 'kids', 'cable', '197.75', '1009', 'https://via.placeholder.com/30'), new Channel(10, 18, 'BBC News', 'news', 'satellite', '200.00', '1010', 'https://via.placeholder.com/30') ]; this.saveToStorage();
.form-group input, .form-group select width: 100%; padding: 10px; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; box-shadow: 0 2px 10px rgba(0
editChannel(id) this.openEditModal(id);