@charset "UTF-8";.debug-nav[data-v-64446540]{position:fixed;background:#fffffff2;border:2px solid #20b2aa;border-radius:12px;padding:16px;min-width:300px;max-width:400px;box-shadow:0 4px 12px #00000026;z-index:9999;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;backdrop-filter:blur(10px);transition:box-shadow .2s ease;user-select:none}.debug-nav.dragging[data-v-64446540]{box-shadow:0 8px 25px #00000040;transform:scale(1.02)}.debug-nav-header[data-v-64446540]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e0e0e0;cursor:move;position:relative}.debug-nav-header[data-v-64446540]:before{content:"⋮⋮";position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:#20b2aa;font-size:14px;opacity:.6;writing-mode:vertical-lr;text-orientation:mixed}.debug-nav-header h3[data-v-64446540]{margin:0;color:#20b2aa;font-size:14px;font-weight:600}.header-controls[data-v-64446540]{display:flex;align-items:center;gap:8px}.env-badge[data-v-64446540]{background:#20b2aa;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;text-transform:uppercase}.toggle-btn[data-v-64446540]{background:#20b2aa;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:10px;cursor:pointer;transition:background-color .2s}.toggle-btn[data-v-64446540]:hover{background:#1a9b93}.debug-nav-content[data-v-64446540]{animation:slideDown-64446540 .2s ease-out}@keyframes slideDown-64446540{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.current-route[data-v-64446540]{margin-bottom:12px;padding:8px;background:#f0f8ff;border-radius:6px;border-left:3px solid #20b2aa}.routes-list[data-v-64446540]{margin-bottom:12px}.routes-list h4[data-v-64446540]{margin:0 0 8px;color:#333;font-size:12px}.routes-list ul[data-v-64446540]{list-style:none;padding:0;margin:0}.route-item[data-v-64446540]{margin-bottom:4px}.route-link[data-v-64446540]{display:block;padding:6px 8px;text-decoration:none;color:#666;border-radius:4px;transition:all .2s;border:1px solid transparent}.route-link[data-v-64446540]:hover{background:#f0f8ff;color:#20b2aa;border-color:#20b2aa}.route-link.active[data-v-64446540]{background:#20b2aa;color:#fff;font-weight:500}.route-path[data-v-64446540]{color:#999;font-size:10px;margin-left:4px}.route-link.active .route-path[data-v-64446540]{color:#fffc}.route-info[data-v-64446540]{border-top:1px solid #e0e0e0;padding-top:12px}.route-info h4[data-v-64446540]{margin:0 0 8px;color:#333;font-size:12px}.route-info pre[data-v-64446540]{background:#f8f8f8;padding:8px;border-radius:4px;overflow-x:auto;font-size:10px;line-height:1.4;max-height:200px;overflow-y:auto;border:1px solid #e0e0e0}@media (max-width: 768px){.debug-nav[data-v-64446540]{position:fixed;top:10px;right:10px;left:10px;max-width:none;min-width:auto}}.icon[data-v-55411784]{display:inline-block;flex-shrink:0;transition:all .2s ease-in-out}.icon-xs[data-v-55411784]{width:.75rem;height:.75rem}.icon-sm[data-v-55411784]{width:1rem;height:1rem}.icon-md[data-v-55411784]{width:1.25rem;height:1.25rem}.icon-lg[data-v-55411784]{width:1.5rem;height:1.5rem}.icon-xl[data-v-55411784]{width:1.75rem;height:1.75rem}.icon-2xl[data-v-55411784]{width:2rem;height:2rem}.icon-outline[data-v-55411784]{stroke-width:1.5}.icon-solid[data-v-55411784]{stroke-width:0}.icon-primary[data-v-55411784]{color:#3b82f6}.icon-secondary[data-v-55411784]{color:#6b7280}.icon-success[data-v-55411784]{color:#10b981}.icon-warning[data-v-55411784]{color:#f59e0b}.icon-error[data-v-55411784]{color:#ef4444}.icon-clickable[data-v-55411784]{cursor:pointer}.icon-clickable[data-v-55411784]:hover{opacity:.8;transform:scale(1.05)}.icon-clickable[data-v-55411784]:active{transform:scale(.95)}.top-navigation[data-v-652c3985]{position:fixed;top:0;left:0;right:0;z-index:1030;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d}.nav-container[data-v-652c3985]{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;max-width:1200px;margin:0 auto}.logo-section[data-v-652c3985]{flex-shrink:0}.logo[data-v-652c3985]{display:flex;align-items:center;gap:12px;cursor:pointer;transition:.15s ease-in-out}.logo[data-v-652c3985]:hover{opacity:.8}.logo-text[data-v-652c3985]{font-size:18px;font-weight:600;color:#20b2aa}.role-switch-section[data-v-652c3985]{flex:1;display:flex;justify-content:center}.role-switcher[data-v-652c3985]{display:flex;background:#f5f5f5;border-radius:12px;padding:4px;gap:4px}.role-btn[data-v-652c3985]{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:.15s ease-in-out;font-size:14px;color:#666}.role-btn[data-v-652c3985]:hover{background:#20b2aa1a;color:#20b2aa}.role-btn.active[data-v-652c3985]{background:#20b2aa;color:#fff;box-shadow:0 1px 2px #0000000d}.user-section[data-v-652c3985]{position:relative;flex-shrink:0}.user-info[data-v-652c3985]{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;cursor:pointer;transition:.15s ease-in-out}.user-info[data-v-652c3985]:hover{background:#f8f9fa}.user-avatar[data-v-652c3985]{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.avatar-img[data-v-652c3985]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-652c3985]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.user-details[data-v-652c3985]{display:flex;flex-direction:column;gap:2px}.user-name[data-v-652c3985]{font-size:14px;font-weight:500;color:#333}.user-role[data-v-652c3985]{font-size:12px;color:#999}.dropdown-icon[data-v-652c3985]{transition:.15s ease-in-out}.user-info:hover .dropdown-icon[data-v-652c3985]{transform:rotate(180deg)}.user-menu[data-v-652c3985]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;border:1px solid #e0e0e0;min-width:200px;overflow:hidden;z-index:1000}.menu-item[data-v-652c3985]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:.15s ease-in-out;font-size:14px;color:#333}.menu-item[data-v-652c3985]:hover{background:#f8f9fa}.menu-item.logout[data-v-652c3985]{color:#dc3545}.menu-item.logout[data-v-652c3985]:hover{background:#dc35451a}.menu-divider[data-v-652c3985]{height:1px;background:#e0e0e0;margin:8px 0}.menu-overlay[data-v-652c3985]{position:fixed;inset:0;z-index:1040}.student-selector[data-v-652c3985]{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;border:1px solid #e0e0e0;min-width:280px;max-width:320px;max-height:400px;overflow:hidden;z-index:1000}.selector-header[data-v-652c3985]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e0e0e0}.selector-title[data-v-652c3985]{font-size:16px;font-weight:600;color:#333}.close-btn[data-v-652c3985]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:.15s ease-in-out}.close-btn[data-v-652c3985]:hover{background:#f5f5f5}.student-list[data-v-652c3985]{max-height:300px;overflow-y:auto}.student-item[data-v-652c3985]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:.15s ease-in-out;border-bottom:1px solid #f5f5f5}.student-item[data-v-652c3985]:hover{background:#f8f9fa}.student-item.active[data-v-652c3985]{background:#20b2aa1a}.student-item[data-v-652c3985]:last-child{border-bottom:none}.student-avatar[data-v-652c3985]{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.student-avatar img[data-v-652c3985]{width:100%;height:100%;object-fit:cover}.student-avatar .avatar-placeholder[data-v-652c3985]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.student-info[data-v-652c3985]{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.student-name[data-v-652c3985]{font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.student-relation[data-v-652c3985]{font-size:12px;color:#999}.empty-state[data-v-652c3985]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#999}.empty-state p[data-v-652c3985]{margin:12px 0;font-size:14px}.bind-btn[data-v-652c3985]{margin-top:12px;padding:8px 16px;background:#20b2aa;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:.15s ease-in-out}.bind-btn[data-v-652c3985]:hover{background:#1da099}@media (max-width: 768px){.nav-container[data-v-652c3985]{padding:0 16px}.logo-text[data-v-652c3985]{display:none}.role-switcher[data-v-652c3985]{gap:2px}.role-btn[data-v-652c3985]{padding:8px;gap:4px}.role-btn span[data-v-652c3985],.user-details[data-v-652c3985]{display:none}.user-info[data-v-652c3985]{padding:8px}}@media (max-width: 640px){.nav-container[data-v-652c3985]{padding:0 12px}.role-switch-section[data-v-652c3985]{display:none}.student-selector[data-v-652c3985]{min-width:240px;max-width:280px}}.app[data-v-5857d641]{position:relative;height:100vh}.main-content[data-v-5857d641]{height:100vh}.main-content.with-nav[data-v-5857d641]{padding-top:64px}.btn[data-v-7f20dbf9]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;white-space:nowrap;outline:none;box-shadow:0 2px #0000001a,0 1px #ffffff1a inset}.btn[data-v-7f20dbf9]:focus{box-shadow:0 0 0 3px #20b2aa33}.btn-small[data-v-7f20dbf9]{padding:8px 12px;font-size:12px;min-height:32px}.btn-medium[data-v-7f20dbf9]{padding:12px 16px;font-size:14px;min-height:40px}.btn-large[data-v-7f20dbf9]{padding:16px 24px;font-size:16px;min-height:48px}.btn-primary[data-v-7f20dbf9]{background-color:#20b2aa;color:#fff;border:none;box-shadow:0 2px #1a9b93cc,0 1px #fff3 inset}.btn-primary[data-v-7f20dbf9]:hover:not(.btn-disabled){background-color:#1a9b93;border-color:#1a9b93;transform:translateY(-2px) scale(1.02);box-shadow:0 4px #148c85e6,0 6px 20px #20b2aa66;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary[data-v-7f20dbf9]:active:not(.btn-disabled){transform:translateY(0);box-shadow:0 2px 4px #20b2aa33}.btn-secondary[data-v-7f20dbf9]{background-color:#6c757d;color:#fff;border:none;box-shadow:0 2px #5a6268cc,0 1px #fff3 inset}.btn-secondary[data-v-7f20dbf9]:hover:not(.btn-disabled){background-color:#5a6268;border-color:#5a6268;transform:translateY(-2px) scale(1.02);box-shadow:0 4px #50585ee6,0 6px 20px #6c757d66;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline[data-v-7f20dbf9]{background-color:transparent;color:#20b2aa;border:2px solid #20b2aa;box-shadow:0 2px #20b2aa99,0 1px #fff3 inset}.btn-outline[data-v-7f20dbf9]:hover:not(.btn-disabled){background-color:#20b2aa;color:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 4px #1a9b93cc,0 6px 20px #20b2aa66;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-ghost[data-v-7f20dbf9]{background-color:transparent;color:#20b2aa;border:none;box-shadow:0 1px #20b2aa4d}.btn-ghost[data-v-7f20dbf9]:hover:not(.btn-disabled){background-color:#20b2aa1a;color:#1a9b93;transform:translateY(-2px) scale(1.02);box-shadow:0 2px #20b2aa80;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-danger[data-v-7f20dbf9]{background-color:#dc3545;color:#fff;border:none;box-shadow:0 2px #c82333cc,0 1px #fff3 inset}.btn-danger[data-v-7f20dbf9]:hover:not(.btn-disabled){background-color:#c82333;border-color:#c82333;transform:translateY(-2px) scale(1.02);box-shadow:0 4px #b41929e6,0 6px 20px #dc354566;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-disabled[data-v-7f20dbf9]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-full-width[data-v-7f20dbf9]{width:100%}.btn-rounded[data-v-7f20dbf9]{border-radius:8px}.btn-no-rounded[data-v-7f20dbf9]{border-radius:0}.btn-loading[data-v-7f20dbf9]{cursor:wait}.button-loading[data-v-7f20dbf9]{display:flex;align-items:center;justify-content:center}.button-loading .loading-spinner[data-v-7f20dbf9]{width:16px;height:16px;animation:spin-7f20dbf9 1s linear infinite}@keyframes spin-7f20dbf9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-icon[data-v-7f20dbf9],.button-right-icon[data-v-7f20dbf9]{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.button-text[data-v-7f20dbf9]{display:flex;align-items:center}.button-text.with-icon[data-v-7f20dbf9]{margin-left:4px}@media (max-width: 768px){.btn-small[data-v-7f20dbf9]{padding:6px 10px;font-size:11px;min-height:28px}.btn-medium[data-v-7f20dbf9]{padding:10px 14px;font-size:13px;min-height:36px}.btn-large[data-v-7f20dbf9]{padding:14px 20px;font-size:15px;min-height:44px}}@media (prefers-contrast: high){.btn[data-v-7f20dbf9]{border-width:2px}.btn-outline[data-v-7f20dbf9]{border-width:3px}}@media (prefers-reduced-motion: reduce){.btn[data-v-7f20dbf9]{transition:none}.btn[data-v-7f20dbf9]:hover:not(.btn-disabled){transform:none}.loading-spinner[data-v-7f20dbf9]{animation:none}}.messagebox-overlay[data-v-2d6ea99c]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px}.messagebox-container[data-v-2d6ea99c]{background-color:#fff;border-radius:12px;box-shadow:0 20px 25px #0000001a;min-width:360px;max-width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:messagebox-scale-2d6ea99c .3s cubic-bezier(.4,0,.2,1)}.messagebox-content-wrapper[data-v-2d6ea99c]{display:flex;flex-direction:column;padding:32px 24px}.messagebox-top[data-v-2d6ea99c]{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.messagebox-icon[data-v-2d6ea99c]{margin-bottom:12px;display:flex;justify-content:center;align-items:center}.icon-wrapper[data-v-2d6ea99c]{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background-color:#20b2aa14;transition:transform .2s ease}.icon-wrapper.icon-success[data-v-2d6ea99c]{background-color:#10b98114}.icon-wrapper.icon-error[data-v-2d6ea99c]{background-color:#ef444414}.icon-wrapper.icon-warning[data-v-2d6ea99c]{background-color:#f59e0b14}.icon-wrapper.icon-info[data-v-2d6ea99c]{background-color:#3b82f614}.messagebox-title[data-v-2d6ea99c]{margin:0;font-size:20px;font-weight:600;color:#333;text-align:center;line-height:1.4}.messagebox-body[data-v-2d6ea99c]{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8px}.messagebox-message[data-v-2d6ea99c]{font-size:16px;color:#666;line-height:1.7;margin-bottom:12px;word-break:break-word;max-width:100%}.messagebox-slot-content[data-v-2d6ea99c]{width:100%;margin-bottom:12px}.messagebox-input-wrapper[data-v-2d6ea99c]{width:100%;margin-top:12px}.messagebox-input[data-v-2d6ea99c]{width:100%;padding:12px;border:2px solid #f5f5f5;border-radius:8px;font-size:16px;color:#333;background-color:#f5f5f5;outline:none;transition:.2s ease-in-out}.messagebox-input[data-v-2d6ea99c]:focus{border-color:#20b2aa;background-color:#fff}.messagebox-input[data-v-2d6ea99c]::placeholder{color:#999}.messagebox-footer[data-v-2d6ea99c]{padding:16px 24px 24px;display:flex;justify-content:center;gap:12px;border-top:1px solid rgba(0,0,0,.06);background-color:#00000005}.messagebox-fade-enter-active[data-v-2d6ea99c],.messagebox-fade-leave-active[data-v-2d6ea99c]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.messagebox-fade-enter-from[data-v-2d6ea99c],.messagebox-fade-leave-to[data-v-2d6ea99c]{opacity:0}@keyframes messagebox-scale-2d6ea99c{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.messagebox-container[data-v-2d6ea99c]{min-width:300px;max-width:95%}.messagebox-content-wrapper[data-v-2d6ea99c]{padding:24px 16px}.messagebox-footer[data-v-2d6ea99c]{padding:12px 16px 16px;flex-direction:column}.messagebox-footer .btn[data-v-2d6ea99c]{width:100%}.icon-wrapper[data-v-2d6ea99c]{width:56px;height:56px}.messagebox-title[data-v-2d6ea99c]{font-size:18px}}.login-container[data-v-3e0dfb7d]{min-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.login-form[data-v-3e0dfb7d]{width:100%;max-width:400px;padding:40px 20px}.login-title[data-v-3e0dfb7d]{font-size:32px;font-weight:600;color:#000;text-align:center;margin-bottom:40px}.input-group[data-v-3e0dfb7d]{margin-bottom:16px}.input-field[data-v-3e0dfb7d]{position:relative;margin-bottom:16px;display:flex;align-items:center;background-color:#f5f5f5;border-radius:12px;padding:0 16px;min-height:48px}.input-icon[data-v-3e0dfb7d]{display:flex;align-items:center;margin-right:12px;color:#999}.input[data-v-3e0dfb7d]{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#333}.input[data-v-3e0dfb7d]::placeholder{color:#999}.send-btn[data-v-3e0dfb7d]{margin-left:8px;flex-shrink:0}.checkbox-group[data-v-3e0dfb7d]{margin-bottom:24px}.checkbox-label[data-v-3e0dfb7d]{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#666;position:relative}.checkbox-label .checkbox-input[data-v-3e0dfb7d]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.checkbox-label .checkbox-custom[data-v-3e0dfb7d]{width:18px;height:18px;border:2px solid #999999;border-radius:4px;margin-right:8px;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;transition:all .2s ease;flex-shrink:0;position:relative}.checkbox-label .checkbox-custom.checked[data-v-3e0dfb7d]{background-color:#20b2aa;border-color:#20b2aa}.checkbox-label .checkbox-custom .checkbox-dot[data-v-3e0dfb7d]{width:8px;height:8px;background-color:#fff;border-radius:50%;display:block}.checkbox-text[data-v-3e0dfb7d]{user-select:none}.login-btn[data-v-3e0dfb7d]{margin-bottom:24px}.agreement-group[data-v-3e0dfb7d]{display:flex;justify-content:center}.agreement-group .checkbox-label[data-v-3e0dfb7d]{font-size:12px;color:#666;text-align:center}.link[data-v-3e0dfb7d]{color:#20b2aa;text-decoration:none}.link[data-v-3e0dfb7d]:hover{text-decoration:underline}.register-container[data-v-886845e6]{min-height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:20px}.register-form[data-v-886845e6]{width:100%;max-width:400px;padding:40px 20px}.register-title[data-v-886845e6]{font-size:32px;font-weight:600;color:#000;text-align:center;margin-bottom:40px}.input-group[data-v-886845e6]{margin-bottom:32px}.input-field[data-v-886845e6]{position:relative;margin-bottom:16px;display:flex;align-items:center;background-color:#f5f5f5;border-radius:12px;padding:0 16px;min-height:48px}.input-icon[data-v-886845e6]{display:flex;align-items:center;margin-right:12px;color:#999}.input[data-v-886845e6]{flex:1;border:none;background:transparent;outline:none;font-size:16px;color:#333}.input[data-v-886845e6]::placeholder{color:#999}.send-btn[data-v-886845e6]{margin-left:8px;flex-shrink:0}.password-toggle[data-v-886845e6]{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;transition:color .2s}.password-toggle[data-v-886845e6]:hover{color:#666}.checkbox-label[data-v-886845e6]{display:flex;align-items:center;cursor:pointer;font-size:12px;color:#666;justify-content:center}.checkbox[data-v-886845e6]{width:16px;height:16px;margin-right:8px;cursor:pointer;padding:0}.checkbox-text[data-v-886845e6]{user-select:none;text-align:center}.register-btn[data-v-886845e6]{margin-bottom:24px}.agreement-group[data-v-886845e6]{display:flex;justify-content:center}.link[data-v-886845e6]{color:#20b2aa;text-decoration:none}.link[data-v-886845e6]:hover{text-decoration:underline}.button-showcase[data-v-3bf700a6]{max-width:1200px;margin:0 auto;padding:40px 20px;background-color:#f8f9fa;min-height:100vh}.showcase-header[data-v-3bf700a6]{text-align:center;margin-bottom:40px}.showcase-header h1[data-v-3bf700a6]{color:#333;margin-bottom:10px}.showcase-header p[data-v-3bf700a6]{color:#666;font-size:16px}.showcase-section[data-v-3bf700a6]{background:#fff;padding:30px;margin-bottom:30px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.showcase-section h2[data-v-3bf700a6]{color:#333;margin-bottom:20px;font-size:20px;border-bottom:2px solid #20b2aa;padding-bottom:10px}.button-group[data-v-3bf700a6]{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.full-width-demo[data-v-3bf700a6]{max-width:400px}.form-demo[data-v-3bf700a6]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.interactive-demo[data-v-3bf700a6]{text-align:center}.demo-controls[data-v-3bf700a6]{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.counter-display[data-v-3bf700a6]{font-size:24px;font-weight:700;color:#20b2aa;padding:20px;background:#f0f8ff;border-radius:8px;display:inline-block}.custom-rounded[data-v-3bf700a6]{border-radius:20px!important}.custom-shadow[data-v-3bf700a6]{box-shadow:0 4px 12px #20b2aa4d!important}.custom-gradient[data-v-3bf700a6]{background:linear-gradient(45deg,#20b2aa,#1a9b93)!important;border:none!important}.custom-gradient[data-v-3bf700a6]:hover:not(.btn-disabled){background:linear-gradient(45deg,#1a9b93,#158a7d)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #20b2aa66!important}@media (max-width: 768px){.button-showcase[data-v-3bf700a6]{padding:20px 10px}.showcase-section[data-v-3bf700a6]{padding:20px}.button-group[data-v-3bf700a6]{flex-direction:column;align-items:stretch}.button-group .btn[data-v-3bf700a6]{width:100%}.form-demo[data-v-3bf700a6],.demo-controls[data-v-3bf700a6]{flex-direction:column}}.create-profile-container[data-v-8023b735]{min-height:100vh;background:linear-gradient(135deg,#20b2aa,#1a9b93);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.main-card[data-v-8023b735]{width:100%;max-width:800px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh;animation:slideUp-8023b735 .5s ease-out}.chat-container[data-v-8023b735]{flex:1;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp-8023b735{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.messages-list[data-v-8023b735]{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:#f8f9fa}.messages-list[data-v-8023b735]::-webkit-scrollbar{width:8px}.messages-list[data-v-8023b735]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.messages-list[data-v-8023b735]::-webkit-scrollbar-thumb{background:#20b2aa;border-radius:10px}.messages-list[data-v-8023b735]::-webkit-scrollbar-thumb:hover{background:#1a9b93}.message[data-v-8023b735]{display:flex;gap:12px;align-items:flex-start;animation:fadeIn-8023b735 .3s ease-in}@keyframes fadeIn-8023b735{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user[data-v-8023b735]{flex-direction:row-reverse}.message-avatar[data-v-8023b735]{width:36px;height:36px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-assistant .message-avatar[data-v-8023b735],.message-user .message-avatar[data-v-8023b735]{background:linear-gradient(135deg,#20b2aa,#1a9b93);box-shadow:0 4px 12px #20b2aa4d}.message-content[data-v-8023b735]{max-width:70%;display:flex;flex-direction:column;gap:4px}.message-user .message-content[data-v-8023b735]{align-items:flex-end}.message-text[data-v-8023b735]{padding:12px 16px;border-radius:12px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.message-assistant .message-text[data-v-8023b735]{background:#fff;color:#333;border:1px solid #e0e0e0;box-shadow:0 2px 8px #00000014}.message-user .message-text[data-v-8023b735]{background:linear-gradient(135deg,#20b2aa,#1a9b93);color:#fff;box-shadow:0 4px 12px #20b2aa4d}.message-time[data-v-8023b735]{font-size:11px;color:#999;padding:0 4px}.typing-indicator[data-v-8023b735]{display:flex;gap:4px;padding:12px 16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014}.typing-indicator span[data-v-8023b735]{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#20b2aa,#1a9b93);animation:typing-8023b735 1.4s infinite}.typing-indicator span[data-v-8023b735]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-8023b735]:nth-child(3){animation-delay:.4s}@keyframes typing-8023b735{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.options-container[data-v-8023b735]{display:flex;flex-direction:column;gap:12px;padding:0 0 20px}.option-button[data-v-8023b735]{padding:16px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;transition:all .3s;font-size:15px;color:#333;text-align:center;font-weight:500;box-shadow:0 2px 8px #0000000d}.option-button[data-v-8023b735]:hover{border-color:#20b2aa;background:linear-gradient(135deg,#20b2aa1a,#1a9b931a);transform:translateY(-3px);box-shadow:0 8px 20px #20b2aa33}.option-button[data-v-8023b735]:active{transform:translateY(0)}.option-button.disabled[data-v-8023b735]{opacity:.5;cursor:not-allowed;pointer-events:none}.input-container[data-v-8023b735]{display:flex;gap:12px;padding:20px 24px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e0e0e0}.chat-input[data-v-8023b735]{flex:1;padding:16px 20px;border:2px solid #e0e0e0;border-radius:24px;font-size:15px;background-color:#f8f9fa;outline:none;transition:all .3s}.chat-input[data-v-8023b735]:focus{border-color:#20b2aa;background-color:#fff;box-shadow:0 0 0 4px #20b2aa1a}.send-button[data-v-8023b735]{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#20b2aa,#1a9b93);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0;box-shadow:0 4px 12px #20b2aa4d}.send-button[data-v-8023b735]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #20b2aa66}.send-button[data-v-8023b735]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.create-profile-container[data-v-8023b735]{padding:10px}.main-card[data-v-8023b735]{max-width:100%;border-radius:16px;max-height:95vh}.messages-list[data-v-8023b735]{padding:16px}.message-content[data-v-8023b735]{max-width:85%}.message-avatar[data-v-8023b735]{width:32px;height:32px}.option-button[data-v-8023b735]{padding:14px 20px;font-size:14px}.input-container[data-v-8023b735]{padding:16px}.chat-input[data-v-8023b735]{font-size:16px}.send-button[data-v-8023b735]{width:48px;height:48px}}.branch-modal-overlay[data-v-7b4d0fb7]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.branch-modal-container[data-v-7b4d0fb7]{position:relative;width:100%;max-width:100vw;max-height:100vh;background:#f5f5f5;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column}.close-button[data-v-7b4d0fb7]{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.close-button[data-v-7b4d0fb7]:hover{background:#fff;transform:scale(1.1)}.close-button[data-v-7b4d0fb7]:active{transform:scale(.95)}.modal-fade-enter-active[data-v-7b4d0fb7],.modal-fade-leave-active[data-v-7b4d0fb7]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-7b4d0fb7],.modal-fade-leave-to[data-v-7b4d0fb7]{opacity:0}.modal-fade-enter-active .branch-modal-container[data-v-7b4d0fb7],.modal-fade-leave-active .branch-modal-container[data-v-7b4d0fb7]{transition:transform .3s ease,opacity .3s ease}.modal-fade-enter-from .branch-modal-container[data-v-7b4d0fb7],.modal-fade-leave-to .branch-modal-container[data-v-7b4d0fb7]{transform:scale(.9);opacity:0}.question-branch-container[data-v-7b4d0fb7]{position:relative;width:100%;height:100vh;max-height:100vh;overflow:hidden;background:#f5f5f5}.tree-canvas[data-v-7b4d0fb7]{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.nodes-container[data-v-7b4d0fb7]{position:relative;width:100%;height:100%;z-index:2}.tree-node[data-v-7b4d0fb7]{position:absolute;cursor:pointer;transform:translate(-50%,-50%);transition:all .3s ease}.tree-node[data-v-7b4d0fb7]:hover{transform:translate(-50%,-50%) scale(1.1)}.tree-node.is-root .node-circle[data-v-7b4d0fb7]:after{background:#20b249;box-shadow:0 6px 4.2px #13742e,inset 0 -4px .7px #ffffff4a}.tree-node.is-end .node-circle[data-v-7b4d0fb7]:after{background:#20b2aa;box-shadow:0 6px 4.2px #10726c,inset 0 -4px .7px #ffffff4a}.tree-node .node-circle[data-v-7b4d0fb7]{position:relative;width:107.82px;height:86.92px;margin:0 auto}.tree-node .node-circle[data-v-7b4d0fb7]:before{content:"";position:absolute;top:0;left:0;width:107.82px;height:86.92px;border-radius:50%;background:#fff;box-shadow:0 7px 4.2px #085752e6;z-index:1}.tree-node .node-circle[data-v-7b4d0fb7]:after{content:"";position:absolute;top:0;left:7.7px;width:92.42px;height:71.52px;border-radius:50%;background:#20b249;box-shadow:0 6px 4.2px #13742e,inset 0 -4px .7px #ffffff4a;z-index:2}.tree-node .node-circle .node-number[data-v-7b4d0fb7]{position:relative;font-family:Inter,sans-serif;font-size:40px;font-weight:700;color:#fff;line-height:1.21;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:12px}.tree-node .node-label[data-v-7b4d0fb7]{margin-top:10px;font-family:PingFang SC,sans-serif;font-size:12px;color:#333;text-align:center;max-width:150px;word-wrap:break-word;line-height:1.4}.current-location-label[data-v-7b4d0fb7]{position:absolute;transform:translate(-50%,-100%);z-index:10;pointer-events:none;margin-bottom:12px}.current-location-label .location-text[data-v-7b4d0fb7]{background:#fff;padding:10px 20px;border-radius:24px;font-family:PingFang SC,Inter,sans-serif;font-size:16px;font-weight:600;color:#1a1a1a;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;white-space:nowrap;position:relative;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.2px;line-height:1.5}.current-location-label .location-text[data-v-7b4d0fb7]:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #FFFFFF;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.04))}.current-location-label .location-text[data-v-7b4d0fb7]:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#20b249;margin-right:8px;flex-shrink:0}.quiz-container[data-v-3f6ff858]{height:100%;background-color:#f5f7fa;background-image:url(/image.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;flex-direction:column;position:relative}.quiz-container[data-v-3f6ff858]:before{content:"";position:fixed;inset:0;background:#ffffffd9;z-index:0;pointer-events:none}.start-screen[data-v-3f6ff858]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative;z-index:10}.start-content[data-v-3f6ff858]{background:#fff;border-radius:16px;padding:48px;max-width:500px;width:100%;text-align:center;box-shadow:0 4px 20px #0000001a}.quiz-icon[data-v-3f6ff858]{margin-bottom:24px}.quiz-title[data-v-3f6ff858]{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:12px}.quiz-description[data-v-3f6ff858]{font-size:16px;color:#6b7280;margin-bottom:32px}.quiz-info[data-v-3f6ff858]{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;padding:24px;background:#f9fafb;border-radius:12px}.info-item[data-v-3f6ff858]{display:flex;align-items:center;gap:12px;font-size:14px;color:#374151}.start-btn[data-v-3f6ff858]{width:100%;min-height:48px}.quiz-header[data-v-3f6ff858]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;gap:12px;flex-shrink:0}.time-display[data-v-3f6ff858],.score-display[data-v-3f6ff858]{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.current-time[data-v-3f6ff858],.current-score[data-v-3f6ff858]{color:#20b2aa;font-weight:600}.separator[data-v-3f6ff858]{color:#9ca3af;margin:0 4px}.progress-bar[data-v-3f6ff858]{flex:1;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;position:relative;max-width:400px}.progress-fill[data-v-3f6ff858]{height:100%;background-color:#20b2aa;border-radius:4px;transition:width .3s ease}.progress-text[data-v-3f6ff858]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#374151}.decoration-left[data-v-3f6ff858],.decoration-right[data-v-3f6ff858]{position:fixed;top:0;bottom:0;width:200px;z-index:1;pointer-events:none;display:flex;align-items:center;justify-content:center}.decoration-left[data-v-3f6ff858]{left:0}.decoration-right[data-v-3f6ff858]{right:0}.decoration-image-wrapper[data-v-3f6ff858]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:float-3f6ff858 3s ease-in-out infinite}.decoration-image[data-v-3f6ff858]{width:100%;height:auto;max-width:180px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:rotate-3f6ff858 20s linear infinite}.decoration-image-flip[data-v-3f6ff858]{animation:rotateFlip-3f6ff858 20s linear infinite}@keyframes rotateFlip-3f6ff858{0%{transform:scaleX(-1) rotate(0)}to{transform:scaleX(-1) rotate(360deg)}}.decoration-image-wrapper.bounce[data-v-3f6ff858]{animation:bounce-3f6ff858 .6s ease-in-out}@keyframes float-3f6ff858{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes rotate-3f6ff858{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-3f6ff858{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-15px) scale(1.05)}50%{transform:translateY(-10px) scale(1.1)}75%{transform:translateY(-12px) scale(1.05)}}.quiz-content[data-v-3f6ff858]{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 16px;max-width:900px;margin:0 auto;width:100%;gap:12px;overflow-y:auto;overflow-x:hidden;position:relative;z-index:10;min-height:0}.reading-passage[data-v-3f6ff858],.question-section[data-v-3f6ff858]{background:#fffffff2;backdrop-filter:blur(10px)}.reading-passage[data-v-3f6ff858]{width:100%;border-radius:8px;padding:12px 16px;border-left:4px solid #20b2aa;box-shadow:0 2px 8px #0000001a;background:#fffffff2;backdrop-filter:blur(10px);position:relative;margin-bottom:0;flex-shrink:0}.passage-title[data-v-3f6ff858]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#20b2aa;margin-bottom:16px}.passage-text[data-v-3f6ff858]{font-size:16px;line-height:1.8;color:#1f2937}.passage-text[data-v-3f6ff858] p{margin-bottom:16px;text-align:justify}.passage-text[data-v-3f6ff858] p:last-child{margin-bottom:0}.passage-text[data-v-3f6ff858] .highlight-word{background-color:#d4edda;color:#155724;padding:2px 6px;border-radius:4px;font-weight:500;cursor:help;position:relative;transition:all .2s ease}.passage-text[data-v-3f6ff858] .highlight-word:hover{background-color:#c3e6cb;box-shadow:0 2px 4px #0000001a}.word-tooltip[data-v-3f6ff858]{position:absolute;min-width:200px;max-width:300px;padding:12px 16px;background:#fffffffa;backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb;z-index:1000;pointer-events:none;white-space:normal;word-wrap:break-word}.tooltip-word[data-v-3f6ff858]{font-weight:600;font-size:16px;margin-bottom:8px;color:#20b2aa}.tooltip-explanation[data-v-3f6ff858]{color:#4b5563;font-size:15px;line-height:1.8}.tooltip-fade-enter-active[data-v-3f6ff858],.tooltip-fade-leave-active[data-v-3f6ff858]{transition:opacity .2s ease,transform .2s ease}.tooltip-fade-enter-from[data-v-3f6ff858],.tooltip-fade-leave-to[data-v-3f6ff858]{opacity:0;transform:translateY(-8px)}.question-section[data-v-3f6ff858]{width:100%;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.question-header[data-v-3f6ff858]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.question-number[data-v-3f6ff858]{font-size:16px;font-weight:600;color:#1f2937}.question-type[data-v-3f6ff858]{font-size:14px;color:#20b2aa;background:#e8f5f4;padding:4px 12px;border-radius:6px}.question-text[data-v-3f6ff858]{font-size:18px;line-height:1.6;margin-bottom:24px;color:#1f2937}.question-text[data-v-3f6ff858] .highlight{background-color:#d4edda;color:#155724;padding:2px 6px;border-radius:4px;font-weight:500}.question-text[data-v-3f6ff858] .blank{border-bottom:2px solid #20b2aa;padding:0 8px;font-weight:600;color:#20b2aa}.options[data-v-3f6ff858]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.option[data-v-3f6ff858]{display:flex;align-items:center;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff;position:relative}.option[data-v-3f6ff858]:hover:not(.selected):not(.correct):not(.incorrect){border-color:#20b2aa;background-color:#f9fafb}.option.selected[data-v-3f6ff858]{border-color:#20b2aa;background-color:#e8f5f4;color:#1f2937}.option.correct[data-v-3f6ff858]{border-color:#10b981;background-color:#10b981;color:#fff}.option.incorrect[data-v-3f6ff858]{border-color:#ef4444;background-color:#ef4444;color:#fff}.option-label[data-v-3f6ff858]{font-weight:600;margin-right:12px;min-width:24px}.option-text[data-v-3f6ff858]{flex:1}.correct-mark[data-v-3f6ff858]{margin-left:auto}.matching-question[data-v-3f6ff858]{width:100%;margin-top:24px}.matching-container[data-v-3f6ff858]{display:flex;align-items:flex-start;gap:40px;position:relative;min-height:300px;padding:20px 0}.matching-left[data-v-3f6ff858],.matching-right[data-v-3f6ff858]{flex:0 0 auto;display:flex;flex-direction:column;gap:16px;min-width:200px}.matching-lines-container[data-v-3f6ff858]{flex:1;position:relative;min-height:300px}.matching-lines-svg[data-v-3f6ff858]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.matching-item[data-v-3f6ff858]{display:flex;align-items:center;gap:12px;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative;z-index:2}.matching-item[data-v-3f6ff858]:hover:not(.selected):not(.connected):not(.correct):not(.incorrect){border-color:#20b2aa;background-color:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.matching-item.selected[data-v-3f6ff858]{border-color:#20b2aa;background-color:#e8f5f4;box-shadow:0 0 0 3px #20b2aa33}.matching-item.connected[data-v-3f6ff858]{border-color:#20b2aa;background-color:#e8f5f4}.matching-item.correct[data-v-3f6ff858]{border-color:#10b981;background-color:#10b981;color:#fff}.matching-item.incorrect[data-v-3f6ff858]{border-color:#ef4444;background-color:#ef4444;color:#fff}.left-item[data-v-3f6ff858]{justify-content:flex-start}.right-item[data-v-3f6ff858]{justify-content:flex-end}.item-number[data-v-3f6ff858]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#6b7280;font-weight:600;font-size:14px;flex-shrink:0}.matching-item.selected .item-number[data-v-3f6ff858],.matching-item.connected .item-number[data-v-3f6ff858]{background:#20b2aa;color:#fff}.matching-item.correct .item-number[data-v-3f6ff858],.matching-item.incorrect .item-number[data-v-3f6ff858]{background:#ffffff4d;color:#fff}.item-text[data-v-3f6ff858]{flex:1;font-size:15px;line-height:1.5;color:#1f2937}.matching-item.correct .item-text[data-v-3f6ff858],.matching-item.incorrect .item-text[data-v-3f6ff858]{color:#fff}.line-pending[data-v-3f6ff858]{stroke:#20b2aa;stroke-dasharray:5,5;animation:dash-3f6ff858 1s linear infinite}.line-correct[data-v-3f6ff858]{stroke:#10b981;stroke-width:4}.line-incorrect[data-v-3f6ff858]{stroke:#ef4444;stroke-width:4;stroke-dasharray:5,5}@keyframes dash-3f6ff858{to{stroke-dashoffset:-10}}.matching-hint[data-v-3f6ff858]{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:#f3f4f6;border-radius:8px;font-size:14px;color:#6b7280}@media (max-width: 768px){.matching-container[data-v-3f6ff858]{flex-direction:column;gap:20px}.matching-lines-container[data-v-3f6ff858]{min-height:200px}.matching-left[data-v-3f6ff858],.matching-right[data-v-3f6ff858]{width:100%;min-width:auto}.matching-item[data-v-3f6ff858]{width:100%}}.star-animation-overlay[data-v-3f6ff858]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none}.stars-container[data-v-3f6ff858]{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.star-item[data-v-3f6ff858]{position:absolute;top:50%;left:50%;transform-origin:0 0;animation:starPop-3f6ff858 1.5s ease-out forwards}.star-shape[data-v-3f6ff858]{font-size:36px;line-height:1;display:inline-block;position:relative;animation:starTwinkle-3f6ff858 .8s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.9)) drop-shadow(0 0 20px rgba(255,215,0,.6)) drop-shadow(0 0 30px rgba(255,215,0,.3))}.stars-container.correct .star-shape[data-v-3f6ff858]{font-size:40px;animation:starTwinkle-3f6ff858 .8s ease-in-out infinite,starGradient-3f6ff858 2s ease-in-out infinite}.stars-container.incorrect .star-shape[data-v-3f6ff858]{font-size:28px;filter:drop-shadow(0 0 8px rgba(239,68,68,.7)) drop-shadow(0 0 16px rgba(239,68,68,.4));opacity:.7}.result-message-center[data-v-3f6ff858]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;padding:20px 40px;border-radius:20px;white-space:nowrap;animation:messagePop-3f6ff858 1s cubic-bezier(.34,1.56,.64,1) forwards;z-index:10;text-shadow:0 2px 8px rgba(0,0,0,.3),0 0 20px rgba(255,255,255,.5);letter-spacing:2px;transition:all .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.result-message-center.correct[data-v-3f6ff858]{color:#10b981;background:#fffffff2;border:3px solid rgba(16,185,129,.5);box-shadow:0 10px 30px #10b98166,0 0 40px #10b98133,inset 0 0 20px #fffc;animation:messagePop-3f6ff858 1s cubic-bezier(.34,1.56,.64,1) forwards,messagePulse-3f6ff858 2s ease-in-out infinite 1s}.result-message-center.incorrect[data-v-3f6ff858]{color:#ef4444;background:#fffffff2;border:3px solid rgba(239,68,68,.5);box-shadow:0 10px 30px #ef444466,0 0 40px #ef444433,inset 0 0 20px #fffc;animation:messagePop-3f6ff858 1s cubic-bezier(.34,1.56,.64,1) forwards,messageShake-3f6ff858 .5s ease-in-out infinite 1s}@keyframes starPop-3f6ff858{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(0) scale(0) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(calc(-1 * var(--distance, 120px))) scale(1.3) rotate(180deg)}60%{opacity:1;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(calc(-1.2 * var(--distance, 120px))) scale(1.1) rotate(270deg)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle, 0deg)) translateY(calc(-1.5 * var(--distance, 120px))) scale(.6) rotate(360deg)}}@keyframes starGradient-3f6ff858{0%,to{filter:drop-shadow(0 0 12px rgba(255,215,0,1)) drop-shadow(0 0 24px rgba(255,215,0,.8)) drop-shadow(0 0 36px rgba(255,215,0,.5)) brightness(1.1) hue-rotate(0deg)}25%{filter:drop-shadow(0 0 16px rgba(255,215,0,1.2)) drop-shadow(0 0 32px rgba(255,235,59,.9)) drop-shadow(0 0 48px rgba(255,215,0,.6)) brightness(1.3) hue-rotate(10deg)}50%{filter:drop-shadow(0 0 18px rgba(255,235,59,1.3)) drop-shadow(0 0 36px rgba(255,215,0,1)) drop-shadow(0 0 54px rgba(255,193,7,.7)) brightness(1.5) hue-rotate(0deg)}75%{filter:drop-shadow(0 0 16px rgba(255,215,0,1.2)) drop-shadow(0 0 32px rgba(255,235,59,.9)) drop-shadow(0 0 48px rgba(255,215,0,.6)) brightness(1.3) hue-rotate(-10deg)}}@keyframes starTwinkle-3f6ff858{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.1) rotate(5deg);opacity:.95}50%{transform:scale(1.15) rotate(0);opacity:.9}75%{transform:scale(1.1) rotate(-5deg);opacity:.95}}@keyframes messagePop-3f6ff858{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-10deg);filter:blur(10px)}40%{opacity:.8;transform:translate(-50%,-50%) scale(1.2) rotate(5deg);filter:blur(2px)}60%{transform:translate(-50%,-50%) scale(.95) rotate(-2deg);filter:blur(0px)}80%{transform:translate(-50%,-50%) scale(1.05) rotate(1deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0px)}}@keyframes messagePulse-3f6ff858{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 10px 30px #10b98166,0 0 40px #10b98133}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 12px 35px #10b98180,0 0 50px #10b9814d}}@keyframes messageShake-3f6ff858{0%,to{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(-3px)}75%{transform:translate(-50%,-50%) translate(3px)}}.star-fade-enter-active[data-v-3f6ff858],.star-fade-leave-active[data-v-3f6ff858]{transition:opacity .3s ease}.star-fade-enter-from[data-v-3f6ff858],.star-fade-leave-to[data-v-3f6ff858]{opacity:0}.quiz-footer[data-v-3f6ff858]{display:flex;justify-content:flex-end;align-items:center;padding:20px 24px;background:#fffffff2;backdrop-filter:blur(10px);border-top:1px solid #e5e7eb}.right-action[data-v-3f6ff858]{display:flex;gap:12px;flex-shrink:0}.prev-button[data-v-3f6ff858],.next-button[data-v-3f6ff858]{min-width:100px}.result-screen[data-v-3f6ff858]{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.result-content[data-v-3f6ff858]{background:#fff;border-radius:16px;padding:48px;max-width:600px;width:100%;text-align:center;box-shadow:0 4px 20px #0000001a}.result-icon-large[data-v-3f6ff858]{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.result-icon-large.pass[data-v-3f6ff858]{background-color:#10b981}.result-icon-large.fail[data-v-3f6ff858]{background-color:#f59e0b}.result-title[data-v-3f6ff858]{font-size:28px;font-weight:600;color:#1f2937;margin-bottom:32px}.score-circle[data-v-3f6ff858]{width:120px;height:120px;border-radius:50%;border:6px solid #20b2aa;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 32px;background:#e8f5f4}.score-value[data-v-3f6ff858]{font-size:36px;font-weight:700;color:#20b2aa;line-height:1}.score-label[data-v-3f6ff858]{font-size:14px;color:#6b7280;margin-top:4px}.result-stats[data-v-3f6ff858]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px}.stat-item[data-v-3f6ff858]{padding:16px;background:#f9fafb;border-radius:8px}.stat-value[data-v-3f6ff858]{font-size:24px;font-weight:600;color:#1f2937;margin-bottom:4px}.stat-label[data-v-3f6ff858]{font-size:12px;color:#6b7280}.result-actions[data-v-3f6ff858]{display:flex;gap:12px}.review-btn[data-v-3f6ff858],.restart-btn[data-v-3f6ff858]{flex:1;min-height:48px}@media (max-width: 1200px){.decoration-left[data-v-3f6ff858],.decoration-right[data-v-3f6ff858]{width:150px}.decoration-image[data-v-3f6ff858]{max-width:130px}}@media (max-width: 968px){.decoration-left[data-v-3f6ff858],.decoration-right[data-v-3f6ff858]{display:none}}@media (max-width: 768px){.quiz-header[data-v-3f6ff858]{padding:12px 16px;flex-wrap:wrap}.progress-bar[data-v-3f6ff858]{order:3;width:100%;margin-top:8px}.quiz-content[data-v-3f6ff858]{padding:16px}.reading-passage[data-v-3f6ff858],.question-section[data-v-3f6ff858]{padding:20px}.quiz-footer[data-v-3f6ff858]{padding:16px;flex-wrap:wrap}.right-action[data-v-3f6ff858]{width:100%;margin-top:12px}.prev-button[data-v-3f6ff858],.next-button[data-v-3f6ff858]{flex:1}.result-stats[data-v-3f6ff858]{grid-template-columns:1fr}}.fillblank-question[data-v-3f6ff858]{margin-top:24px;display:flex;flex-direction:column;gap:12px}.fillblank-input[data-v-3f6ff858]{width:100%;padding:12px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:8px;outline:none;transition:all .3s ease;background:#fff}.fillblank-input[data-v-3f6ff858]:focus{border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}.fillblank-input[data-v-3f6ff858]:disabled{background:#f9fafb;cursor:not-allowed}.fillblank-input.correct[data-v-3f6ff858]{border-color:#10b981;background:#d1fae5}.fillblank-input.incorrect[data-v-3f6ff858]{border-color:#ef4444;background:#fee2e2}.fillblank-answer[data-v-3f6ff858]{padding:12px;background:#f0fdf4;border-left:4px solid #10b981;border-radius:4px;font-size:14px}.answer-label[data-v-3f6ff858]{font-weight:600;color:#059669;margin-right:8px}.answer-text[data-v-3f6ff858]{color:#047857;font-weight:500}.echarts-radar-container[data-v-8bcc1b07]{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.chart[data-v-8bcc1b07]{border-radius:8px}.assessment-container[data-v-fdb0b089]{min-height:100vh;background:linear-gradient(135deg,#20b2aa14,#17a2b80f,#1384960a);display:flex;gap:32px;padding:32px}.main-content[data-v-fdb0b089]{flex:1;max-width:none;display:flex;flex-direction:column;gap:24px}.page-title[data-v-fdb0b089]{font-size:36px;color:#333;margin-bottom:8px;font-weight:700;text-align:center}.profile-card[data-v-fdb0b089]{background:#fffffff2;border-radius:20px;padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);color:#333;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-card[data-v-fdb0b089]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #20b2aa2e,0 4px 16px #20b2aa1f,inset 0 1px #ffffffe6;border-color:#20b2aa4d}.profile-info[data-v-fdb0b089]{display:flex;align-items:center;gap:24px}.profile-avatar[data-v-fdb0b089]{width:80px;height:80px;background:linear-gradient(135deg,#20b2aa1a,#20b2aa33);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(32,178,170,.2)}.profile-details[data-v-fdb0b089]{flex:1}.profile-row[data-v-fdb0b089]{display:flex;margin-bottom:8px}.profile-row[data-v-fdb0b089]:last-child{margin-bottom:0}.label[data-v-fdb0b089]{font-weight:500;color:#666;min-width:60px}.value[data-v-fdb0b089]{color:#333;font-weight:600}.profile-decoration[data-v-fdb0b089]{position:absolute;right:24px;top:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-icon[data-v-fdb0b089],.music-notes[data-v-fdb0b089]{font-size:20px;opacity:.6;color:#20b2aa99}.ribbon[data-v-fdb0b089]{width:40px;height:8px;background:#20b2aa4d;border-radius:4px;transform:rotate(-15deg)}.overall-rating[data-v-fdb0b089]{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#fffffff2;border-radius:16px;box-shadow:0 6px 24px #20b2aa1f,0 2px 6px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.overall-rating[data-v-fdb0b089]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa40}.rating-label[data-v-fdb0b089]{font-size:20px;color:#333;font-weight:600}.stars[data-v-fdb0b089]{display:flex;gap:4px}.skill-ratings[data-v-fdb0b089]{background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 6px 24px #20b2aa1f,0 2px 6px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-ratings[data-v-fdb0b089]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa40}.skill-item[data-v-fdb0b089]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05);transition:background-color .2s}.skill-item[data-v-fdb0b089]:hover{background-color:#00000005;border-radius:8px;margin:0 -12px;padding-left:12px;padding-right:12px}.skill-item[data-v-fdb0b089]:last-child{border-bottom:none}.skill-name[data-v-fdb0b089]{color:#333;font-size:16px;font-weight:500}.skill-stars[data-v-fdb0b089]{display:flex;gap:2px}.radar-chart-section[data-v-fdb0b089]{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);display:flex;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.radar-chart-section[data-v-fdb0b089]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #20b2aa2e,0 4px 16px #20b2aa1f,inset 0 1px #ffffffe6;border-color:#20b2aa4d}.vocabulary-details[data-v-fdb0b089]{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.vocabulary-details[data-v-fdb0b089]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #20b2aa2e,0 4px 16px #20b2aa1f,inset 0 1px #ffffffe6;border-color:#20b2aa4d}.section-header[data-v-fdb0b089]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-title[data-v-fdb0b089]{font-size:18px;color:#333;font-weight:500}.section-stars[data-v-fdb0b089]{display:flex;gap:2px}.encouragement-text[data-v-fdb0b089]{color:#666;line-height:1.6;margin-bottom:20px;font-size:14px}.knowledge-assessment[data-v-fdb0b089]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.assessment-header[data-v-fdb0b089]{display:flex;background:#f8f9fa;padding:12px 16px;font-weight:500;color:#333}.header-item[data-v-fdb0b089]:first-child{flex:1}.header-item[data-v-fdb0b089]:last-child{width:100px;text-align:center}.assessment-items[data-v-fdb0b089]{padding:8px 0}.assessment-item[data-v-fdb0b089]{display:flex;align-items:center;padding:8px 16px;border-bottom:1px solid #f0f0f0}.assessment-item[data-v-fdb0b089]:last-child{border-bottom:none}.knowledge-point[data-v-fdb0b089]{flex:1;color:#333}.right-sidebar[data-v-fdb0b089]{width:380px;background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);height:fit-content;display:flex;flex-direction:column;gap:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.right-sidebar[data-v-fdb0b089]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa4d}.sidebar-title[data-v-fdb0b089]{font-size:18px;color:#333;margin-bottom:16px;font-weight:500}.reward-items[data-v-fdb0b089]{display:flex;flex-direction:column;gap:16px}.reward-item[data-v-fdb0b089]{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,#20b2aa0d,#20b2aa1a);border-radius:12px;border:1px solid rgba(32,178,170,.1);transition:transform .2s,box-shadow .2s}.reward-item[data-v-fdb0b089]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #20b2aa33}.reward-icon[data-v-fdb0b089]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a}.reward-info[data-v-fdb0b089]{flex:1}.reward-title[data-v-fdb0b089]{font-size:14px;color:#333;margin-bottom:4px;font-weight:500}.reward-progress[data-v-fdb0b089]{display:flex;align-items:center;gap:8px}.progress-bar[data-v-fdb0b089]{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill[data-v-fdb0b089]{height:100%;background:#2196f3;border-radius:3px;transition:width .3s ease}.progress-text[data-v-fdb0b089]{font-size:12px;color:#666;min-width:30px}.friends-list[data-v-fdb0b089]{display:flex;flex-direction:column;gap:8px}.friend-item[data-v-fdb0b089]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#20b2aa0d,#20b2aa1a);border-radius:10px;border:1px solid rgba(32,178,170,.1);transition:transform .2s,box-shadow .2s}.friend-item[data-v-fdb0b089]:hover{transform:translate(4px);box-shadow:0 4px 15px #20b2aa33}.friend-avatar[data-v-fdb0b089]{width:32px;height:32px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center}.friend-info[data-v-fdb0b089]{flex:1;display:flex;justify-content:space-between;align-items:center}.friend-name[data-v-fdb0b089]{color:#333;font-size:14px}.friend-level[data-v-fdb0b089]{color:#666;font-size:12px}@media (max-width: 1200px){.assessment-container[data-v-fdb0b089]{flex-direction:column;padding:20px;gap:20px}.right-sidebar[data-v-fdb0b089]{width:100%}}@media (max-width: 768px){.assessment-container[data-v-fdb0b089]{padding:16px;gap:16px}.main-content[data-v-fdb0b089]{gap:16px}.page-title[data-v-fdb0b089]{font-size:28px}.profile-info[data-v-fdb0b089]{flex-direction:column;text-align:center;gap:20px}.profile-decoration[data-v-fdb0b089]{position:static;flex-direction:row;justify-content:center}.profile-avatar[data-v-fdb0b089]{width:80px;height:80px}.right-sidebar[data-v-fdb0b089],.skill-ratings[data-v-fdb0b089],.radar-chart-section[data-v-fdb0b089],.vocabulary-details[data-v-fdb0b089]{padding:20px}}.echarts-line-container[data-v-99977c93]{width:100%;height:100%}.chart[data-v-99977c93]{border-radius:8px}.report-container[data-v-768c7563]{min-height:100vh;background:linear-gradient(135deg,#20b2aa14,#17a2b80f,#1384960a);padding:32px}.page-header[data-v-768c7563]{text-align:center;margin-bottom:32px}.page-title[data-v-768c7563]{font-size:36px;color:#333;font-weight:700;margin-bottom:8px}.student-info[data-v-768c7563]{display:flex;justify-content:center;align-items:center;gap:16px}.student-name[data-v-768c7563]{font-size:20px;color:#666;font-weight:500}.student-grade[data-v-768c7563]{background:#20b2aa1a;color:#20b2aa;padding:4px 12px;border-radius:12px;font-size:14px;font-weight:500}.report-tabs[data-v-768c7563]{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.demo-scenarios[data-v-768c7563]{background:#fffffff2;border-radius:16px;padding:20px;margin-bottom:32px;text-align:center;box-shadow:0 4px 16px #20b2aa14,0 2px 4px #20b2aa0f;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.1)}.demo-title[data-v-768c7563]{font-size:16px;color:#333;font-weight:600;margin-bottom:16px}.scenario-buttons[data-v-768c7563]{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.scenario-btn[data-v-768c7563]{padding:8px 16px;background:#20b2aa1a;border:1px solid rgba(32,178,170,.2);border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.scenario-btn[data-v-768c7563]:hover{background:#20b2aa26;transform:translateY(-1px)}.scenario-btn.active[data-v-768c7563]{background:#20b2aa;color:#fff;border-color:#20b2aa;box-shadow:0 2px 8px #20b2aa4d}.tab-button[data-v-768c7563]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fffffff2;border:1px solid rgba(32,178,170,.2);border-radius:12px;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #20b2aa14}.tab-button[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #20b2aa1f;border-color:#20b2aa4d}.tab-button.active[data-v-768c7563]{background:#20b2aa;color:#fff;border-color:#20b2aa;box-shadow:0 4px 16px #20b2aa4d}.report-content[data-v-768c7563]{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.analysis-alert[data-v-768c7563]{background:#fffffff2;border-radius:16px;padding:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 6px 24px #20b2aa1f,0 2px 6px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.15);transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInDown-768c7563 .5s ease-out}.analysis-alert[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa40}.alert-icon[data-v-768c7563]{width:48px;height:48px;background:#20b2aa1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-content[data-v-768c7563]{flex:1}.alert-title[data-v-768c7563]{font-size:18px;color:#333;font-weight:600;margin-bottom:8px}.alert-message[data-v-768c7563]{font-size:14px;color:#666;line-height:1.6;margin:0}@keyframes slideInDown-768c7563{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.overview-cards[data-v-768c7563]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.overview-card[data-v-768c7563]{background:#fffffff2;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 6px 24px #20b2aa1f,0 2px 6px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}.overview-card[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa40}.card-icon[data-v-768c7563]{width:48px;height:48px;background:#20b2aa1a;border-radius:12px;display:flex;align-items:center;justify-content:center}.card-content[data-v-768c7563]{flex:1}.card-value[data-v-768c7563]{font-size:24px;font-weight:700;color:#333;margin-bottom:4px}.card-label[data-v-768c7563]{font-size:14px;color:#666;margin-bottom:8px}.card-change[data-v-768c7563]{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.card-change.positive[data-v-768c7563]{color:#28a745}.card-change.negative[data-v-768c7563]{color:#dc3545}.metrics-section[data-v-768c7563]{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.metrics-section[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 12px 36px #20b2aa29,0 4px 12px #20b2aa1a,inset 0 1px #ffffffe6;border-color:#20b2aa4d}.section-title[data-v-768c7563]{font-size:24px;color:#333;font-weight:600;margin-bottom:24px;text-align:center}.metrics-grid[data-v-768c7563]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.metric-card[data-v-768c7563]{background:#f8f9facc;border-radius:12px;padding:20px;text-align:center;border:1px solid rgba(32,178,170,.1)}.metric-title[data-v-768c7563]{font-size:16px;color:#333;font-weight:500;margin-bottom:12px}.metric-value[data-v-768c7563]{font-size:28px;font-weight:700;color:#20b2aa;margin-bottom:16px}.metric-progress[data-v-768c7563]{width:100%}.progress-bar[data-v-768c7563]{width:100%;height:8px;background:#20b2aa1a;border-radius:4px;overflow:hidden}.progress-fill[data-v-768c7563]{height:100%;background:linear-gradient(90deg,#20b2aa,#17a2b8);border-radius:4px;transition:width .3s ease}.charts-section[data-v-768c7563]{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.charts-grid[data-v-768c7563]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.chart-card[data-v-768c7563]{background:#f8f9facc;border-radius:16px;padding:24px;border:1px solid rgba(32,178,170,.1)}.chart-title[data-v-768c7563]{font-size:18px;color:#333;font-weight:600;margin-bottom:16px;text-align:center}.suggestions-section[data-v-768c7563]{background:#fffffff2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.suggestions-list[data-v-768c7563]{display:flex;flex-direction:column;gap:16px}.suggestion-item[data-v-768c7563]{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8f9facc;border-radius:12px;border:1px solid rgba(32,178,170,.1);transition:all .3s ease}.suggestion-encouragement[data-v-768c7563]{background:linear-gradient(135deg,#28a7451a,#28a7450d);border-color:#28a74533;border-left:4px solid #28a745}.suggestion-encouragement[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #28a74526}.suggestion-improvement[data-v-768c7563]{background:linear-gradient(135deg,#ff95001a,#ff95000d);border-color:#ff950033;border-left:4px solid #ff9500}.suggestion-improvement[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff950026}.suggestion-attention[data-v-768c7563]{background:linear-gradient(135deg,#dc35451a,#dc35450d);border-color:#dc354533;border-left:4px solid #dc3545}.suggestion-attention[data-v-768c7563]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #dc354526}.suggestion-icon[data-v-768c7563]{width:40px;height:40px;background:#20b2aa1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.suggestion-content[data-v-768c7563]{flex:1}.suggestion-title[data-v-768c7563]{font-size:16px;color:#333;font-weight:600;margin-bottom:8px}.suggestion-text[data-v-768c7563]{font-size:14px;color:#666;line-height:1.6}@media (max-width: 768px){.report-container[data-v-768c7563]{padding:16px}.page-title[data-v-768c7563]{font-size:28px}.report-tabs[data-v-768c7563]{flex-direction:column;align-items:center}.tab-button[data-v-768c7563]{width:200px;justify-content:center}.overview-cards[data-v-768c7563]{grid-template-columns:1fr}.metrics-grid[data-v-768c7563]{grid-template-columns:repeat(2,1fr)}.charts-grid[data-v-768c7563]{grid-template-columns:1fr}}.profile-container[data-v-bc4be5be]{min-height:100vh;background:linear-gradient(135deg,#20b2aa14,#17a2b80f,#1384960a);padding:32px}.page-header[data-v-bc4be5be]{text-align:center;margin-bottom:32px}.page-title[data-v-bc4be5be]{font-size:36px;color:#333;font-weight:700;margin-bottom:8px}.page-subtitle[data-v-bc4be5be]{font-size:16px;color:#666;margin:0}.profile-tabs[data-v-bc4be5be]{display:flex;justify-content:center;gap:16px;margin-bottom:32px}.tab-button[data-v-bc4be5be]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fffffff2;border:1px solid rgba(32,178,170,.2);border-radius:12px;color:#666;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #20b2aa14}.tab-button[data-v-bc4be5be]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #20b2aa1f;border-color:#20b2aa4d}.tab-button.active[data-v-bc4be5be]{background:#20b2aa;color:#fff;border-color:#20b2aa;box-shadow:0 4px 16px #20b2aa4d}.profile-content[data-v-bc4be5be]{max-width:1000px;margin:0 auto}.profile-header[data-v-bc4be5be]{background:#fffffff2;border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #20b2aa1f,0 2px 8px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.2)}.avatar-section[data-v-bc4be5be]{display:flex;align-items:center;gap:24px}.avatar-container[data-v-bc4be5be]{position:relative;width:120px;height:120px}.avatar-image[data-v-bc4be5be]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid rgba(32,178,170,.2)}.avatar-placeholder[data-v-bc4be5be]{width:100%;height:100%;border-radius:50%;background:#20b2aa1a;display:flex;align-items:center;justify-content:center;border:4px solid rgba(32,178,170,.2)}.avatar-upload-btn[data-v-bc4be5be]{position:absolute;bottom:0;right:0;width:36px;height:36px;background:#20b2aa;border:none;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #20b2aa4d;transition:all .3s ease}.avatar-upload-btn[data-v-bc4be5be]:hover{background:#17a2b8;transform:scale(1.1)}.avatar-info[data-v-bc4be5be]{flex:1}.avatar-name[data-v-bc4be5be]{font-size:24px;color:#333;font-weight:600;margin-bottom:8px}.avatar-role[data-v-bc4be5be]{font-size:16px;color:#20b2aa;font-weight:500;margin:0}.profile-forms[data-v-bc4be5be]{display:flex;flex-direction:column;gap:24px}.form-section[data-v-bc4be5be]{background:#fffffff2;border-radius:16px;padding:24px;box-shadow:0 6px 24px #20b2aa1f,0 2px 6px #20b2aa14,inset 0 1px #fffc;backdrop-filter:blur(10px);border:1px solid rgba(32,178,170,.15)}.form-title[data-v-bc4be5be]{display:flex;align-items:center;gap:8px;font-size:18px;color:#333;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(32,178,170,.1)}.form-grid[data-v-bc4be5be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group[data-v-bc4be5be]{display:flex;flex-direction:column;gap:8px}.form-group.full-width[data-v-bc4be5be]{grid-column:1 / -1}.form-label[data-v-bc4be5be]{font-size:14px;color:#333;font-weight:500}.form-input[data-v-bc4be5be],.form-select[data-v-bc4be5be],.form-textarea[data-v-bc4be5be]{padding:12px 16px;border:1px solid rgba(32,178,170,.2);border-radius:8px;font-size:14px;color:#333;background:#fffc;transition:all .3s ease}.form-input[data-v-bc4be5be]:focus,.form-select[data-v-bc4be5be]:focus,.form-textarea[data-v-bc4be5be]:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a;background:#fff}.form-textarea[data-v-bc4be5be]{resize:vertical;min-height:80px}.password-input-group[data-v-bc4be5be]{position:relative;display:flex;align-items:center}.password-toggle[data-v-bc4be5be]{position:absolute;right:12px;background:none;border:none;color:#666;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.password-toggle[data-v-bc4be5be]:hover{color:#20b2aa}.save-section[data-v-bc4be5be]{display:flex;justify-content:center;gap:16px;margin-top:32px}.save-button[data-v-bc4be5be],.cancel-button[data-v-bc4be5be]{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.save-button[data-v-bc4be5be]{background:#20b2aa;color:#fff;box-shadow:0 4px 16px #20b2aa4d}.save-button[data-v-bc4be5be]:hover{background:#17a2b8;transform:translateY(-2px);box-shadow:0 6px 20px #20b2aa66}.cancel-button[data-v-bc4be5be]{background:#fffffff2;color:#666;border:1px solid rgba(32,178,170,.2)}.cancel-button[data-v-bc4be5be]:hover{background:#f8f9faf2;transform:translateY(-2px)}.modal-overlay[data-v-bc4be5be]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-bc4be5be]{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header[data-v-bc4be5be]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-title[data-v-bc4be5be]{font-size:18px;color:#333;font-weight:600;margin:0}.modal-close[data-v-bc4be5be]{background:none;border:none;color:#666;cursor:pointer;padding:4px;border-radius:4px}.modal-close[data-v-bc4be5be]:hover{background:#0000001a}.modal-body[data-v-bc4be5be]{padding:24px}.upload-area[data-v-bc4be5be]{border:2px dashed rgba(32,178,170,.3);border-radius:12px;padding:40px 20px;text-align:center;position:relative;transition:all .3s ease}.upload-area[data-v-bc4be5be]:hover{border-color:#20b2aa;background:#20b2aa0d}.file-input[data-v-bc4be5be]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-placeholder[data-v-bc4be5be]{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-text[data-v-bc4be5be]{font-size:16px;color:#333;font-weight:500;margin:0}.upload-hint[data-v-bc4be5be]{font-size:14px;color:#666;margin:0}@media (max-width: 768px){.profile-container[data-v-bc4be5be]{padding:16px}.page-title[data-v-bc4be5be]{font-size:28px}.profile-tabs[data-v-bc4be5be]{flex-direction:column;align-items:center}.tab-button[data-v-bc4be5be]{width:200px;justify-content:center}.avatar-section[data-v-bc4be5be]{flex-direction:column;text-align:center}.form-grid[data-v-bc4be5be]{grid-template-columns:1fr}.save-section[data-v-bc4be5be]{flex-direction:column;align-items:center}.save-button[data-v-bc4be5be],.cancel-button[data-v-bc4be5be]{width:200px;justify-content:center}}.icon-demo[data-v-a6e3398c]{padding:2rem;max-width:1200px;margin:0 auto}.demo-title[data-v-a6e3398c]{text-align:center;color:#1f2937;margin-bottom:2rem;font-size:2rem;font-weight:600}.demo-section[data-v-a6e3398c]{margin-bottom:3rem}.demo-section h3[data-v-a6e3398c]{color:#374151;margin-bottom:1rem;font-size:1.25rem;font-weight:500;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.icon-grid[data-v-a6e3398c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.icon-item[data-v-a6e3398c]{display:flex;flex-direction:column;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;transition:all .2s ease}.icon-item[data-v-a6e3398c]:hover{background:#f3f4f6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.icon-label[data-v-a6e3398c]{margin-top:.5rem;font-size:.75rem;color:#6b7280;text-align:center;word-break:break-all}.size-demo[data-v-a6e3398c]{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.size-item[data-v-a6e3398c]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.size-item span[data-v-a6e3398c]{font-size:.875rem;color:#6b7280;font-weight:500}.variant-demo[data-v-a6e3398c]{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.variant-item[data-v-a6e3398c]{display:flex;flex-direction:column;align-items:center;gap:.5rem}.variant-item span[data-v-a6e3398c]{font-size:.875rem;color:#6b7280;font-weight:500}.button-demo[data-v-a6e3398c]{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.interactive-demo[data-v-a6e3398c]{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px dashed #d1d5db;border-radius:8px;background:#f9fafb}.status-demo[data-v-a6e3398c]{display:flex;gap:2rem;flex-wrap:wrap}.status-item[data-v-a6e3398c]{display:flex;align-items:center;gap:.5rem;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb}.status-item span[data-v-a6e3398c]{font-weight:500;color:#374151}@media (max-width: 768px){.icon-demo[data-v-a6e3398c]{padding:1rem}.icon-grid[data-v-a6e3398c]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.size-demo[data-v-a6e3398c],.variant-demo[data-v-a6e3398c]{gap:1rem}.button-demo[data-v-a6e3398c]{flex-direction:column;align-items:stretch}.status-demo[data-v-a6e3398c]{flex-direction:column}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.15}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none;background-color:transparent}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;cursor:pointer;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}input,textarea,select{margin:0;padding:0;border:none;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none}table{border-collapse:collapse;border-spacing:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}fieldset{border:none;margin:0;padding:0}legend{padding:0}:focus{outline:2px solid #007bff;outline-offset:2px}@media (max-width: 768px){button,input,select,textarea,a{min-height:44px;min-width:44px}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}h1{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:16px}h2{font-size:24px;font-weight:600;line-height:1.3;margin-bottom:12px}h3{font-size:20px;font-weight:600;line-height:1.4;margin-bottom:12px}h4{font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px}h5{font-size:16px;font-weight:500;line-height:1.5;margin-bottom:8px}h6{font-size:14px;font-weight:500;line-height:1.5;margin-bottom:4px}p{margin-bottom:12px;line-height:1.6}p:last-child{margin-bottom:0}a{color:#20b2aa;transition:color .15s ease-in-out}a:hover{color:#1a9b93}a:focus{outline:2px solid #20b2aa;outline-offset:2px}button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:500;line-height:1;cursor:pointer;transition:all .15s ease-in-out;user-select:none;white-space:nowrap}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{display:block;width:100%;padding:8px 12px;border:1px solid #999999;border-radius:8px;font-size:16px;line-height:1.5;color:#333;background-color:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}input:focus,textarea:focus,select:focus{outline:none;border-color:#20b2aa;box-shadow:0 0 0 3px #20b2aa1a}input::placeholder,textarea::placeholder,select::placeholder{color:#999;opacity:1}input:disabled,textarea:disabled,select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}textarea{resize:vertical;min-height:100px}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:32px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media (max-width: 1024px){.container{padding:0 12px}}@media (max-width: 640px){.container{padding:0 8px}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.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}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap-md{gap:12px}.gap-lg{gap:16px}.gap-xl{gap:24px}.m-0{margin:0}.m-xs{margin:4px}.m-sm{margin:8px}.m-md{margin:12px}.m-lg{margin:16px}.m-xl{margin:24px}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:12px}.mt-lg{margin-top:16px}.mt-xl{margin-top:24px}.mr-0{margin-right:0}.mr-xs{margin-right:4px}.mr-sm{margin-right:8px}.mr-md{margin-right:12px}.mr-lg{margin-right:16px}.mr-xl{margin-right:24px}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:12px}.mb-lg{margin-bottom:16px}.mb-xl{margin-bottom:24px}.ml-0{margin-left:0}.ml-xs{margin-left:4px}.ml-sm{margin-left:8px}.ml-md{margin-left:12px}.ml-lg{margin-left:16px}.ml-xl{margin-left:24px}.p-0{padding:0}.p-xs{padding:4px}.p-sm{padding:8px}.p-md{padding:12px}.p-lg{padding:16px}.p-xl{padding:24px}.pt-0{padding-top:0}.pt-xs{padding-top:4px}.pt-sm{padding-top:8px}.pt-md{padding-top:12px}.pt-lg{padding-top:16px}.pt-xl{padding-top:24px}.pr-0{padding-right:0}.pr-xs{padding-right:4px}.pr-sm{padding-right:8px}.pr-md{padding-right:12px}.pr-lg{padding-right:16px}.pr-xl{padding-right:24px}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:4px}.pb-sm{padding-bottom:8px}.pb-md{padding-bottom:12px}.pb-lg{padding-bottom:16px}.pb-xl{padding-bottom:24px}.pl-0{padding-left:0}.pl-xs{padding-left:4px}.pl-sm{padding-left:8px}.pl-md{padding-left:12px}.pl-lg{padding-left:16px}.pl-xl{padding-left:24px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-md{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-xxl{font-size:24px}.text-xxxl{font-size:32px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#333}.text-secondary{color:#666}.text-muted{color:#999}.text-white{color:#fff}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-info{color:#3b82f6}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}@media (max-width: 640px){.hidden-sm{display:none}.block-sm{display:block}}@media (max-width: 768px){.hidden-md{display:none}.block-md{display:block}}@media (max-width: 1024px){.hidden-lg{display:none}.block-lg{display:block}}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.border{border:1px solid #999999}.border-t{border-top:1px solid #999999}.border-r{border-right:1px solid #999999}.border-b{border-bottom:1px solid #999999}.border-l{border-left:1px solid #999999}.rounded{border-radius:8px}.rounded-sm{border-radius:4px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #0000001a}.shadow-none{box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .2s ease-in-out ease-in-out}.animate-fade-out{animation:fadeOut .2s ease-in-out ease-in-out}.animate-slide-in-up{animation:slideInUp .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-slide-in-down{animation:slideInDown .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-slide-in-left{animation:slideInLeft .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-slide-in-right{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-scale-in{animation:scaleIn .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-scale-out{animation:scaleOut .3s cubic-bezier(.4,0,.2,1) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.transition-none{transition:none}.transition-all{transition:all .2s ease-in-out}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-opacity{transition:opacity .15s ease-in-out}.transition-transform{transition:transform .2s ease-in-out}@media (prefers-color-scheme: dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--text-primary: #ffffff;--text-secondary: #cccccc;--border-color: #404040}}@media (prefers-contrast: high){:root{--primary-color: #000000;--secondary-color: #ffffff;--border-color: #000000}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}::-webkit-scrollbar-thumb{background:#999;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}::-webkit-scrollbar-corner{background:#f5f5f5}*{scrollbar-width:thin;scrollbar-color:#999999 #f5f5f5}::selection{background-color:#20b2aa33;color:#333}::-moz-selection{background-color:#20b2aa33;color:#333}:focus-visible{outline:2px solid #20b2aa;outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#666;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;z-index:1070;margin-bottom:4px}[data-tooltip]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#666;opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;z-index:1070}[data-tooltip]:hover:before,[data-tooltip]:hover:after{opacity:1;visibility:visible}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f5f5f5;border-top-color:#20b2aa;border-radius:50%;animation:spin 1s linear infinite}.mobile-only{display:block}@media (min-width: 640px){.mobile-only{display:none}}.tablet-up{display:none}@media (min-width: 640px){.tablet-up{display:block}}.desktop-up{display:none}@media (min-width: 1024px){.desktop-up{display:block}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:6px;background:#20b2aa;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1030}.skip-link:focus{top:6px}@media print{.no-print{display:none!important}.print-only{display:block!important}a[href^=http]:after{content:" (" attr(href) ")";font-size:12px;color:#999}}