:root{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #dddddd;--button-bg: #f0f0f0;--button-hover: #e0e0e0;--primary-color: #007bff;--primary-hover: #0056b3;--error-color: #dc3545;--progress-bg: #e0e0e0}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-tertiary: #808080;--border-color: #404040;--shadow: rgba(0, 0, 0, .3);--input-bg: #2d2d2d;--input-border: #404040;--button-bg: #3d3d3d;--button-hover: #4d4d4d;--primary-color: #4a9eff;--primary-hover: #357abd;--error-color: #ff6b6b;--progress-bg: #404040}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#app{min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}.login-container[data-v-9ebf79b1]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.login-card[data-v-9ebf79b1]{background:var(--bg-secondary);border-radius:8px;padding:40px;width:100%;max-width:400px;box-shadow:0 2px 10px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.title-container[data-v-9ebf79b1]{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.title-icon[data-v-9ebf79b1]{flex-shrink:0}.title-icon .st0[data-v-9ebf79b1]{fill:var(--text-primary)}.title[data-v-9ebf79b1]{font-size:24px;font-weight:500;color:var(--text-primary);margin:0}.login-form[data-v-9ebf79b1]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-9ebf79b1]{display:flex;flex-direction:column}.input-group[data-v-9ebf79b1]{display:flex;gap:10px}.input[data-v-9ebf79b1]{width:100%;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;font-size:14px;color:var(--text-primary);transition:border-color .3s,background-color .3s ease}.input[data-v-9ebf79b1]:focus{border-color:var(--primary-color)}.input[data-v-9ebf79b1]::placeholder{color:var(--text-tertiary)}.code-btn[data-v-9ebf79b1]{padding:12px 20px;background:var(--button-bg);color:var(--text-primary);border:1px solid var(--input-border);border-radius:4px;font-size:14px;white-space:nowrap;transition:background .3s ease}.code-btn[data-v-9ebf79b1]:hover:not(:disabled){background:var(--button-hover)}.code-btn[data-v-9ebf79b1]:disabled{opacity:.6;cursor:not-allowed}.submit-btn[data-v-9ebf79b1]{padding:12px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:16px;font-weight:500;transition:background .3s ease}.submit-btn[data-v-9ebf79b1]:hover:not(:disabled){background:var(--primary-hover)}.submit-btn[data-v-9ebf79b1]:disabled{opacity:.6;cursor:not-allowed}.error-msg[data-v-9ebf79b1]{color:var(--error-color);font-size:14px;text-align:center;margin-top:-10px}.dashboard-container[data-v-0e60f8f6]{min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.header[data-v-0e60f8f6]{background:var(--bg-secondary);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.logo-container[data-v-0e60f8f6]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-0e60f8f6]{flex-shrink:0}.logo-icon .st0[data-v-0e60f8f6]{fill:var(--text-primary)}.logo[data-v-0e60f8f6]{font-size:20px;font-weight:500;color:var(--text-primary);margin:0}.header-actions[data-v-0e60f8f6]{display:flex;align-items:center;gap:15px}.user-email[data-v-0e60f8f6]{color:var(--text-secondary);font-size:14px;transition:color .3s ease}.logout-btn[data-v-0e60f8f6]{padding:8px 16px;background:var(--button-bg);color:var(--text-primary);border-radius:4px;font-size:14px;transition:background .3s ease}.logout-btn[data-v-0e60f8f6]:hover{background:var(--button-hover)}.main-content[data-v-0e60f8f6]{max-width:800px;margin:40px auto;padding:0 20px}.stats-card[data-v-0e60f8f6],.actions-card[data-v-0e60f8f6],.subscription-card[data-v-0e60f8f6]{background:var(--bg-secondary);border-radius:8px;padding:30px;margin-bottom:20px;box-shadow:0 2px 10px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.card-title[data-v-0e60f8f6]{font-size:18px;font-weight:500;margin-bottom:24px;color:var(--text-primary)}.stats-grid[data-v-0e60f8f6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.stat-item[data-v-0e60f8f6]{display:flex;flex-direction:column;gap:12px}.stat-label[data-v-0e60f8f6]{font-size:14px;color:var(--text-secondary)}.stat-value[data-v-0e60f8f6]{font-size:24px;font-weight:500;color:var(--text-primary)}.stat-value .current[data-v-0e60f8f6]{color:var(--primary-color)}.stat-value .total[data-v-0e60f8f6]{color:var(--text-tertiary);font-size:16px}.progress-bar[data-v-0e60f8f6]{width:100%;height:8px;background:var(--progress-bg);border-radius:4px;overflow:hidden}.progress-fill[data-v-0e60f8f6]{height:100%;background:var(--primary-color);transition:width .3s ease}.action-btn[data-v-0e60f8f6]{display:inline-block;padding:12px 24px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:16px;text-align:center;transition:background .3s ease}.action-btn[data-v-0e60f8f6]:hover{background:var(--primary-hover)}.actions-buttons[data-v-0e60f8f6]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.tutorial-btn[data-v-0e60f8f6]{background:var(--button-bg);color:var(--text-primary)}.tutorial-btn[data-v-0e60f8f6]:hover{background:var(--button-hover)}.subscription-content[data-v-0e60f8f6],.subscription-url-section[data-v-0e60f8f6]{display:flex;flex-direction:column;gap:20px}.url-label[data-v-0e60f8f6]{font-size:14px;color:var(--text-secondary);font-weight:500}.url-container[data-v-0e60f8f6]{display:flex;gap:10px}.url-input[data-v-0e60f8f6]{flex:1;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;font-size:14px;color:var(--text-primary);font-family:monospace;transition:border-color .3s ease}.url-input[data-v-0e60f8f6]:focus{border-color:var(--primary-color);outline:none}.copy-btn[data-v-0e60f8f6]{padding:12px 24px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .3s ease}.copy-btn[data-v-0e60f8f6]:hover:not(:disabled){background:var(--primary-hover)}.copy-btn[data-v-0e60f8f6]:disabled{opacity:.5;cursor:not-allowed}.url-hint[data-v-0e60f8f6]{font-size:12px;color:var(--text-tertiary);margin-top:8px;text-align:center}.loading-subscription[data-v-0e60f8f6],.no-subscription[data-v-0e60f8f6]{text-align:center;padding:20px;color:var(--text-secondary)}.no-subscription p[data-v-0e60f8f6]{margin:10px 0}.no-subscription .hint[data-v-0e60f8f6]{font-size:14px;color:var(--text-tertiary)}@media (max-width: 600px){.header[data-v-0e60f8f6]{padding:15px 20px}.main-content[data-v-0e60f8f6]{margin:20px auto}.stats-card[data-v-0e60f8f6],.actions-card[data-v-0e60f8f6],.subscription-card[data-v-0e60f8f6]{padding:20px}.url-container[data-v-0e60f8f6]{flex-direction:column}.stats-grid[data-v-0e60f8f6]{grid-template-columns:1fr;gap:20px}}.payment-container[data-v-8d754ca6]{min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.header[data-v-8d754ca6]{background:var(--bg-secondary);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.logo-container[data-v-8d754ca6]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-8d754ca6]{flex-shrink:0}.logo-icon .st0[data-v-8d754ca6]{fill:var(--text-primary)}.logo[data-v-8d754ca6]{font-size:20px;font-weight:500;color:var(--text-primary);margin:0}.header-actions[data-v-8d754ca6]{display:flex;gap:15px;align-items:center}.back-link[data-v-8d754ca6]{padding:8px 16px;color:var(--primary-color);font-size:14px;transition:color .3s ease}.back-link[data-v-8d754ca6]:hover{color:var(--primary-hover)}.user-email[data-v-8d754ca6]{color:var(--text-secondary);font-size:14px;transition:color .3s ease}.logout-btn[data-v-8d754ca6]{padding:8px 16px;background:var(--button-bg);color:var(--text-primary);border-radius:4px;font-size:14px;transition:background .3s ease}.logout-btn[data-v-8d754ca6]:hover{background:var(--button-hover)}.main-content[data-v-8d754ca6]{max-width:1000px;margin:40px auto;padding:0 20px}.payment-card[data-v-8d754ca6]{background:var(--bg-secondary);border-radius:8px;padding:40px;box-shadow:0 2px 10px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.card-title[data-v-8d754ca6]{font-size:24px;font-weight:500;margin-bottom:30px;text-align:center;color:var(--text-primary)}.plans-grid[data-v-8d754ca6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.plan-item[data-v-8d754ca6]{border:2px solid var(--border-color);border-radius:8px;padding:20px;cursor:pointer;background:var(--bg-secondary);transition:all .3s ease}.plan-item[data-v-8d754ca6]:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff33}.plan-item.active[data-v-8d754ca6]{border-color:var(--primary-color);background:var(--bg-primary)}.plan-header[data-v-8d754ca6]{margin-bottom:20px}.plan-name[data-v-8d754ca6]{font-size:18px;font-weight:500;margin-bottom:10px;color:var(--text-primary)}.plan-price[data-v-8d754ca6]{display:flex;align-items:baseline}.currency[data-v-8d754ca6]{font-size:18px;color:var(--primary-color)}.amount[data-v-8d754ca6]{font-size:32px;font-weight:600;color:var(--primary-color)}.plan-features[data-v-8d754ca6]{display:flex;flex-direction:column;gap:10px}.feature-item[data-v-8d754ca6]{display:flex;justify-content:space-between;font-size:14px}.feature-label[data-v-8d754ca6]{color:var(--text-secondary)}.feature-value[data-v-8d754ca6]{color:var(--text-primary);font-weight:500}.payment-actions[data-v-8d754ca6]{text-align:center;margin-top:30px}.pay-btn[data-v-8d754ca6]{padding:14px 40px;background:var(--primary-color);color:#fff;border-radius:4px;font-size:16px;font-weight:500;transition:background .3s ease;min-width:200px}.pay-btn[data-v-8d754ca6]:hover:not(:disabled){background:var(--primary-hover)}.pay-btn[data-v-8d754ca6]:disabled{opacity:.6;cursor:not-allowed}.error-msg[data-v-8d754ca6]{color:var(--error-color);font-size:14px;text-align:center;margin-top:20px}@media (max-width: 768px){.header[data-v-8d754ca6]{padding:15px 20px;flex-direction:column;gap:15px}.header-actions[data-v-8d754ca6]{width:100%;justify-content:space-between}.main-content[data-v-8d754ca6]{margin:20px auto}.payment-card[data-v-8d754ca6]{padding:20px}.plans-grid[data-v-8d754ca6]{grid-template-columns:1fr}}.tutorial-container[data-v-ed1430bb]{min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.header[data-v-ed1430bb]{background:var(--bg-secondary);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.logo-container[data-v-ed1430bb]{display:flex;align-items:center;gap:8px}.logo-icon[data-v-ed1430bb]{flex-shrink:0}.logo-icon .st0[data-v-ed1430bb]{fill:var(--text-primary)}.logo[data-v-ed1430bb]{font-size:20px;font-weight:500;color:var(--text-primary);margin:0}.header-actions[data-v-ed1430bb]{display:flex;gap:15px;align-items:center}.back-link[data-v-ed1430bb]{padding:8px 16px;color:var(--primary-color);font-size:14px;transition:color .3s ease}.back-link[data-v-ed1430bb]:hover{color:var(--primary-hover)}.user-email[data-v-ed1430bb]{color:var(--text-secondary);font-size:14px;transition:color .3s ease}.logout-btn[data-v-ed1430bb]{padding:8px 16px;background:var(--button-bg);color:var(--text-primary);border-radius:4px;font-size:14px;transition:background .3s ease}.logout-btn[data-v-ed1430bb]:hover{background:var(--button-hover)}.main-content[data-v-ed1430bb]{max-width:1200px;margin:40px auto;padding:0 20px}.tutorial-card[data-v-ed1430bb]{background:var(--bg-secondary);border-radius:8px;padding:30px;box-shadow:0 2px 10px var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.card-title[data-v-ed1430bb]{font-size:24px;font-weight:500;margin-bottom:30px;color:var(--text-primary)}.tabs-container[data-v-ed1430bb]{display:flex;flex-direction:column;gap:20px}.tabs[data-v-ed1430bb]{display:flex;gap:10px;border-bottom:2px solid var(--border-color);overflow-x:auto}.tab-btn[data-v-ed1430bb]{padding:12px 24px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.tab-btn[data-v-ed1430bb]:hover{color:var(--text-primary)}.tab-btn.active[data-v-ed1430bb]{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-content[data-v-ed1430bb]{min-height:400px}.tab-panel[data-v-ed1430bb]{animation:fadeIn-ed1430bb .3s ease}@keyframes fadeIn-ed1430bb{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-title[data-v-ed1430bb]{font-size:28px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.tutorial-section[data-v-ed1430bb]{margin-bottom:30px}.download-link[data-v-ed1430bb]{font-size:18px;margin-bottom:20px;color:var(--text-primary)}.download-label[data-v-ed1430bb]{font-weight:500}.download-btn[data-v-ed1430bb]{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s ease}.download-btn[data-v-ed1430bb]:hover{color:var(--primary-hover);text-decoration:underline}.download-separator[data-v-ed1430bb]{margin:0 8px}.step[data-v-ed1430bb]{font-size:16px;line-height:1.8;margin-bottom:15px;color:var(--text-primary)}.tutorial-image[data-v-ed1430bb]{width:100%;max-width:900px;height:auto;border-radius:8px;box-shadow:0 2px 8px var(--shadow);margin-top:10px;display:block}@media (max-width: 768px){.header[data-v-ed1430bb]{padding:15px 20px;flex-direction:column;gap:15px}.header-actions[data-v-ed1430bb]{width:100%;justify-content:space-between}.main-content[data-v-ed1430bb]{margin:20px auto}.tutorial-card[data-v-ed1430bb]{padding:20px}.tabs[data-v-ed1430bb]{gap:5px}.tab-btn[data-v-ed1430bb]{padding:10px 16px;font-size:14px}.tutorial-image[data-v-ed1430bb]{max-width:100%}}