*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}.app{margin:0 auto;max-width:1400px;padding:20px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 0}.header h1{color:#fff;font-size:2.5rem}.header-right{gap:15px}.header-right,.user-info{align-items:center;display:flex}.user-info{color:#e0e0e0;gap:12px}.premium-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;color:#000;font-size:.75rem;font-weight:600;padding:4px 10px}.login-button,.logout-button,.upload-button,.upload-toggle-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background .2s}.login-button:hover,.logout-button:hover,.upload-button:hover,.upload-toggle-button:hover{background:#4f46e5}.upload-toggle-button{background:#94a3b8;font-size:.85rem}.upload-toggle-button:hover{background:#64748b}.upload-toggle-button.active{background:#10b981}.upload-toggle-button.active:hover{background:#059669}.upload-button{background:#4a9eff;font-weight:600}.upload-button:hover{background:#357abd}.logout-button{background:#374151}.logout-button:hover{background:#4b5563}.main-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 350px}@media (max-width:1024px){.main-content{grid-template-columns:1fr}}@media (max-width:768px){.app{padding:10px}.header{margin-bottom:15px;padding:10px 0}.header h1{font-size:1.5rem}.main-content{gap:15px}.user-info{font-size:.85rem;gap:8px}.logout-button{font-size:.85rem;padding:8px 12px}}.video-player-section{background:#0f0f23;border-radius:12px;box-shadow:0 10px 40px #0006;overflow:hidden}.video-container{aspect-ratio:16/9;background:#000;position:relative;width:100%}@media (max-width:768px){.video-container{border-radius:8px;overflow:hidden}}.video-container video{display:block;height:100%;object-fit:contain;width:100%}.no-video-selected{align-items:center;color:#555;display:flex;flex-direction:column;justify-content:center;min-height:400px}.no-video-selected svg{height:80px;margin-bottom:20px;opacity:.5;width:80px}@media (max-width:768px){.no-video-selected{min-height:250px}.no-video-selected svg{height:60px;width:60px}.no-video-selected p{font-size:.9rem}}.video-info{border-top:1px solid #1e1e3f;min-height:80px;padding:20px}.video-info h2{color:#fff;font-size:1.3rem;margin-bottom:8px}.video-info .meta{color:#8892b0;font-size:.9rem}@media (max-width:768px){.video-info{min-height:60px;padding:15px}.video-info h2{font-size:1.1rem}.video-info .meta{font-size:.8rem}}.video-list-section{background:#0f0f23;border-radius:12px;box-shadow:0 10px 40px #0006;max-height:80vh;overflow-y:auto;padding:20px}.video-list-section h3{align-items:center;color:#fff;display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}@media (max-width:768px){.video-list-section{max-height:60vh;padding:15px}.video-list-section h3{font-size:1rem;margin-bottom:15px}}.video-list{gap:10px}.video-list,.video-navigator{display:flex;flex-direction:column}.video-navigator{gap:8px}.folder-group{display:flex;flex-direction:column}.folder-header{align-items:center;background:#1a1a3e;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:12px 15px;transition:all .2s ease}@media (max-width:768px){.folder-header{padding:10px 12px}.folder-name{font-size:.85rem}.folder-icon{font-size:1rem}}.folder-header:hover{background:#252550}.folder-icon{font-size:1.2rem}.folder-name{color:#fbbf24;flex:1 1;font-size:.95rem;font-weight:600}.folder-count,.folder-toggle{color:#8892b0;font-size:.8rem}.folder-contents{border-left:2px solid #2d2d5a;display:flex;flex-direction:column;gap:4px;margin-left:20px;margin-top:4px;padding-left:8px}.video-item{background:#1a1a3e;border:2px solid #0000;border-radius:8px;cursor:pointer;padding:12px 15px;transition:all .2s ease}@media (max-width:768px){.video-item{padding:10px 12px}.video-item h4{font-size:.85rem}.video-item .size{font-size:.7rem}.video-item:hover{transform:translateX(2px)}}.video-item.nested{background:#16162e}.video-item:hover{background:#252550;transform:translateX(5px)}.video-item.active{background:#252550;border-color:#6366f1}.video-content{align-items:center;display:flex;gap:10px}.video-icon{flex-shrink:0;font-size:1.2rem}.video-details{flex:1 1;min-width:0}.video-item h4{color:#fff;font-size:.9rem;margin:0 0 4px;word-break:break-word}.video-item .size{color:#8892b0;font-size:.75rem}.error,.loading{padding:40px;text-align:center}.loading{color:#8892b0}.error{color:#ef4444}.spinner{animation:spin 1s linear infinite;border:3px solid #1e1e3f;border-radius:50%;border-top-color:#6366f1;height:40px;margin:0 auto 15px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.empty-list{color:#555;padding:40px 20px;text-align:center}.empty-list p{margin-bottom:10px}.empty-list code{background:#1a1a3e;border-radius:4px;font-size:.85rem;padding:3px 8px}.video-list-section::-webkit-scrollbar{width:8px}.video-list-section::-webkit-scrollbar-track{background:#1a1a2e;border-radius:4px}.video-list-section::-webkit-scrollbar-thumb{background:#3f3f6f;border-radius:4px}.video-list-section::-webkit-scrollbar-thumb:hover{background:#5050a0}.buffer-warning{align-items:center;background:linear-gradient(135deg,#7c3aed,#6366f1);border-radius:10px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:12px 20px}.buffer-bar{background:#fff3;border-radius:4px;flex:1 1;height:8px;min-width:150px;overflow:hidden}.buffer-progress{background:#fff;border-radius:4px;height:100%;transition:width .3s ease}.buffer-text{color:#fff;font-size:.9rem;white-space:nowrap}.login-prompt{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:background .2s}.login-prompt:hover{background:#ffffff4d}.limit-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.limit-content{padding:40px;text-align:center}.limit-content h3{color:#fff;font-size:1.5rem;margin-bottom:15px}.limit-content p{color:#8892b0;margin-bottom:10px}.limit-content .auth-button{margin-top:20px}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.modal-content{background:#1a1a3e;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;position:relative;width:100%}.modal-close{background:none;border:none;color:#8892b0;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:15px}.modal-close:hover{color:#fff}.modal-content h2{color:#fff;margin-bottom:25px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#8892b0;display:block;font-size:.9rem;margin-bottom:8px}.form-group input{background:#0f0f23;border:2px solid #2a2a5a;border-radius:8px;color:#fff;font-size:1rem;padding:12px 15px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#6366f1;outline:none}.auth-button{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px;transition:background .2s;width:100%}.auth-button:hover{background:#4f46e5}.auth-button:disabled{background:#4b5563;cursor:not-allowed}.auth-error{background:#ef44441a;border:1px solid #ef4444;border-radius:8px;color:#ef4444;margin-bottom:20px;padding:12px;text-align:center}.auth-switch{color:#8892b0;margin-top:20px;text-align:center}.auth-switch button{background:none;border:none;color:#6366f1;cursor:pointer;font-size:1rem}.auth-switch button:hover{text-decoration:underline}.demo-credentials{background:#6366f11a;border-radius:8px;color:#8892b0;font-size:.85rem;margin-top:15px;padding:10px;text-align:center}.login-required-container{align-items:center;display:flex;justify-content:center;min-height:60vh}.login-required-content{background:#0f0f23;border-radius:16px;box-shadow:0 10px 40px #0006;padding:60px;text-align:center}.login-required-content h2{color:#fff;font-size:2rem;margin-bottom:15px}.login-required-content p{color:#8892b0;font-size:1.1rem;margin-bottom:25px}.login-required-content .auth-button{max-width:300px}.auth-required{color:#f59e0b;font-size:.9rem;margin-bottom:20px;text-align:center}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{max-width:450px;width:100%}.login-box{background:#0f0f23;border-radius:16px;box-shadow:0 20px 60px #00000080;padding:40px}.login-box h2{color:#fff;font-size:1.8rem;margin-bottom:30px;text-align:center}.login-box .form-group{margin-bottom:20px}.login-box .auth-button{margin-top:10px}.login-box .auth-switch{margin-top:25px}
/*# sourceMappingURL=main.423a3179.css.map*/