.account-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);font-family:Roboto,sans-serif;display:flex;flex-direction:column}.account-page .account-content{flex:1 1;display:flex;align-items:center;justify-content:center;padding:20px}.account-page .account-container{width:100%;max-width:400px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);padding:40px;text-align:center}.account-page .account-container .welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;box-shadow:0 10px 20px rgba(59,130,246,.3)}.account-page .account-container .welcome-icon svg{width:40px;height:40px;color:#fff}.account-page .account-container .welcome-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:10px}.account-page .account-container .welcome-subtitle{font-size:18px;color:#6b7280;margin-bottom:40px}.account-page .account-container .form-group{margin-bottom:25px;text-align:left}.account-page .account-container .form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.account-page .account-container .form-group input{width:100%;padding:15px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-page .account-container .form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.account-page .account-container .form-group input::placeholder{color:#9ca3af}.account-page .account-container .submit-button{width:100%;padding:18px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 16px rgba(59,130,246,.3)}.account-page .account-container .submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(59,130,246,.4)}.account-page .account-container .submit-button:active{transform:translateY(0)}.account-page .account-container .divider{margin-top:30px;width:60px;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:2px;margin-left:auto;margin-right:auto}.dashboard-page{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#cbd5e1);font-family:Roboto,sans-serif}.dashboard-page .dashboard-container{max-width:1200px;margin:0 auto}.dashboard-page .dashboard-container .dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;flex-wrap:wrap;gap:20px}.dashboard-page .dashboard-container .dashboard-header .header-content h1{font-size:36px;font-weight:700;color:#1f2937;margin-bottom:8px}.dashboard-page .dashboard-container .dashboard-header .header-content p{font-size:18px;color:#6b7280}.dashboard-page .dashboard-container .dashboard-header .user-info{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);padding:12px 20px;position:relative;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.dashboard-page .dashboard-container .dashboard-header .user-info .user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;display:flex;align-items:center;justify-content:center}.dashboard-page .dashboard-container .dashboard-header .user-info .user-avatar svg{width:16px;height:16px;color:#fff}.dashboard-page .dashboard-container .dashboard-header .user-info .user-details .user-label{font-size:12px;color:#6b7280;font-weight:500}.dashboard-page .dashboard-container .dashboard-header .user-info .user-details .user-email{font-size:14px;color:#1f2937;font-weight:600}.dashboard-page .dashboard-container .dashboard-header .user-info .logout-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.dashboard-page .dashboard-container .dashboard-header .user-info .logout-button svg{width:18px;height:18px}.dashboard-page .dashboard-container .dashboard-header .user-info .logout-button:hover{color:#ef4444;background-color:rgba(239,68,68,.1)}.dashboard-page .dashboard-container .dashboard-header .user-info .logout-button:active{transform:scale(.95)}.dashboard-page .dashboard-container .dashboard-content{display:grid;grid-template-columns:1fr 3fr;grid-gap:30px;gap:30px}@media(max-width:768px){.dashboard-page .dashboard-container .dashboard-content{grid-template-columns:1fr}}.dashboard-page .dashboard-container .dashboard-content .upload-section{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);height:-moz-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-header .upload-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px rgba(59,130,246,.3)}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-header .upload-icon svg{width:24px;height:24px;color:#fff}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-header .upload-text h3{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:4px}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-header .upload-text p{font-size:14px;color:#6b7280}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .file-input-wrapper{margin-bottom:20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .file-input-wrapper input[type=file]{display:none}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .file-input-wrapper .file-label{display:block;padding:15px 20px;border:2px dashed #d1d5db;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s ease;background:rgba(249,250,251,.8)}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .file-input-wrapper .file-label:hover{border-color:#3b82f6;background:rgba(59,130,246,.05)}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .upload-button{width:100%;padding:15px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(59,130,246,.3);display:flex;align-items:center;justify-content:center;gap:10px}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .upload-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(59,130,246,.4)}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .upload-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .upload-button.uploading{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .upload-button.uploading .spinner{width:16px;height:16px;animation:spin 1s linear infinite}.dashboard-page .dashboard-container .dashboard-content .upload-section .upload-form .file-label.disabled{opacity:.6;cursor:not-allowed;background:#f3f4f6}.dashboard-page .dashboard-container .dashboard-content .videos-section{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header h2{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header p{font-size:16px;color:#6b7280}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .video-count{display:flex;align-items:center;gap:8px;background:rgba(59,130,246,.1);padding:8px 16px;border-radius:20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .video-count .count-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:pulse 2s infinite}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .video-count span{font-size:14px;font-weight:600;color:#1d4ed8}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item{background:rgba(249,250,251,.8);border:1px solid rgba(229,231,235,.5);border-radius:16px;padding:25px;margin-bottom:20px;transition:all .3s ease}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item.deleting{opacity:.5;pointer-events:none;filter:grayscale(80%)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-info{display:flex;align-items:center;gap:15px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-info .video-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(59,130,246,.3)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-info .video-icon svg{width:24px;height:24px;color:#fff}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-info .video-details h3{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:4px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-info .video-details p{font-size:14px;color:#6b7280}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status{padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.completed{background:rgba(34,197,94,.1);color:#166534}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.completed .status-dot{background:#22c55e}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.processing{background:rgba(245,158,11,.1);color:#92400e}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.processing .status-dot{background:#f59e0b;animation:pulse 2s infinite}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.failed{background:rgba(239,68,68,.1);color:#991b1b}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status.failed .status-dot{background:#ef4444}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status .status-dot{width:8px;height:8px;border-radius:50%}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status .status-message{font-size:11px;color:#6b7280;margin-top:4px;font-weight:400}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status .progress-bar{width:100%;height:4px;background:rgba(245,158,11,.2);border-radius:2px;margin-top:8px;overflow:hidden}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-header .video-status .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;transition:width .3s ease;animation:progress-pulse 2s infinite}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid rgba(229,231,235,.5)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button{padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.play{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.play:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(59,130,246,.4)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.iframe{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.iframe:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(16,185,129,.4)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.wordpress{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 4px 12px rgba(139,92,246,.3)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.wordpress:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(139,92,246,.4)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.embed{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 12px rgba(6,182,212,.3)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button.embed:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(6,182,212,.4)}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .action-button svg{width:16px;height:16px}.dashboard-page .dashboard-container .dashboard-content .videos-section .empty-state{text-align:center;padding:60px 20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .empty-state .empty-icon{width:80px;height:80px;background:rgba(229,231,235,.5);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 30px}.dashboard-page .dashboard-container .dashboard-content .videos-section .empty-state .empty-icon svg{width:40px;height:40px;color:#9ca3af}.dashboard-page .dashboard-container .dashboard-content .videos-section .empty-state h3{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:12px}.dashboard-page .dashboard-container .dashboard-content .videos-section .empty-state p{font-size:16px;color:#6b7280;margin-bottom:30px}.dashboard-page .dashboard-container .dashboard-content .videos-section .loading-state{text-align:center;padding:60px 20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .loading-state .loading-spinner{width:64px;height:64px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .loading-state h3{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:8px}.dashboard-page .dashboard-container .dashboard-content .videos-section .loading-state p{font-size:16px;color:#6b7280}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes progress-pulse{0%,to{opacity:1}50%{opacity:.7}}