*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.container{max-width:1200px;margin:0 auto;background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);overflow:hidden}header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:40px;text-align:center}header h1{font-size:2.5em;margin-bottom:10px}header p{opacity:.9;font-size:1.1em}.tabs{display:flex;background:#f8f9fa;border-bottom:2px solid #e9ecef}.tab{flex:1;padding:20px;border:none;background:none;cursor:pointer;font-size:1.1em;font-weight:600;color:#6c757d;transition:all .3s}.tab:hover{background:#e9ecef}.tab.active{color:#667eea;border-bottom:3px solid #667eea}.tab-content{display:none;padding:30px}.tab-content.active{display:block}.actions{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.search-input{flex:1;padding:12px 20px;border:2px solid #e9ecef;border-radius:8px;font-size:1em;transition:border-color .3s}.search-input:focus{outline:none;border-color:#667eea}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-primary{background:#667eea;color:white}.btn-secondary{background:#6c757d;color:white}.btn-success{background:#28a745;color:white}.btn-warning{background:#ffc107;color:#212529}.btn-danger{background:#dc3545;color:white}.btn-sm{padding:8px 16px;font-size:.9em}.stream-card{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:15px;border-left:4px solid #667eea;transition:all .3s}.stream-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.stream-card.disabled{opacity:.6;border-left-color:#dc3545}.stream-info h3{color:#333;margin-bottom:10px}.stream-url{color:#6c757d;word-break:break-all;margin-bottom:10px}.stream-meta{display:flex;gap:15px;align-items:center}.badge{background:#667eea;color:white;padding:4px 12px;border-radius:12px;font-size:.85em;font-weight:600}.text-muted{color:#6c757d;font-size:.9em}.stream-actions{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}.channel-group{margin-bottom:30px}.group-title{color:#333;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e9ecef}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.channel-item{background:#f8f9fa;border-radius:8px;padding:15px;display:flex;gap:15px;align-items:center;transition:all .3s}.channel-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.channel-item.disabled{opacity:.6}.channel-logo{width:50px;height:50px;object-fit:contain;border-radius:4px}.channel-info{flex:1}.channel-info h4{color:#333;margin-bottom:5px}.channel-source{color:#6c757d;font-size:.9em}.channel-actions{display:flex;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:#6c757d}.empty-state p{margin-bottom:10px;font-size:1.1em}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;z-index:1000}.modal-content{background:white;border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e9ecef}.modal-header h2{color:#333}.close-modal{background:none;border:none;font-size:2em;cursor:pointer;color:#6c757d}.close-modal:hover{color:#333}.form-group{padding:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-group input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1em;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-actions{display:flex;gap:10px;padding:20px;border-top:2px solid #e9ecef}.form-actions .btn{flex:1}.toast{display:none;position:fixed;bottom:30px;right:30px;padding:15px 30px;border-radius:8px;color:white;font-weight:600;z-index:2000;animation:slideIn .3s ease}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast-success{background:#28a745}.toast-error{background:#dc3545}.toast-info{background:#17a2b8}.toast-warning{background:#ffc107;color:#212529}@media (max-width:768px){.container{border-radius:0}header{padding:30px 20px}header h1{font-size:1.8em}.tab{padding:15px;font-size:1em}.channel-list{grid-template-columns:1fr}.stream-actions{flex-direction:column}}