*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}.header-bar{background:#fff;padding:16px 40px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e0e0}.header-logo{display:flex;align-items:center;gap:20px}.logo-text{font-size:28px;font-weight:700;color:#06c}.logo-text span{color:#06c}.header-info{text-align:right}.header-title{font-size:18px;font-weight:600;color:#333;margin:0;padding:0}.header-subtitle{font-size:14px;color:#666;margin:0;padding:0}.page-header{background:#fff;text-align:center;padding:5px 20px 20px;border:1px solid #e0e0e0;border-bottom:none;margin:0 auto;max-width:1400px}.page-title{font-size:32px;font-weight:700;color:#333;margin:0 0 12px;padding:0}.page-description{font-size:16px;color:#666;margin:0;padding:0}.container{max-width:1400px;margin:0 auto;padding:0 20px 40px;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.card-container{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;padding:0;margin:0 auto;align-items:start}.form-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input{width:100%;padding:12px 16px;font-size:15px;border:1px solid #ddd;border-radius:4px;transition:all .2s ease;background:#fff;color:#333}.form-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.form-input::placeholder{color:#999}.form-select{width:100%;padding:12px 16px;font-size:15px;border:1px solid #ddd;border-radius:4px;transition:all .2s ease;background:#fff;color:#333;cursor:pointer}.form-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.error-message{font-size:13px;color:#d32f2f;margin-top:6px;display:flex;align-items:center;gap:6px}.helper-text{font-size:12px;color:#666;margin-top:6px}.info-panel{background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;display:flex!important;flex-direction:column!important;align-items:center;text-align:center;height:550px!important;min-height:550px!important;max-height:550px!important;overflow:hidden!important;flex-shrink:0!important;flex-grow:0!important}.info-icon{width:80px;height:80px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;flex-shrink:0}.info-icon svg{width:40px;height:40px;stroke:#1976d2}.info-title{font-size:20px;font-weight:600;color:#1976d2;margin:0 0 6px;flex-shrink:0}.info-subtitle{font-size:14px;font-weight:600;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.info-text{font-size:14px;color:#666;margin:0;line-height:1.6;flex-shrink:0}.channel-list-container{width:100%;margin-top:16px;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:350px}.channel-list-header{font-size:13px;font-weight:600;color:#666;margin:0 0 10px;text-align:left;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.channel-list{width:100%;flex:1 1 auto;overflow-y:auto;text-align:left;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;min-height:0}.channel-list::-webkit-scrollbar{width:6px}.channel-list::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.channel-list::-webkit-scrollbar-thumb{background:#1976d2;border-radius:3px}.channel-list-item{padding:10px 14px;font-size:14px;color:#333;transition:background .2s ease;font-weight:500}.channel-list-item:last-child{border-bottom:none}.channel-list-item:hover{background:#e3f2fd}.btn-primary{width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#fff;background:#1976d2;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.btn-primary:hover{background:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:#bdbdbd;cursor:not-allowed;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{width:100%;padding:14px 24px;font-size:16px;font-weight:600;color:#1976d2;background:#fff;border:2px solid #1976d2;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;margin-top:0}.btn-secondary:hover{background:#f5f5f5}.btn-secondary:active{transform:scale(.98)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);min-width:320px;max-width:500px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;z-index:9999}.toast-success{border-left:4px solid #4caf50}.toast-error{border-left:4px solid #f44336}.toast-info{border-left:4px solid #2196f3}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-success .toast-icon{color:#4caf50}.toast-error .toast-icon{color:#f44336}.toast-info .toast-icon{color:#2196f3}.toast-message{flex:1;font-size:14px;color:#333;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s}.toast-close:hover{color:#666}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}@media (max-width: 768px){.toast{min-width:280px;left:16px;right:16px;transform:none}.toast-enter-from,.toast-leave-to{transform:translateY(-20px)}}@media (min-width: 1024px){.card-container{grid-template-columns:1fr 1fr;align-items:stretch}}@media (max-width: 1023px){.header-bar{padding:16px 20px}.logo-text{font-size:24px}.header-title{font-size:16px}.page-title{font-size:28px}.page-header{padding:25px 20px 15px}.container{padding:15px 20px 30px}}@media (max-width: 768px){.header-bar{flex-direction:column;gap:12px;padding:16px;text-align:center}.header-logo{flex-direction:column;gap:12px}.header-info{text-align:center}.page-header{padding:20px 16px 12px}.page-title{font-size:24px}.page-description{font-size:14px}.container{padding:12px 16px 24px}.form-card,.info-panel{padding:24px}.card-container{gap:24px}.info-panel{height:auto!important;min-height:400px!important;max-height:none!important}.channel-list-container{max-height:300px}}