.navbar[data-v-7b8cbc0d]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;height:70px}.nav-container[data-v-7b8cbc0d]{max-width:1400px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand[data-v-7b8cbc0d]{display:flex;align-items:center;gap:12px}.logo[data-v-7b8cbc0d]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center}.logo-icon[data-v-7b8cbc0d]{width:24px;height:24px;color:#fff}.brand-title[data-v-7b8cbc0d]{font-size:24px;font-weight:700;color:#2d3748;font-family:"Noto Serif SC",serif}.brand-subtitle[data-v-7b8cbc0d]{font-size:14px;color:#718096;font-weight:400}.nav-menu[data-v-7b8cbc0d]{display:flex;gap:24px;align-items:center}.nav-item[data-v-7b8cbc0d]{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;text-decoration:none;color:#4a5568;font-weight:500;transition:all .3s ease;position:relative;text-align:center}.nav-item[data-v-7b8cbc0d]:hover{background:#0b0bf61a;color:#667eea;transform:translateY(-1px)}.nav-item.active[data-v-7b8cbc0d]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d;display:flex;align-items:center;justify-content:center}.nav-text[data-v-7b8cbc0d]{font-size:14px}.nav-actions[data-v-7b8cbc0d]{display:flex;align-items:center;gap:12px}.action-btn[data-v-7b8cbc0d]{width:40px;height:40px;border:none;background:#667eea1a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#667eea}.action-btn[data-v-7b8cbc0d]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-icon[data-v-7b8cbc0d]{width:20px;height:20px}.user-menu[data-v-7b8cbc0d]{position:relative}.user-btn[data-v-7b8cbc0d]{width:40px;height:40px;border:none;background:#667eea1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#667eea}.user-btn[data-v-7b8cbc0d]:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.user-icon[data-v-7b8cbc0d]{width:20px;height:20px}.dropdown-menu[data-v-7b8cbc0d]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;border:1px solid rgba(0,0,0,.1);min-width:180px;z-index:1001}.dropdown-item[data-v-7b8cbc0d]{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#4a5568;font-size:14px;transition:all .2s ease}.dropdown-item[data-v-7b8cbc0d]:hover{background:#667eea1a;color:#667eea}.dropdown-icon[data-v-7b8cbc0d]{width:16px;height:16px}.dropdown-divider[data-v-7b8cbc0d]{height:1px;background:#e2e8f0;margin:4px 0}.dropdown-enter-active[data-v-7b8cbc0d],.dropdown-leave-active[data-v-7b8cbc0d]{transition:all .2s ease}.dropdown-enter-from[data-v-7b8cbc0d],.dropdown-leave-to[data-v-7b8cbc0d]{opacity:0;transform:translateY(-10px)}@media(max-width:768px){.nav-container[data-v-7b8cbc0d]{padding:0 16px}.brand-subtitle[data-v-7b8cbc0d],.nav-text[data-v-7b8cbc0d]{display:none}.nav-item[data-v-7b8cbc0d]{padding:10px}.nav-menu[data-v-7b8cbc0d]{gap:4px}}.app-footer[data-v-ddfbce00]{background:linear-gradient(135deg,#2d3748,#4a5568);color:#e2e8f0;margin-top:auto;padding:40px 0 20px}.footer-container[data-v-ddfbce00]{max-width:1400px;margin:0 auto;padding:0 20px}.footer-content[data-v-ddfbce00]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-brand[data-v-ddfbce00]{display:flex;flex-direction:column;gap:16px}.footer-logo[data-v-ddfbce00]{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center}.logo-icon[data-v-ddfbce00]{width:28px;height:28px;color:#fff}.brand-info[data-v-ddfbce00]{display:flex;flex-direction:column;gap:8px}.brand-name[data-v-ddfbce00]{font-size:24px;font-weight:700;color:#fff;font-family:"Noto Serif SC",serif}.brand-description[data-v-ddfbce00]{font-size:14px;color:#a0aec0;line-height:1.5}.footer-links[data-v-ddfbce00],.footer-tech[data-v-ddfbce00],.footer-contact[data-v-ddfbce00]{display:flex;flex-direction:column;gap:16px}.links-title[data-v-ddfbce00],.tech-title[data-v-ddfbce00],.contact-title[data-v-ddfbce00]{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.links-list[data-v-ddfbce00],.tech-list[data-v-ddfbce00]{list-style:none;display:flex;flex-direction:column;gap:8px}.links-list li[data-v-ddfbce00],.tech-list li[data-v-ddfbce00]{font-size:14px;color:#a0aec0;transition:color .3s ease}.links-list li[data-v-ddfbce00]:hover,.tech-list li[data-v-ddfbce00]:hover{color:#667eea}.links-list a[data-v-ddfbce00]{color:inherit;text-decoration:none}.contact-info[data-v-ddfbce00]{display:flex;flex-direction:column;gap:12px}.contact-item[data-v-ddfbce00]{display:flex;align-items:center;gap:12px;font-size:14px;color:#a0aec0}.contact-icon[data-v-ddfbce00]{width:16px;height:16px;color:#667eea}.footer-bottom[data-v-ddfbce00]{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.copyright p[data-v-ddfbce00]{font-size:14px;color:#a0aec0}.footer-stats[data-v-ddfbce00]{display:flex;gap:20px}.stat-item[data-v-ddfbce00]{display:flex;align-items:center;gap:6px;font-size:12px;color:#68d391}.stat-icon[data-v-ddfbce00]{width:14px;height:14px}@media(max-width:768px){.footer-content[data-v-ddfbce00]{grid-template-columns:1fr;gap:30px}.footer-bottom[data-v-ddfbce00]{flex-direction:column;text-align:center}.footer-stats[data-v-ddfbce00]{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s ease}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.home-page[data-v-2376544e]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hero-section[data-v-2376544e]{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background[data-v-2376544e]{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1}.gradient-overlay[data-v-2376544e]{position:absolute;inset:0;background:linear-gradient(45deg,#667eeacc,#764ba2cc)}.floating-particles[data-v-2376544e]{position:absolute;width:100%;height:100%;overflow:hidden}.particle[data-v-2376544e]{position:absolute;background:#ffffff4d;border-radius:50%;animation:float-2376544e 6s ease-in-out infinite}@keyframes float-2376544e{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}.hero-content[data-v-2376544e]{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text[data-v-2376544e]{color:#fff}.hero-title[data-v-2376544e]{font-size:56px;font-weight:700;margin-bottom:24px;line-height:1.2;font-family:"Noto Serif SC",serif}.char-animation[data-v-2376544e]{display:inline-block;animation:fadeInUp-2376544e .6s ease forwards;opacity:0;transform:translateY(50px)}@keyframes fadeInUp-2376544e{to{opacity:1;transform:translateY(0)}}.hero-subtitle[data-v-2376544e]{font-size:20px;margin-bottom:40px;opacity:.9;line-height:1.6}.hero-actions[data-v-2376544e]{display:flex;gap:20px}.btn[data-v-2376544e]{display:flex;align-items:center;gap:12px;padding:16px 32px;border-radius:12px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease;border:none;cursor:pointer}.btn-primary[data-v-2376544e]{background:#fff;color:#667eea}.btn-primary[data-v-2376544e]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary[data-v-2376544e]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-secondary[data-v-2376544e]:hover{background:#ffffff4d;transform:translateY(-2px)}.btn-icon[data-v-2376544e]{width:20px;height:20px}.feature-showcase[data-v-2376544e]{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card[data-v-2376544e]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.feature-card[data-v-2376544e]:hover{transform:translateY(-5px);background:#ffffff26}.feature-icon[data-v-2376544e]{width:48px;height:48px;margin-bottom:16px;color:#fff}.feature-title[data-v-2376544e]{font-size:18px;font-weight:600;margin-bottom:8px;color:#fff}.feature-description[data-v-2376544e]{font-size:14px;opacity:.8;color:#fff}@media(max-width:768px){.hero-content[data-v-2376544e]{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title[data-v-2376544e]{font-size:36px}.feature-showcase[data-v-2376544e]{grid-template-columns:1fr}}.image-processing-page[data-v-81959d0a]{padding:100px 20px 40px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-81959d0a]{text-align:center;margin-bottom:40px}.page-title[data-v-81959d0a]{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:8px;font-family:"Noto Serif SC",serif}.page-subtitle[data-v-81959d0a]{font-size:18px;color:#718096}.content-container[data-v-81959d0a]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:350px 1fr;gap:40px}.tools-panel[data-v-81959d0a]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a;height:fit-content;position:sticky;top:100px}.section-title[data-v-81959d0a]{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:20px}.upload-section[data-v-81959d0a]{margin-bottom:40px}.upload-area[data-v-81959d0a]{border:2px dashed #cbd5e0;border-radius:16px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f7fafc}.upload-area[data-v-81959d0a]:hover,.upload-area.dragover[data-v-81959d0a]{border-color:#667eea;background:#edf2f7;transform:translateY(-2px)}.file-input[data-v-81959d0a]{display:none}.upload-content[data-v-81959d0a]{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon[data-v-81959d0a]{width:64px;height:64px;color:#667eea}.upload-title[data-v-81959d0a]{font-size:18px;font-weight:600;color:#2d3748}.upload-subtitle[data-v-81959d0a]{font-size:14px;color:#718096}.upload-formats[data-v-81959d0a]{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.format-tag[data-v-81959d0a]{background:#667eea;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.upload-progress[data-v-81959d0a]{margin-top:16px}.progress-bar[data-v-81959d0a]{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill[data-v-81959d0a]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.progress-text[data-v-81959d0a]{font-size:12px;color:#718096;margin-top:8px}.inference-section[data-v-81959d0a]{margin-top:40px}.option-group[data-v-81959d0a]{margin-bottom:24px}.option-label[data-v-81959d0a]{display:block;font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px}.select-control[data-v-81959d0a]{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;color:#4a5568;background:#fff;cursor:pointer;transition:all .3s ease}.select-control[data-v-81959d0a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.radio-group[data-v-81959d0a]{display:flex;flex-direction:column;gap:12px}.radio-item[data-v-81959d0a]{display:flex;align-items:center;gap:10px;cursor:pointer}.radio-input[data-v-81959d0a]{width:18px;height:18px;accent-color:#667eea}.radio-label[data-v-81959d0a]{font-size:14px;color:#4a5568;cursor:pointer}.btn-full[data-v-81959d0a]{width:100%;margin-top:16px;padding:12px}.image-management[data-v-81959d0a]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a}.tab-navigation[data-v-81959d0a]{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0}.tab-item[data-v-81959d0a]{padding:12px 24px;font-size:16px;font-weight:600;color:#718096;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;transition:all .3s ease;position:relative;top:2px}.tab-item[data-v-81959d0a]:hover{color:#667eea;background:#667eea0d}.tab-item.active[data-v-81959d0a]{color:#667eea;background:#fff;border-bottom:2px solid #667eea}.tab-content[data-v-81959d0a]{padding:8px 0}.section-header[data-v-81959d0a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.list-controls[data-v-81959d0a]{display:flex;gap:8px}.control-btn[data-v-81959d0a]{width:36px;height:36px;border:none;background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#4a5568}.control-btn[data-v-81959d0a]:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.control-btn svg[data-v-81959d0a]{width:18px;height:18px}.image-grid[data-v-81959d0a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.image-card[data-v-81959d0a]{background:#f7fafc;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;border:2px solid transparent}.image-card[data-v-81959d0a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.image-card.selected[data-v-81959d0a]{border-color:#667eea;background:#667eea0d}.image-preview[data-v-81959d0a]{display:flex;gap:12px;margin-bottom:12px}.image-placeholder[data-v-81959d0a]{width:60px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.image-placeholder svg[data-v-81959d0a]{width:24px;height:24px}.image-info[data-v-81959d0a]{flex:1;display:flex;flex-direction:column;justify-content:center}.image-name[data-v-81959d0a]{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size[data-v-81959d0a],.image-type[data-v-81959d0a]{font-size:12px;color:#718096}.image-actions[data-v-81959d0a]{display:flex;gap:8px;position:absolute;top:16px;right:16px;opacity:0;transition:opacity .3s ease}.image-card:hover .image-actions[data-v-81959d0a]{opacity:1}.action-btn-preview[data-v-81959d0a],.action-btn-delete[data-v-81959d0a]{width:28px;height:28px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-btn-preview[data-v-81959d0a]{background:#48bb78;color:#fff}.action-btn-preview[data-v-81959d0a]:hover{background:#38a169;transform:scale(1.1)}.action-btn-delete[data-v-81959d0a]{background:#f56565;color:#fff}.action-btn-delete[data-v-81959d0a]:hover{background:#e53e3e;transform:scale(1.1)}.action-btn-preview svg[data-v-81959d0a],.action-btn-delete svg[data-v-81959d0a]{width:16px;height:16px}.selection-indicator[data-v-81959d0a]{position:absolute;top:16px;left:16px;width:24px;height:24px;background:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.selection-indicator svg[data-v-81959d0a]{width:16px;height:16px}.empty-state[data-v-81959d0a]{text-align:center;padding:60px 20px;color:#718096}.empty-icon[data-v-81959d0a]{width:80px;height:80px;margin:0 auto 16px;color:#cbd5e0}.empty-title[data-v-81959d0a]{font-size:18px;font-weight:600;margin-bottom:8px;color:#4a5568}.empty-description[data-v-81959d0a]{font-size:14px}.batch-actions[data-v-81959d0a]{margin-top:24px;padding:20px;background:#f7fafc;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.selection-info[data-v-81959d0a]{font-size:14px;color:#4a5568;font-weight:600}.action-buttons[data-v-81959d0a]{display:flex;gap:12px}.btn[data-v-81959d0a]{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary[data-v-81959d0a]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-81959d0a]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.btn-secondary[data-v-81959d0a]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-81959d0a]:hover{background:#cbd5e0;transform:translateY(-1px)}.modal-overlay[data-v-81959d0a]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content[data-v-81959d0a]{background:#fff;border-radius:16px;max-width:800px;width:90%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px #00000040}.modal-header[data-v-81959d0a]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-title[data-v-81959d0a]{font-size:20px;font-weight:600;color:#2d3748}.modal-close[data-v-81959d0a]{width:32px;height:32px;border:none;background:#f7fafc;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#4a5568}.modal-close[data-v-81959d0a]:hover{background:#e2e8f0;color:#2d3748}.modal-close svg[data-v-81959d0a]{width:20px;height:20px}.modal-body[data-v-81959d0a]{padding:24px}.preview-image[data-v-81959d0a]{position:relative;margin-bottom:20px}.image-info-panel[data-v-81959d0a]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;margin-top:20px}.image-info-panel h4[data-v-81959d0a]{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:16px}.info-grid[data-v-81959d0a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-item[data-v-81959d0a]{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.info-label[data-v-81959d0a]{font-size:14px;color:#718096}.info-value[data-v-81959d0a]{font-size:14px;font-weight:600;color:#2d3748}.modal-enter-active[data-v-81959d0a],.modal-leave-active[data-v-81959d0a]{transition:all .3s ease}.modal-enter-from[data-v-81959d0a],.modal-leave-to[data-v-81959d0a]{opacity:0;transform:scale(.9)}.results-section[data-v-81959d0a]{margin:0}.results-grid[data-v-81959d0a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px;margin-top:24px}.result-card[data-v-81959d0a]{background:#f7fafc;border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000000d;transition:all .3s ease}.result-card[data-v-81959d0a]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.result-header[data-v-81959d0a]{margin-bottom:16px}.result-title[data-v-81959d0a]{font-size:18px;font-weight:600;color:#2d3748;margin-bottom:8px}.result-meta[data-v-81959d0a]{display:flex;gap:16px;font-size:12px;color:#718096}.meta-item[data-v-81959d0a]{background:#7180961a;padding:4px 8px;border-radius:6px}.result-content[data-v-81959d0a]{margin-bottom:20px}.result-images[data-v-81959d0a]{display:flex;gap:16px;margin-bottom:16px}.result-image-item[data-v-81959d0a]{flex:1;display:flex;flex-direction:column;gap:8px}.image-label[data-v-81959d0a]{font-size:12px;font-weight:600;color:#4a5568;text-align:center}.result-image-container[data-v-81959d0a]{width:100%;height:200px;border-radius:8px;overflow:hidden;background:#f7fafc;display:flex;align-items:center;justify-content:center}.result-image[data-v-81959d0a]{max-width:100%;max-height:100%;object-fit:contain}.result-stats[data-v-81959d0a]{display:flex;gap:20px;justify-content:center;padding:16px;background:#fff;border-radius:12px}.stat-item[data-v-81959d0a]{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label[data-v-81959d0a]{font-size:12px;color:#718096}.stat-value[data-v-81959d0a]{font-size:18px;font-weight:700;color:#667eea}.result-actions[data-v-81959d0a]{display:flex;gap:12px;justify-content:center}.result-actions .btn[data-v-81959d0a]{flex:1;max-width:150px}@media(max-width:1024px){.content-container[data-v-81959d0a]{grid-template-columns:1fr;gap:30px}.tools-panel[data-v-81959d0a]{position:static}.results-grid[data-v-81959d0a]{grid-template-columns:1fr}}@media(max-width:768px){.image-grid[data-v-81959d0a]{grid-template-columns:1fr}.batch-actions[data-v-81959d0a]{flex-direction:column;gap:16px}.action-buttons[data-v-81959d0a]{flex-direction:column;width:100%}.btn[data-v-81959d0a]{width:100%}.result-images[data-v-81959d0a]{flex-direction:column}.result-stats[data-v-81959d0a]{flex-direction:column;gap:12px}.result-actions[data-v-81959d0a]{flex-direction:column}.result-actions .btn[data-v-81959d0a]{max-width:none}}.loading-container[data-v-81959d0a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner[data-v-81959d0a]{width:60px;height:60px;border:5px solid rgba(102,126,234,.2);border-radius:50%;border-top-color:#667eea;animation:spin-81959d0a 1s ease-in-out infinite;margin-bottom:20px}@keyframes spin-81959d0a{to{transform:rotate(360deg)}}.loading-text[data-v-81959d0a]{font-size:16px;color:#4a5568;font-weight:600}.detail-modal[data-v-81959d0a]{max-width:900px;width:95%}.detail-modal-body[data-v-81959d0a]{max-height:80vh;overflow-y:auto}.detail-content[data-v-81959d0a]{display:flex;flex-direction:column;gap:24px}.detail-header[data-v-81959d0a]{padding-bottom:16px;border-bottom:1px solid #e2e8f0}.detail-header h4[data-v-81959d0a]{font-size:20px;font-weight:600;color:#2d3748;margin-bottom:12px}.detail-meta[data-v-81959d0a]{display:flex;flex-wrap:wrap;gap:12px}.detail-images[data-v-81959d0a]{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.detail-images[data-v-81959d0a]{grid-template-columns:1fr}}.detail-image-section h5[data-v-81959d0a]{font-size:16px;font-weight:600;color:#4a5568;margin-bottom:12px}.detail-image-container[data-v-81959d0a]{border:1px solid #e2e8f0;border-radius:8px;padding:16px;background:#f7fafc;display:flex;justify-content:center;align-items:center;min-height:300px;height:400px;overflow:hidden}.detail-image[data-v-81959d0a]{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.detail-empty[data-v-81959d0a]{text-align:center;padding:60px 20px;color:#718096}.btn[data-v-81959d0a]:disabled{opacity:.7;cursor:not-allowed}.results-visualization-page[data-v-ab742056]{padding:100px 20px 40px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-ab742056]{text-align:center;margin-bottom:40px}.page-title[data-v-ab742056]{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:8px;font-family:"Noto Serif SC",serif}.page-subtitle[data-v-ab742056]{font-size:18px;color:#718096}.content-container[data-v-ab742056]{max-width:1400px;margin:0 auto;display:grid;grid-template-rows:auto auto;gap:40px}.visualization-panel[data-v-ab742056]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a}.view-controls[data-v-ab742056]{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e2e8f0}.control-group[data-v-ab742056]{display:flex;flex-direction:column;gap:8px}.control-label[data-v-ab742056]{font-size:14px;font-weight:600;color:#4a5568}.upload-controls[data-v-ab742056]{display:flex;gap:8px}.btn-primary[data-v-ab742056]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn[data-v-ab742056]{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.image-display[data-v-ab742056]{min-height:500px;margin-bottom:20px}.image-content[data-v-ab742056]{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#f7fafc;display:flex;align-items:center;justify-content:center}.result-image[data-v-ab742056],.ground-truth-image[data-v-ab742056]{max-width:100%;max-height:100%;object-fit:none}.ground-truth-overlay[data-v-ab742056]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#0006;color:#fff;font-size:16px;font-weight:600}.side-view[data-v-ab742056]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;height:100%}.image-column[data-v-ab742056]{display:flex;flex-direction:column;gap:16px}.column-title[data-v-ab742056]{font-size:16px;font-weight:600;color:#2d3748;text-align:center}.image-container[data-v-ab742056]{flex:1;display:flex;flex-direction:column;gap:12px}.image-placeholder[data-v-ab742056]{flex:1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;aspect-ratio:1 / 1}.image-placeholder svg[data-v-ab742056]{width:64px;height:64px}.segmentation-overlay[data-v-ab742056]{position:absolute;inset:0;background:#667eea4d;border-radius:12px;display:flex;align-items:center;justify-content:center}.segmentation-legend[data-v-ab742056]{display:flex;flex-direction:column;gap:8px;background:#ffffffe6;padding:12px;border-radius:8px}.legend-item[data-v-ab742056]{display:flex;align-items:center;gap:8px}.legend-color[data-v-ab742056]{width:16px;height:16px;border-radius:50%}.legend-label[data-v-ab742056]{font-size:12px;font-weight:600;color:#2d3748}.ground-truth-overlay[data-v-ab742056]{position:absolute;inset:0;background:#ff6b6b4d;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.image-info[data-v-ab742056]{text-align:center}.image-info h4[data-v-ab742056]{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:4px}.image-info p[data-v-ab742056]{font-size:12px;color:#718096}.image-navigation[data-v-ab742056]{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px;background:#f7fafc;border-radius:12px}.nav-btn[data-v-ab742056]{width:40px;height:40px;border:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#4a5568;box-shadow:0 2px 8px #0000001a}.nav-btn[data-v-ab742056]:hover:not(:disabled){background:#667eea;color:#fff;transform:scale(1.05)}.nav-btn[data-v-ab742056]:disabled{opacity:.5;cursor:not-allowed}.nav-btn svg[data-v-ab742056]{width:20px;height:20px}.image-indicators[data-v-ab742056]{display:flex;gap:8px}.indicator[data-v-ab742056]{width:8px;height:8px;border-radius:50%;background:#cbd5e0;cursor:pointer;transition:all .3s ease}.indicator.active[data-v-ab742056]{background:#667eea;transform:scale(1.2)}.info-panel[data-v-ab742056]{display:flex;flex-direction:column;gap:30px}.info-panel .lists-container[data-v-ab742056]{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch;width:100%;overflow-x:auto;padding:5px 0}.results-list[data-v-ab742056],.detailed-metrics-container[data-v-ab742056],.action-buttons-container[data-v-ab742056]{background:#fff;border-radius:12px;padding:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;aspect-ratio:1/1;min-width:120px}.section-title[data-v-ab742056]{font-size:14px;font-weight:600;color:#2d3748;margin-bottom:8px;text-align:center}.result-items[data-v-ab742056]{display:block;flex:1;overflow-y:auto;overflow-x:auto;padding:4px;scrollbar-width:none;scrollbar-color:rgba(102,126,234,.6) transparent;transition:scrollbar-width .3s ease;width:100%;box-sizing:border-box}.result-items[data-v-ab742056]:hover,.metrics-list[data-v-ab742056]:hover,.action-buttons[data-v-ab742056]:hover{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.6) transparent}.result-items[data-v-ab742056]:hover::-webkit-scrollbar,.metrics-list[data-v-ab742056]:hover::-webkit-scrollbar,.action-buttons[data-v-ab742056]:hover::-webkit-scrollbar{width:6px;height:6px}.result-items[data-v-ab742056]::-webkit-scrollbar,.metrics-list[data-v-ab742056]::-webkit-scrollbar,.action-buttons[data-v-ab742056]::-webkit-scrollbar{width:0;height:0}.result-items[data-v-ab742056]::-webkit-scrollbar-track,.metrics-list[data-v-ab742056]::-webkit-scrollbar-track,.action-buttons[data-v-ab742056]::-webkit-scrollbar-track{background:transparent}.result-items[data-v-ab742056]::-webkit-scrollbar-thumb,.metrics-list[data-v-ab742056]::-webkit-scrollbar-thumb,.action-buttons[data-v-ab742056]::-webkit-scrollbar-thumb{background:#eae66699;border-radius:3px}.result-items[data-v-ab742056]::-webkit-scrollbar-thumb:hover,.metrics-list[data-v-ab742056]::-webkit-scrollbar-thumb:hover,.action-buttons[data-v-ab742056]::-webkit-scrollbar-thumb:hover{background:#667eeacc}.result-item[data-v-ab742056]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease;width:100%;margin:0 0 8px;box-sizing:border-box}.result-item[data-v-ab742056]:hover{background:#f7fafc}.result-item.active[data-v-ab742056]{background:#25e7521a;border:1px solid rgba(113,234,102,.2);width:120%;margin:0 0 8px;box-sizing:border-box;border-radius:6px}.result-thumbnail[data-v-ab742056]{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#14c720b5;flex-shrink:0}.result-thumbnail svg[data-v-ab742056]{width:20px;height:20px}.result-info[data-v-ab742056]{flex:1;min-width:0;box-sizing:border-box}.empty-state[data-v-ab742056]{text-align:center;padding:20px;color:#718096;font-size:14px;background:#f7fafc;border-radius:6px;margin:10px 0}.empty-state p[data-v-ab742056]{margin:0}.result-name[data-v-ab742056]{font-size:12px;font-weight:600;color:#2d3748;margin-bottom:2px;line-height:1.2}.metric[data-v-ab742056]{font-size:10px;color:#667eea;font-weight:600}.result-time[data-v-ab742056]{font-size:10px;color:#718096}.metrics-list[data-v-ab742056]{display:flex;flex-direction:column;gap:16px;flex:1;justify-content:center;overflow-y:auto;overflow-x:auto;padding:4px;scrollbar-width:none;scrollbar-color:rgba(102,126,234,.6) transparent;transition:scrollbar-width .3s ease}.metric-row[data-v-ab742056]{display:flex;align-items:center;gap:12px}.metric-name[data-v-ab742056]{font-size:14px;color:#4a5568;min-width:80px}.metric-bar[data-v-ab742056]{flex:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.metric-fill[data-v-ab742056]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s ease}.metric-value[data-v-ab742056]{font-size:14px;font-weight:600;color:#667eea;min-width:60px;text-align:right}.action-buttons[data-v-ab742056]{display:flex;flex-direction:column;gap:12px;flex:1;justify-content:center;overflow-y:auto;overflow-x:auto;padding:4px;scrollbar-width:none;scrollbar-color:rgba(102,126,234,.6) transparent;transition:scrollbar-width .3s ease}.btn[data-v-ab742056]{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-primary[data-v-ab742056]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary[data-v-ab742056]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #667eea4d}.btn-secondary[data-v-ab742056]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-ab742056]:hover{background:#cbd5e0;transform:translateY(-1px)}.btn-icon[data-v-ab742056]{width:16px;height:16px}@media(max-width:1024px){.content-container[data-v-ab742056],.side-view[data-v-ab742056]{grid-template-columns:1fr;gap:30px}.view-controls[data-v-ab742056]{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.metrics-display[data-v-ab742056]{flex-direction:column;gap:12px}.image-navigation[data-v-ab742056]{flex-direction:column;gap:16px}}.performance-metrics-page[data-v-97b58dc2]{padding:100px 20px 40px;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.page-header[data-v-97b58dc2]{text-align:center;margin-bottom:40px}.page-title[data-v-97b58dc2]{font-size:36px;font-weight:700;color:#2d3748;margin-bottom:8px;font-family:"Noto Serif SC",serif}.page-subtitle[data-v-97b58dc2]{font-size:18px;color:#718096}.content-container[data-v-97b58dc2]{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.overview-cards[data-v-97b58dc2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.metric-card[data-v-97b58dc2]{background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 25px #0000001a;transition:all .3s ease}.metric-card[data-v-97b58dc2]:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.card-header[data-v-97b58dc2]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.card-icon[data-v-97b58dc2]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.card-icon svg[data-v-97b58dc2]{width:24px;height:24px}.card-info[data-v-97b58dc2]{flex:1}.card-title[data-v-97b58dc2]{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.card-subtitle[data-v-97b58dc2]{font-size:14px;color:#718096}.card-body[data-v-97b58dc2]{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.metric-value[data-v-97b58dc2]{font-size:32px;font-weight:700;color:#2d3748}.metric-change[data-v-97b58dc2]{font-size:14px;font-weight:600;padding:4px 8px;border-radius:6px}.metric-change.positive[data-v-97b58dc2]{background:#c6f6d5;color:#22543d}.metric-change.negative[data-v-97b58dc2]{background:#fed7d7;color:#c53030}.card-footer[data-v-97b58dc2]{display:flex;align-items:center;gap:12px}.progress-bar[data-v-97b58dc2]{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill[data-v-97b58dc2]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .5s ease}.progress-text[data-v-97b58dc2]{font-size:12px;font-weight:600;color:#667eea}.analysis-section[data-v-97b58dc2]{display:grid;grid-template-columns:2fr 1fr;gap:40px}.charts-panel[data-v-97b58dc2]{display:flex;flex-direction:column;gap:30px}.chart-container[data-v-97b58dc2]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a}.chart-header[data-v-97b58dc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.chart-title[data-v-97b58dc2]{font-size:20px;font-weight:600;color:#2d3748}.chart-controls[data-v-97b58dc2]{display:flex;align-items:center;gap:16px}.metric-selector[data-v-97b58dc2]{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.time-range[data-v-97b58dc2]{display:flex;gap:4px}.range-btn[data-v-97b58dc2]{padding:6px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;transition:all .3s ease}.range-btn[data-v-97b58dc2]:hover{background:#f7fafc}.range-btn.active[data-v-97b58dc2]{background:#667eea;color:#fff;border-color:#667eea}.model-selector[data-v-97b58dc2]{display:flex;gap:12px;flex-wrap:wrap}.checkbox-item[data-v-97b58dc2]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-item input[type=checkbox][data-v-97b58dc2]{display:none}.checkmark[data-v-97b58dc2]{width:16px;height:16px;border:2px solid #cbd5e0;border-radius:4px;position:relative;transition:all .3s ease}.checkbox-item input[type=checkbox]:checked+.checkmark[data-v-97b58dc2]{background:#667eea;border-color:#667eea}.checkbox-item input[type=checkbox]:checked+.checkmark[data-v-97b58dc2]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.checkbox-text[data-v-97b58dc2]{font-size:12px;color:#4a5568}.chart-content[data-v-97b58dc2]{display:flex;justify-content:center;align-items:center;min-height:400px;padding:30px}.metrics-panel[data-v-97b58dc2]{display:flex;flex-direction:column;gap:30px}.ranking-section[data-v-97b58dc2],.metrics-table-section[data-v-97b58dc2],.analysis-section[data-v-97b58dc2]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a}.ranking-list[data-v-97b58dc2]{display:flex;flex-direction:column;gap:12px}.ranking-item[data-v-97b58dc2]{display:flex;align-items:center;gap:16px;padding:16px;background:#f7fafc;border-radius:12px;transition:all .3s ease}.ranking-item[data-v-97b58dc2]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.rank-number[data-v-97b58dc2]{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.rank-number.rank-gold[data-v-97b58dc2]{background:linear-gradient(135deg,gold,#ffed4e)}.rank-number.rank-silver[data-v-97b58dc2]{background:linear-gradient(135deg,silver,#e5e5e5)}.rank-number.rank-bronze[data-v-97b58dc2]{background:linear-gradient(135deg,#cd7f32,#daa520)}.rank-number.rank-normal[data-v-97b58dc2]{background:linear-gradient(135deg,#667eea,#764ba2)}.model-info[data-v-97b58dc2]{flex:1}.model-name[data-v-97b58dc2]{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.model-type[data-v-97b58dc2]{font-size:12px;color:#718096}.model-score[data-v-97b58dc2]{text-align:center;min-width:60px}.score-value[data-v-97b58dc2]{font-size:20px;font-weight:700;color:#667eea;margin-bottom:2px}.score-label[data-v-97b58dc2]{font-size:10px;color:#718096}.metrics-table[data-v-97b58dc2]{overflow:hidden}.table-header[data-v-97b58dc2]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px 0;border-bottom:2px solid #e2e8f0;font-size:14px;font-weight:600;color:#2d3748}.table-body[data-v-97b58dc2]{display:flex;flex-direction:column;gap:1px;background:#e2e8f0}.table-row[data-v-97b58dc2]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:12px;background:#fff;align-items:center}.table-cell[data-v-97b58dc2]{font-size:14px}.metric-name[data-v-97b58dc2]{display:flex;flex-direction:column;gap:2px}.metric-description[data-v-97b58dc2]{font-size:12px;color:#718096}.metric-current[data-v-97b58dc2]{font-weight:600;color:#667eea}.metric-average[data-v-97b58dc2]{color:#4a5568}.metric-best[data-v-97b58dc2]{font-weight:600;color:#48bb78}.analysis-content[data-v-97b58dc2]{display:flex;flex-direction:column;gap:16px}.analysis-item[data-v-97b58dc2]{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f7fafc;border-radius:12px;transition:all .3s ease}.analysis-item[data-v-97b58dc2]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.analysis-icon[data-v-97b58dc2]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.analysis-icon.success[data-v-97b58dc2]{background:#c6f6d5;color:#22543d}.analysis-icon.warning[data-v-97b58dc2]{background:#fef5e7;color:#c05621}.analysis-icon.info[data-v-97b58dc2]{background:#e6fffa;color:#285e61}.analysis-icon svg[data-v-97b58dc2]{width:20px;height:20px}.analysis-text[data-v-97b58dc2]{flex:1}.analysis-title[data-v-97b58dc2]{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.analysis-description[data-v-97b58dc2]{font-size:14px;color:#718096;line-height:1.5}.report-section[data-v-97b58dc2]{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 25px #0000001a}.report-header[data-v-97b58dc2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.section-title[data-v-97b58dc2]{font-size:24px;font-weight:700;color:#2d3748;font-family:"Noto Serif SC",serif}.report-controls[data-v-97b58dc2]{display:flex;gap:12px}.report-content[data-v-97b58dc2]{display:grid;grid-template-columns:1fr 1fr;gap:40px}.report-summary[data-v-97b58dc2],.report-recommendations[data-v-97b58dc2]{display:flex;flex-direction:column;gap:20px}.summary-title[data-v-97b58dc2],.recommendations-title[data-v-97b58dc2]{font-size:18px;font-weight:600;color:#2d3748}.summary-content[data-v-97b58dc2]{background:#f7fafc;padding:20px;border-radius:12px}.summary-content p[data-v-97b58dc2]{font-size:14px;color:#4a5568;line-height:1.6}.recommendations-list[data-v-97b58dc2]{display:flex;flex-direction:column;gap:16px}.recommendation-item[data-v-97b58dc2]{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f7fafc;border-radius:12px;transition:all .3s ease}.recommendation-item[data-v-97b58dc2]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.recommendation-icon[data-v-97b58dc2]{width:32px;height:32px;background:#667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.recommendation-icon svg[data-v-97b58dc2]{width:16px;height:16px}.recommendation-content[data-v-97b58dc2]{flex:1}.recommendation-title[data-v-97b58dc2]{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:4px}.recommendation-description[data-v-97b58dc2]{font-size:14px;color:#718096;line-height:1.5}.btn[data-v-97b58dc2]{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-secondary[data-v-97b58dc2]{background:#e2e8f0;color:#4a5568}.btn-secondary[data-v-97b58dc2]:hover{background:#cbd5e0;transform:translateY(-1px)}.btn-icon[data-v-97b58dc2]{width:16px;height:16px}@media(max-width:1024px){.analysis-section[data-v-97b58dc2],.report-content[data-v-97b58dc2]{grid-template-columns:1fr;gap:30px}.overview-cards[data-v-97b58dc2]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.chart-header[data-v-97b58dc2],.report-header[data-v-97b58dc2]{flex-direction:column;align-items:flex-start}.table-header[data-v-97b58dc2],.table-row[data-v-97b58dc2]{grid-template-columns:1fr;gap:8px}.table-cell[data-v-97b58dc2]{display:flex;justify-content:space-between;align-items:center}}.login-page[data-v-6258b66d]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-container[data-v-6258b66d]{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header[data-v-6258b66d]{text-align:center;margin-bottom:32px}.login-title[data-v-6258b66d]{font-size:32px;font-weight:700;color:#667eea;margin-bottom:8px}.login-subtitle[data-v-6258b66d]{font-size:16px;color:#666;margin:0}.form-tabs[data-v-6258b66d]{display:flex;margin-bottom:24px;border-bottom:1px solid #eaeaea}.tab-button[data-v-6258b66d]{flex:1;padding:12px;background:none;border:none;font-size:16px;font-weight:600;color:#999;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent}.tab-button[data-v-6258b66d]:hover{color:#667eea}.tab-button.active[data-v-6258b66d]{color:#667eea;border-bottom-color:#667eea}.form-group[data-v-6258b66d]{margin-bottom:20px}.form-label[data-v-6258b66d]{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.form-input[data-v-6258b66d]{width:100%;padding:12px 16px;border:1px solid #eaeaea;border-radius:8px;font-size:16px;transition:all .3s ease}.form-input[data-v-6258b66d]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message[data-v-6258b66d]{color:#e53935;font-size:14px;margin-bottom:16px;padding:8px 12px;background:#e539351a;border-radius:6px;border-left:3px solid #e53935}.login-button[data-v-6258b66d],.register-button[data-v-6258b66d]{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.btn-primary[data-v-6258b66d]{background:#667eea;color:#fff}.btn-primary[data-v-6258b66d]:hover{background:#5a6fd8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(max-width:480px){.login-container[data-v-6258b66d]{padding:30px 20px}.login-title[data-v-6258b66d]{font-size:28px}}