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:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{background-color:#0000004d;box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.App-header h1{font-size:2rem;font-weight:600;margin:0}.user-menu{align-items:center;display:flex;gap:15px}.user-name{font-size:.95rem;opacity:.9}.logout-button{background-color:#fff3;border:1px solid #ffffff4d;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background-color:#ffffff4d;border-color:#ffffff80}.loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh}.App-main{flex:1 1;margin:0 auto;max-width:1200px;padding:20px;width:100%}.loading{color:#fff;font-size:1.2rem;padding:40px}.error,.loading{text-align:center}.error{background-color:#fffffff2;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px}.error p{color:#d32f2f;margin-bottom:15px}.error button{background-color:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.error button:hover{background-color:#5568d3}@media (max-width:768px){.App-header h1{font-size:1.5rem}.header-content{flex-direction:column;gap:15px;text-align:center}.user-menu{flex-direction:column;gap:10px}.App-main{padding:10px}}.media-list-container{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.media-list-container h2{color:#333;font-size:1.5rem;margin-bottom:15px}.media-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.media-item{align-items:center;background-color:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:15px;transition:all .3s ease}.media-item:hover{background-color:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.media-item.selected{background-color:#e8eaf6;border-color:#667eea}.media-icon{flex-shrink:0;font-size:2rem;margin-right:15px}.media-info{flex:1 1;min-width:0}.media-name{color:#333;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-details{color:#666;display:flex;font-size:.85rem;gap:10px}.media-type{background-color:#667eea;border-radius:4px;color:#fff;font-size:.75rem;text-transform:capitalize}.media-size,.media-type{padding:2px 8px}.media-list-empty{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px;text-align:center}.media-list-empty p{color:#666;font-size:1.2rem;margin-bottom:10px}.media-list-empty .hint{color:#999;font-size:.9rem;font-style:italic}@media (max-width:768px){.media-list{grid-template-columns:1fr}.media-list-container{padding:15px}}.media-player-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-player-container{animation:slideUp .3s ease;background-color:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.media-player-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.media-player-header h3{color:#333;font-size:1.2rem;margin:0;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.close-button:hover{background-color:#f0f0f0;color:#333}.media-player-content{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;padding:20px}.media-player{border-radius:8px;max-height:calc(90vh - 120px);max-width:100%;outline:none;width:100%}video.media-player{background-color:#000}.audio-player-wrapper{align-items:center;display:flex;flex-direction:column;gap:30px;width:100%}.audio-info{text-align:center}.audio-icon{animation:pulse 2s ease-in-out infinite;font-size:5rem;margin-bottom:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.audio-title{color:#333;font-size:1.2rem;font-weight:600}.audio-player{max-width:500px;width:100%}.unsupported-media{color:#666;padding:40px;text-align:center}@media (max-width:768px){.media-player-overlay{padding:10px}.media-player-container{max-height:95vh}.media-player-header{padding:15px}.media-player-header h3{font-size:1rem}.media-player-content{padding:15px}.media-player{max-height:calc(95vh - 100px)}.audio-icon{font-size:3rem}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{animation:slideUp .4s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 30px;text-align:center}.login-header h1{font-size:2rem;font-weight:600;margin:0 0 10px}.login-header p{font-size:1rem;margin:0;opacity:.9}.login-form{padding:30px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:.9rem;padding:12px}.error-message,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;padding:20px 30px}.demo-credentials{color:#666;font-size:.85rem;line-height:1.6;margin:0}.demo-credentials strong{color:#333;font-weight:600}@media (max-width:480px){.login-box{margin:0}.login-header{padding:30px 20px}.login-header h1{font-size:1.6rem}.login-form{padding:20px}.login-footer{padding:15px 20px}}
/*# sourceMappingURL=main.2a63ca90.css.map*/