.footer-bottom[data-v-2ccccc02]{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-top:1px solid var(--border-color);text-align:center}.copyright[data-v-2ccccc02]{font-size:1em;color:var(--text-secondary);font-family:var(--font-family-mono)}@media (max-width: 768px){.footer-content[data-v-2ccccc02]{grid-template-columns:1fr;gap:var(--spacing-lg);text-align:center}.footer-nav[data-v-2ccccc02]{align-items:center}}.modal-overlay[data-v-31bcf55b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-31bcf55b]{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-31bcf55b]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h2[data-v-31bcf55b]{margin:0;color:#333}.close-button[data-v-31bcf55b]{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-button[data-v-31bcf55b]:hover{color:#333}.modal-body[data-v-31bcf55b]{padding:20px}.steps-indicator[data-v-31bcf55b]{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.steps-indicator[data-v-31bcf55b]:before{content:"";position:absolute;top:15px;left:15px;right:15px;height:2px;background-color:#e0e0e0;z-index:1}.step[data-v-31bcf55b]{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.step-number[data-v-31bcf55b]{width:30px;height:30px;border-radius:50%;background-color:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;transition:all .3s ease}.step.active .step-number[data-v-31bcf55b]{background-color:#007bff;color:#fff}.step.completed .step-number[data-v-31bcf55b]{background-color:#28a745;color:#fff}.step-text[data-v-31bcf55b]{font-size:12px;color:#666;text-align:center}.step.active .step-text[data-v-31bcf55b]{color:#007bff;font-weight:700}.step-content[data-v-31bcf55b]{text-align:center}.step-description[data-v-31bcf55b]{color:#666;margin-bottom:20px;line-height:1.5}.form-group[data-v-31bcf55b]{margin-bottom:20px;text-align:left}.form-group label[data-v-31bcf55b]{display:block;margin-bottom:5px;color:#333;font-weight:700}.input[data-v-31bcf55b]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.input[data-v-31bcf55b]:focus{outline:none;border-color:#007bff}.input[data-v-31bcf55b]:disabled{background-color:#f5f5f5;cursor:not-allowed}.code-input[data-v-31bcf55b]{text-align:center;font-size:18px;letter-spacing:2px}.button[data-v-31bcf55b]{padding:12px 24px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .3s ease;min-width:120px}.button[data-v-31bcf55b]:disabled{opacity:.6;cursor:not-allowed}.button-primary[data-v-31bcf55b]{background-color:#007bff;color:#fff}.button-primary[data-v-31bcf55b]:hover:not(:disabled){background-color:#0056b3}.button-secondary[data-v-31bcf55b]{background-color:#6c757d;color:#fff}.button-secondary[data-v-31bcf55b]:hover:not(:disabled){background-color:#545b62}.button-group[data-v-31bcf55b]{display:flex;gap:10px;justify-content:center}.resend-section[data-v-31bcf55b]{margin-top:15px;text-align:center}.link-button[data-v-31bcf55b]{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;font-size:14px}.link-button[data-v-31bcf55b]:hover{color:#0056b3}.countdown-text[data-v-31bcf55b]{color:#666;font-size:14px}.message[data-v-31bcf55b]{margin-top:15px;padding:10px;border-radius:4px;text-align:center}.error-message[data-v-31bcf55b]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.success-message[data-v-31bcf55b]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.modal-overlay[data-v-5ec3d793]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal-content[data-v-5ec3d793]{width:90%;max-width:400px;margin:var(--spacing-md);background-color:var(--background-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.modal-header[data-v-5ec3d793]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.close-button[data-v-5ec3d793]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:var(--spacing-xs);transition:color var(--transition-fast)}.close-button[data-v-5ec3d793]:hover{color:var(--text-primary)}.modal-form[data-v-5ec3d793]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group[data-v-5ec3d793]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label[data-v-5ec3d793]{color:var(--text-primary);font-weight:500}.button-secondary[data-v-5ec3d793]{background-color:var(--surface-color);color:var(--text-primary);border:1px solid var(--border-color)}.button-secondary[data-v-5ec3d793]:hover{background-color:var(--border-color);transform:translateY(-1px)}.form-actions[data-v-5ec3d793]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.error-message[data-v-5ec3d793]{color:var(--error-color);font-size:.875rem;padding:var(--spacing-xs);background-color:var(--error-background, #fef2f2);border:1px solid var(--error-color);border-radius:var(--radius-sm);text-align:center}.forgot-password-link[data-v-5ec3d793]{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.875rem;text-decoration:underline;padding:var(--spacing-xs) 0;transition:color var(--transition-fast);align-self:center}.forgot-password-link[data-v-5ec3d793]:hover{color:var(--primary-hover)}@media (max-width: 768px){.modal-content[data-v-5ec3d793]{width:95%;padding:var(--spacing-md)}}.navbar[data-v-da9ab9d7]{display:flex;align-items:center;background:var(--navbar-bg);color:var(--navbar-text);padding:0 var(--spacing-lg);height:64px;justify-content:space-between;box-shadow:0 2px 10px #667eea26;position:relative}.navbar[data-v-da9ab9d7]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--navbar-bg);z-index:-1}.navbar-brand[data-v-da9ab9d7]{font-size:1.5rem;font-weight:700;margin-right:var(--spacing-xl);color:var(--navbar-text)}.navbar-menu[data-v-da9ab9d7]{display:flex;gap:var(--spacing-lg);flex-grow:1}.navbar-item[data-v-da9ab9d7]{cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-normal);position:relative;color:var(--navbar-text)}.navbar-item[data-v-da9ab9d7]:hover{background-color:var(--navbar-hover);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.navbar-item.active[data-v-da9ab9d7]{background-color:var(--navbar-active);font-weight:700}.navbar-item.active[data-v-da9ab9d7]:hover{background-color:var(--navbar-active)}.navbar-item[data-v-da9ab9d7]:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:var(--navbar-text);transition:all var(--transition-normal);transform:translate(-50%)}.navbar-item[data-v-da9ab9d7]:hover:after{width:80%}.auth-container[data-v-da9ab9d7]{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.auth-button[data-v-da9ab9d7]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;border:none;font-size:.875rem;transition:all var(--transition-fast)}.login[data-v-da9ab9d7]{background-color:transparent;color:var(--navbar-text);border:1px solid var(--navbar-text)}.login[data-v-da9ab9d7]:hover{background-color:var(--navbar-hover)}.register[data-v-da9ab9d7]{background-color:var(--navbar-active);color:var(--navbar-text)}.register[data-v-da9ab9d7]:hover{background-color:var(--navbar-hover)}.user-info[data-v-da9ab9d7]{position:relative;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);color:var(--navbar-text);display:flex;align-items:center;gap:var(--spacing-xs)}.user-info[data-v-da9ab9d7]:hover{background-color:var(--navbar-hover)}.vip-badge[data-v-da9ab9d7]{background:linear-gradient(45deg,gold,orange);color:#000;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;text-shadow:none;box-shadow:0 1px 3px #ffd7004d}.premium-badge[data-v-da9ab9d7]{background:linear-gradient(45deg,#9c27b0,#673ab7);color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;border-radius:10px;text-shadow:none;box-shadow:0 1px 3px #9c27b04d}.dropdown-menu[data-v-da9ab9d7]{position:absolute;top:100%;right:0;background-color:var(--background-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);width:120px;display:none;z-index:var(--z-dropdown);border:1px solid var(--border-color)}.user-info:hover .dropdown-menu[data-v-da9ab9d7]{display:block}.dropdown-item[data-v-da9ab9d7]{padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);transition:background-color var(--transition-fast)}.dropdown-item[data-v-da9ab9d7]:hover{background-color:var(--surface-color)}@media (max-width: 768px){.navbar[data-v-da9ab9d7]{font-size:.75rem;padding:0 var(--spacing-md)}.navbar-brand[data-v-da9ab9d7]{font-size:.8rem;margin-right:var(--spacing-md)}.navbar-menu[data-v-da9ab9d7]{font-size:.75rem;gap:var(--spacing-sm)}}.theme-toggle[data-v-90086cb0]{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);width:48px;height:48px;border-radius:50%;border:none;background-color:var(--background-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:var(--z-fixed);border:1px solid var(--border-color)}.theme-toggle[data-v-90086cb0]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--surface-color)}.theme-toggle[data-v-90086cb0]:active{transform:translateY(0)}.icon[data-v-90086cb0]{width:24px;height:24px;transition:transform var(--transition-fast)}.theme-toggle:hover .icon[data-v-90086cb0]{transform:rotate(30deg)}@media (max-width: 768px){.theme-toggle[data-v-90086cb0]{bottom:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px}.icon[data-v-90086cb0]{width:20px;height:20px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);line-height:1.6;color:var(--text-primary);background-color:var(--surface-color)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--surface-color)}.main-content{flex:1;width:90%;max-width:var(--container-xl);margin:0 auto;padding:var(--spacing-lg) 0}.loading-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-fixed);gap:var(--spacing-md)}.loading-spinner{border:4px solid var(--border-color);border-radius:50%;border-top:4px solid var(--primary-color);width:40px;height:40px;animation:spin 1s linear infinite}.error-container{text-align:center;max-width:500px;margin:0 auto}.no-component-error{text-align:center;padding:var(--spacing-xl);color:var(--text-primary)}.component-wrapper{min-height:200px}@media screen and (max-width: 1200px){.main-content{width:95%}}@media screen and (max-width: 768px){.main-content{width:100%;padding:var(--spacing-lg) var(--spacing-sm)}}[data-v-120d7206]:root{--primary-color: #667eea;--accent-color: #764ba2;--success-color: #10b981;--warning-color: #f59e0b;--surface-color: #ffffff;--background-color: #f8fafc;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.home[data-v-120d7206]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow-x:hidden}.home[data-v-120d7206]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);pointer-events:none}.hero-section[data-v-120d7206]{background:linear-gradient(135deg,var(--primary-color) 0%,var(--accent-color) 100%);color:#fff;padding:4rem 5% 6rem;position:relative;overflow:hidden;min-height:100vh}.hero-section[data-v-120d7206]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3;z-index:0}.hero-section[data-v-120d7206]>*{position:relative;z-index:1}.hero-top-section[data-v-120d7206]{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:4rem;max-width:1200px;margin-left:auto;margin-right:auto}.hero-content[data-v-120d7206]{color:#fff;text-align:left}.hero-title[data-v-120d7206]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#f0f8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle[data-v-120d7206]{font-size:1.5rem;font-weight:500;margin-bottom:2rem;opacity:.9}.hero-description[data-v-120d7206]{font-size:1.1rem;line-height:1.8;opacity:.8}.hero-visual[data-v-120d7206]{display:flex;justify-content:center;align-items:center}.circuit-animation[data-v-120d7206]{width:100%;max-width:400px;background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.circuit-svg[data-v-120d7206]{width:100%;height:auto}.circuit-line[data-v-120d7206]{stroke-dasharray:5,5;animation:dash-120d7206 2s linear infinite}.logic-gate[data-v-120d7206]{animation:pulse-120d7206 2s ease-in-out infinite}@keyframes dash-120d7206{to{stroke-dashoffset:-10}}@keyframes pulse-120d7206{0%,to{opacity:.8}50%{opacity:1}}.hero-features[data-v-120d7206]{width:100%;max-width:1200px}.features-title[data-v-120d7206]{font-size:2rem;font-weight:600;color:#fff;margin-bottom:3rem;text-align:center}.features-grid[data-v-120d7206]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%}.feature-card[data-v-120d7206]{background:#ffffff1a;padding:2.5rem 2rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center}.feature-card[data-v-120d7206]:hover{background:#ffffff26;transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}.feature-icon-large[data-v-120d7206]{width:80px;height:80px;color:#ffffffe6;margin-bottom:1.5rem;flex-shrink:0}.icon-large[data-v-120d7206]{width:100%;height:100%}.feature-card h4[data-v-120d7206]{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:1rem}.pain-point[data-v-120d7206]{font-size:.9rem;color:gold;font-weight:500;margin-bottom:1rem;font-style:italic}.feature-desc[data-v-120d7206]{font-size:1rem;color:#fffc;line-height:1.6;margin:0}.features-overview[data-v-120d7206]{background:var(--background-color);padding:6rem 5% 4rem;position:relative;z-index:1}.section-title[data-v-120d7206]{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary);position:relative}.section-title[data-v-120d7206]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:2px}.features-grid[data-v-120d7206]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.feature-highlight[data-v-120d7206]{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-lg);transition:all .3s ease;border:1px solid var(--border-color)}.feature-highlight[data-v-120d7206]:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.feature-icon[data-v-120d7206]{width:80px;height:80px;margin-bottom:1.5rem;color:var(--primary-color)}.feature-highlight h3[data-v-120d7206]{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.feature-pain-point[data-v-120d7206]{color:var(--accent-color);font-weight:500;margin-bottom:1.5rem;font-style:italic}.feature-benefits[data-v-120d7206]{list-style:none;padding:0}.feature-benefits li[data-v-120d7206]{color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 1.5rem}.feature-benefits li[data-v-120d7206]:before{content:"✓";position:absolute;left:0;color:var(--success-color);font-weight:700}.action-cards[data-v-120d7206]{background:var(--background-color);padding:4rem 5% 6rem}.cards-grid[data-v-120d7206]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.action-card[data-v-120d7206]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;cursor:pointer;border:1px solid var(--border-color)}.action-card[data-v-120d7206]:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.problems-card[data-v-120d7206]:hover{border-color:var(--primary-color)}.ide-card[data-v-120d7206]:hover{border-color:var(--accent-color)}.converter-card[data-v-120d7206]:hover{border-color:var(--success-color)}.card-header[data-v-120d7206]{padding:2rem 2rem 1rem;display:flex;align-items:center;gap:1rem}.card-icon[data-v-120d7206]{width:60px;height:60px;color:var(--primary-color)}.ide-card .card-icon[data-v-120d7206]{color:var(--accent-color)}.converter-card .card-icon[data-v-120d7206]{color:var(--success-color)}.card-title[data-v-120d7206]{font-size:1.4rem;font-weight:600;color:var(--text-primary);margin:0}.card-content[data-v-120d7206]{padding:0 2rem 1rem}.card-description[data-v-120d7206]{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.card-stats[data-v-120d7206]{display:flex;gap:.5rem;flex-wrap:wrap}.stat-item[data-v-120d7206]{background:#667eea1a;color:var(--primary-color);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:500}.ide-card .stat-item[data-v-120d7206]{background:#764ba21a;color:var(--accent-color)}.converter-card .stat-item[data-v-120d7206]{background:#10b9811a;color:var(--success-color)}.card-action[data-v-120d7206]{padding:1rem 2rem 2rem;display:flex;justify-content:space-between;align-items:center}.action-text[data-v-120d7206]{font-weight:600;color:var(--primary-color)}.ide-card .action-text[data-v-120d7206]{color:var(--accent-color)}.converter-card .action-text[data-v-120d7206]{color:var(--success-color)}.action-arrow[data-v-120d7206]{width:20px;height:20px;transition:transform .3s ease}.action-card:hover .action-arrow[data-v-120d7206]{transform:translate(5px)}.vip-section[data-v-120d7206]{background:linear-gradient(135deg,#667eea,#764ba2);padding:6rem 5%;color:#fff;position:relative}.vip-section[data-v-120d7206]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.vip-header[data-v-120d7206]{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.vip-subtitle[data-v-120d7206]{font-size:1.2rem;opacity:.9;margin-top:1rem}.membership-comparison[data-v-120d7206]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:800px;margin:0 auto;position:relative;z-index:1}.membership-card[data-v-120d7206]{background:#ffffff1a;border-radius:20px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative}.membership-card[data-v-120d7206]:hover{transform:translateY(-5px);background:#ffffff26}.vip-card[data-v-120d7206]{border:2px solid rgba(255,215,0,.5);background:#ffffff26}.vip-badge[data-v-120d7206]{position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,gold,#ffed4e);color:#1f2937;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.membership-header[data-v-120d7206]{text-align:center;margin-bottom:2rem}.membership-title[data-v-120d7206]{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.membership-price[data-v-120d7206]{display:flex;justify-content:center;align-items:baseline;gap:.5rem}.price[data-v-120d7206]{font-size:2rem;font-weight:700}.period[data-v-120d7206]{opacity:.8}.membership-features[data-v-120d7206]{margin-bottom:2rem}.feature-item[data-v-120d7206]{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.feature-item[data-v-120d7206]:last-child{border-bottom:none}.feature-item.limited[data-v-120d7206]{opacity:.6}.feature-icon[data-v-120d7206]{width:20px;height:20px;flex-shrink:0}.upgrade-btn[data-v-120d7206]{width:100%;background:linear-gradient(135deg,gold,#ffed4e);color:#1f2937;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.upgrade-btn[data-v-120d7206]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffd7004d}@media (max-width: 1024px){.hero-section[data-v-120d7206]{padding:3rem 3% 5rem}.hero-top-section[data-v-120d7206]{gap:3rem}.hero-title[data-v-120d7206]{font-size:3rem}.features-grid[data-v-120d7206]{grid-template-columns:1fr;gap:1.5rem}.circuit-animation[data-v-120d7206]{max-width:300px}}@media (max-width: 768px){.hero-section[data-v-120d7206]{padding:2rem 1rem 4rem}.hero-top-section[data-v-120d7206]{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content[data-v-120d7206]{text-align:center}.hero-title[data-v-120d7206]{font-size:2.5rem}.hero-subtitle[data-v-120d7206]{font-size:1.2rem}.hero-visual[data-v-120d7206]{margin-bottom:2rem}.features-title[data-v-120d7206]{font-size:1.6rem;margin-bottom:2rem}.feature-card[data-v-120d7206]{padding:2rem 1.5rem}.feature-icon-large[data-v-120d7206]{width:60px;height:60px}.feature-card h4[data-v-120d7206]{font-size:1.2rem}.features-overview[data-v-120d7206],.action-cards[data-v-120d7206],.vip-section[data-v-120d7206]{padding-left:1rem;padding-right:1rem}.features-grid[data-v-120d7206],.cards-grid[data-v-120d7206]{grid-template-columns:1fr;gap:1.5rem}.membership-comparison[data-v-120d7206]{grid-template-columns:1fr}.section-title[data-v-120d7206]{font-size:2rem}.feature-highlight[data-v-120d7206],.action-card[data-v-120d7206],.membership-card[data-v-120d7206]{padding:1.5rem}}@media (max-width: 480px){.hero-title[data-v-120d7206]{font-size:2rem}.hero-subtitle[data-v-120d7206]{font-size:1rem}.circuit-animation[data-v-120d7206]{max-width:250px;padding:1rem}.features-title[data-v-120d7206]{font-size:1.4rem}.feature-card[data-v-120d7206]{padding:1.5rem 1rem}.feature-icon-large[data-v-120d7206]{width:50px;height:50px}.feature-card h4[data-v-120d7206]{font-size:1.1rem}.pain-point[data-v-120d7206]{font-size:.8rem}.feature-desc[data-v-120d7206]{font-size:.9rem}.section-title[data-v-120d7206]{font-size:1.5rem}.card-header[data-v-120d7206]{flex-direction:column;text-align:center;gap:.5rem}.card-stats[data-v-120d7206]{justify-content:center}}.problem-list[data-v-2b08bbb6]{padding:var(--spacing-lg)}h1[data-v-2b08bbb6]{margin-bottom:var(--spacing-xl)}.filters[data-v-2b08bbb6]{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--surface-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tags-filter h3[data-v-2b08bbb6]{margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:1rem}.tags-container[data-v-2b08bbb6]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-button[data-v-2b08bbb6]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tag-button[data-v-2b08bbb6]:hover{background-color:var(--surface-color);border-color:var(--primary-color)}.tag-button.active[data-v-2b08bbb6]{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.problem-table[data-v-2b08bbb6]{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin-top:var(--spacing-lg);background-color:transparent;border-radius:var(--radius-md);overflow:visible;box-shadow:var(--shadow-sm);position:relative}.problem-table tbody[data-v-2b08bbb6]{position:relative;width:100%;display:block;min-height:50px}.problem-table th[data-v-2b08bbb6]:nth-child(1),.problem-table td[data-v-2b08bbb6]:nth-child(1){width:60px}.problem-table th[data-v-2b08bbb6]:nth-child(2),.problem-table td[data-v-2b08bbb6]:nth-child(2){width:25%}.problem-table th[data-v-2b08bbb6]:nth-child(3),.problem-table td[data-v-2b08bbb6]:nth-child(3){width:25%}.problem-table th[data-v-2b08bbb6]:nth-child(4),.problem-table td[data-v-2b08bbb6]:nth-child(4){width:80px}.problem-table th[data-v-2b08bbb6]:nth-child(5),.problem-table td[data-v-2b08bbb6]:nth-child(5){width:80px}.problem-table th[data-v-2b08bbb6]:nth-child(6),.problem-table td[data-v-2b08bbb6]:nth-child(6){width:100px}.problem-table th[data-v-2b08bbb6]:nth-child(7),.problem-table td[data-v-2b08bbb6]:nth-child(7){width:100px}.problem-table td[data-v-2b08bbb6]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-cell[data-v-2b08bbb6]{max-width:100%;overflow:hidden;gap:var(--spacing-xs)}.tag-label[data-v-2b08bbb6]{font-size:.85em;padding:2px 8px;border-radius:var(--radius-sm);background-color:var(--surface-color);color:var(--text-secondary);white-space:nowrap;margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs);display:inline-block}th[data-v-2b08bbb6],td[data-v-2b08bbb6]{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}thead[data-v-2b08bbb6]{background-color:var(--surface-color);border-bottom:2px solid var(--border-color);display:table;width:100%;table-layout:fixed}th[data-v-2b08bbb6]{font-weight:500;color:var(--text-primary)}.problem-item[data-v-2b08bbb6]{background-color:var(--background-color);transition:background-color var(--transition-fast);width:100%;display:table;table-layout:fixed}.problem-item[data-v-2b08bbb6]:hover{background-color:var(--surface-color)}.problem-cell[data-v-2b08bbb6]{background-color:inherit;display:table-cell}.loading[data-v-2b08bbb6],.error[data-v-2b08bbb6]{padding:var(--spacing-xl);text-align:center}.error[data-v-2b08bbb6]{margin-top:var(--spacing-lg)}.error button[data-v-2b08bbb6]{margin-top:var(--spacing-md);background-color:var(--error-color)}.error button[data-v-2b08bbb6]:hover{background-color:color-mix(in srgb,var(--error-color) 80%,black)}.problem-list-enter-active[data-v-2b08bbb6],.problem-list-leave-active[data-v-2b08bbb6]{transition:all var(--transition-slow)}.problem-list-leave-active[data-v-2b08bbb6]{position:absolute;width:100%;pointer-events:none}.problem-list-enter-from[data-v-2b08bbb6],.problem-list-leave-to[data-v-2b08bbb6]{opacity:0;transform:translateY(-30px)}.problem-list-move[data-v-2b08bbb6]{transition:transform var(--transition-slow)}.header-section[data-v-2b08bbb6]{margin-bottom:var(--spacing-lg)}.header-section h1[data-v-2b08bbb6]{margin-bottom:var(--spacing-sm)}.vip-hint[data-v-2b08bbb6]{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);box-shadow:0 2px 4px #ffc1071a}.hint-text[data-v-2b08bbb6]{color:#856404;font-size:.95em;font-weight:500}.upgrade-hint[data-v-2b08bbb6]{color:#dc3545;font-size:.9em;font-weight:600;text-decoration:underline;cursor:pointer;transition:color .2s ease}.upgrade-hint[data-v-2b08bbb6]:hover{color:#c82333}.problem-table-wrapper[data-v-2b08bbb6]{position:relative;margin-bottom:var(--spacing-xl)}.login-required-container[data-v-2b08bbb6]{display:flex;justify-content:center;align-items:center;min-height:400px;padding:var(--spacing-xl)}.login-required-card[data-v-2b08bbb6]{background:var(--surface-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-md);max-width:500px;width:100%}.login-icon[data-v-2b08bbb6]{color:var(--primary-color);margin-bottom:var(--spacing-lg);display:flex;justify-content:center}.login-title[data-v-2b08bbb6]{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md)}.login-description[data-v-2b08bbb6]{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-bottom:var(--spacing-xl)}.login-actions[data-v-2b08bbb6]{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.login-actions .button[data-v-2b08bbb6]{min-width:120px}.button-secondary[data-v-2b08bbb6]{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.button-secondary[data-v-2b08bbb6]:hover{background-color:var(--primary-color);color:#fff}@media (max-width: 768px){.problem-table[data-v-2b08bbb6]{font-size:.9em}th[data-v-2b08bbb6],td[data-v-2b08bbb6]{padding:var(--spacing-sm)}.tag-button[data-v-2b08bbb6]{font-size:.9em}.tags-container[data-v-2b08bbb6]{gap:var(--spacing-xxs)}.problem-table th[data-v-2b08bbb6]:nth-child(3),.problem-table td[data-v-2b08bbb6]:nth-child(3),.problem-table th[data-v-2b08bbb6]:nth-child(6),.problem-table td[data-v-2b08bbb6]:nth-child(6){display:none}.problem-table th[data-v-2b08bbb6]:nth-child(1),.problem-table td[data-v-2b08bbb6]:nth-child(1){width:40px}.problem-table th[data-v-2b08bbb6]:nth-child(2),.problem-table td[data-v-2b08bbb6]:nth-child(2){width:40%}.problem-table th[data-v-2b08bbb6]:nth-child(4),.problem-table td[data-v-2b08bbb6]:nth-child(4),.problem-table th[data-v-2b08bbb6]:nth-child(5),.problem-table td[data-v-2b08bbb6]:nth-child(5){width:60px}.problem-table th[data-v-2b08bbb6]:nth-child(6),.problem-table td[data-v-2b08bbb6]:nth-child(6),.problem-table th[data-v-2b08bbb6]:nth-child(7),.problem-table td[data-v-2b08bbb6]:nth-child(7){width:80px}}.user-profile[data-v-d06fb666]{max-width:1000px;padding:var(--spacing-lg)}h1[data-v-d06fb666]{margin-bottom:var(--spacing-xl);text-align:center}.profile-container[data-v-d06fb666]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-item[data-v-d06fb666]{margin-bottom:var(--spacing-sm);display:flex}.label[data-v-d06fb666]{font-weight:500;width:100px}.vip-badge[data-v-d06fb666]{background:linear-gradient(45deg,gold,orange);color:#000;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:12px;text-shadow:none;box-shadow:0 2px 4px #ffd7004d;display:inline-block}.premium-badge[data-v-d06fb666]{background:linear-gradient(45deg,#9c27b0,#673ab7);color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:12px;text-shadow:none;box-shadow:0 2px 4px #9c27b04d;display:inline-block}.normal-badge[data-v-d06fb666]{background:var(--surface-color);color:var(--text-secondary);font-size:.8rem;padding:4px 8px;border-radius:12px;border:1px solid var(--border-color);display:inline-block}.form[data-v-d06fb666]{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group[data-v-d06fb666]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.button-success[data-v-d06fb666]{background-color:var(--success-color)}.button-error[data-v-d06fb666]{background-color:var(--error-color)}.button-warning[data-v-d06fb666]{background-color:var(--warning-color)}.button-disabled[data-v-d06fb666]{background-color:var(--text-disabled);cursor:not-allowed}.stats-container[data-v-d06fb666]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin:var(--spacing-lg) 0}.stat-card[data-v-d06fb666]{background:var(--background-color);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.stat-value[data-v-d06fb666]{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xs)}.problem-buttons[data-v-d06fb666]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-lg)}.problem-buttons button[data-v-d06fb666]{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.875rem;transition:all var(--transition-fast)}.message[data-v-d06fb666]{padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.message.success[data-v-d06fb666]{background-color:color-mix(in srgb,var(--success-color) 10%,transparent);color:var(--success-color);border:1px solid var(--success-color)}.message.error[data-v-d06fb666]{background-color:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color);border:1px solid var(--error-color)}.fade-enter-active[data-v-d06fb666],.fade-leave-active[data-v-d06fb666]{transition:opacity .5s ease}.fade-enter-from[data-v-d06fb666],.fade-leave-to[data-v-d06fb666]{opacity:0}@media (max-width: 768px){.user-profile[data-v-d06fb666]{padding:var(--spacing-md)}.stats-container[data-v-d06fb666]{grid-template-columns:1fr}.stat-card[data-v-d06fb666]{padding:var(--spacing-sm)}.stat-value[data-v-d06fb666]{font-size:1.25rem}}.about[data-v-b63885b1]{padding:var(--spacing-lg) 0}.title[data-v-b63885b1]{font-size:2rem;margin-bottom:var(--spacing-xl);text-align:center}.content[data-v-b63885b1]{max-width:1000px;margin:0 auto}.section-title[data-v-b63885b1]{font-size:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary-color)}.mb-lg[data-v-b63885b1]{margin-bottom:var(--spacing-lg)}.mt-sm[data-v-b63885b1]{margin-top:var(--spacing-sm)}.tech-stack[data-v-b63885b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.tech-item ul[data-v-b63885b1]{list-style:none;padding:0}.tech-item li[data-v-b63885b1]{margin:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.tech-item li[data-v-b63885b1]:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.code-block[data-v-b63885b1]{background-color:var(--surface-color);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;font-family:var(--font-family-mono);margin:var(--spacing-sm) 0;border:1px solid var(--border-color)}.setup-guide h3[data-v-b63885b1]{margin-bottom:var(--spacing-sm);font-size:1.1rem}.feature-grid[data-v-b63885b1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin:var(--spacing-lg) 0}.feature-card[data-v-b63885b1]{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card[data-v-b63885b1]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.feature-icon[data-v-b63885b1]{font-size:2rem;margin-bottom:var(--spacing-md)}.feature-card h3[data-v-b63885b1]{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.opensource-section[data-v-b63885b1]{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:2px solid var(--border-color)}.opensource-card[data-v-b63885b1]{background:linear-gradient(135deg,#3498db1a,#2ecc711a);border:2px solid var(--primary-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;position:relative;overflow:hidden}.opensource-card[data-v-b63885b1]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),#2ecc71)}.opensource-icon[data-v-b63885b1]{font-size:3rem;margin-bottom:var(--spacing-md);animation:pulse-b63885b1 2s infinite}@keyframes pulse-b63885b1{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.opensource-card h3[data-v-b63885b1]{color:var(--primary-color);font-size:1.5rem;margin-bottom:var(--spacing-md)}.opensource-card p[data-v-b63885b1]{color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.opensource-link[data-v-b63885b1]{display:inline-block;background:var(--primary-color);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #3498db4d}.opensource-link[data-v-b63885b1]:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 16px #3498db66}.contact-info[data-v-b63885b1]{display:flex;flex-direction:column;gap:1.5rem}.contact-item[data-v-b63885b1]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease}.contact-item[data-v-b63885b1]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-color)}.contact-icon[data-v-b63885b1]{font-size:2rem;min-width:3rem;text-align:center}.contact-details h3[data-v-b63885b1]{margin:0 0 .5rem;font-size:1.1rem}.contact-details p[data-v-b63885b1]{margin:0 0 .5rem;line-height:1.6}.contact-email[data-v-b63885b1]{display:inline-block;padding:.5rem 1rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease}.contact-email[data-v-b63885b1]:hover{background:var(--primary-dark);transform:translateY(-1px)}.acknowledgment[data-v-b63885b1]{margin-top:2rem;padding:1.5rem;background:var(--bg-secondary);border-radius:12px;border-left:4px solid var(--primary-color)}.acknowledgment h3[data-v-b63885b1]{margin:0 0 1rem}.acknowledgment p[data-v-b63885b1]{margin:0 0 .8rem;line-height:1.6}.acknowledgment p[data-v-b63885b1]:last-child{margin-bottom:0}.link-primary[data-v-b63885b1]{color:var(--primary-color);text-decoration:none;font-weight:500}.link-primary[data-v-b63885b1]:hover{text-decoration:underline}@media (max-width: 768px){.about[data-v-b63885b1]{padding:var(--spacing-md)}.content[data-v-b63885b1]{width:100%}.tech-stack[data-v-b63885b1]{grid-template-columns:1fr}}.message-alert[data-v-285bcf92]{position:fixed;left:50%;transform:translate(-50%);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);color:#fff;font-size:.875rem;z-index:var(--z-tooltip);cursor:pointer;box-shadow:var(--shadow-md);pointer-events:auto;transition:all var(--transition-normal)}.message-alert.success[data-v-285bcf92]{background-color:var(--success-color)}.message-alert.error[data-v-285bcf92]{background-color:var(--error-color)}.message-alert.warning[data-v-285bcf92]{background-color:var(--warning-color)}.message-alert.info[data-v-285bcf92]{background-color:var(--info-color)}.message-fade-enter-active[data-v-285bcf92],.message-fade-leave-active[data-v-285bcf92]{transition:opacity var(--transition-normal),transform var(--transition-normal)}.message-fade-enter-from[data-v-285bcf92],.message-fade-leave-to[data-v-285bcf92],.is-leaving[data-v-285bcf92]{opacity:0;transform:translate(-50%,-20px)}.message-content[data-v-285bcf92]{display:inline-block;vertical-align:middle;line-height:1.4}.confirm-overlay[data-v-d97214c8]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.confirm-dialog[data-v-d97214c8]{background-color:var(--surface-color);border-radius:var(--radius-md);padding:var(--spacing-lg);min-width:300px;max-width:90%;box-shadow:var(--shadow-lg)}.confirm-title[data-v-d97214c8]{margin:0;margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.2rem}.confirm-content[data-v-d97214c8]{margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.confirm-buttons[data-v-d97214c8]{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn-cancel[data-v-d97214c8],.btn-confirm[data-v-d97214c8]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:.9rem;transition:all var(--transition-normal)}.btn-cancel[data-v-d97214c8]{background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary)}.btn-confirm[data-v-d97214c8]{background-color:var(--primary-color);color:#fff}.btn-cancel[data-v-d97214c8]:hover{background-color:var(--hover-color)}.btn-confirm[data-v-d97214c8]:hover{background-color:color-mix(in srgb,var(--primary-color) 80%,black)}.dialog-fade-enter-active[data-v-d97214c8],.dialog-fade-leave-active[data-v-d97214c8]{transition:opacity var(--transition-normal)}.dialog-fade-enter-from[data-v-d97214c8],.dialog-fade-leave-to[data-v-d97214c8]{opacity:0}.confirm-dialog.is-leaving[data-v-d97214c8]{animation:scale-out-d97214c8 .3s ease-in-out}@keyframes scale-out-d97214c8{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.admin-panel[data-v-d423cb32]{padding:var(--spacing-lg)}.tabs[data-v-d423cb32]{margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-sm)}.tab-button[data-v-d423cb32]{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);cursor:pointer}.tab-button.active[data-v-d423cb32]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-table[data-v-d423cb32]{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.admin-table th[data-v-d423cb32],.admin-table td[data-v-d423cb32]{padding:var(--spacing-sm);border:1px solid var(--border-color);text-align:left}.admin-table th[data-v-d423cb32]{background:var(--surface-color);font-weight:500}.admin-table td[data-v-d423cb32]{vertical-align:middle}.admin-table input[data-v-d423cb32],.admin-table select[data-v-d423cb32]{width:100%;padding:var(--spacing-xs);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color);color:var(--text-primary);font-size:.9em}.delete-button[data-v-d423cb32]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.delete-button[data-v-d423cb32]:hover{background:color-mix(in srgb,var(--error-color) 80%,black)}.edit-button[data-v-d423cb32]{padding:var(--spacing-xs) var(--spacing-sm);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;margin-right:var(--spacing-xs)}.edit-button[data-v-d423cb32]:hover{background:color-mix(in srgb,var(--primary-color) 80%,black)}.admin-table td[data-v-d423cb32]:last-child{white-space:nowrap;width:1%}.loading[data-v-d423cb32],.error[data-v-d423cb32]{text-align:center;padding:var(--spacing-lg)}.config-panel[data-v-d423cb32]{background:var(--surface-color);border-radius:var(--radius-md);padding:var(--spacing-lg)}.config-form[data-v-d423cb32]{max-width:600px}.form-group[data-v-d423cb32]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-d423cb32]{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--text-primary)}.form-input[data-v-d423cb32]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color);color:var(--text-primary);font-size:1em}.form-input[data-v-d423cb32]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 20%,transparent)}.form-textarea[data-v-d423cb32]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color);color:var(--text-primary);font-size:1em;font-family:monospace;resize:vertical;min-height:120px}.form-textarea[data-v-d423cb32]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 20%,transparent)}.config-section[data-v-d423cb32]{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.config-section h3[data-v-d423cb32]{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:1.2em;font-weight:600}.vip-package-config[data-v-d423cb32]{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--background-color)}.vip-package-config h4[data-v-d423cb32]{margin:0 0 var(--spacing-md) 0;color:var(--primary-color);font-size:1.1em;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.form-help[data-v-d423cb32]{display:block;margin-top:var(--spacing-xs);color:var(--text-secondary);font-size:.9em}.form-actions[data-v-d423cb32]{margin-top:var(--spacing-xl)}.save-button[data-v-d423cb32]{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:1em;font-weight:500}.save-button[data-v-d423cb32]:hover{background:color-mix(in srgb,var(--primary-color) 80%,black)}.error[data-v-d423cb32]{color:var(--error-color)}.panel-header[data-v-d423cb32]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.panel-header h2[data-v-d423cb32]{margin:0;color:var(--text-primary);font-size:1.5em;font-weight:600}.export-button[data-v-d423cb32]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9em;font-weight:500;transition:all .2s ease}.export-button[data-v-d423cb32]:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 80%,black);transform:translateY(-1px)}.export-button[data-v-d423cb32]:disabled{background:var(--text-secondary);cursor:not-allowed;opacity:.6}.export-button i[data-v-d423cb32]{font-size:1em}@media (max-width: 768px){.admin-table[data-v-d423cb32]{display:block;overflow-x:auto}.admin-table input[data-v-d423cb32],.admin-table select[data-v-d423cb32]{min-width:100px}}.submit-history[data-v-e888dc87]{margin-top:var(--spacing-lg)}.history-list[data-v-e888dc87]{max-height:250px;overflow-y:auto}.history-item[data-v-e888dc87]{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal)}.history-item[data-v-e888dc87]:last-child{border-bottom:none}.history-item[data-v-e888dc87]:hover{background-color:var(--surface-color)}.submission-id[data-v-e888dc87]{flex:0 0 80px}.status[data-v-e888dc87]{flex:0 0 60px;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9em}.text-success[data-v-e888dc87]{color:var(--success-color);background-color:color-mix(in srgb,var(--success-color) 10%,transparent)}.text-error[data-v-e888dc87]{color:var(--error-color);background-color:color-mix(in srgb,var(--error-color) 10%,transparent)}.text-pending[data-v-e888dc87]{color:var(--warning-color);background-color:color-mix(in srgb,var(--warning-color) 10%,transparent)}.time[data-v-e888dc87]{flex:1;text-align:right;font-size:.9em}.loading[data-v-e888dc87],.error[data-v-e888dc87],.empty[data-v-e888dc87]{text-align:center;padding:var(--spacing-lg)}.section[data-v-05ce0079]{margin-bottom:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background-color:var(--background-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.section.status-default[data-v-05ce0079]{border-color:var(--border-color)}.section.status-success[data-v-05ce0079]{animation:borderPulseSuccess-05ce0079 2s cubic-bezier(.4,0,.2,1);border-color:var(--success-color);box-shadow:var(--success-color) 0 0 3px}.section.status-error[data-v-05ce0079]{animation:borderPulseError-05ce0079 2s cubic-bezier(.4,0,.2,1);border-color:var(--error-color);box-shadow:var(--error-color) 0 0 3px}.section.status-info[data-v-05ce0079]{animation:borderPulseInfo-05ce0079 2s cubic-bezier(.4,0,.2,1);border-color:var(--info-color);box-shadow:var(--info-color) 0 0 3px}@keyframes borderPulseSuccess-05ce0079{0%{border-color:var(--border-color);box-shadow:0 0 0 transparent}50%{border-color:var(--success-color);box-shadow:var(--success-color) 0 0 5px}to{border-color:var(--success-color);box-shadow:var(--success-color) 0 0 3px}}@keyframes borderPulseError-05ce0079{0%{border-color:var(--border-color);box-shadow:0 0 0 transparent}50%{border-color:var(--error-color);box-shadow:var(--error-color) 0 0 5px}to{border-color:var(--error-color);box-shadow:var(--error-color) 0 0 3px}}@keyframes borderPulseInfo-05ce0079{0%{border-color:var(--border-color);box-shadow:0 0 0 transparent}50%{border-color:var(--info-color);box-shadow:var(--info-color) 0 0 5px}to{border-color:var(--info-color);box-shadow:var(--info-color) 0 0 3px}}.section-header[data-v-05ce0079]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background-color);cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border-color);transition:all var(--transition-normal)}.section-header[data-v-05ce0079]:hover{background-color:var(--surface-color)}.section-header h2[data-v-05ce0079]{margin:0;font-size:1.1em;font-weight:500;transition:color var(--transition-normal)}.expand-icon[data-v-05ce0079]{font-size:16px;color:var(--text-secondary);transition:all var(--transition-normal)}.expand-icon.is-expanded[data-v-05ce0079]{transform:rotate(90deg)}.section-content[data-v-05ce0079]{overflow:hidden;transition:all var(--transition-normal);background-color:transparent}.section-inner[data-v-05ce0079]{padding:var(--spacing-md)}@media (max-width: 900px){.section-inner[data-v-05ce0079]{padding:var(--spacing-sm)}}.content-wrapper[data-v-05ce0079],.card-body[data-v-05ce0079]{overflow:visible}.markdown-content[data-v-ed9b673f]{color:var(--text-primary);line-height:1.6}.markdown-content[data-v-ed9b673f] img{max-width:60%;height:auto;display:block;margin:var(--spacing-md) auto;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.markdown-content[data-v-ed9b673f] h1,.markdown-content[data-v-ed9b673f] h2,.markdown-content[data-v-ed9b673f] h3,.markdown-content[data-v-ed9b673f] h4,.markdown-content[data-v-ed9b673f] h5,.markdown-content[data-v-ed9b673f] h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-weight:600;line-height:1.4}.markdown-content[data-v-ed9b673f] p{text-indent:2em;margin:var(--spacing-sm) 0;color:var(--text-secondary)}.markdown-content[data-v-ed9b673f] ul,.markdown-content[data-v-ed9b673f] ol{padding-left:2em;margin:var(--spacing-sm) 0;color:var(--text-secondary)}.markdown-content[data-v-ed9b673f] li,.markdown-content[data-v-ed9b673f] ul ul,.markdown-content[data-v-ed9b673f] ul ol,.markdown-content[data-v-ed9b673f] ol ul,.markdown-content[data-v-ed9b673f] ol ol{margin:var(--spacing-xs) 0}.markdown-content[data-v-ed9b673f] pre{background-color:var(--surface-color);padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;border:1px solid var(--border-color);margin:var(--spacing-md) 0}.markdown-content[data-v-ed9b673f] code{font-family:var(--font-family-code);background-color:var(--surface-color);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);font-size:.9em;color:var(--primary-color)}.markdown-content[data-v-ed9b673f] table{border-collapse:collapse;width:100%;margin:var(--spacing-md) 0;background-color:var(--background-color);border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm)}.markdown-content[data-v-ed9b673f] th,.markdown-content[data-v-ed9b673f] td{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}.markdown-content[data-v-ed9b673f] th{background-color:var(--surface-color);font-weight:500;color:var(--text-primary)}.markdown-content[data-v-ed9b673f] td{color:var(--text-secondary)}.markdown-content[data-v-ed9b673f] blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md);border-left:4px solid var(--primary-color);background-color:var(--surface-color);color:var(--text-secondary);font-style:italic}.markdown-content[data-v-ed9b673f] hr{border:none;border-top:1px solid var(--border-color);margin:var(--spacing-lg) 0}.markdown-content[data-v-ed9b673f] a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.markdown-content[data-v-ed9b673f] a:hover{color:var(--primary-hover);text-decoration:underline}.verilog-editor[data-v-72fc4090]{flex:1;display:flex;flex-direction:column;min-height:0}.editor-container[data-v-72fc4090]{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background-color:var(--background-color);font-family:var(--font-family-code)}.editor-container[data-v-72fc4090] .cm-editor{height:100%;width:100%;background-color:var(--background-color)}.editor-container[data-v-72fc4090] .cm-scroller{font-family:var(--font-family-code)}.editor-container[data-v-72fc4090] .cm-content{padding:var(--spacing-xs);color:var(--text-primary)}.editor-container[data-v-72fc4090] .cm-line{padding:0 var(--spacing-xs)}.editor-container[data-v-72fc4090] .cm-gutters{background-color:var(--surface-color);border-right:1px solid var(--border-color);color:var(--text-secondary)}.editor-container[data-v-72fc4090] .cm-activeLineGutter{background-color:var(--surface-color);color:var(--text-primary)}.editor-container[data-v-72fc4090] .cm-selectionBackground{background-color:var(--primary-color);opacity:.2}.editor-container[data-v-72fc4090] .cm-focused{outline:none}.editor-container[data-v-72fc4090] .cm-cursor{border-left-color:var(--primary-color)}.editor-container[data-v-72fc4090] .cm-scroller::-webkit-scrollbar{width:8px;height:8px}.editor-container[data-v-72fc4090] .cm-scroller::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.editor-container[data-v-72fc4090] .cm-scroller::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.editor-container[data-v-72fc4090] .cm-scroller::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.log-viewer[data-v-b5ac32f5]{width:100%;font-family:var(--font-family-mono);font-size:14px}.log-content[data-v-b5ac32f5]{background-color:var(--background-color);font-family:var(--font-family-mono);color:var(--log-normal-text);padding:var(--spacing-md);border-radius:var(--radius-md);margin:0;white-space:pre-wrap;word-wrap:break-word;max-height:400px;overflow-y:auto;font-size:16px;border:1px solid var(--border-color)}.log-empty[data-v-b5ac32f5]{text-align:center;padding:var(--spacing-xl);font-family:var(--font-family-base)}[data-v-b5ac32f5] .log-error{color:var(--error-color);font-weight:500;display:block;padding:2px 0}[data-v-b5ac32f5] .log-info{color:var(--info-color);display:block;padding:2px 0}[data-v-b5ac32f5] .log-success{color:var(--success-color);font-weight:500;display:block;padding:2px 0}[data-v-b5ac32f5] .log-warning{color:var(--warning-color);display:block;padding:2px 0}[data-v-b5ac32f5] .log-timestamp{color:var(--text-secondary)}.log-content[data-v-b5ac32f5]::-webkit-scrollbar{width:8px;height:8px}.log-content[data-v-b5ac32f5]::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.log-content[data-v-b5ac32f5]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.log-content[data-v-b5ac32f5]::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.waveform-viewer{width:100%;max-width:100%;background:var(--background-color);display:flex;flex-direction:column;height:100%}.waveform-wrapper{display:flex;flex-direction:column;height:100%;min-height:300px}.waveform-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.zoom-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.control-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);background:var(--background-color);color:var(--text-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:12px;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.control-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.control-btn:disabled{opacity:.4;background:var(--surface-color);color:var(--text-secondary);border-color:var(--border-color);cursor:not-allowed}.reset-btn{gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);min-width:auto}.zoom-level{font-size:12px;color:var(--text-secondary);min-width:40px;text-align:center}.waveform-display-area{flex:1;display:flex;flex-direction:column;min-height:0}.waveform-container{flex:1;overflow:auto;background:var(--background-color);position:relative;min-height:0}.waveform-content{padding:var(--spacing-lg);min-height:200px;width:max-content;min-width:100%}.progress-container{padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);border-top:1px solid var(--border-color);flex-shrink:0}.progress-bar{height:20px;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);position:relative;cursor:pointer;overflow:hidden}.progress-track{position:absolute;top:0;height:100%;background:var(--primary-color);opacity:.3;border-radius:var(--border-radius);transition:all .1s ease;min-width:20px}.progress-track:hover{opacity:.5}.WaveDrom{min-width:max-content;display:block;background:var(--background-color);transition:transform .2s ease}.WaveDrom svg{max-width:none;min-width:max-content;display:block;transition:transform .2s ease}.no-waveform{text-align:center;padding:var(--spacing-xl);flex:1;display:flex;align-items:center;justify-content:center}.waveform-container::-webkit-scrollbar{height:8px}.waveform-container::-webkit-scrollbar-track{background:var(--surface-color)}.waveform-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.waveform-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 768px){.waveform-content{padding:var(--spacing-md)}.waveform-controls{padding:var(--spacing-xs) var(--spacing-sm)}.control-btn{min-width:28px;height:28px;font-size:11px}.reset-btn{display:none}}.problem-submit[data-v-802e5e99]{padding:var(--spacing-lg);max-width:100vw;min-height:calc(100vh - 60px)}.problem-content[data-v-802e5e99]{display:flex;gap:var(--spacing-lg);align-items:flex-start}.left-panel[data-v-802e5e99]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.right-panel[data-v-802e5e99]{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.loading-container[data-v-802e5e99]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)}.editor-card[data-v-802e5e99]{display:flex;flex-direction:column;flex-grow:1}.editor-container[data-v-802e5e99]{height:calc(100vh - 300px);min-height:400px;border-radius:0;border:none;overflow:hidden}.tag[data-v-802e5e99]{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--surface-color);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.875rem;border:1px solid var(--border-color)}@media (max-width: 1200px){.problem-content[data-v-802e5e99]{flex-direction:column}.left-panel[data-v-802e5e99],.right-panel[data-v-802e5e99]{width:100%}.editor-container[data-v-802e5e99]{height:500px}}@media (max-width: 768px){.problem-submit[data-v-802e5e99]{padding:var(--spacing-md)}.card-header[data-v-802e5e99]{flex-direction:column;gap:var(--spacing-sm)}.button-group[data-v-802e5e99]{width:100%;display:flex;gap:var(--spacing-xs)}.button-group .button[data-v-802e5e99]{flex:1}}.ai-analyze-btn[data-v-802e5e99]{position:relative;margin:0}.ai-analyze-btn.is-analyzing[data-v-802e5e99]{padding-right:36px}.ai-analysis-container[data-v-802e5e99]{overflow:hidden;transition:all var(--transition-normal);opacity:1;transform:translateY(0)}.ai-analysis-container.is-entering[data-v-802e5e99]{opacity:0;transform:translateY(20px)}.slide-fade-enter-active[data-v-802e5e99],.slide-fade-leave-active[data-v-802e5e99]{transition:all var(--transition-normal);max-height:2000px}.slide-fade-enter-from[data-v-802e5e99],.slide-fade-leave-to[data-v-802e5e99]{opacity:0;transform:translateY(20px);max-height:0}.card-info[data-v-802e5e99]{padding:var(--spacing-md);margin-top:var(--spacing-md);background-color:color-mix(in srgb,var(--info-color) 5%,var(--background-color));border:1px solid color-mix(in srgb,var(--info-color) 30%,var(--border-color))}.log-header[data-v-802e5e99]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.status-info[data-v-802e5e99]{display:flex;align-items:center;gap:var(--spacing-md)}.status-badge[data-v-802e5e99]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.status-badge.success[data-v-802e5e99]{background-color:color-mix(in srgb,var(--success-color) 10%,transparent);color:var(--success-color);border:1px solid var(--success-color)}.status-badge.error[data-v-802e5e99]{background-color:color-mix(in srgb,var(--error-color) 10%,transparent);color:var(--error-color);border:1px solid var(--error-color)}.status-badge.button-info[data-v-802e5e99]{position:relative;color:var(--info-color);background-color:color-mix(in srgb,var(--info-color) 10%,transparent);border:1px solid var(--info-color);transition:all var(--transition-fast)}.status-badge.button-info[data-v-802e5e99]:hover{background-color:color-mix(in srgb,var(--info-color) 15%,transparent)}.status-badge.button-info.is-analyzing[data-v-802e5e99]{border-color:transparent}.status-badge.button-info.is-analyzing[data-v-802e5e99]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,var(--info-color) 0%,transparent 50%,var(--info-color) 100%);background-size:200% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;animation:flow-border-802e5e99 2s linear infinite}@keyframes flow-border-802e5e99{0%{background-position:100% 0}to{background-position:-100% 0}}.fade-enter-active[data-v-802e5e99],.fade-leave-active[data-v-802e5e99]{transition:opacity .3s ease}.fade-enter-from[data-v-802e5e99],.fade-leave-to[data-v-802e5e99]{opacity:0}.button-group[data-v-802e5e99]{display:flex;gap:var(--spacing-md)}.button-success[data-v-802e5e99]{background-color:var(--success-color);color:#fff}.button-success[data-v-802e5e99]:hover{background-color:color-mix(in srgb,var(--success-color) 80%,black)}.opensource[data-v-fb5f2b37]{padding:var(--spacing-lg) 0}.title[data-v-fb5f2b37]{font-size:2rem;margin-bottom:var(--spacing-xl);text-align:center}.content[data-v-fb5f2b37]{max-width:1200px;margin:0 auto}.section-title[data-v-fb5f2b37]{font-size:1.5rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--primary-color)}.subsection[data-v-fb5f2b37]{margin-bottom:var(--spacing-lg)}.subsection h3[data-v-fb5f2b37]{font-size:1.2rem;margin-bottom:var(--spacing-md);margin-top:var(--spacing-lg)}.mb-lg[data-v-fb5f2b37]{margin-bottom:var(--spacing-lg)}.highlight-box[data-v-fb5f2b37]{background:#3498db1a;border:1px solid var(--primary-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0}.warning-box[data-v-fb5f2b37]{background:#ffc1071a;border:1px solid #ffc107;border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0}.component-list[data-v-fb5f2b37]{background:var(--surface-color);border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-sm) 0;border:1px solid var(--border-color)}.license-text[data-v-fb5f2b37]{background:var(--surface-color);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:.9rem;line-height:1.4;margin:var(--spacing-md) 0;border:1px solid var(--border-color)}.license-gpl[data-v-fb5f2b37]{color:#e74c3c}.license-mit[data-v-fb5f2b37]{color:#27ae60}.link-primary[data-v-fb5f2b37]{color:var(--primary-color);text-decoration:none}.link-primary[data-v-fb5f2b37]:hover{text-decoration:underline}.component-list ul[data-v-fb5f2b37],.highlight-box ul[data-v-fb5f2b37],.warning-box ul[data-v-fb5f2b37]{list-style:none;padding:0;margin:var(--spacing-sm) 0}.component-list li[data-v-fb5f2b37],.highlight-box li[data-v-fb5f2b37],.warning-box li[data-v-fb5f2b37]{margin:var(--spacing-xs) 0;padding-left:var(--spacing-md);position:relative}.component-list li[data-v-fb5f2b37]:before,.highlight-box li[data-v-fb5f2b37]:before,.warning-box li[data-v-fb5f2b37]:before{content:"•";position:absolute;left:0;color:var(--primary-color)}.highlight-note[data-v-fb5f2b37]{background:linear-gradient(135deg,#3498db1a,#2ecc711a);border:2px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);position:relative}.highlight-note[data-v-fb5f2b37]:before{content:"💡";position:absolute;top:-10px;left:15px;background:#fff;padding:0 5px;font-size:1.2rem}.highlight-note p[data-v-fb5f2b37]{margin:0;font-weight:500;color:var(--text-primary);line-height:1.6}.footer-note[data-v-fb5f2b37]{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);font-size:.9rem;color:var(--text-secondary)}@media (max-width: 768px){.opensource[data-v-fb5f2b37]{padding:var(--spacing-md)}.content[data-v-fb5f2b37]{width:100%}.title[data-v-fb5f2b37]{font-size:1.5rem}.section-title[data-v-fb5f2b37]{font-size:1.3rem}}.modal-overlay[data-v-92949e03]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content[data-v-92949e03]{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:90%;max-width:400px;max-height:90vh;overflow:hidden}.modal-header[data-v-92949e03]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--surface-color)}.modal-header h3[data-v-92949e03]{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-92949e03]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn[data-v-92949e03]:hover{background:var(--hover-color);color:var(--text-primary)}.modal-body[data-v-92949e03]{padding:1.5rem}.form-group[data-v-92949e03]{margin-bottom:1rem}.form-group[data-v-92949e03]:last-child{margin-bottom:0}label[data-v-92949e03]{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.current-name[data-v-92949e03]{padding:.5rem .75rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem}.form-control[data-v-92949e03]{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-fast)}.form-control[data-v-92949e03]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color-light)}.form-control.is-invalid[data-v-92949e03]{border-color:var(--error-color)}.form-control.is-invalid[data-v-92949e03]:focus{box-shadow:0 0 0 2px var(--error-color-light)}.error-message[data-v-92949e03]{margin-top:.25rem;font-size:.75rem;color:var(--error-color)}.modal-footer[data-v-92949e03]{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--surface-color)}.btn[data-v-92949e03]{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn[data-v-92949e03]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-v-92949e03]{background:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary[data-v-92949e03]:hover:not(:disabled){background:var(--hover-color);color:var(--text-primary)}.btn-primary[data-v-92949e03]{background:var(--primary-color);color:#fff}.btn-primary[data-v-92949e03]:hover:not(:disabled){background:var(--primary-color-dark)}.file-tree-node[data-v-8e461d98]{-webkit-user-select:none;user-select:none}.node-content[data-v-8e461d98]{display:flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);gap:var(--spacing-xs)}.node-content[data-v-8e461d98]:hover{background-color:var(--hover-color)}.node-content.is-file[data-v-8e461d98]:hover{background-color:var(--primary-color-light)}.folder-icon[data-v-8e461d98]{color:var(--warning-color);width:16px}.file-icon[data-v-8e461d98]{color:var(--info-color);width:16px}.node-name[data-v-8e461d98]{flex:1;font-size:.875rem;color:var(--text-primary)}.file-badge[data-v-8e461d98]{font-size:.7rem;padding:.1rem .3rem;border-radius:.2rem;margin-left:.3rem;font-weight:600;display:inline-flex;align-items:center;gap:.2rem}.file-badge.top-level[data-v-8e461d98]{background-color:var(--warning-color-light);color:var(--warning-color);border:1px solid var(--warning-color)}.file-badge.testbench[data-v-8e461d98]{background-color:var(--info-color-light);color:var(--info-color);border:1px solid var(--info-color)}.file-size[data-v-8e461d98]{font-size:.75rem;color:var(--text-secondary);margin-left:auto}.children[data-v-8e461d98]{margin-left:var(--spacing-md);border-left:1px solid var(--border-color);padding-left:var(--spacing-xs)}.context-menu[data-v-8e461d98]{position:fixed;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;min-width:120px}.menu-item[data-v-8e461d98]{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background-color var(--transition-fast)}.menu-item[data-v-8e461d98]:hover{background-color:var(--hover-color)}.menu-item.danger[data-v-8e461d98]{color:var(--error-color)}.menu-item.danger[data-v-8e461d98]:hover{background-color:var(--error-color-light)}.menu-divider[data-v-8e461d98]{height:1px;background-color:var(--border-color);margin:var(--spacing-xs) 0}.file-tree[data-v-ba02e45a]{padding:var(--spacing-sm);height:100%;overflow-y:auto}.empty-tree[data-v-ba02e45a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);text-align:center}.empty-tree i[data-v-ba02e45a]{font-size:2rem;margin-bottom:var(--spacing-sm);opacity:.5}.empty-tree p[data-v-ba02e45a]{margin:var(--spacing-xs) 0}.text-muted[data-v-ba02e45a]{font-size:.875rem;opacity:.7}.ai-chat[data-v-58ff3ad7]{display:flex;flex-direction:column;height:100%;background-color:var(--surface-color)}.chat-messages[data-v-58ff3ad7]{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.welcome-message[data-v-58ff3ad7]{text-align:center;color:var(--text-secondary);padding:var(--spacing-lg)}.welcome-message i[data-v-58ff3ad7]{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.welcome-message h4[data-v-58ff3ad7]{margin:var(--spacing-sm) 0;color:var(--text-primary)}.welcome-message ul[data-v-58ff3ad7]{text-align:left;display:inline-block;margin-top:var(--spacing-sm)}.message[data-v-58ff3ad7]{display:flex;gap:var(--spacing-sm);max-width:85%}.user-message[data-v-58ff3ad7]{align-self:flex-end;flex-direction:row-reverse}.ai-message[data-v-58ff3ad7]{align-self:flex-start}.message-avatar[data-v-58ff3ad7]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-message .message-avatar[data-v-58ff3ad7]{background-color:var(--primary-color);color:#fff}.ai-message .message-avatar[data-v-58ff3ad7]{background-color:var(--info-color);color:#fff}.message-content[data-v-58ff3ad7]{flex:1}.message-text[data-v-58ff3ad7]{background-color:var(--background-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;line-height:1.5;word-wrap:break-word}.user-message .message-text[data-v-58ff3ad7]{background-color:var(--primary-color);color:#fff}.message-time[data-v-58ff3ad7]{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);text-align:right}.user-message .message-time[data-v-58ff3ad7]{text-align:left}.typing-indicator[data-v-58ff3ad7]{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background-color);border-radius:var(--radius-md)}.typing-indicator span[data-v-58ff3ad7]{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:typing-58ff3ad7 1.4s infinite}.typing-indicator span[data-v-58ff3ad7]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-58ff3ad7]:nth-child(3){animation-delay:.4s}@keyframes typing-58ff3ad7{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1}}.chat-input[data-v-58ff3ad7]{border-top:1px solid var(--border-color);padding:var(--spacing-md)}.input-container[data-v-58ff3ad7]{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.message-input[data-v-58ff3ad7]{flex:1;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-size:.875rem;resize:none;min-height:36px;max-height:120px;background-color:var(--background-color);color:var(--text-primary)}.message-input[data-v-58ff3ad7]:focus{outline:none;border-color:var(--primary-color)}.send-button[data-v-58ff3ad7]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.send-button[data-v-58ff3ad7]:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,black)}.send-button[data-v-58ff3ad7]:disabled{opacity:.5;cursor:not-allowed}.quick-actions[data-v-58ff3ad7]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.quick-btn[data-v-58ff3ad7]{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.quick-btn[data-v-58ff3ad7]:hover{background-color:var(--hover-color);color:var(--text-primary)}[data-v-58ff3ad7] code{background-color:var(--surface-color);padding:2px 4px;border-radius:3px;font-family:var(--font-family-mono);font-size:.8em}.modal-overlay[data-v-f7bf9230]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-f7bf9230]{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-f7bf9230]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-f7bf9230]{margin:0;color:var(--text-primary)}.close-button[data-v-f7bf9230]{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-button[data-v-f7bf9230]:hover{background-color:var(--hover-color);color:var(--text-primary)}.modal-body[data-v-f7bf9230]{flex:1;padding:var(--spacing-lg);overflow-y:auto}.form-group[data-v-f7bf9230]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-f7bf9230]{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-input[data-v-f7bf9230]{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;background-color:var(--background-color);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-input[data-v-f7bf9230]:focus{outline:none;border-color:var(--primary-color)}.input-hint[data-v-f7bf9230]{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.template-options[data-v-f7bf9230]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.template-option[data-v-f7bf9230]{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.template-option[data-v-f7bf9230]:hover{background-color:var(--hover-color)}.template-option input[type=radio][data-v-f7bf9230]{margin:0}.template-preview[data-v-f7bf9230]{margin-top:var(--spacing-md)}.preview-code[data-v-f7bf9230]{background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);font-family:var(--font-family-mono);font-size:.75rem;line-height:1.4;max-height:200px;overflow-y:auto;white-space:pre-wrap;color:var(--text-primary)}.modal-footer[data-v-f7bf9230]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn[data-v-f7bf9230]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary[data-v-f7bf9230]{background-color:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary[data-v-f7bf9230]:hover{background-color:var(--hover-color);color:var(--text-primary)}.btn-primary[data-v-f7bf9230]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-f7bf9230]:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,black)}.btn-primary[data-v-f7bf9230]:disabled{opacity:.5;cursor:not-allowed}.modal-overlay[data-v-bcc8eefc]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-bcc8eefc]{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-bcc8eefc]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.modal-header h3[data-v-bcc8eefc]{margin:0;color:var(--text-primary)}.close-button[data-v-bcc8eefc]{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-button[data-v-bcc8eefc]:hover{background-color:var(--hover-color);color:var(--text-primary)}.modal-body[data-v-bcc8eefc]{flex:1;padding:var(--spacing-lg);overflow-y:auto}.loading-state[data-v-bcc8eefc],.error-state[data-v-bcc8eefc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary);gap:var(--spacing-md)}.loading-state i[data-v-bcc8eefc]{font-size:2rem;color:var(--primary-color)}.error-state i[data-v-bcc8eefc]{font-size:2rem;color:var(--error-color)}.retry-button[data-v-bcc8eefc]{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.retry-button[data-v-bcc8eefc]:hover{background-color:color-mix(in srgb,var(--primary-color) 80%,black)}.templates-grid[data-v-bcc8eefc]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.template-card[data-v-bcc8eefc]{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--background-color)}.template-card[data-v-bcc8eefc]:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.template-card.selected[data-v-bcc8eefc]{border-color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color) 10%,transparent)}.template-icon[data-v-bcc8eefc]{text-align:center;margin-bottom:var(--spacing-sm)}.template-icon i[data-v-bcc8eefc]{font-size:2rem;color:var(--primary-color)}.template-info h4[data-v-bcc8eefc]{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:1rem}.template-info p[data-v-bcc8eefc]{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.template-files[data-v-bcc8eefc]{display:flex;align-items:center;gap:var(--spacing-sm)}.file-count[data-v-bcc8eefc]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--text-secondary)}.template-preview[data-v-bcc8eefc]{border-top:1px solid var(--border-color);padding-top:var(--spacing-lg)}.template-preview h4[data-v-bcc8eefc]{margin:0 0 var(--spacing-md) 0;color:var(--text-primary)}.preview-files[data-v-bcc8eefc]{display:flex;flex-direction:column;gap:var(--spacing-md)}.preview-file[data-v-bcc8eefc]{border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.file-header[data-v-bcc8eefc]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface-color);border-bottom:1px solid var(--border-color);font-size:.875rem;font-weight:500;color:var(--text-primary)}.file-header i[data-v-bcc8eefc]{color:var(--info-color)}.file-content[data-v-bcc8eefc]{padding:var(--spacing-md);margin:0;background-color:var(--background-color);font-family:var(--font-family-mono);font-size:.75rem;line-height:1.4;color:var(--text-primary);max-height:150px;overflow-y:auto;white-space:pre-wrap}.modal-footer[data-v-bcc8eefc]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--border-color)}.btn[data-v-bcc8eefc]{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.btn-secondary[data-v-bcc8eefc]{background-color:var(--surface-color);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secondary[data-v-bcc8eefc]:hover{background-color:var(--hover-color);color:var(--text-primary)}.btn-primary[data-v-bcc8eefc]{background-color:var(--primary-color);color:#fff}.btn-primary[data-v-bcc8eefc]:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 80%,black)}.btn-primary[data-v-bcc8eefc]:disabled{opacity:.5;cursor:not-allowed}.online-ide[data-v-bbe30964]{height:100vh;display:flex;flex-direction:column;background:var(--background-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.line-limit-hint[data-v-bbe30964]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) var(--spacing-md) 0;display:flex;align-items:center;box-shadow:0 2px 4px #2196f31a}.line-limit-hint .hint-text[data-v-bbe30964]{color:#1565c0;font-size:.9em;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs)}.line-limit-hint .fas[data-v-bbe30964]{color:#1976d2}.toolbar[data-v-bbe30964]{height:70px;background:var(--surface-color);border-bottom:2px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1rem;box-shadow:var(--shadow-sm);position:relative}.toolbar[data-v-bbe30964]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--bg-gradient)}.toolbar-left[data-v-bbe30964],.toolbar-right[data-v-bbe30964]{display:flex;gap:.5rem}.main-content[data-v-bbe30964]{flex:1;display:flex;overflow:hidden}.sidebar[data-v-bbe30964]{width:280px;background:var(--surface-color);border-right:2px solid var(--border-color);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.sidebar-header[data-v-bbe30964]{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary)}.sidebar-header h3[data-v-bbe30964]{margin:0;font-size:1rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.sidebar-header h3[data-v-bbe30964]:before{content:"📁";font-size:1.2rem}.file-tree[data-v-bbe30964]{flex:1;overflow-y:auto;padding:.5rem}.editor-area[data-v-bbe30964]{flex:1;display:flex;flex-direction:column;min-width:0}.editor-tabs[data-v-bbe30964]{display:flex;background:var(--surface-color);border-bottom:2px solid var(--border-color);overflow-x:auto;box-shadow:var(--shadow-sm)}.editor-tab[data-v-bbe30964]{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--surface-secondary);border-right:1px solid var(--border-color);cursor:pointer;white-space:nowrap;min-width:140px;transition:all var(--transition-normal);position:relative;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent}.editor-tab[data-v-bbe30964]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.editor-tab.active[data-v-bbe30964]{background:var(--surface-color);color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.editor-tab.active[data-v-bbe30964]:before{transform:scaleX(1)}.editor-tab[data-v-bbe30964]:hover{background:var(--surface-hover);color:var(--primary-color);transform:translateY(-1px)}.tab-name[data-v-bbe30964]{flex:1;font-size:.85rem}.tab-modified[data-v-bbe30964]{color:var(--warning-color);margin-left:.25rem}.tab-close[data-v-bbe30964]{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;margin-left:.5rem;border-radius:3px}.tab-close[data-v-bbe30964]:hover{background:var(--danger-color);color:#fff}.editor-container[data-v-bbe30964]{flex:1;display:flex;flex-direction:column;min-height:0}.code-editor[data-v-bbe30964]{flex:1;min-height:300px}.no-file-open[data-v-bbe30964]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary)}.welcome-message[data-v-bbe30964]{text-align:center;color:var(--text-secondary);padding:2rem;border-radius:var(--radius-lg);background:var(--surface-color);box-shadow:var(--shadow-lg);border:2px solid var(--border-color)}.welcome-message i[data-v-bbe30964]{color:var(--primary-color);margin-bottom:1.5rem;background:var(--surface-hover);padding:1rem;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.welcome-message h3[data-v-bbe30964]{color:var(--primary-color);font-weight:700;margin-bottom:1rem}.welcome-message p[data-v-bbe30964]{font-size:1.1rem;margin:0}.bottom-panel[data-v-bbe30964]{height:320px;border-top:2px solid var(--border-color);display:flex;flex-direction:column;background:var(--surface-color);box-shadow:var(--shadow-sm)}.panel-tabs[data-v-bbe30964]{display:flex;background:var(--surface-secondary);border-bottom:2px solid var(--border-color)}.panel-tab[data-v-bbe30964]{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);border-bottom:3px solid transparent;font-weight:500;transition:all var(--transition-normal);display:flex;align-items:center;gap:.5rem}.panel-tab.active[data-v-bbe30964]{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--surface-color);font-weight:600}.panel-tab[data-v-bbe30964]:hover{background:var(--surface-hover);color:var(--primary-color)}.panel-content[data-v-bbe30964]{flex:1;overflow:hidden}.output-panel[data-v-bbe30964],.waveform-panel[data-v-bbe30964]{height:100%;overflow:auto}.no-waveform[data-v-bbe30964]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);text-align:center;padding:2rem}.no-waveform i[data-v-bbe30964]{margin-bottom:1rem;opacity:.5}.no-waveform p[data-v-bbe30964]{margin:0 0 .5rem;font-size:1.1rem}.waveform-tips[data-v-bbe30964]{max-width:500px}.waveform-tips p[data-v-bbe30964]{margin-bottom:1rem;font-weight:500}.code-example[data-v-bbe30964]{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;overflow:hidden}.code-example pre[data-v-bbe30964]{margin:0;padding:1rem;background:transparent;color:var(--text-primary);font-family:Consolas,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.4;overflow-x:auto}.code-example code[data-v-bbe30964]{background:transparent;padding:0;border-radius:0}.text-muted[data-v-bbe30964]{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;display:block}.waveform-actions[data-v-bbe30964]{margin:1.5rem 0 1rem;display:flex;justify-content:center}.auto-add-btn[data-v-bbe30964]{padding:.75rem 1.5rem;font-size:.9rem;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.auto-add-btn[data-v-bbe30964]:disabled{opacity:.6;cursor:not-allowed}.auto-add-btn[data-v-bbe30964]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.auto-add-btn i[data-v-bbe30964]{font-size:.8rem}.ai-drawer[data-v-bbe30964]{position:fixed;top:64px;right:-400px;width:400px;height:calc(100vh - 64px);background:var(--surface-color);border-left:2px solid var(--border-color);box-shadow:var(--shadow-lg);transition:right var(--transition-normal);z-index:var(--z-fixed);display:flex;flex-direction:column}.ai-drawer-open[data-v-bbe30964]{right:0}.ai-drawer-handle[data-v-bbe30964]{position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:50px;height:120px;background:var(--primary-color);color:#fff;border-radius:8px 0 0 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.5rem;font-size:.75rem;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-md)}.ai-drawer-handle[data-v-bbe30964]:hover{background:var(--primary-hover);transform:translateY(-50%) translate(-2px)}.ai-drawer-handle span[data-v-bbe30964]{writing-mode:vertical-rl;text-orientation:mixed}.ai-drawer-handle .fa-chevron-left[data-v-bbe30964]{transition:transform var(--transition-normal)}.ai-drawer-handle .rotate-180[data-v-bbe30964]{transform:rotate(180deg)}.ai-drawer-content[data-v-bbe30964]{flex:1;display:flex;flex-direction:column;height:100%}.ai-header[data-v-bbe30964]{padding:1.5rem;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--surface-secondary)}.ai-header h3[data-v-bbe30964]{margin:0;font-size:1rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.ai-header h3[data-v-bbe30964]:before{content:"🤖";font-size:1.2rem}.ai-close-btn[data-v-bbe30964]{padding:.5rem!important;min-width:auto!important}.ai-content[data-v-bbe30964]{flex:1;overflow:hidden}.ai-chat[data-v-bbe30964]{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;background:var(--surface-color)}.ai-input[data-v-bbe30964]{padding:1.5rem;border-top:2px solid var(--border-color);display:flex;gap:.75rem;background:var(--surface-secondary)}.ai-input input[data-v-bbe30964]{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.ai-input input[data-v-bbe30964]:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-focus)}@media (max-width: 1200px){.ai-drawer[data-v-bbe30964]{width:350px;right:-350px}.ai-drawer-handle[data-v-bbe30964]{left:-45px;width:45px;height:100px}}.ai-backup-btn[data-v-bbe30964]{position:relative;overflow:hidden}.ai-backup-btn[data-v-bbe30964]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.ai-backup-btn[data-v-bbe30964]:hover:before{left:100%}@media (max-width: 768px){.sidebar[data-v-bbe30964]{width:200px}.ai-drawer[data-v-bbe30964]{width:300px;right:-300px}.ai-drawer-handle[data-v-bbe30964]{left:-40px;width:40px;height:80px;font-size:.7rem}.toolbar[data-v-bbe30964]{flex-direction:column;gap:.5rem}.toolbar-left[data-v-bbe30964],.toolbar-right[data-v-bbe30964]{width:100%;justify-content:center}.ai-backup-btn[data-v-bbe30964]{display:none}}.verilog-converter[data-v-deab7942]{padding:20px;max-width:1400px;margin:0 auto}.line-limit-hint[data-v-deab7942]{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;box-shadow:0 2px 4px #2196f31a}.line-limit-hint .hint-text[data-v-deab7942]{color:#1565c0;font-size:.9em;font-weight:500;display:flex;align-items:center;gap:8px}.line-limit-hint .fas[data-v-deab7942]{color:#1976d2}.page-header[data-v-deab7942]{text-align:center;margin-bottom:30px}.page-header h1[data-v-deab7942]{color:#2c3e50;margin-bottom:10px}.subtitle[data-v-deab7942]{color:#7f8c8d;font-size:16px}.converter-container[data-v-deab7942]{display:grid;grid-template-columns:1fr 1fr;gap:30px;min-height:600px}.left-panel[data-v-deab7942],.right-panel[data-v-deab7942]{display:flex;flex-direction:column;gap:20px;min-width:0}.file-import-section h3[data-v-deab7942]{margin-bottom:15px;color:#2c3e50}.import-controls[data-v-deab7942]{display:flex;gap:10px}.file-editor-section[data-v-deab7942]{flex:1;display:flex;flex-direction:column}.file-tabs[data-v-deab7942]{display:flex;gap:5px;margin-bottom:10px;border-bottom:1px solid #ddd;overflow-x:auto;flex-wrap:nowrap;min-height:40px}.file-tab[data-v-deab7942]{display:flex;align-items:center;padding:8px 12px;background:#f8f9fa;border:1px solid #ddd;border-bottom:none;border-radius:4px 4px 0 0;cursor:pointer;transition:background-color .2s;flex-shrink:0;min-width:120px;max-width:200px}.file-tab.active[data-v-deab7942]{background:#fff;border-bottom:1px solid white;margin-bottom:-1px}.file-tab[data-v-deab7942]:hover{background:#e9ecef}.file-tab.active[data-v-deab7942]:hover{background:#fff}.tab-name[data-v-deab7942]{margin-right:8px}.tab-close[data-v-deab7942]{background:none;border:none;font-size:16px;cursor:pointer;color:#6c757d;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.tab-close[data-v-deab7942]:hover{color:#dc3545}.code-editor-container[data-v-deab7942]{flex:1;border:1px solid #ddd;border-radius:4px;min-width:0;width:100%}.verilog-editor[data-v-deab7942],.vhdl-output[data-v-deab7942]{width:100%;height:400px;padding:15px;border:none;font-family:Courier New,monospace;font-size:14px;line-height:1.5;resize:vertical;outline:none}.vhdl-output[data-v-deab7942]{background-color:#f8f9fa}.conversion-controls[data-v-deab7942]{display:flex;gap:10px}.vhdl-preview-section h3[data-v-deab7942]{margin-bottom:15px;color:#2c3e50}.vhdl-controls[data-v-deab7942]{display:flex;gap:10px}.vhdl-editor-container[data-v-deab7942]{flex:1;border:1px solid #ddd;border-radius:4px;min-width:0;width:100%}.loading-container[data-v-deab7942]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-deab7942]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin-deab7942 1s linear infinite;margin-bottom:20px}@keyframes spin-deab7942{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-required[data-v-deab7942]{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.login-prompt[data-v-deab7942]{text-align:center;max-width:500px;padding:40px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e9ecef}.login-prompt .icon-lock[data-v-deab7942]{font-size:48px;color:#6c757d;margin-bottom:20px;display:block}.login-prompt h2[data-v-deab7942]{color:#2c3e50;margin-bottom:15px;font-size:24px}.login-prompt p[data-v-deab7942]{color:#6c757d;margin-bottom:30px;font-size:16px;line-height:1.5}.login-actions[data-v-deab7942]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.login-actions .btn[data-v-deab7942]{min-width:120px}.status-section[data-v-deab7942]{max-height:200px;overflow-y:auto}.empty-state[data-v-deab7942]{display:flex;align-items:center;justify-content:center;height:200px;color:#6c757d;font-style:italic}.submodule-warning[data-v-deab7942]{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:12px;margin-bottom:12px;display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#856404}.submodule-warning .icon-info[data-v-deab7942]{color:#f39c12;font-weight:700;margin-top:1px}.submodule-warning .icon-info[data-v-deab7942]:before{content:"ℹ"}.btn[data-v-deab7942]{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn[data-v-deab7942]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-deab7942]{background:#007bff;color:#fff}.btn-primary[data-v-deab7942]:hover:not(:disabled){background:#0056b3}.btn-secondary[data-v-deab7942]{background:#6c757d;color:#fff}.btn-secondary[data-v-deab7942]:hover:not(:disabled){background:#545b62}.btn-success[data-v-deab7942]{background:#28a745;color:#fff}.btn-success[data-v-deab7942]:hover:not(:disabled){background:#1e7e34}.btn-outline[data-v-deab7942]{background:transparent;color:#007bff;border:1px solid #007bff}.btn-outline[data-v-deab7942]:hover:not(:disabled){background:#007bff;color:#fff}.btn-large[data-v-deab7942]{padding:12px 24px;font-size:16px;font-weight:500}.alert[data-v-deab7942]{padding:15px;border-radius:4px;margin-bottom:15px;display:flex;align-items:flex-start;gap:10px}.alert-success[data-v-deab7942]{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error[data-v-deab7942]{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning[data-v-deab7942]{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.error-content[data-v-deab7942],.validation-content[data-v-deab7942]{flex:1}.error-content h4[data-v-deab7942],.validation-content h4[data-v-deab7942]{margin:0 0 8px;font-size:16px}.error-content p[data-v-deab7942]{margin:0 0 10px}.raw-error[data-v-deab7942],.validation-details[data-v-deab7942]{margin-top:10px}.raw-error h5[data-v-deab7942]{margin:0 0 5px;font-size:14px}.raw-error pre[data-v-deab7942],.validation-details pre[data-v-deab7942]{background:#0000001a;padding:10px;border-radius:3px;font-size:12px;white-space:pre-wrap;word-wrap:break-word;max-height:150px;overflow-y:auto;margin:0}.hidden[data-v-deab7942]{display:none!important}.icon-upload[data-v-deab7942]:before{content:"📁"}.icon-plus[data-v-deab7942]:before{content:"➕"}.icon-convert[data-v-deab7942]:before{content:"🔄"}.icon-loading[data-v-deab7942]:before{content:"⏳"}.icon-check[data-v-deab7942]:before{content:"✅"}.icon-download[data-v-deab7942]:before{content:"💾"}.icon-copy[data-v-deab7942]:before{content:"📋"}.icon-success[data-v-deab7942]:before{content:"✅"}.icon-error[data-v-deab7942]:before{content:"❌"}.icon-warning[data-v-deab7942]:before{content:"⚠️"}.icon-lock[data-v-deab7942]:before{content:"🔒"}.icon-user[data-v-deab7942]:before{content:"👤"}.icon-user-plus[data-v-deab7942]:before{content:"👥"}@media (max-width: 1024px){.converter-container[data-v-deab7942]{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.verilog-converter[data-v-deab7942]{padding:15px}.import-controls[data-v-deab7942],.conversion-controls[data-v-deab7942],.vhdl-controls[data-v-deab7942]{flex-direction:column}.file-tabs[data-v-deab7942]{flex-wrap:wrap}}.vip-recharge[data-v-bc2b6733]{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.vip-header[data-v-bc2b6733]{text-align:center;margin-bottom:var(--spacing-xl)}.vip-title[data-v-bc2b6733]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:2.5rem;font-weight:700;color:var(--warning-color);margin-bottom:var(--spacing-md)}.crown-icon[data-v-bc2b6733]{width:40px;height:40px}.vip-subtitle[data-v-bc2b6733]{font-size:1.2rem;color:var(--text-secondary)}.section-title[data-v-bc2b6733]{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.vip-packages[data-v-bc2b6733]{margin-bottom:var(--spacing-xl)}.packages-grid[data-v-bc2b6733]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.package-card[data-v-bc2b6733]{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;overflow:hidden}.package-card[data-v-bc2b6733]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.package-card.selected[data-v-bc2b6733]{border-color:var(--warning-color);background:linear-gradient(135deg,#ffd7001a,#ffb3471a)}.package-header[data-v-bc2b6733]{text-align:center;margin-bottom:var(--spacing-lg)}.package-name[data-v-bc2b6733]{font-size:1.3rem;font-weight:600;margin-bottom:var(--spacing-sm)}.package-price[data-v-bc2b6733]{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-xs)}.price[data-v-bc2b6733]{font-size:2rem;font-weight:700;color:var(--warning-color)}.duration[data-v-bc2b6733]{font-size:1rem;color:var(--text-secondary)}.package-features[data-v-bc2b6733]{space-y:var(--spacing-sm)}.feature-item[data-v-bc2b6733]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.check-icon[data-v-bc2b6733]{width:20px;height:20px;color:var(--success-color)}.package-badge[data-v-bc2b6733]{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--warning-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.8rem;font-weight:600}.payment-section[data-v-bc2b6733]{margin-bottom:var(--spacing-xl)}.payment-info[data-v-bc2b6733]{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-xl);align-items:start}.order-summary[data-v-bc2b6733]{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.order-summary h3[data-v-bc2b6733]{margin-bottom:var(--spacing-md);font-weight:600}.summary-item[data-v-bc2b6733]{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) 0}.summary-item.total[data-v-bc2b6733]{border-top:1px solid var(--border-color);margin-top:var(--spacing-md);padding-top:var(--spacing-md);font-weight:600}.summary-item .price[data-v-bc2b6733]{color:var(--warning-color);font-weight:700}.qr-payment[data-v-bc2b6733]{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center}.create-order-btn[data-v-bc2b6733]{background:var(--warning-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.create-order-btn[data-v-bc2b6733]:hover:not(:disabled){background:#e6ac00;transform:translateY(-2px)}.create-order-btn[data-v-bc2b6733]:disabled{opacity:.6;cursor:not-allowed}.qr-container h3[data-v-bc2b6733]{margin-bottom:var(--spacing-lg);color:var(--text-primary)}.qr-code[data-v-bc2b6733]{margin:var(--spacing-lg) 0}.qr-code img[data-v-bc2b6733]{max-width:200px;height:auto;border:1px solid var(--border-color);border-radius:var(--radius-md)}.qr-tips[data-v-bc2b6733]{color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.order-info[data-v-bc2b6733]{background:var(--bg-accent);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.order-info p[data-v-bc2b6733]{margin:var(--spacing-xs) 0;font-size:.9rem}.payment-status[data-v-bc2b6733]{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.status-indicator[data-v-bc2b6733]{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.status-indicator.checking[data-v-bc2b6733]{color:var(--warning-color)}.status-indicator.success[data-v-bc2b6733]{color:var(--success-color)}.status-indicator.waiting[data-v-bc2b6733]{color:var(--text-secondary)}.spinner[data-v-bc2b6733]{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--warning-color);border-radius:50%;animation:spin-bc2b6733 1s linear infinite}@keyframes spin-bc2b6733{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-icon[data-v-bc2b6733]{width:20px;height:20px}.status-text[data-v-bc2b6733]{font-weight:500}.payment-actions[data-v-bc2b6733]{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-lg)}.check-payment-btn[data-v-bc2b6733],.cancel-order-btn[data-v-bc2b6733]{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.check-payment-btn[data-v-bc2b6733]{background:var(--primary-color);color:#fff;border:none}.check-payment-btn[data-v-bc2b6733]:hover:not(:disabled){background:var(--primary-dark)}.cancel-order-btn[data-v-bc2b6733]{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-order-btn[data-v-bc2b6733]:hover{background:var(--bg-accent)}.payment-success[data-v-bc2b6733]{text-align:center}.success-icon[data-v-bc2b6733]{width:80px;height:80px;margin:0 auto var(--spacing-lg);color:var(--success-color)}.success-icon svg[data-v-bc2b6733]{width:100%;height:100%}.payment-success h3[data-v-bc2b6733]{font-size:1.5rem;color:var(--success-color);margin-bottom:var(--spacing-md)}.vip-info[data-v-bc2b6733]{background:var(--bg-accent);padding:var(--spacing-md);border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.back-home-btn[data-v-bc2b6733]{background:var(--primary-color);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.back-home-btn[data-v-bc2b6733]:hover{background:var(--primary-dark);transform:translateY(-2px)}.my-orders[data-v-bc2b6733]{margin-top:var(--spacing-xl)}.orders-list[data-v-bc2b6733]{display:grid;gap:var(--spacing-md)}.order-item[data-v-bc2b6733]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.order-header[data-v-bc2b6733]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.order-number[data-v-bc2b6733]{font-weight:600;color:var(--text-primary)}.order-status[data-v-bc2b6733]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500}.order-status.pending[data-v-bc2b6733]{background:var(--warning-light);color:var(--warning-color)}.order-status.paid[data-v-bc2b6733]{background:var(--success-light);color:var(--success-color)}.order-status.cancelled[data-v-bc2b6733]{background:var(--error-light);color:var(--error-color)}.order-details p[data-v-bc2b6733]{margin:var(--spacing-xs) 0;color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.payment-info[data-v-bc2b6733],.packages-grid[data-v-bc2b6733]{grid-template-columns:1fr}.payment-actions[data-v-bc2b6733]{flex-direction:column}.vip-title[data-v-bc2b6733]{font-size:2rem}}:root{--primary-color: #667eea;--primary-hover: #5a67d8;--primary-light: #e6f3ff;--secondary-color: #718096;--accent-color: #38b2ac;--warning-color: #ed8936;--error-color: #e53e3e;--success-color: #48bb78;--info-color: #4299e1;--learning-primary: #667eea;--learning-secondary: #764ba2;--code-highlight: #f093fb;--circuit-green: #4ecdc4;--logic-blue: #45b7d1;--signal-orange: #f9ca24;--gray-50: #fafbfc;--gray-100: #f4f6f8;--gray-200: #e8ecf0;--gray-300: #d3dae3;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--bg-primary: #ffffff;--bg-secondary: #f7fafc;--bg-tertiary: #edf2f7;--bg-accent: #e6fffa;--bg-code: #f8f9fa;--bg-dark: #1a202c;--bg-dark-secondary: #2d3748;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-learning: linear-gradient(135deg, #e6f3ff 0%, #f0f8ff 100%);--background-color: #ffffff;--surface-color: #f5f5f5;--surface-secondary: #f0f4f8;--surface-hover: #e6f3ff;--border-color: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--text-disabled: #999999;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 3px rgba(102, 126, 234, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--font-family-code: "Consolas", "Monaco", monospace;--font-family-base: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: Consolas, "Courier New", Monaco, monospace;--transition-fast: .3s ease;--transition-normal: .4s ease;--transition-slow: .5s ease;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1400px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--border-color-dark: #252525;--background-color-dark: #1a1a1a;--surface-color-dark: #2d2d2d;--text-primary-dark: #ffffff;--text-secondary-dark: #b0b0b0;--success-color-dark: #43a047;--error-color-dark: #6e2422;--info-color-dark: #225986;--shadow-dark-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-dark-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-dark-lg: 0 8px 16px rgba(0, 0, 0, .5);--navbar-bg: linear-gradient(135deg, var(--primary-color), var(--learning-primary));--navbar-text: #ffffff;--navbar-hover: rgba(255, 255, 255, .15);--navbar-active: var(--primary-dark);--log-normal-text: #4a4a4a}*{transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal)}[data-theme=dark]{--background-color: #1a1a1a;--surface-color: #2d2d2d;--border-color: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-disabled: #707070;--primary-color: #5cbb60;--primary-hover: #4da651;--success-color: #43a047;--error-color: #ca4a55;--warning-color: #ffb74d;--info-color: #6ca3cf;--card-background: #2d2d2d;--input-background: #333333;--button-text: #ffffff;--hover-overlay: rgba(255, 255, 255, .1);--surface-secondary: #333333;--surface-hover: rgba(102, 126, 234, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-focus: 0 0 0 3px rgba(102, 126, 234, .3);--navbar-bg: linear-gradient(135deg, #4a5568, #2d3748);--navbar-text: #ebebeb;--navbar-hover: rgba(255, 255, 255, .1);--navbar-active: rgba(102, 126, 234, .3);--log-normal-text: #b8b8b8}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--background-color: #1a1a1a;--surface-color: #2d2d2d;--border-color: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-disabled: #707070;--primary-color: #5cbb60;--primary-hover: #4da651;--success-color: #43a047;--error-color: #ca4a55;--warning-color: #ffb74d;--info-color: #64b5f6;--card-background: #2d2d2d;--input-background: #333333;--button-text: #ffffff;--hover-overlay: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5)}}@media (min-width: 640px){.container{max-width:var(--container-sm)}}@media (min-width: 768px){.container{max-width:var(--container-md)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}}.card{background-color:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bg-gradient);transform:scaleX(0);transition:transform var(--transition-normal)}.card-hover:hover{box-shadow:0 10px 30px #667eea26;transform:translateY(-4px);border-color:var(--primary-color)}.card-hover:hover:before{transform:scaleX(1)}.card-learning{background:var(--bg-learning);border:2px solid var(--primary-light)}.card-code{background:var(--bg-code);border:1px solid var(--gray-300);font-family:JetBrains Mono,Fira Code,monospace}.card-body{overflow:visible}.card-body>*{overflow:auto}.card-body>*::-webkit-scrollbar{width:12px;height:12px;display:block}.card-body>*::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.card-body>*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--border-color) 90%,var(--text-disabled));border:3px solid var(--surface-color);border-radius:var(--radius-md);min-width:40px}.card-body>*::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}.card-body>*::-webkit-scrollbar-corner{background:var(--surface-color)}.card-body>*{scrollbar-width:none;scrollbar-color:var(--border-color) var(--surface-color)}.button{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:inline-flex;align-items:center;gap:var(--spacing-xs);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.button:hover:before{left:100%}.button-primary{background:var(--bg-gradient);color:#fff;box-shadow:0 4px 15px #667eea33}.button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.button-secondary{background-color:var(--bg-secondary);color:var(--gray-700);border:2px solid var(--gray-200)}.button-secondary:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.button-accent{background:linear-gradient(135deg,var(--circuit-green) 0%,var(--logic-blue) 100%);color:#fff;box-shadow:0 4px 15px #4ecdc433}.button-accent:hover{transform:translateY(-2px);box-shadow:0 8px 25px #4ecdc44d}.button:disabled{opacity:.7;cursor:not-allowed}.button-success{background-color:var(--success-color)}.button-error{background-color:var(--error-color)}.button-warning{background-color:var(--warning-color)}.button-info{background-color:var(--info-color)}.input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-color);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color)}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}body{font-family:var(--font-family-base);color:var(--text-primary);background-color:var(--surface-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.grid{grid-template-columns:1fr}}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing-md);padding-left:var(--spacing-md)}@media (min-width: 640px){.container{max-width:var(--container-sm)}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.container{max-width:var(--container-md)}.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.container{max-width:var(--container-lg)}.lg\:flex{display:flex}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1400px){.container{max-width:var(--container-xl)}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:var(--z-dropdown)}.z-20{z-index:var(--z-sticky)}.z-30{z-index:var(--z-fixed)}.z-40{z-index:var(--z-modal)}.z-50{z-index:var(--z-popover)}.hidden{display:none}.block{display:block}.invisible{visibility:hidden}.visible{visibility:visible}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}html{overflow-y:scroll;scrollbar-gutter:stable}:root{--font-family-base: "NotoSansSC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: Consolas, "Courier New", Monaco, monospace}body{font-family:var(--font-family-base);font-size:16px;line-height:1.5;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}th{font-size:16px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-thin{font-weight:100}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.text-info{color:var(--info-color)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}p{margin-top:0;margin-bottom:var(--spacing-md)}.list-none{list-style-type:none;padding:0;margin:0}.list-disc{list-style-type:disc;padding-left:1.25em}.list-decimal{list-style-type:decimal;padding-left:1.25em}code,pre,.code{font-family:var(--font-family-mono);font-size:.875em;color:var(--primary-color);background-color:var(--surface-color);padding:.2em .4em;border-radius:var(--radius-sm)}blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-md);border-left:4px solid var(--primary-color);background-color:var(--surface-color);color:var(--text-secondary);font-style:italic}@media (max-width: 768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}body{font-size:10px}th{font-size:8px}}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-weight:500;font-size:1rem;line-height:1.5;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast);border:1px solid transparent;gap:var(--spacing-xs);min-height:38px}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.button-primary:active{transform:translateY(0);background-color:var(--primary-hover);color:#ffffffe6;box-shadow:inset 0 2px 4px #0000001a}.button-secondary{background-color:var(--surface-color);color:var(--text-primary);border-color:var(--border-color)}.button-secondary:hover{background-color:var(--border-color);transform:translateY(-1px)}.button-danger{background-color:var(--error-color);color:#fff}.button-danger:hover{background-color:color-mix(in srgb,var(--error-color) 90%,black);transform:translateY(-1px)}.button-success{background-color:var(--success-color);color:#fff}.button-success:hover{background-color:color-mix(in srgb,var(--success-color) 90%,black);transform:translateY(-1px)}.button-warning{background-color:var(--warning-color);color:#fff}.button-warning:hover{background-color:color-mix(in srgb,var(--warning-color) 90%,black);transform:translateY(-1px)}.button-info{background-color:var(--info-color);color:#fff}.button-info:hover{background-color:color-mix(in srgb,var(--info-color) 90%,black);transform:translateY(-1px)}.button-link{background:none;color:var(--primary-color);padding:0;font-weight:400}.button-link:hover{color:var(--primary-hover);text-decoration:underline}.button-xs{padding:calc(var(--spacing-xs) / 2) var(--spacing-xs);font-size:.75rem;min-height:24px}.button-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem;min-height:32px}.button-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;min-height:44px}.button-block{display:flex;width:100%}.button-circle{border-radius:50%;padding:0;width:38px;height:38px}.button-circle.button-sm{width:32px;height:32px}.button-circle.button-lg{width:44px;height:44px}.button:disabled,.button.disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.button.loading{position:relative;color:transparent!important;pointer-events:none}.button.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin:-8px 0 0 -8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.button .icon{width:1em;height:1em;line-height:1;flex-shrink:0}.button-group{display:inline-flex;gap:1px}.button-group .button{border-radius:0}.button-group .button:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.button-group .button:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}@media (max-width: 768px){.button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.6rem}.button-lg{padding:var(--spacing-sm) var(--spacing-md)}}.input{width:100%;padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--background-color);color:var(--text-primary);font-family:var(--font-family-base);font-size:1rem;transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color) 25%,transparent)}.input::placeholder{color:var(--text-disabled)}.input:disabled{background-color:var(--surface-color);cursor:not-allowed;opacity:.7}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-group label{color:var(--text-secondary);font-weight:500;font-size:.9rem}.form-group .helper-text{color:var(--text-disabled);font-size:.8rem;margin-top:var(--spacing-xs)}.input.error{border-color:var(--error-color)}.input.error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--error-color) 25%,transparent)}.error-message{color:var(--error-color);font-size:.8rem;margin-top:var(--spacing-xs)}.input.success{border-color:var(--success-color)}.input.success:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--success-color) 25%,transparent)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;padding-right:2.5rem}.checkbox-group,.radio-group{display:flex;gap:var(--spacing-md);align-items:center}.checkbox,.radio{cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.checkbox input[type=checkbox],.radio input[type=radio]{width:1rem;height:1rem;border:2px solid var(--border-color);transition:all var(--transition-fast)}.checkbox input[type=checkbox]:checked,.radio input[type=radio]:checked{border-color:var(--primary-color);background-color:var(--primary-color)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-col{flex:1}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--spacing-sm)}.input,.select{font-size:16px}}textarea.input{min-height:100px;resize:vertical}.required:after{content:"*";color:var(--error-color);margin-left:var(--spacing-xs)}.input-wrapper{position:relative}.input-wrapper .icon{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-disabled)}.input-wrapper .icon.success{color:var(--success-color)}.input-wrapper .icon.error{color:var(--error-color)}.card{background-color:var(--background-color);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-md);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-body{padding:var(--spacing-md)}.card-footer{padding:var(--spacing-md);border-top:1px solid var(--border-color)}.card-title{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.card-subtitle{color:var(--text-secondary);font-size:.875rem;margin-top:var(--spacing-xs)}.card-compact .card-header,.card-compact .card-body,.card-compact .card-footer{padding:var(--spacing-sm)}.card-borderless{border:none}.card-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.card-group-horizontal{display:flex;gap:var(--spacing-md);overflow-x:auto;padding:var(--spacing-xs);scroll-snap-type:x mandatory}.card-group-horizontal .card{flex:0 0 auto;scroll-snap-align:start}.card-success{border-color:var(--success-color)}.card-error{border-color:var(--error-color)}.card-warning{border-color:var(--warning-color)}.card-info{border-color:var(--info-color)}.card-loading{position:relative;overflow:hidden}.card-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface-color) 50%,transparent),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.card-group-horizontal{gap:var(--spacing-sm)}.card-header,.card-body,.card-footer{padding:var(--spacing-sm)}}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--transition-normal)}.slide-up-enter-from{opacity:0;transform:translateY(20px)}.slide-up-leave-to{opacity:0;transform:translateY(-20px)}.collapse-enter-active,.collapse-leave-active{transition:all var(--transition-normal);overflow:hidden}.collapse-enter-from,.collapse-leave-to{opacity:0;height:0!important}.scale-enter-active,.scale-leave-active{transition:all var(--transition-normal)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.shake{animation:shake .5s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse var(--transition-normal) ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes borderBlink{0%{border-color:var(--border-color)}50%{border-color:var(--primary-color)}to{border-color:var(--border-color)}}.border-blink{animation:borderBlink 2s ease-in-out infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-flow{background:linear-gradient(-45deg,var(--background-color),var(--surface-color),var(--background-color));background-size:200% 200%;animation:gradientFlow 3s ease infinite}.loading-spinner{display:inline-block;width:24px;height:24px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite}.loading-spinner.sm{width:16px;height:16px;border-width:1px}.loading-spinner.lg{width:32px;height:32px;border-width:3px}.loading-pulse{display:inline-block;width:24px;height:24px;background:var(--primary-color);border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.loading-dots{display:inline-flex;align-items:center;gap:4px}.loading-dots:before,.loading-dots:after{content:""}.loading-dots:before,.loading-dots:after,.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);animation:dots 1.4s ease-in-out infinite}.loading-dots:before{animation-delay:-.32s}.loading-dots span{animation-delay:-.16s}.loading-bar{width:100%;height:4px;background-color:var(--surface-color);border-radius:var(--radius-sm);overflow:hidden;position:relative}.loading-bar:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background-color:var(--primary-color);animation:loading-bar 2s ease-in-out infinite}.loading-wave{display:inline-flex;gap:2px}.loading-wave span{display:inline-block;width:4px;height:32px;background-color:var(--primary-color);animation:wave 1s ease-in-out infinite}.loading-wave span:nth-child(2){animation-delay:.1s}.loading-wave span:nth-child(3){animation-delay:.2s}.loading-wave span:nth-child(4){animation-delay:.3s}.loading-wave span:nth-child(5){animation-delay:.4s}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:color-mix(in srgb,var(--background-color) 80%,transparent);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}@keyframes dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes loading-bar{0%{left:-30%}to{left:100%}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.loading-text{color:var(--text-secondary);display:flex;align-items:center;gap:var(--spacing-xs)}.loading-text:after{content:"...";animation:loading-text 1.4s steps(4,end) infinite}@keyframes loading-text{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.skeleton{background:linear-gradient(90deg,var(--surface-color) 25%,color-mix(in srgb,var(--surface-color) 80%,transparent) 50%,var(--surface-color) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}