.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 .subscription-stats{margin-top:25px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:25px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item{background:rgba(249,250,251,.8);border-radius:12px;padding:20px;border:1px solid rgba(229,231,235,.5);transition:all .3s ease}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item:hover{background:rgba(243,244,246,.9);transform:translateY(-2px)}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-value{font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:baseline;gap:4px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-value .current{color:#3b82f6}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-value .separator{color:#9ca3af;font-weight:400}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-value .limit{color:#6b7280;font-weight:500}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-value .stat-unit{font-size:14px;font-weight:400;color:#9ca3af;margin-left:6px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-bar{margin-top:12px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .stat-item .stat-bar .stat-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;transition:width .3s ease}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .subscription-period{display:flex;align-items:center;justify-content:center;padding:15px 20px;border-radius:12px;margin-bottom:20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .subscription-period .active-subscription{display:flex;align-items:center;gap:10px;color:#059669;font-weight:500;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:12px;padding:12px 20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .subscription-period .active-subscription svg{width:20px;height:20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .subscription-period .cancellation-notice{display:flex;align-items:center;gap:10px;color:#d97706;font-weight:500;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.2);border-radius:12px;padding:12px 20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .subscription-period .cancellation-notice svg{width:20px;height:20px}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .upgrade-section{text-align:center;padding:25px;background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(29,78,216,.05));border-radius:16px;border:1px solid rgba(59,130,246,.1)}.dashboard-page .dashboard-container .dashboard-content .upload-section .subscription-stats .upgrade-section p{color:#374151;font-size:16px;margin-bottom:20px;font-weight:500}.dashboard-page .dashboard-container .dashboard-content .upload-section .status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-page .dashboard-container .dashboard-content .upload-section .status-badge.status-active{background:rgba(16,185,129,.15);color:#059669;border:1px solid rgba(16,185,129,.2)}.dashboard-page .dashboard-container .dashboard-content .upload-section .status-badge.status-canceled{background:rgba(239,68,68,.15);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.dashboard-page .dashboard-container .dashboard-content .upload-section .status-badge.status-past_due{background:rgba(217,119,6,.15);color:#d97706;border:1px solid rgba(217,119,6,.2)}.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 .theme-preference{display:flex;align-items:center;gap:10px;background:hsla(0,0%,100%,.9);border:1px solid rgba(229,231,235,.8);padding:8px 12px;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .theme-preference label{font-size:13px;font-weight:600;color:#374151}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .theme-preference select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f9fafb;border:2px solid #e5e7eb;color:#111827;border-radius:8px;font-weight:600;font-size:14px;outline:none;transition:all .2s ease;background-image:url('data:image/svg+xml,%3Csvg width="12" height="12" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M5 7L10 12L15 7" stroke="%236B7280" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');background-repeat:no-repeat;background-position:right 10px center;padding:8px 28px 8px 12px}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .theme-preference select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.1)}.dashboard-page .dashboard-container .dashboard-content .videos-section .videos-header .theme-preference select:hover{background-color:#f3f4f6}.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 .stuck-job-warning{width:100%;display:flex;align-items:center;padding:12px 16px;background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#92400e;font-size:14px;margin-bottom:8px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .stuck-job-warning svg{flex-shrink:0;color:#f59e0b}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status{margin-bottom:24px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #e5e7eb}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1f2937}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header .status-badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header .status-badge.active{background:rgba(16,185,129,.1);color:#059669}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header .status-badge.canceled{background:rgba(239,68,68,.1);color:#dc2626}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-header .status-badge.past_due{background:rgba(245,158,11,.1);color:#d97706}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .plan-info .price{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 4px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .plan-info .period{color:#6b7280;font-size:.875rem;margin:0}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .usage-info{display:flex;flex-direction:column;gap:8px}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .usage-info .usage-item{display:flex;justify-content:space-between;align-items:center}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .usage-info .usage-item .label{color:#6b7280;font-size:.875rem}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details .usage-info .usage-item .value{font-weight:600;color:#1f2937;font-size:.875rem}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .upgrade-cta{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb;text-align:center}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .upgrade-cta .upgrade-button{display:inline-block;background:linear-gradient(135deg,#004094,#0066cc);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .upgrade-cta .upgrade-button:hover{background:linear-gradient(135deg,#003875,#0052a3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,64,148,.3)}@media(max-width:768px){.dashboard-page .dashboard-container .dashboard-content .videos-section .video-list .video-item .video-actions .subscription-status .subscription-card .subscription-details{grid-template-columns:1fr;gap:16px}}.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}}.header-actions{display:flex;gap:12px;align-items:center}.settings-button{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px;color:#3b82f6;cursor:pointer;transition:all .2s;text-decoration:none;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.3);color:#3b82f6;text-decoration:none}.settings-button svg{width:20px;height:20px}.header-actions .logout-button{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:10px;color:#b91c1c;cursor:pointer;transition:all .2s}.header-actions .logout-button:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3)}.header-actions .logout-button svg{width:20px;height:20px}