*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0c0c0c,#151515,#0c0c0c);color:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-dashboard{--primary: #ff3b3b;--primary-hover: #ff5555;--primary-glow: rgba(255, 59, 59, .3);--accent: #ff9500;--accent-glow: rgba(255, 149, 0, .3);--bg-deep: #0a0a0a;--bg-dark: #111111;--bg-card: #1a1a1a;--bg-elevated: #222222;--bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--success: #00d26a;--success-glow: rgba(0, 210, 106, .2);--error: #ff4757;--warning: #ffa502;--info: #3b82f6;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;min-height:100vh;background:radial-gradient(ellipse at top left,rgba(255,59,59,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,149,0,.03) 0%,transparent 50%),var(--bg-deep);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#111c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.admin-header .header-left,.admin-header .header-right{display:flex;align-items:center;gap:1rem}.admin-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.admin-header h1 svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.admin-header .back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s}.admin-header .back-btn:hover{background:var(--bg-elevated);color:var(--text-primary);transform:translate(-2px)}.admin-header .refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-header .refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}.admin-nav{display:flex;gap:.5rem;padding:1rem 2rem;background:#1119;border-bottom:1px solid var(--border);overflow-x:auto}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-tab:hover{background:var(--bg-card);color:var(--text-primary)}.nav-tab.active{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.admin-content{padding:2rem;max-width:1600px;margin:0 auto}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.section-header .section-icon{color:var(--primary)}.section-divider{height:1px;background:linear-gradient(90deg,var(--border-light),transparent);margin:2rem 0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.stats-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.stats-row .stat-card{flex:1;min-width:180px}.stat-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:var(--border-light)}.stat-card.primary{border-left:3px solid var(--primary)}.stat-card.success{border-left:3px solid var(--success)}.stat-card.warning{border-left:3px solid var(--warning)}.stat-card.info{border-left:3px solid var(--info)}.stat-card.error{border-left:3px solid var(--error)}.stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff3b3b1a;border-radius:var(--radius-md);color:var(--primary);margin-bottom:.75rem}.stat-card .stat-content{display:flex;flex-direction:column;gap:.25rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-card .big-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-card .stat-label{font-size:.8rem;color:var(--text-secondary)}.stat-card h4{font-size:.8rem;color:var(--text-secondary);margin:0 0 .5rem;font-weight:500}.stat-card .stat-trend{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.stat-card .trend-value{font-size:.7rem;color:var(--text-muted)}.stat-card .stat-sub{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.stat-card.highlight{background:linear-gradient(135deg,rgba(255,59,59,.1) 0%,var(--bg-card) 100%);border-color:#ff3b3b4d}.data-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.data-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.data-section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);margin:0;font-weight:600}.data-section-header .section-badge{padding:.25rem .75rem;font-size:.7rem;background:#ff3b3b1a;border:1px solid rgba(255,59,59,.2);border-radius:20px;color:var(--primary)}.data-section-header .section-badge.total{background:#00d26a1a;border-color:#00d26a33;color:var(--success)}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.data-item{text-align:center;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md);transition:all .2s}.data-item:hover{background:var(--bg-hover)}.data-item .data-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.data-item .data-label{font-size:.75rem;color:var(--text-secondary)}.data-item .data-sub{font-size:.65rem;color:var(--text-muted);margin-top:.25rem}.chart-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.chart-section h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);margin:0 0 1.5rem;font-weight:600}.chart-container{width:100%}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.traffic-breakdown{margin-bottom:1.5rem}.traffic-breakdown h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-primary);margin:0 0 1rem;font-weight:600}.traffic-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.traffic-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.traffic-card .traffic-label{font-size:.8rem;color:var(--text-secondary)}.traffic-card .traffic-value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.traffic-card .traffic-sub{font-size:.7rem;color:var(--text-muted)}.traffic-card.download{border-left:3px solid var(--success)}.traffic-card.proxy{border-left:3px solid var(--warning)}.traffic-card.agentgo{border-left:3px solid var(--info)}.traffic-card.total{border-left:3px solid var(--primary);background:linear-gradient(135deg,rgba(255,59,59,.1) 0%,var(--bg-card) 100%)}.geo-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.geo-list h4{color:var(--text-primary);margin:0 0 1rem;font-size:.9rem}.geo-list ul{list-style:none;padding:0;margin:0}.geo-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.85rem}.geo-list .city-name{color:var(--text-primary)}.geo-list .city-count{color:var(--primary);font-weight:600}.errors-section{background:#ff47570d;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-md);padding:1.25rem;margin-top:1.5rem}.errors-section h3{display:flex;align-items:center;gap:.5rem;color:var(--error);margin:0 0 1rem;font-size:.9rem}.errors-list{list-style:none;padding:0;margin:0}.errors-list li{display:flex;justify-content:space-between;padding:.6rem .75rem;background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:.5rem}.errors-list .error-message{font-size:.75rem;color:var(--error);font-family:monospace;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.errors-list .error-count{font-weight:600;color:var(--text-primary);font-size:.85rem}.users-table-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;overflow-x:auto}.users-table-section h3{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);margin:0 0 1.25rem;font-size:1rem}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:.875rem;text-align:left;vertical-align:middle;border-bottom:1px solid var(--border)}.users-table th{color:var(--text-secondary);font-weight:500;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.users-table td{color:var(--text-primary);font-size:.85rem}.users-table tr:hover{background:var(--bg-elevated)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary)}.badge.success{background:#00d26a26;color:var(--success)}.badge.error{background:#ff475726;color:var(--error)}.badge.warning{background:#ffa50226;color:var(--warning)}.badge.info{background:#3b82f626;color:var(--info)}.action-btn{padding:.4rem .8rem;font-size:.7rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.action-btn.primary{background:#ff3b3b26;color:var(--primary)}.action-btn.primary:hover{background:#ff3b3b40}.action-btn.danger{background:#ff475726;color:var(--error)}.action-btn.danger:hover{background:#ff475740}.logs-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;overflow-x:auto}.log-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.log-tab{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.log-tab:hover{background:var(--bg-elevated)}.log-tab.active{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.logs-table{width:100%;border-collapse:collapse}.logs-table th,.logs-table td{padding:.6rem;text-align:left;border-bottom:1px solid var(--border)}.logs-table th{color:var(--text-secondary);font-weight:500;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.logs-table td{color:var(--text-primary);font-size:.75rem}.logs-table .endpoint{font-family:monospace;color:var(--primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-table .error-cell{color:var(--error);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:.2rem .4rem;font-size:.7rem;font-weight:600;border-radius:4px}.status-2xx{background:#00d26a26;color:var(--success)}.status-3xx{background:#3b82f626;color:var(--info)}.status-4xx{background:#ffa50226;color:var(--warning)}.status-5xx{background:#ff475726;color:var(--error)}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-secondary);background:var(--bg-deep)}.admin-loading .spinning{animation:spin 1s linear infinite;color:var(--primary)}.admin-error{color:var(--error)}.retry-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.popular-videos-list{display:flex;flex-direction:column;gap:.6rem}.popular-video-item{display:flex;align-items:center;gap:1rem;padding:.6rem .875rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s}.popular-video-item:hover{background:var(--bg-hover);border-color:var(--primary)}.popular-video-item .rank{font-size:.9rem;font-weight:700;color:var(--primary);min-width:2rem}.popular-video-item .video-info{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.popular-video-item .video-title{font-size:.8rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-video-item .video-stats{font-size:.7rem;color:var(--text-muted)}@media(max-width:1024px){.geo-grid,.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-header{padding:1rem;flex-direction:column;gap:1rem}.admin-nav{padding:.75rem 1rem}.admin-content{padding:1rem}.stats-grid{grid-template-columns:1fr}.stat-card .stat-value{font-size:1.5rem}.data-grid{grid-template-columns:repeat(2,1fr)}}:root{--primary: #ff3b3b;--primary-hover: #ff5555;--primary-glow: rgba(255, 59, 59, .3);--accent: #ff9500;--accent-glow: rgba(255, 149, 0, .3);--bg-deep: #0a0a0a;--bg-dark: #111111;--bg-card: #1a1a1a;--bg-elevated: #222222;--bg-hover: #2a2a2a;--text-primary: #ffffff;--text-secondary: #888888;--text-muted: #555555;--success: #00d26a;--success-glow: rgba(0, 210, 106, .2);--error: #ff4757;--warning: #ffa502;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px var(--primary-glow)}.app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top left,rgba(255,59,59,.05) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,149,0,.03) 0%,transparent 50%),var(--bg-deep)}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2.5rem;background:#111c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:.875rem}.logo svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.logo h1{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-right{display:flex;align-items:center;gap:1rem}.api-status{font-size:.8rem;padding:.4rem .8rem;border-radius:var(--radius-sm);background:var(--bg-elevated)}.api-status span{display:flex;align-items:center;gap:.4rem}.status-healthy{color:var(--success)}.status-unhealthy{color:var(--error)}.status-checking{color:var(--text-muted)}.quota-info{display:flex;align-items:center}.quota-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#ffa50226,#ffa5020d);border:1px solid rgba(255,165,2,.3);border-radius:var(--radius-md);color:var(--warning);font-size:.85rem;font-weight:600}.premium-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#fa0);border-radius:var(--radius-md);color:#000;font-size:.85rem;font-weight:700;box-shadow:0 0 20px #ffd7004d}.user-info{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border)}.user-info span{font-weight:500;font-size:.9rem}.logout-btn{display:flex;align-items:center;justify-content:center;padding:.4rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .2s}.logout-btn:hover{color:var(--error);background:#ff47571a}.login-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.3rem;background:linear-gradient(135deg,#ff3b3b,#e62222);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #ff3b3b59;text-shadow:0 1px 2px rgba(0,0,0,.15)}.login-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--primary-glow)}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;min-height:calc(100vh - 200px)}.input-section{width:100%;max-width:680px;text-align:center}.input-section h2{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;letter-spacing:-1px}.subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2.5rem}.url-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1.25rem;color:var(--text-muted);z-index:2}.url-input{width:100%;padding:1.25rem 1.25rem 1.25rem 3.5rem;font-size:1rem;font-family:inherit;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-lg);color:var(--text-primary);transition:all .25s;outline:none}.url-input:focus{border-color:var(--primary);background:var(--bg-elevated);box-shadow:0 0 0 4px var(--primary-glow)}.url-input::placeholder{color:var(--text-muted)}.options{display:flex;justify-content:center;gap:1rem}.resolution-select{display:flex;align-items:center;gap:.75rem}.resolution-select label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.resolution-dropdown{padding:.75rem 1.25rem;font-size:.95rem;font-family:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;outline:none;min-width:180px;transition:all .2s}.resolution-dropdown:hover{border-color:var(--border-light);background:var(--bg-elevated)}.resolution-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.resolution-dropdown option{background:var(--bg-card);color:var(--text-primary)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;font-size:1.15rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff!important;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .25s;box-shadow:0 4px 25px #dc262680;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.02em}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 35px #dc262699;background:linear-gradient(135deg,#ef4444,#dc2626)}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#991b1b,#7f1d1d);box-shadow:0 2px 15px #991b1b4d}.error-message{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.5rem;padding:1rem 1.5rem;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);color:var(--error);font-size:.95rem}.processing-section{text-align:center;max-width:500px}.processing-icon{margin-bottom:2rem;color:var(--primary);filter:drop-shadow(0 0 20px var(--primary-glow))}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-section h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.progress-bar-container{width:100%;max-width:400px;margin:1.5rem auto}.progress-bar-track{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,#f97316 50%,var(--primary) 100%);background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:progress-shimmer 2s ease infinite;box-shadow:0 0 10px var(--primary-glow)}@keyframes progress-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.85rem}.progress-percent{color:var(--primary);font-weight:700;font-size:1rem}.progress-time{color:#ffffff80;font-size:.8rem}.progress-stages{display:flex;justify-content:center;gap:.8rem;margin-top:1.5rem;flex-wrap:wrap}.progress-stage-dot{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#ffffff4d;transition:all .3s ease}.progress-stage-dot .dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease;flex-shrink:0}.progress-stage-dot.active{color:var(--primary)}.progress-stage-dot.active .dot{background:var(--primary);box-shadow:0 0 8px var(--primary-glow);animation:pulse-dot 1.5s ease infinite}.progress-stage-dot.completed{color:#fff9}.progress-stage-dot.completed .dot{background:#22c55e}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.progress-text{color:var(--text-secondary);font-size:.95rem}.result-section{width:100%;max-width:750px}.success-header{text-align:center;margin-bottom:2.5rem}.success-icon{color:var(--success);margin-bottom:1rem;filter:drop-shadow(0 0 15px var(--success-glow))}.success-header h2{font-size:2rem;font-weight:700}.video-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem;text-align:center}.video-thumbnail{width:100%;max-width:400px;border-radius:var(--radius-lg);margin-bottom:1.5rem;box-shadow:var(--shadow-md)}.video-info h3{font-size:1.35rem;font-weight:600;margin-bottom:1rem;line-height:1.4}.video-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;color:var(--text-secondary);font-size:.9rem}.video-meta span{display:flex;align-items:center;gap:.4rem}.download-links{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;margin-bottom:1.5rem}.download-links h4{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.link-item{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin-bottom:1rem;border:1px solid var(--border)}.link-item:last-child{margin-bottom:0}.link-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:var(--text-primary)}.link-header span{font-weight:600}.format-info{display:flex;gap:.5rem;font-size:.85rem;margin-left:auto}.format-label{color:var(--text-muted)}.format-details{color:var(--text-secondary)}.link-actions{display:flex;gap:.75rem;flex-wrap:wrap}.download-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.video-btn{background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.video-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.audio-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}.copy-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;font-family:inherit;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.extraction-time{text-align:center;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem}.reset-btn{display:block;width:100%;padding:1.15rem;font-size:1rem;font-weight:600;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.reset-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}.error-section{text-align:center;max-width:500px}.error-icon{color:var(--error);margin-bottom:1.5rem}.error-section h2{font-size:1.75rem;margin-bottom:.75rem}.error-detail{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.footer{padding:1.25rem 2rem;text-align:center;color:var(--text-muted);background:#1119;border-top:1px solid var(--border);font-size:.85rem}.auth-page{background:radial-gradient(ellipse at center,rgba(255,59,59,.08) 0%,transparent 60%),var(--bg-deep);justify-content:center;align-items:center}.auth-container{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{color:var(--primary);margin-bottom:1.25rem;filter:drop-shadow(0 0 15px var(--primary-glow))}.auth-header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-tabs{display:flex;gap:.25rem;margin-bottom:2rem;background:var(--bg-elevated);border-radius:var(--radius-md);padding:.25rem}.auth-tab{flex:1;padding:.875rem;font-size:.95rem;font-weight:600;font-family:inherit;background:transparent;color:var(--text-secondary);border:none;border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all .2s}.auth-tab.active{background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.auth-tab:hover:not(.active){color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:1rem 1.25rem;font-size:1rem;font-family:inherit;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:all .2s;outline:none}.form-group input:focus{border-color:var(--primary);background:var(--bg-hover);box-shadow:0 0 0 4px var(--primary-glow)}.form-group input::placeholder{color:var(--text-muted)}.auth-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);color:var(--error);font-size:.9rem}.auth-submit{padding:1.1rem;font-size:1.1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;margin-top:.5rem;box-shadow:0 4px 15px var(--primary-glow)}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 6px 25px var(--primary-glow)}.auth-submit:active{transform:translateY(0)}.auth-info{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem;background:#00d26a1a;border:1px solid rgba(0,210,106,.3);border-radius:var(--radius-md);color:var(--success);font-size:.9rem}.auth-tip{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);color:#818cf8;font-size:.9rem}.payment-page{max-width:900px;width:100%}.payment-header{text-align:center;margin-bottom:3.5rem}.payment-header svg{color:var(--primary);margin-bottom:1.25rem;filter:drop-shadow(0 0 20px var(--primary-glow))}.payment-header h2{font-size:2.5rem;font-weight:800;margin-bottom:.75rem;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.payment-header p{color:var(--text-secondary);font-size:1.1rem}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:2.5rem}.pricing-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;transition:all .3s}.pricing-card.featured{border-color:var(--primary);background:linear-gradient(135deg,rgba(255,59,59,.05) 0%,transparent 100%),var(--bg-card);box-shadow:0 0 40px var(--primary-glow)}.badge{position:absolute;top:-14px;right:24px;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:.75rem;font-weight:800;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffd7004d}.plan-header{text-align:center;margin-bottom:2rem}.plan-header h3{font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.price{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary) 0%,#ff7777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period{font-size:1rem;color:var(--text-secondary);font-weight:500}.save-badge{display:inline-block;padding:.4rem .8rem;background:#00d26a26;color:var(--success);font-size:.85rem;font-weight:600;border-radius:20px;margin-top:.75rem}.features{list-style:none;margin-bottom:2rem}.features li{display:flex;align-items:center;gap:.875rem;padding:.875rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border)}.features li:last-child{border-bottom:none}.features li svg{color:var(--success);flex-shrink:0}.featured .features li svg{color:var(--accent)}.plan-btn{width:100%;padding:1.1rem;font-size:1rem;font-weight:700;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.plan-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.featured-btn{background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);border-color:var(--primary);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.featured-btn:hover{transform:scale(1.02);box-shadow:0 8px 30px var(--primary-glow)}.back-btn{display:block;width:100%;max-width:280px;margin:0 auto;padding:1rem;font-size:.95rem;font-weight:600;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--bg-hover);border-color:var(--border-light)}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.header-right{flex-wrap:wrap;justify-content:center;gap:.75rem}.main{padding:2rem 1rem}.input-section h2{font-size:1.75rem}.subtitle{font-size:.95rem}.pricing-cards{grid-template-columns:1fr}.payment-header h2{font-size:1.75rem}.amount{font-size:2.5rem}.auth-container{padding:2rem;margin:1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pricing-page{min-height:100vh;background:radial-gradient(ellipse at top left,rgba(255,59,59,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,149,0,.05) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(59,130,246,.03) 0%,transparent 70%),var(--bg-deep)}.pricing-header{position:sticky;top:0;z-index:100;background:#111111d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.pricing-header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.back-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--bg-hover);border-color:var(--border-light)}.pricing-logo{display:flex;align-items:center;gap:.75rem}.pricing-logo svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.pricing-logo h1{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-spacer{width:100px}.pricing-hero{text-align:center;padding:4rem 2rem 3rem;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#ff3b3b26,#ff3b3b0d);border:1px solid rgba(255,59,59,.3);border-radius:50px;color:var(--primary);font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-1px}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.billing-toggle{display:inline-flex;gap:.25rem;padding:.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:transparent;border:none;border-radius:calc(var(--radius-lg) - 4px);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);color:#fff;box-shadow:0 2px 10px var(--primary-glow)}.toggle-btn:hover:not(.active){color:var(--text-primary)}.discount-badge{padding:.2rem .5rem;background:#00d26a33;color:var(--success);font-size:.7rem;font-weight:700;border-radius:4px}.pricing-cards-section{padding:2rem;max-width:1400px;margin:0 auto}.pricing-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1200px){.pricing-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.pricing-cards-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}.pricing-header-content{padding:1rem}.header-spacer{display:none}}.pricing-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;transition:all .3s}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.pricing-card.popular{border-color:var(--primary);background:linear-gradient(135deg,rgba(255,59,59,.08) 0%,transparent 100%),var(--bg-card);box-shadow:0 0 50px var(--primary-glow);transform:scale(1.02)}.pricing-card.popular:hover{transform:scale(1.02) translateY(-8px)}.pricing-card.current{border-color:var(--success);box-shadow:0 0 30px var(--success-glow)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,gold,#fa0);color:#000;font-size:.75rem;font-weight:800;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffd70066;white-space:nowrap}.current-badge{position:absolute;top:-14px;right:20px;padding:.4rem .8rem;background:linear-gradient(135deg,var(--success) 0%,#00b359 100%);color:#000;font-size:.7rem;font-weight:700;border-radius:12px}.card-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);color:#fff;margin-bottom:1.25rem;box-shadow:0 4px 15px #0000004d}.card-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.card-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem}.card-price{display:flex;align-items:baseline;gap:.25rem;margin-bottom:.5rem}.price-amount{font-size:2.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#ccc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-period{font-size:1rem;color:var(--text-muted);font-weight:500}.savings-badge{display:inline-block;padding:.3rem .6rem;background:#00d26a26;color:var(--success);font-size:.8rem;font-weight:600;border-radius:8px;margin-bottom:1.5rem}.card-features{list-style:none;flex:1;margin-bottom:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border)}.feature-item:last-child{border-bottom:none}.feature-item.disabled{color:var(--text-muted);opacity:.5}.feature-item.highlight{color:var(--text-primary);font-weight:500}.check-icon{color:var(--success);flex-shrink:0}.check-icon.disabled{color:var(--text-muted)}.card-button{width:100%;padding:1rem;font-size:1rem;font-weight:700;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.card-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.card-button.popular-btn{border:none;color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.card-button.popular-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 30px var(--primary-glow);color:#fff}.card-button:disabled{opacity:.6;cursor:not-allowed}.comparison-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.section-title{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:2.5rem;text-align:center}.section-title svg{color:var(--primary)}.comparison-table-wrapper{overflow-x:auto;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--bg-card)}.comparison-table{width:100%;border-collapse:collapse;font-size:.95rem}.comparison-table th,.comparison-table td{padding:1.25rem 1.5rem;text-align:center;border-bottom:1px solid var(--border)}.comparison-table th{background:var(--bg-elevated);font-weight:700;color:var(--text-primary)}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table td{color:var(--text-secondary)}.comparison-table .feature-name{font-weight:500;color:var(--text-primary)}.comparison-table .highlight-col{background:#ff3b3b14;color:var(--primary);font-weight:600}.comparison-table th.highlight-col{background:#ff3b3b26}.comparison-table tr:last-child td{border-bottom:none}.highlights-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.highlights-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media(max-width:1024px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.highlights-grid{grid-template-columns:1fr}}.highlight-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;text-align:center;transition:all .3s}.highlight-card:hover{transform:translateY(-4px);border-color:var(--border-light);box-shadow:var(--shadow-md)}.highlight-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;background:linear-gradient(135deg,#ff3b3b26,#ff3b3b0d);border-radius:var(--radius-lg);color:var(--primary)}.highlight-card h4{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.highlight-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.faq-section{padding:4rem 2rem;max-width:800px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .2s}.faq-item:hover{border-color:var(--border-light)}.faq-item.expanded{border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:all .2s}.faq-question:hover{color:var(--primary)}.faq-question svg{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.faq-item.expanded .faq-question svg{color:var(--primary)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.expanded .faq-answer{max-height:200px}.faq-answer p{padding:0 1.5rem 1.5rem;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.cta-section{padding:4rem 2rem;text-align:center}.cta-content{max-width:500px;margin:0 auto;padding:3rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl)}.cta-content h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.cta-content p{color:var(--text-secondary);margin-bottom:1.5rem}.cta-button{padding:1rem 2rem;font-size:1rem;font-weight:700;font-family:inherit;background:linear-gradient(135deg,var(--primary) 0%,#ff5555 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;box-shadow:0 4px 20px var(--primary-glow)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px var(--primary-glow)}.pricing-footer{padding:1.5rem 2rem;text-align:center;color:var(--text-muted);background:#1119;border-top:1px solid var(--border);font-size:.85rem}.nav-pricing-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.nav-pricing-btn:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary)}.auth-lang-switcher{display:flex;justify-content:center;margin-bottom:1.5rem}.language-switcher:hover{transform:translateY(-1px)}