.header[data-v-9a7c471d]{background-color:#333;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.container[data-v-9a7c471d]{width:90%;max-width:1200px;margin:0 auto}.logo[data-v-9a7c471d]{font-size:1.5rem;margin:0}.nav[data-v-9a7c471d]{display:flex;gap:1rem;margin-top:.5rem}.nav-link[data-v-9a7c471d]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link[data-v-9a7c471d]:hover{background-color:#ffffff1a}.nav-button[data-v-9a7c471d]{background-color:#dc3545;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.nav-button[data-v-9a7c471d]:hover{background-color:#c82333}@media (min-width: 768px){.container[data-v-9a7c471d]{display:flex;justify-content:space-between;align-items:center}.nav[data-v-9a7c471d]{margin-top:0}}.footer[data-v-1e21cae7]{background-color:#333;color:#fff;padding:1rem 0;text-align:center;margin-top:auto}.container[data-v-1e21cae7]{width:90%;max-width:1200px;margin:0 auto}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:90%;max-width:1200px;margin:0 auto}.main{flex:1;padding:2rem 0}.home{padding:1rem 0}.video-container{margin-top:1rem;max-height:calc(100vh - 180px);overflow-y:auto;padding:0 1rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.loading{text-align:center;padding:2rem;color:#666;font-size:1rem}.load-more-container{text-align:center;padding:2rem}.load-more-button{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.load-more-button:hover{background-color:#0069d9}.load-more-button:active{background-color:#0056b3}.no-more{text-align:center;padding:2rem;color:#999;font-size:1rem;font-style:italic}.video-container::-webkit-scrollbar{width:8px}.video-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.video-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.video-container::-webkit-scrollbar-thumb:hover{background:#555}.video-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .3s,box-shadow .3s;cursor:pointer}.video-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.video-thumbnail{position:relative;height:200px;overflow:hidden;cursor:pointer}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-thumbnail .video-element{width:100%;height:100%;object-fit:contain;background-color:#000}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000000b3;color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;opacity:0;transition:opacity .3s;z-index:10}.video-card:hover .play-icon{opacity:1}.video-title{padding:1rem;font-size:1.1rem;margin:0}.video-description{padding:0 1rem 1rem;color:#666;font-size:.9rem;margin:0}.video-player{margin-top:3rem;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.player-container{padding:1rem}.video-element{width:100%;height:auto;max-height:600px;border-radius:4px}.player-title{margin-top:1rem;font-size:1.5rem}.player-description{margin-top:.5rem;color:#666}@media (max-width: 768px){.video-grid{grid-template-columns:1fr}.video-element{max-height:400px}.video-container{-ms-overflow-style:none;scrollbar-width:none}.video-container::-webkit-scrollbar{display:none}}.admin{padding:2rem 0}.upload-form{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical;min-height:100px}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#218838}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.progress-container{margin:1.5rem 0;position:relative;height:20px;background-color:#f8f9fa;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:#007bff;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:600;color:#333}.video-list{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.video-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table{width:100%;border-collapse:collapse;margin-top:1rem}.table th,.table td{padding:1rem;text-align:left;border-bottom:1px solid #ddd}.table th{background-color:#f8f9fa;font-weight:600}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.top-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600;background-color:#e2e3e5;color:#495057}.top-badge.active{background-color:#d1ecf1;color:#0c5460}.sort-input{width:60px;padding:.25rem;border:1px solid #ddd;border-radius:4px;text-align:center}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #ddd}.modal-header h3{margin:0}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body{padding:1.5rem}.video-preview{margin:1rem 0;border:1px solid #ddd;border-radius:4px;padding:1rem;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;min-height:200px}.preview-video{max-width:100%;max-height:200px;border-radius:4px}.no-video{color:#666;font-style:italic}.video-url{font-size:.875rem;color:#666;margin-top:.5rem;word-break:break-all}.thumbnail-preview{margin:1rem 0;border:1px solid #ddd;border-radius:4px;padding:1rem;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;min-height:150px}.preview-thumbnail{max-width:100%;max-height:150px;border-radius:4px}.no-thumbnail{color:#666;font-style:italic}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #ddd;margin-top:1.5rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;border-top:1px solid #ddd}.page-size-selector{display:flex;align-items:center;gap:.5rem}.page-size-selector select{padding:.25rem .5rem;border:1px solid #ddd;border-radius:4px;font-size:.875rem}.pagination{display:flex;align-items:center;gap:1rem}.pagination span{font-size:.875rem;color:#666}@media (max-width: 768px){.upload-form,.video-list{padding:1rem}.table th,.table td{padding:.5rem}.btn{padding:.5rem 1rem}.modal-content{width:95%}}.user-management[data-v-7301d323]{padding:2rem 0}.user-list[data-v-7301d323]{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.table[data-v-7301d323]{width:100%;border-collapse:collapse;margin-top:1rem}.table th[data-v-7301d323],.table td[data-v-7301d323]{padding:1rem;text-align:left;border-bottom:1px solid #ddd}.table th[data-v-7301d323]{background-color:#f8f9fa;font-weight:600}.status-badge[data-v-7301d323]{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-badge.active[data-v-7301d323]{background-color:#d4edda;color:#155724}.status-badge.blocked[data-v-7301d323]{background-color:#f8d7da;color:#721c24}.btn[data-v-7301d323]{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .3s;margin-right:.5rem}.btn-sm[data-v-7301d323]{padding:.25rem .5rem;font-size:.75rem}.btn-primary[data-v-7301d323]{background-color:#007bff;color:#fff}.btn-primary[data-v-7301d323]:hover{background-color:#0069d9}.btn-danger[data-v-7301d323]{background-color:#dc3545;color:#fff}.btn-danger[data-v-7301d323]:hover{background-color:#c82333}.btn-success[data-v-7301d323]{background-color:#28a745;color:#fff}.btn-success[data-v-7301d323]:hover{background-color:#218838}.btn-secondary[data-v-7301d323]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-7301d323]:hover{background-color:#5a6268}.modal[data-v-7301d323]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-7301d323]{background-color:#fff;border-radius:8px;width:90%;max-width:400px;box-shadow:0 4px 12px #00000026}.modal-header[data-v-7301d323]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #ddd}.modal-header h3[data-v-7301d323]{margin:0}.close-btn[data-v-7301d323]{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-body[data-v-7301d323]{padding:1.5rem}.form-group[data-v-7301d323]{margin-bottom:1.5rem}.form-group label[data-v-7301d323]{display:block;margin-bottom:.5rem;font-weight:600}.form-group input[data-v-7301d323]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.modal-footer[data-v-7301d323]{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid #ddd}@media (max-width: 768px){.user-list[data-v-7301d323]{padding:1rem}.table th[data-v-7301d323],.table td[data-v-7301d323]{padding:.5rem}.btn[data-v-7301d323]{padding:.25rem .5rem;font-size:.75rem;margin-right:.25rem}.modal-content[data-v-7301d323]{width:95%}}.upload-video[data-v-c55e0742]{padding:2rem 0}.upload-form[data-v-c55e0742]{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a;max-width:800px;margin:0 auto}.form-group[data-v-c55e0742]{margin-bottom:1.5rem}.form-group label[data-v-c55e0742]{display:block;margin-bottom:.5rem;font-weight:600}.form-group input[data-v-c55e0742],.form-group textarea[data-v-c55e0742]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea[data-v-c55e0742]{resize:vertical;min-height:100px}.btn[data-v-c55e0742]{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-primary[data-v-c55e0742]{background-color:#007bff;color:#fff}.btn-primary[data-v-c55e0742]:hover{background-color:#0069d9}.btn-secondary[data-v-c55e0742]{background-color:#6c757d;color:#fff;margin-right:1rem}.btn-secondary[data-v-c55e0742]:hover{background-color:#5a6268}.progress-container[data-v-c55e0742]{margin:1.5rem 0;position:relative;height:20px;background-color:#f8f9fa;border-radius:4px;overflow:hidden}.progress-bar[data-v-c55e0742]{height:100%;background-color:#007bff;transition:width .3s ease}.progress-text[data-v-c55e0742]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.875rem;font-weight:600;color:#333}.form-actions[data-v-c55e0742]{display:flex;justify-content:flex-end;margin-top:2rem}@media (max-width: 768px){.upload-form[data-v-c55e0742]{padding:1rem}.form-actions[data-v-c55e0742]{flex-direction:column}.btn[data-v-c55e0742]{margin-right:0;margin-bottom:1rem;width:100%}}.login-container[data-v-42f6ebb8]{display:flex;justify-content:center;align-items:center;min-height:100%;background-color:#f5f5f5;padding:2rem;border-radius:8px;margin:2rem 0}@media (max-width: 768px){.login-container[data-v-42f6ebb8]{padding:1rem;margin:1rem 0}.login-form[data-v-42f6ebb8]{padding:1.5rem}}.login-form[data-v-42f6ebb8]{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-form h2[data-v-42f6ebb8]{margin-bottom:1.5rem;text-align:center;color:#333}.form-group[data-v-42f6ebb8]{margin-bottom:1.5rem}.form-group label[data-v-42f6ebb8]{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input[data-v-42f6ebb8]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.btn[data-v-42f6ebb8]{width:100%;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-primary[data-v-42f6ebb8]{background-color:#007bff;color:#fff}.btn-primary[data-v-42f6ebb8]:hover{background-color:#0069d9}.register-link[data-v-42f6ebb8]{margin-top:1rem;text-align:center;font-size:.9rem;color:#666}.register-link a[data-v-42f6ebb8]{color:#007bff;text-decoration:none}.register-link a[data-v-42f6ebb8]:hover{text-decoration:underline}.error-message[data-v-42f6ebb8]{margin-top:1rem;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:4px;font-size:.9rem}.register-container[data-v-77349866]{display:flex;justify-content:center;align-items:center;min-height:100%;background-color:#f5f5f5;padding:2rem;border-radius:8px;margin:2rem 0}@media (max-width: 768px){.register-container[data-v-77349866]{padding:1rem;margin:1rem 0}.register-form[data-v-77349866]{padding:1.5rem}}.register-form[data-v-77349866]{background-color:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.register-form h2[data-v-77349866]{margin-bottom:1.5rem;text-align:center;color:#333}.form-group[data-v-77349866]{margin-bottom:1.5rem}.form-group label[data-v-77349866]{display:block;margin-bottom:.5rem;font-weight:600;color:#555}.form-group input[data-v-77349866]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.captcha-group .captcha-input[data-v-77349866]{display:flex;gap:1rem}.captcha-group input[data-v-77349866]{flex:1}.captcha-image[data-v-77349866]{width:120px;height:40px;border-radius:4px;cursor:pointer;object-fit:cover}.btn[data-v-77349866]{width:100%;padding:.75rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-primary[data-v-77349866]{background-color:#007bff;color:#fff}.btn-primary[data-v-77349866]:hover{background-color:#0069d9}.login-link[data-v-77349866]{margin-top:1rem;text-align:center;font-size:.9rem;color:#666}.login-link a[data-v-77349866]{color:#007bff;text-decoration:none}.login-link a[data-v-77349866]:hover{text-decoration:underline}.error-message[data-v-77349866]{margin-top:1rem;padding:.75rem;background-color:#f8d7da;color:#721c24;border-radius:4px;font-size:.9rem}@media (max-width: 480px){.captcha-group .captcha-input[data-v-77349866]{flex-direction:column}.captcha-image[data-v-77349866]{width:100%;height:60px}}