.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:15px;box-shadow:0 15px 35px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}.login-card h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.login-card p{color:#666;font-size:1.1rem;margin-bottom:30px}.google-signin-button{display:flex;justify-content:center;margin:30px 0}.features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-top:40px}.feature{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.feature h3{color:#333;font-size:1.2rem;margin:0 0 10px}.feature p{color:#666;font-size:.95rem;margin:0}@media (min-width:768px){.features{grid-template-columns:repeat(3,1fr)}}.app-header{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 10px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;gap:20px;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.header-left{flex-shrink:0}.app-title{color:#333;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}.header-nav{display:flex;flex:1 1;gap:10px;justify-content:center;max-width:400px}.nav-button{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.nav-button:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.nav-button.active{background:#667eea;border-color:#667eea;color:#fff}.header-right{flex-shrink:0;gap:15px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{border:2px solid #e9ecef;border-radius:50%;height:40px;object-fit:cover;width:40px}.user-details{align-items:flex-start;display:flex;flex-direction:column}.user-name{color:#333;font-size:.9rem;font-weight:600;line-height:1.2}.user-email{color:#666;font-size:.8rem;line-height:1.2}.logout-button{align-items:center;background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.logout-button:hover{background:#dc3545;color:#fff}@media (max-width:768px){.header-container{flex-direction:column;gap:15px;height:auto;padding:15px}.header-left{order:1}.header-nav{max-width:none;order:2;width:100%}.header-right{justify-content:space-between;order:3;width:100%}.app-title{font-size:1.3rem}.nav-button{flex:1 1;justify-content:center;padding:12px 16px}.user-details{flex:1 1}}@media (max-width:480px){.header-container{padding:0 10px}.app-title{font-size:1.2rem}.nav-button{font-size:.9rem;padding:10px 12px}.user-info{gap:8px}.user-avatar{height:35px;width:35px}.logout-button,.user-email,.user-name{font-size:.8rem}.logout-button{padding:8px 12px}}.video-upload-container{margin:0 auto;max-width:800px;padding:20px}.upload-header{margin-bottom:30px;text-align:center}.upload-header h2{color:#333;font-size:2rem;margin-bottom:10px}.upload-header p{color:#666;font-size:1.1rem}.upload-area{background:#fafafa;border:3px dashed #ddd;border-radius:15px;cursor:pointer;margin-bottom:20px;padding:60px 20px;position:relative;text-align:center;transition:all .3s ease}.upload-area:hover{background:#f0f4ff;border-color:#667eea}.upload-area.drag-active{background:#e8f0ff;border-color:#667eea;transform:scale(1.02)}.upload-area.uploading{background:#f0fff4;border-color:#28a745;cursor:not-allowed}.upload-content{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-icon{font-size:4rem;margin-bottom:10px}.upload-content h3{color:#333;font-size:1.5rem;margin:0}.upload-content p{color:#666;font-size:1rem;margin:0}.browse-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:background .3s ease}.browse-button:hover{background:#5a67d8}.upload-progress{align-items:center;display:flex;flex-direction:column;gap:15px;width:100%}.progress-icon{animation:pulse 2s infinite;font-size:3rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.upload-progress h3{color:#28a745;font-size:1.3rem;margin:0}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;max-width:400px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.upload-progress p{color:#666;font-weight:600;margin:0}.upload-message{border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.upload-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-tips{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:20px}.upload-tips h4{color:#333;font-size:1.1rem;margin:0 0 15px}.upload-tips ul{margin:0;padding-left:20px}.upload-tips li{color:#666;line-height:1.5;margin-bottom:8px}@media (max-width:768px){.video-upload-container{padding:15px}.upload-area{padding:40px 15px}.upload-header h2{font-size:1.5rem}.upload-content h3{font-size:1.2rem}}.video-player-overlay{align-items:center;background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;outline:none;padding:20px;position:fixed;right:0;top:0;z-index:1000}.video-player-container{background:#fff;border-radius:15px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:1200px;overflow-y:auto;width:100%}.player-header{background:#f8f9fa;border-bottom:1px solid #eee;border-radius:15px 15px 0 0;padding:20px 30px}.player-title{align-items:center;display:flex;justify-content:space-between}.player-title h2{color:#333;flex:1 1;font-size:1.5rem;font-weight:600;margin:0 20px 0 0;word-break:break-word}.close-button{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;transition:background .3s ease;width:40px}.close-button:hover{background:#c82333}.player-content{padding:30px}.video-wrapper{background:#000;border-radius:10px;margin-bottom:30px;overflow:hidden;position:relative}.video-element{display:block;height:auto;outline:none;width:100%}.video-details{grid-gap:15px;background:#f8f9fa;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px;padding:20px}.detail-item{display:flex;flex-direction:column;gap:5px}.detail-label{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#333;font-size:1rem;word-break:break-word}.player-actions{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.download-btn{background:#28a745;color:#fff}.download-btn:hover{background:#218838}.share-btn{background:#17a2b8;color:#fff}.share-btn:hover{background:#138496}.close-btn{background:#6c757d;color:#fff}.close-btn:hover{background:#5a6268}.player-controls-help{background:#f8f9fa;border-radius:0 0 15px 15px;border-top:1px solid #eee;padding:15px 30px}.player-controls-help p{color:#666;font-size:.9rem;margin:0;text-align:center}@media (max-width:768px){.video-player-overlay{padding:10px}.video-player-container{max-height:95vh}.player-header{padding:15px 20px}.player-title h2{font-size:1.2rem;margin-right:10px}.close-button{font-size:1rem;height:35px;width:35px}.player-content{padding:20px}.video-details{gap:10px;grid-template-columns:1fr;padding:15px}.player-actions{flex-direction:column}.action-btn{justify-content:center}.player-controls-help{padding:10px 20px}}@media (max-width:480px){.player-title{align-items:stretch;flex-direction:column;gap:15px}.player-title h2{margin-right:0;text-align:center}.close-button{align-self:center}}.video-list-container{margin:0 auto;max-width:1200px;padding:20px}.list-header{margin-bottom:30px;text-align:center}.list-header h2{color:#333;font-size:2rem;margin-bottom:10px}.list-header p{color:#666;font-size:1.1rem}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;margin-bottom:15px}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:10px;color:#721c24;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:20px;text-align:center}.error-icon{font-size:1.2rem}.retry-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px}.retry-button:hover{background:#c82333}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#333;font-size:1.5rem;margin-bottom:10px}.empty-state p{font-size:1.1rem}.videos-stats{background:#f8f9fa;border-radius:10px;display:flex;gap:30px;justify-content:center;margin-bottom:30px;padding:20px}.stat{text-align:center}.stat-number{color:#667eea;display:block;font-size:2rem;font-weight:700;margin-bottom:5px}.stat-label{color:#666;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.video-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.video-thumbnail{background:linear-gradient(135deg,#667eea,#764ba2);height:180px;position:relative}.thumbnail-placeholder,.video-thumbnail{align-items:center;display:flex;justify-content:center}.thumbnail-placeholder{background:#0000004d;border-radius:50%;cursor:pointer;height:60px;transition:transform .3s ease;width:60px}.thumbnail-placeholder:hover{transform:scale(1.1)}.play-icon{color:#fff;font-size:1.5rem;margin-left:3px}.video-duration{background:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;position:absolute;right:10px}.video-info{padding:20px}.video-title{color:#333;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-metadata{color:#666;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:20px}.video-size{font-weight:600}.video-date{font-style:italic}.video-actions{display:flex;flex-wrap:wrap;gap:8px}.action-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:4px;justify-content:center;min-width:0;padding:8px 12px;transition:all .3s ease}.play-button{background:#28a745;color:#fff}.play-button:hover{background:#218838}.download-button{background:#17a2b8;color:#fff}.download-button:hover{background:#138496}.delete-button{background:#dc3545;color:#fff}.delete-button:hover{background:#c82333}@media (max-width:768px){.video-list-container{padding:15px}.videos-grid{gap:20px;grid-template-columns:1fr}.videos-stats{gap:15px;text-align:center}.video-actions,.videos-stats{flex-direction:column}.action-button{justify-content:center}}@media (max-width:480px){.list-header h2{font-size:1.5rem}.video-card{margin:0 -5px}.video-thumbnail{height:160px}.video-info{padding:15px}.video-title{font-size:1.1rem}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app,.app-loading{display:flex;flex-direction:column;min-height:100vh}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-loading p{font-size:1.2rem;margin:0}.app-main{background:#f8f9fa;flex:1 1;padding:20px 0}.app-footer{background:#343a40;color:#adb5bd;margin-top:auto;padding:20px;text-align:center}.app-footer p{font-size:.9rem;margin:0}@media (max-width:768px){.app-main{padding:15px 0}.app-footer{padding:15px}.app-footer p{font-size:.8rem}}
/*# sourceMappingURL=main.47194817.css.map*/