body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0000001a;color:#fff;padding:1rem 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.nav-logo{font-weight:700;text-decoration:none}.nav-logo,.nav-toggle{color:#fff;font-size:1.5rem;z-index:2}.nav-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;justify-content:center;padding:.5rem}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}.nav-username{color:#e0e0e0!important}.nav-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:none}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:-2px 0 8px #0003;flex-direction:column;gap:0;height:100vh;max-width:80vw;overflow-y:auto;padding:5rem 0 2rem;position:fixed;right:-100%;top:0;transition:right .3s ease;width:280px;z-index:1}.nav-links-open{right:0}.nav-link{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1rem 2rem;width:100%}.nav-link:hover{background-color:#ffffff1a;opacity:1}.nav-username{border-top:2px solid #fff3;margin-top:.5rem}.nav-button{text-align:left;width:100%}}@media (max-width:480px){.nav-container{padding:0 1rem}.nav-logo{font-size:1.25rem}}.main-content{flex:1 1;margin:2rem auto;max-width:1200px;padding:0 2rem;width:100%}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.btn svg{flex-shrink:0;height:1rem;width:1rem}.btn-primary{background-color:#3498db;border:1px solid #2980b9;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9;border-color:#2573a6}.btn-danger{background-color:#e74c3c;border:1px solid #c0392b;color:#fff}.btn-danger:hover:not(:disabled){background-color:#c0392b;border-color:#a93226}.btn-success{background-color:#27ae60;border:1px solid #229954;color:#fff}.btn-success:hover:not(:disabled){background-color:#229954;border-color:#1e8449}.btn-secondary{background-color:#95a5a6;border:1px solid #7f8c8d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d;border-color:#707b7c}.btn-warning{background-color:#f39c12;border:1px solid #e67e22;color:#fff}.btn-warning:hover:not(:disabled){background-color:#e67e22;border-color:#d35400}.btn-info{background-color:#9b59b6;border:1px solid #8e44ad;color:#fff}.btn-info:hover:not(:disabled){background-color:#8e44ad;border-color:#7d3c98}.btn:disabled{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1rem}.form-label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.form-input:focus{border-color:#3498db;outline:none}.status-badge{border-radius:4px;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.status-pending{background-color:#f39c12;color:#fff}.status-recording{background-color:#e74c3c;color:#fff}.status-completed{background-color:#27ae60;color:#fff}.status-scheduled{background-color:#3498db;color:#fff}.status-failed{background-color:#95a5a6;color:#fff}.loading{color:#7f8c8d;padding:2rem;text-align:center}.error{background-color:#fee;border-radius:4px;color:#c33;margin-bottom:1rem;padding:1rem}.grid{grid-gap:1rem;display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.main-content{margin:1rem auto;padding:0 1rem}.dashboard-container{padding:1rem!important}.dashboard-container h1{font-size:1.75rem!important;margin-bottom:1rem!important}.connection-status-card{padding:1rem!important}.connection-status-card h2{font-size:1.25rem!important}.account-info-grid{margin-top:1rem!important}.account-info-grid,.storage-grid{gap:.75rem!important;grid-template-columns:1fr!important}.recordings-grid{gap:1rem!important;grid-template-columns:1fr!important}.recording-card{min-width:auto!important}.quick-actions{flex-direction:column!important}.quick-actions .btn{width:100%!important}}@media (max-width:480px){.dashboard-container h1{font-size:1.5rem!important}.recording-card-content h3{font-size:1rem!important}}@media (max-width:768px){.recordings-list-grid{gap:1rem!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important}}@media (max-width:480px){.recordings-list-grid{grid-template-columns:1fr!important}.recording-actions{flex-direction:column!important}.recording-actions .btn{width:100%!important}}@media (max-width:768px){.settings-container .card .card{margin-bottom:1rem!important}.settings-container>.card>div>div:last-child{grid-template-columns:1fr!important}.settings-container .card .card>div>div:last-child{flex-direction:column!important}.channel-search,.settings-container .card .card>div>div:last-child>button{width:100%!important}.channel-search{margin-bottom:1rem!important}.channel-grid{grid-template-columns:1fr!important}.channel-actions{flex-direction:column!important;gap:.5rem!important}.channel-actions .btn{width:100%!important}.recording-modal{margin:1rem!important;max-height:95vh!important;max-width:95%!important;width:95%!important}.modal-content{padding:1rem!important}.modal-actions{flex-direction:column!important;gap:.75rem!important}.modal-actions .btn{width:100%!important}.video-player-container{padding:1rem!important}.video-player-container video{height:auto!important;width:100%!important}.player-info{padding:1rem!important}.player-actions{flex-direction:column!important;gap:.75rem!important}.player-actions .btn{width:100%!important}.settings-card,.settings-container{padding:1rem!important}.credentials-grid{gap:1rem!important;grid-template-columns:1fr!important}.settings-actions{flex-direction:column!important;gap:.75rem!important}.settings-actions .btn{width:100%!important}.login-container{padding:1rem!important}.login-card{max-width:100%!important;padding:1.5rem!important}.login-toggle{flex-direction:column!important;gap:.75rem!important}.login-toggle .btn{width:100%!important}.card{margin-bottom:1rem!important;padding:1rem!important}.btn{padding:.75rem 1rem!important}.btn,.form-input{min-height:44px!important}.form-input{font-size:16px!important;padding:.75rem!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}table{-webkit-overflow-scrolling:touch!important;display:block!important;overflow-x:auto!important}.status-badge{font-size:.75rem!important;padding:.25rem .5rem!important}}@media (max-width:480px){.card{padding:.75rem!important}.btn{font-size:.875rem!important;padding:.625rem .875rem!important}}
/*# sourceMappingURL=main.fbeace6a.css.map*/