.error-modal-overlay[data-v-09d27c0d]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn-09d27c0d .3s ease-out}.error-modal[data-v-09d27c0d]{background:white;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow:hidden;animation:slideIn-09d27c0d .3s ease-out}.error-modal-header[data-v-09d27c0d]{display:flex;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6;position:relative}.error-icon[data-v-09d27c0d]{width:24px;height:24px;color:#ef4444;margin-right:12px;flex-shrink:0}.error-modal-header h3[data-v-09d27c0d]{margin:0;font-size:18px;font-weight:600;color:#111827;flex:1}.close-button[data-v-09d27c0d]{position:absolute;top:16px;right:16px;background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.close-button[data-v-09d27c0d]:hover{background-color:#f3f4f6;color:#374151}.close-button svg[data-v-09d27c0d]{width:16px;height:16px}.error-modal-body[data-v-09d27c0d]{padding:16px 24px 24px}.error-message[data-v-09d27c0d]{margin:0 0 12px;font-size:16px;line-height:1.5;color:#374151}.error-code[data-v-09d27c0d]{margin:0;font-size:14px;color:#6b7280;font-family:Courier New,monospace}.error-modal-footer[data-v-09d27c0d]{padding:16px 24px 24px;display:flex;justify-content:flex-end;border-top:1px solid #f3f4f6}.confirm-button[data-v-09d27c0d]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:80px}.confirm-button[data-v-09d27c0d]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.confirm-button[data-v-09d27c0d]:active{transform:translateY(0)}@keyframes fadeIn-09d27c0d{0%{opacity:0}to{opacity:1}}@keyframes slideIn-09d27c0d{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.error-modal[data-v-09d27c0d]{margin:16px;width:calc(100% - 32px)}.error-modal-header[data-v-09d27c0d],.error-modal-body[data-v-09d27c0d],.error-modal-footer[data-v-09d27c0d]{padding-left:16px;padding-right:16px}}#app{min-height:100vh;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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}.focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.no-print{display:none!important}}.modal-overlay[data-v-0f905b98]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-container[data-v-0f905b98]{background:white;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:400px;overflow:hidden}.modal-header[data-v-0f905b98]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.5rem 0}.modal-title[data-v-0f905b98]{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close[data-v-0f905b98]{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.modal-close[data-v-0f905b98]:hover{background:#f3f4f6;color:#374151}.modal-close svg[data-v-0f905b98]{width:20px;height:20px}.modal-body[data-v-0f905b98]{padding:1.5rem;text-align:center}.warning-icon[data-v-0f905b98]{display:flex;justify-content:center;margin-bottom:1rem}.warning-icon svg[data-v-0f905b98]{width:48px;height:48px;color:#f59e0b}.modal-content[data-v-0f905b98]{margin-bottom:1rem}.modal-message[data-v-0f905b98]{font-size:1rem;color:#374151;margin:0 0 .5rem;line-height:1.5}.modal-submessage[data-v-0f905b98]{font-size:.875rem;color:#6b7280;margin:0}.modal-footer[data-v-0f905b98]{padding:0 1.5rem 1.5rem;display:flex;justify-content:center}.btn[data-v-0f905b98]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none;min-width:80px;justify-content:center}.btn-primary[data-v-0f905b98]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-0f905b98]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.sidebar[data-v-67ab6e8f]{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);color:#fff;z-index:1000;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000026}.sidebar-collapsed[data-v-67ab6e8f]{width:72px}.sidebar-header[data-v-67ab6e8f]{padding:1.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:80px}.logo[data-v-67ab6e8f]{display:flex;align-items:center;gap:.75rem}.logo-icon[data-v-67ab6e8f]{width:32px;height:32px;background:rgba(255,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon svg[data-v-67ab6e8f]{width:20px;height:20px;color:#fff}.logo-text[data-v-67ab6e8f]{font-size:1.25rem;font-weight:700;color:#fff}.collapse-btn[data-v-67ab6e8f]{background:rgba(255,255,255,.1);border:none;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.collapse-btn[data-v-67ab6e8f]:hover{background:rgba(255,255,255,.2)}.collapse-btn svg[data-v-67ab6e8f]{width:16px;height:16px;transition:transform .3s}.rotate-180[data-v-67ab6e8f]{transform:rotate(180deg)}.sidebar-nav[data-v-67ab6e8f]{flex:1;overflow-y:auto;padding:1rem 0}.nav-list[data-v-67ab6e8f]{list-style:none;padding:0;margin:0}.nav-item[data-v-67ab6e8f]{margin-bottom:.25rem}.nav-link[data-v-67ab6e8f]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fffc;text-decoration:none;transition:all .2s;position:relative;cursor:pointer}.nav-link[data-v-67ab6e8f]:hover{background:rgba(255,255,255,.1);color:#fff}.nav-link.router-link-active[data-v-67ab6e8f]{background:rgba(255,255,255,.15);color:#fff}.nav-link.router-link-active[data-v-67ab6e8f]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:white}.nav-icon[data-v-67ab6e8f]{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-67ab6e8f]{width:100%;height:100%}.nav-text[data-v-67ab6e8f]{font-size:.875rem;font-weight:500}.group-header[data-v-67ab6e8f]{-webkit-user-select:none;user-select:none}.group-arrow[data-v-67ab6e8f]{width:16px;height:16px;margin-left:auto;transition:transform .3s}.group-arrow-open[data-v-67ab6e8f]{transform:rotate(180deg)}.sub-nav[data-v-67ab6e8f]{list-style:none;padding:0;margin:0;background:rgba(0,0,0,.1)}.sub-nav-item[data-v-67ab6e8f]{margin-bottom:.125rem}.sub-nav-link[data-v-67ab6e8f]{display:flex;align-items:center;padding:.5rem 1rem .5rem 3rem;color:#ffffffb3;text-decoration:none;transition:all .2s;font-size:.8rem}.sub-nav-link[data-v-67ab6e8f]:hover{background:rgba(255,255,255,.1);color:#fff}.sub-nav-link.router-link-active[data-v-67ab6e8f]{background:rgba(255,255,255,.15);color:#fff}.sidebar-footer[data-v-67ab6e8f]{padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.user-info[data-v-67ab6e8f]{display:flex;align-items:center;gap:.75rem}.user-avatar[data-v-67ab6e8f]{width:36px;height:36px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar svg[data-v-67ab6e8f]{width:18px;height:18px;color:#fff}.user-details[data-v-67ab6e8f]{flex:1;min-width:0}.user-name[data-v-67ab6e8f]{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role[data-v-67ab6e8f]{font-size:.75rem;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-overlay[data-v-67ab6e8f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999}.fade-enter-active[data-v-67ab6e8f],.fade-leave-active[data-v-67ab6e8f]{transition:opacity .3s}.fade-enter-from[data-v-67ab6e8f],.fade-leave-to[data-v-67ab6e8f]{opacity:0}.slide-enter-active[data-v-67ab6e8f]{transition:all .3s ease-out}.slide-leave-active[data-v-67ab6e8f]{transition:all .3s ease-in}.slide-enter-from[data-v-67ab6e8f],.slide-leave-to[data-v-67ab6e8f]{opacity:0;max-height:0}.slide-enter-to[data-v-67ab6e8f],.slide-leave-from[data-v-67ab6e8f]{opacity:1;max-height:200px}@media (max-width: 768px){.sidebar[data-v-67ab6e8f]{transform:translate(-100%)}.sidebar.mobile-open[data-v-67ab6e8f]{transform:translate(0)}.sidebar-collapsed[data-v-67ab6e8f]{width:280px}}.sidebar-nav[data-v-67ab6e8f]::-webkit-scrollbar{width:4px}.sidebar-nav[data-v-67ab6e8f]::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.sidebar-nav[data-v-67ab6e8f]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.sidebar-nav[data-v-67ab6e8f]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}.topbar[data-v-a2e20909]{height:64px;background:white;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.topbar-left[data-v-a2e20909]{display:flex;align-items:center;gap:1rem;flex:1}.mobile-menu-btn[data-v-a2e20909]{background:none;border:none;color:#6b7280;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .2s}.mobile-menu-btn[data-v-a2e20909]:hover{background:#f3f4f6;color:#374151}.mobile-menu-btn svg[data-v-a2e20909]{width:20px;height:20px}.page-info[data-v-a2e20909]{display:flex;flex-direction:column;gap:.25rem}.page-title[data-v-a2e20909]{font-size:1.5rem;font-weight:600;color:#111827;margin:0}.breadcrumb[data-v-a2e20909]{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.breadcrumb-link[data-v-a2e20909]{color:#6b7280;text-decoration:none;transition:color .2s}.breadcrumb-link[data-v-a2e20909]:hover{color:#374151}.breadcrumb-current[data-v-a2e20909]{color:#374151;font-weight:500}.breadcrumb-separator[data-v-a2e20909]{width:16px;height:16px;color:#9ca3af}.topbar-right[data-v-a2e20909]{display:flex;align-items:center;gap:1rem}.user-menu-container[data-v-a2e20909]{position:relative}.user-menu-btn[data-v-a2e20909]{background:none;border:none;color:#6b7280;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.user-menu-btn[data-v-a2e20909]:hover{background:#f3f4f6;color:#374151}.user-avatar[data-v-a2e20909]{width:32px;height:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-avatar.large[data-v-a2e20909]{width:48px;height:48px}.user-avatar svg[data-v-a2e20909]{width:16px;height:16px}.user-avatar.large svg[data-v-a2e20909]{width:24px;height:24px}.user-info[data-v-a2e20909]{display:flex;flex-direction:column;text-align:left}.user-name[data-v-a2e20909]{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap}.user-role[data-v-a2e20909]{font-size:.75rem;color:#6b7280;white-space:nowrap}.dropdown-arrow[data-v-a2e20909]{width:16px;height:16px;color:#9ca3af;transition:transform .2s}.user-menu-btn:hover .dropdown-arrow[data-v-a2e20909]{transform:rotate(180deg)}.user-dropdown[data-v-a2e20909]{position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;min-width:280px;max-height:400px;overflow:hidden;z-index:1000}.user-dropdown-header[data-v-a2e20909]{padding:1rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:.75rem}.user-details[data-v-a2e20909]{flex:1;min-width:0}.user-details .user-name[data-v-a2e20909]{font-size:1rem;margin-bottom:.25rem}.user-email[data-v-a2e20909]{font-size:.875rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-menu[data-v-a2e20909]{padding:.5rem 0}.dropdown-item[data-v-a2e20909]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#374151;text-decoration:none;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;text-align:left;font-size:.875rem}.dropdown-item[data-v-a2e20909]:hover{background:#f9fafb}.dropdown-item.logout[data-v-a2e20909]{color:#ef4444}.dropdown-item.logout[data-v-a2e20909]:hover{background:#fef2f2}.dropdown-item svg[data-v-a2e20909]{width:16px;height:16px;flex-shrink:0}.dropdown-divider[data-v-a2e20909]{height:1px;background:#f3f4f6;margin:.5rem 0}.dropdown-enter-active[data-v-a2e20909]{transition:all .2s ease-out}.dropdown-leave-active[data-v-a2e20909]{transition:all .15s ease-in}.dropdown-enter-from[data-v-a2e20909],.dropdown-leave-to[data-v-a2e20909]{opacity:0;transform:translateY(-10px) scale(.95)}@media (max-width: 768px){.topbar[data-v-a2e20909]{padding:0 1rem}.page-title[data-v-a2e20909]{font-size:1.25rem}.breadcrumb[data-v-a2e20909],.user-info[data-v-a2e20909]{display:none}.notification-dropdown[data-v-a2e20909],.user-dropdown[data-v-a2e20909]{min-width:280px;left:auto;right:0}}@media (max-width: 640px){.search-container[data-v-a2e20909]{display:none}.notification-dropdown[data-v-a2e20909],.user-dropdown[data-v-a2e20909]{min-width:calc(100vw - 2rem);left:1rem;right:1rem}}.main-layout[data-v-4e2d7280]{display:flex;min-height:100vh;background:#f9fafb}.main-content[data-v-4e2d7280]{flex:1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content-shifted[data-v-4e2d7280]{margin-left:280px}.main-content-collapsed[data-v-4e2d7280]{margin-left:72px}.page-content[data-v-4e2d7280]{flex:1;padding:2rem 0;overflow-y:auto}.page-content-fullscreen[data-v-4e2d7280]{padding:0}.container[data-v-4e2d7280]{max-width:1400px;margin:0 auto;padding:0 1rem}.container-fullscreen[data-v-4e2d7280]{max-width:none;margin:0;padding:0;height:100%}.mobile-overlay[data-v-4e2d7280]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.main-content[data-v-4e2d7280]{margin-left:0!important}.main-content-shifted[data-v-4e2d7280]{margin-left:0}.container[data-v-4e2d7280]{padding:0 .75rem}.page-content[data-v-4e2d7280]{padding:1.5rem 0}}@media (max-width: 640px){.container[data-v-4e2d7280]{padding:0 .5rem}.page-content[data-v-4e2d7280]{padding:1rem 0}}@media (prefers-reduced-motion: reduce){.main-content[data-v-4e2d7280]{transition:none}}.page-content[data-v-4e2d7280]::-webkit-scrollbar{width:6px}.page-content[data-v-4e2d7280]::-webkit-scrollbar-track{background:#f1f5f9}.page-content[data-v-4e2d7280]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.page-content[data-v-4e2d7280]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.base-input[data-v-f66403ec]{margin-bottom:var(--spacing-4)}.input-label[data-v-f66403ec]{display:block;font-size:.875rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-2)}.input-wrapper[data-v-f66403ec]{position:relative;display:flex;align-items:center}.input-field[data-v-f66403ec]{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--gray-300);border-radius:var(--rounded-lg);font-size:1rem;background-color:#fff;transition:all .15s ease-in-out}.input-field[data-v-f66403ec]:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.input-field.has-prefix[data-v-f66403ec]{padding-left:var(--spacing-10)}.input-field.has-suffix[data-v-f66403ec]{padding-right:var(--spacing-10)}.input-field.error[data-v-f66403ec]{border-color:var(--error-500)}.input-field.error[data-v-f66403ec]:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-50)}.input-field.disabled[data-v-f66403ec]{background-color:var(--gray-100);color:var(--gray-500);cursor:not-allowed}.input-field[data-v-f66403ec]::placeholder{color:var(--gray-400)}.input-prefix[data-v-f66403ec],.input-suffix[data-v-f66403ec]{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--spacing-10);height:100%;color:var(--gray-400)}.input-prefix[data-v-f66403ec]{left:0}.input-suffix[data-v-f66403ec]{right:0}.error-message[data-v-f66403ec]{font-size:.875rem;color:var(--error-600);margin-top:var(--spacing-2)}.help-text[data-v-f66403ec]{font-size:.875rem;color:var(--gray-500);margin-top:var(--spacing-2)}.fade-enter-active[data-v-f66403ec],.fade-leave-active[data-v-f66403ec]{transition:opacity .2s ease}.fade-enter-from[data-v-f66403ec],.fade-leave-to[data-v-f66403ec]{opacity:0}.base-button[data-v-4936109f]{position:relative;display:inline-flex;align-items:center;justify-content:center;font-weight:500;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit}.base-button[data-v-4936109f]:disabled{cursor:not-allowed;opacity:.6}.btn-primary[data-v-4936109f]{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary[data-v-4936109f]:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700)}.btn-primary[data-v-4936109f]:active:not(:disabled){background-color:var(--primary-800);border-color:var(--primary-800)}.btn-secondary[data-v-4936109f]{background-color:var(--gray-100);color:var(--gray-700);border-color:var(--gray-200)}.btn-secondary[data-v-4936109f]:hover:not(:disabled){background-color:var(--gray-200);border-color:var(--gray-300)}.btn-outline[data-v-4936109f]{background-color:#fff;color:var(--primary-600);border-color:var(--primary-300)}.btn-outline[data-v-4936109f]:hover:not(:disabled){background-color:var(--primary-50);border-color:var(--primary-400)}.btn-ghost[data-v-4936109f]{background-color:transparent;color:var(--primary-600);border-color:transparent}.btn-ghost[data-v-4936109f]:hover:not(:disabled){background-color:var(--primary-50)}.btn-danger[data-v-4936109f]{background-color:var(--error-600);color:#fff;border-color:var(--error-600)}.btn-danger[data-v-4936109f]:hover:not(:disabled){background-color:var(--error-700);border-color:var(--error-700)}.btn-xs[data-v-4936109f]{padding:var(--spacing-1) var(--spacing-2);font-size:.75rem;border-radius:var(--rounded-sm);gap:var(--spacing-1)}.btn-sm[data-v-4936109f]{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem;border-radius:var(--rounded-md);gap:var(--spacing-1)}.btn-md[data-v-4936109f]{padding:var(--spacing-3) var(--spacing-4);font-size:1rem;border-radius:var(--rounded-lg);gap:var(--spacing-2)}.btn-lg[data-v-4936109f]{padding:var(--spacing-4) var(--spacing-6);font-size:1.125rem;border-radius:var(--rounded-lg);gap:var(--spacing-2)}.btn-xl[data-v-4936109f]{padding:var(--spacing-5) var(--spacing-8);font-size:1.25rem;border-radius:var(--rounded-xl);gap:var(--spacing-3)}.btn-full-width[data-v-4936109f]{width:100%}.btn-loading[data-v-4936109f]{position:relative}.button-spinner[data-v-4936109f]{position:absolute;display:flex;align-items:center;justify-content:center}.button-text[data-v-4936109f]{transition:opacity .2s ease}.button-prefix[data-v-4936109f],.button-suffix[data-v-4936109f]{display:flex;align-items:center}@keyframes spin-4936109f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin[data-v-4936109f]{animation:spin-4936109f 1s linear infinite}.login-form[data-v-04d29041]{width:100%;max-width:400px;margin:0 auto}.form-header[data-v-04d29041]{text-align:center;margin-bottom:var(--spacing-8)}.logo-section[data-v-04d29041]{margin-bottom:var(--spacing-6)}.logo[data-v-04d29041]{margin:0 auto var(--spacing-3);width:48px;height:48px}.title[data-v-04d29041]{font-size:2rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-1)}.subtitle[data-v-04d29041]{font-size:1rem;color:var(--primary-600);font-weight:500;margin:0}.welcome-text h2[data-v-04d29041]{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin:0 0 var(--spacing-2)}.welcome-text p[data-v-04d29041]{font-size:1rem;color:var(--gray-600);margin:0}.form-content[data-v-04d29041]{margin-bottom:var(--spacing-6)}.form-options[data-v-04d29041]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.remember-me[data-v-04d29041]{display:flex;align-items:center;cursor:pointer;position:relative}.checkbox[data-v-04d29041]{position:absolute;opacity:0;cursor:pointer}.checkmark[data-v-04d29041]{display:inline-block;width:18px;height:18px;border:2px solid var(--gray-300);border-radius:var(--rounded-sm);background-color:#fff;margin-right:var(--spacing-2);position:relative;transition:all .15s ease}.checkbox:checked+.checkmark[data-v-04d29041]{background-color:var(--primary-600);border-color:var(--primary-600)}.checkbox:checked+.checkmark[data-v-04d29041]:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label[data-v-04d29041]{font-size:.875rem;color:var(--gray-700);-webkit-user-select:none;user-select:none}.forgot-password[data-v-04d29041]{font-size:.875rem;color:var(--primary-600);background:none;border:none;cursor:pointer;padding:0;text-decoration:none;transition:color .15s ease}.forgot-password[data-v-04d29041]:hover{color:var(--primary-700);text-decoration:underline}.password-toggle[data-v-04d29041]{background:none;border:none;cursor:pointer;padding:0;color:var(--gray-400);transition:color .15s ease}.password-toggle[data-v-04d29041]:hover{color:var(--gray-600)}.login-button[data-v-04d29041]{margin-bottom:var(--spacing-4)}@media (max-width: 480px){.form-options[data-v-04d29041]{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.forgot-password[data-v-04d29041]{align-self:flex-end}}.login-page[data-v-4cfd2148]{min-height:100vh;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);padding:var(--spacing-4);overflow:hidden}.login-container[data-v-4cfd2148]{position:relative;width:100%;max-width:1200px;display:grid;grid-template-columns:1fr;gap:var(--spacing-8);align-items:center}.login-background[data-v-4cfd2148]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.background-pattern[data-v-4cfd2148]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,var(--primary-100) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--primary-50) 0%,transparent 50%),radial-gradient(circle at 40% 80%,var(--primary-100) 0%,transparent 50%);opacity:.4}.background-gradient[data-v-4cfd2148]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-50) 0%,white 50%,var(--primary-50) 100%);opacity:.8}.login-content[data-v-4cfd2148]{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:var(--spacing-8);align-items:center;max-width:900px;margin:0 auto;max-height:calc(100vh - 2rem);overflow-y:auto}.login-card[data-v-4cfd2148]{background:white;border-radius:var(--rounded-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.features-section[data-v-4cfd2148]{text-align:center;color:var(--gray-700)}.features-section h3[data-v-4cfd2148]{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-6);color:var(--gray-900)}.features-grid[data-v-4cfd2148]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-6)}.feature-item[data-v-4cfd2148]{text-align:center;padding:var(--spacing-4);background:white;border-radius:var(--rounded-xl);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all .3s ease}.feature-item[data-v-4cfd2148]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon[data-v-4cfd2148]{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--primary-100);color:var(--primary-600);border-radius:var(--rounded-xl);margin:0 auto var(--spacing-3)}.feature-text h4[data-v-4cfd2148]{font-size:1rem;font-weight:600;margin:0 0 var(--spacing-2);color:var(--gray-900)}.feature-text p[data-v-4cfd2148]{font-size:.875rem;color:var(--gray-600);margin:0;line-height:1.5}@media (min-width: 768px){.login-content[data-v-4cfd2148]{grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:start}.login-card[data-v-4cfd2148]{padding:var(--spacing-8)}}@media (max-width: 640px){.login-page[data-v-4cfd2148]{padding:var(--spacing-2);height:auto;min-height:100vh;overflow:auto}.login-content[data-v-4cfd2148]{gap:var(--spacing-4);max-height:none;padding:var(--spacing-2) 0}.login-card[data-v-4cfd2148]{padding:var(--spacing-4)}.features-grid[data-v-4cfd2148]{grid-template-columns:1fr;gap:var(--spacing-3)}.feature-item[data-v-4cfd2148]{padding:var(--spacing-3)}}@media (prefers-reduced-motion: reduce){.feature-item[data-v-4cfd2148]{transition:none}.feature-item[data-v-4cfd2148]:hover{transform:none}}.dashboard[data-v-3c7ddce6]{padding:20px;max-width:1200px;margin:0 auto}.dashboard h1[data-v-3c7ddce6]{color:#111827;margin-bottom:10px}.dashboard p[data-v-3c7ddce6]{color:#6b7280;margin-bottom:30px}.stats[data-v-3c7ddce6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.stat-card[data-v-3c7ddce6]{background:white;padding:20px;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.stat-card h3[data-v-3c7ddce6]{color:#111827;margin:0 0 10px}.stat-card p[data-v-3c7ddce6]{color:#6b7280;margin:0}.school-page[data-v-5cede206]{padding:0}.loading-container[data-v-5cede206],.error-container[data-v-5cede206]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-5cede206]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin-5cede206 1s linear infinite;margin-bottom:1rem}@keyframes spin-5cede206{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon[data-v-5cede206]{width:64px;height:64px;color:#ef4444;margin-bottom:1rem}.error-container h2[data-v-5cede206]{color:#374151;margin:0 0 .5rem;font-size:1.5rem}.error-container p[data-v-5cede206]{color:#6b7280;margin:0 0 2rem}.retry-button[data-v-5cede206]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s}.retry-button[data-v-5cede206]:hover{background:#5a67d8}.retry-button svg[data-v-5cede206]{width:16px;height:16px}.page-header[data-v-5cede206]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-5cede206]{flex:1}.page-title[data-v-5cede206]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-5cede206]{color:#6b7280;margin:0;font-size:1rem}.page-actions[data-v-5cede206]{display:flex;gap:.75rem}.btn[data-v-5cede206]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn svg[data-v-5cede206]{width:16px;height:16px}.btn-primary[data-v-5cede206]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-5cede206]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-5cede206]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-5cede206]:hover{background:#e5e7eb}.btn[data-v-5cede206]:disabled{opacity:.6;cursor:not-allowed;transform:none}.content-grid[data-v-5cede206]{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.info-card[data-v-5cede206],.activity-card[data-v-5cede206]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header[data-v-5cede206]{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.card-icon[data-v-5cede206]{width:24px;height:24px;color:#667eea}.card-title[data-v-5cede206]{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.card-content[data-v-5cede206]{padding:1.5rem}.info-grid[data-v-5cede206]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.info-item[data-v-5cede206]{display:flex;flex-direction:column;gap:.25rem}.info-label[data-v-5cede206]{font-size:.875rem;font-weight:500;color:#6b7280}.info-value[data-v-5cede206]{font-size:1rem;color:#111827;word-break:break-all}.stats-grid[data-v-5cede206]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.stat-card[data-v-5cede206]{background:white;border-radius:12px;border:1px solid #e5e7eb;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.stat-card[data-v-5cede206]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon[data-v-5cede206]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.students[data-v-5cede206]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-icon.teachers[data-v-5cede206]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.stat-icon.classes[data-v-5cede206]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.stat-icon.devices[data-v-5cede206]{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.stat-icon svg[data-v-5cede206]{width:24px;height:24px}.stat-content[data-v-5cede206]{flex:1}.stat-value[data-v-5cede206]{font-size:2rem;font-weight:700;color:#111827;line-height:1}.stat-label[data-v-5cede206]{font-size:.875rem;color:#6b7280;margin-top:.25rem}.activity-list[data-v-5cede206]{display:flex;flex-direction:column;gap:1rem}.activity-item[data-v-5cede206]{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;transition:all .2s}.activity-item[data-v-5cede206]:hover{background:#f9fafb}.activity-icon[data-v-5cede206]{width:8px;height:8px;color:#667eea;margin-top:.5rem}.activity-content[data-v-5cede206]{flex:1}.activity-title[data-v-5cede206]{font-size:.875rem;color:#111827;margin-bottom:.25rem}.activity-time[data-v-5cede206]{font-size:.75rem;color:#6b7280}.no-activities[data-v-5cede206]{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.modal-overlay[data-v-5cede206]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal[data-v-5cede206]{background:white;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal.large[data-v-5cede206]{max-width:600px}.modal-header[data-v-5cede206]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-5cede206]{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button[data-v-5cede206]{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button[data-v-5cede206]:hover{background:#f3f4f6;color:#374151}.close-button svg[data-v-5cede206]{width:16px;height:16px}.modal-body[data-v-5cede206]{padding:1.5rem}.modal-footer[data-v-5cede206]{padding:1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem}.form-group[data-v-5cede206]{margin-bottom:1.5rem}.form-group label[data-v-5cede206]{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input[data-v-5cede206],.form-group select[data-v-5cede206]{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;box-sizing:border-box}.form-group input[data-v-5cede206]:focus,.form-group select[data-v-5cede206]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-actions[data-v-5cede206]{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}@media (max-width: 1024px){.content-grid[data-v-5cede206]{grid-template-columns:1fr;gap:1.5rem}.stats-grid[data-v-5cede206]{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.page-header[data-v-5cede206]{flex-direction:column;align-items:flex-start;gap:1rem}.info-grid[data-v-5cede206]{grid-template-columns:1fr 1fr;gap:1rem}.stats-grid[data-v-5cede206]{grid-template-columns:1fr}.stat-card[data-v-5cede206]{padding:1rem}.modal[data-v-5cede206]{width:95%;margin:1rem}.form-actions[data-v-5cede206]{flex-direction:column}}@media (max-width: 640px){.school-page[data-v-5cede206]{padding:0 .5rem}.page-title[data-v-5cede206]{font-size:1.5rem}.info-grid[data-v-5cede206]{grid-template-columns:1fr;gap:1rem}.card-header[data-v-5cede206],.card-content[data-v-5cede206],.modal-header[data-v-5cede206],.modal-body[data-v-5cede206],.modal-footer[data-v-5cede206]{padding:1rem}}.classes-page[data-v-bb257a6e]{padding:0}.page-header[data-v-bb257a6e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-bb257a6e]{flex:1}.page-title[data-v-bb257a6e]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-bb257a6e]{color:#6b7280;margin:0;font-size:1rem}.page-actions[data-v-bb257a6e]{display:flex;gap:.75rem}.btn[data-v-bb257a6e]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn svg[data-v-bb257a6e]{width:16px;height:16px}.btn-primary[data-v-bb257a6e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-bb257a6e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.classes-table-container[data-v-bb257a6e]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.classes-table[data-v-bb257a6e]{width:100%;border-collapse:collapse;font-size:.875rem}.classes-table th[data-v-bb257a6e]{background:#f9fafb;padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.classes-table td[data-v-bb257a6e]{padding:.75rem .5rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.class-row[data-v-bb257a6e]{cursor:pointer;transition:background-color .2s}.class-row[data-v-bb257a6e]:hover{background-color:#f9fafb}.row-number[data-v-bb257a6e]{font-weight:600;color:#6b7280;width:50px}.class-name[data-v-bb257a6e]{font-weight:600;color:#111827;min-width:180px}.class-description[data-v-bb257a6e]{color:#6b7280;max-width:250px;word-wrap:break-word}.class-grade[data-v-bb257a6e]{font-weight:500;color:#374151;white-space:nowrap;min-width:80px}.class-times[data-v-bb257a6e]{min-width:140px}.times-list[data-v-bb257a6e]{display:flex;flex-direction:column;gap:.25rem}.time-item[data-v-bb257a6e]{display:flex;align-items:center;gap:.5rem;font-size:.75rem}.day[data-v-bb257a6e]{background:#e0e7ff;color:#3730a3;padding:.125rem .375rem;border-radius:4px;font-weight:500;min-width:20px;text-align:center}.time[data-v-bb257a6e]{color:#374151;font-weight:500}.no-time[data-v-bb257a6e]{color:#9ca3af;font-style:italic;font-size:.75rem}.class-type[data-v-bb257a6e]{width:120px}.type-badge[data-v-bb257a6e]{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block;white-space:nowrap}.class-teacher[data-v-bb257a6e]{min-width:140px}.teacher-info[data-v-bb257a6e]{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.teacher-info svg[data-v-bb257a6e]{width:16px;height:16px}.loading-container[data-v-bb257a6e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-bb257a6e]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-bb257a6e 1s linear infinite;margin-bottom:1rem}@keyframes spin-bb257a6e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-bb257a6e]{color:#6b7280;margin:0}.error-container[data-v-bb257a6e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon[data-v-bb257a6e]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-bb257a6e]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.empty-state[data-v-bb257a6e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg[data-v-bb257a6e]{width:64px;height:64px;margin-bottom:1.5rem;opacity:.5}.empty-state h3[data-v-bb257a6e]{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p[data-v-bb257a6e]{margin:0 0 1.5rem;font-size:.95rem}@media (max-width: 768px){.page-header[data-v-bb257a6e]{flex-direction:column;align-items:stretch;gap:1rem}.classes-table-container[data-v-bb257a6e]{overflow-x:auto}.classes-table[data-v-bb257a6e]{min-width:900px}.loading-container[data-v-bb257a6e],.error-container[data-v-bb257a6e],.empty-state[data-v-bb257a6e]{padding:2rem 1rem}}.create-class-page[data-v-5d0a9e5c]{max-width:800px;margin:0 auto;padding:0 1rem}.page-header[data-v-5d0a9e5c]{margin-bottom:2rem}.back-button[data-v-5d0a9e5c]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin-bottom:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.back-button[data-v-5d0a9e5c]:hover{background:#f3f4f6;border-color:#d1d5db}.back-button svg[data-v-5d0a9e5c]{width:16px;height:16px}.page-title[data-v-5d0a9e5c]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-5d0a9e5c]{color:#6b7280;margin:0;font-size:1rem}.create-form[data-v-5d0a9e5c]{background:white;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-section[data-v-5d0a9e5c]{padding:2rem;border-bottom:1px solid #f3f4f6}.form-section[data-v-5d0a9e5c]:last-of-type{border-bottom:none}.section-header[data-v-5d0a9e5c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.time-actions[data-v-5d0a9e5c]{display:flex;gap:.75rem;align-items:center}.preset-select[data-v-5d0a9e5c]{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8rem;color:#6b7280;background:white;min-width:200px;transition:border-color .2s}.preset-select[data-v-5d0a9e5c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.section-title[data-v-5d0a9e5c]{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.form-grid[data-v-5d0a9e5c]{display:grid;gap:1.5rem}.form-row[data-v-5d0a9e5c]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-5d0a9e5c]{display:flex;flex-direction:column;gap:.5rem}.form-label[data-v-5d0a9e5c]{font-size:.875rem;font-weight:500;color:#374151}.required[data-v-5d0a9e5c]{color:#dc2626;font-weight:600}.form-input[data-v-5d0a9e5c],.form-textarea[data-v-5d0a9e5c],.form-select[data-v-5d0a9e5c]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.form-input[data-v-5d0a9e5c]:focus,.form-textarea[data-v-5d0a9e5c]:focus,.form-select[data-v-5d0a9e5c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-5d0a9e5c]{resize:vertical;min-height:80px}.radio-group[data-v-5d0a9e5c]{display:flex;gap:1.5rem}.radio-option[data-v-5d0a9e5c]{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input[type=radio][data-v-5d0a9e5c]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.radio-text[data-v-5d0a9e5c]{font-size:.875rem;color:#374151}.class-times-list[data-v-5d0a9e5c]{display:flex;flex-direction:column;gap:1rem}.class-time-item[data-v-5d0a9e5c]{display:flex;align-items:flex-end;gap:1rem;padding:1.25rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px}.time-inputs[data-v-5d0a9e5c]{flex:1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.remove-button[data-v-5d0a9e5c]{width:36px;height:36px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.remove-button[data-v-5d0a9e5c]:hover{background:#fecaca}.remove-button svg[data-v-5d0a9e5c]{width:16px;height:16px}.selected-courses[data-v-5d0a9e5c]{display:flex;flex-direction:column;gap:1rem}.course-item[data-v-5d0a9e5c]{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:12px}.course-info[data-v-5d0a9e5c]{flex:1}.course-title[data-v-5d0a9e5c]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .25rem}.course-description[data-v-5d0a9e5c]{color:#6b7280;margin:0;font-size:.875rem}.empty-state[data-v-5d0a9e5c]{text-align:center;padding:2rem;color:#6b7280}.empty-state p[data-v-5d0a9e5c]{margin:0;font-size:.875rem}.modal-overlay[data-v-5d0a9e5c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-5d0a9e5c]{background:white;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-5d0a9e5c]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-5d0a9e5c]{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.close-button[data-v-5d0a9e5c]{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.close-button[data-v-5d0a9e5c]:hover{background:#e5e7eb;color:#374151}.close-button svg[data-v-5d0a9e5c]{width:16px;height:16px}.modal-body[data-v-5d0a9e5c]{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer[data-v-5d0a9e5c]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.search-input-group[data-v-5d0a9e5c]{position:relative;margin-bottom:1.5rem}.search-input-group svg[data-v-5d0a9e5c]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.search-input-group input[data-v-5d0a9e5c]{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s}.search-input-group input[data-v-5d0a9e5c]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-container[data-v-5d0a9e5c]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-5d0a9e5c]{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-5d0a9e5c 1s linear infinite;margin-bottom:1rem}@keyframes spin-5d0a9e5c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-5d0a9e5c]{color:#6b7280;margin:0;font-size:.875rem}.courses-grid[data-v-5d0a9e5c]{display:grid;grid-template-columns:1fr;gap:.75rem}.course-card[data-v-5d0a9e5c]{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .2s}.course-card[data-v-5d0a9e5c]:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1a}.course-card.selected[data-v-5d0a9e5c]{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 2px #667eea1a}.course-checkbox[data-v-5d0a9e5c]{flex-shrink:0}.course-checkbox input[type=checkbox][data-v-5d0a9e5c]{width:16px;height:16px;accent-color:#667eea;cursor:pointer}.course-content[data-v-5d0a9e5c]{flex:1;min-width:0}.course-content h4[data-v-5d0a9e5c]{font-size:.875rem;font-weight:600;color:#111827;margin:0 0 .25rem;line-height:1.4}.course-content p[data-v-5d0a9e5c]{color:#6b7280;margin:0;font-size:.75rem;line-height:1.4}.form-actions[data-v-5d0a9e5c]{display:flex;gap:1rem;justify-content:flex-end;padding:2rem;background:#f9fafb}.btn[data-v-5d0a9e5c]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn[data-v-5d0a9e5c]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-5d0a9e5c]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-5d0a9e5c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-5d0a9e5c]{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-5d0a9e5c]:hover{background:#f3f4f6;border-color:#9ca3af}.btn-outline[data-v-5d0a9e5c]{background:white;color:#667eea;border:1px solid #667eea}.btn-outline[data-v-5d0a9e5c]:hover{background:#f0f4ff}.btn svg[data-v-5d0a9e5c]{width:16px;height:16px}@media (max-width: 768px){.form-row[data-v-5d0a9e5c],.time-inputs[data-v-5d0a9e5c]{grid-template-columns:1fr}.class-time-item[data-v-5d0a9e5c]{flex-direction:column;align-items:stretch}.section-header[data-v-5d0a9e5c]{flex-direction:column;align-items:flex-start;gap:1rem}.time-actions[data-v-5d0a9e5c]{flex-direction:column;align-items:stretch;width:100%}.preset-select[data-v-5d0a9e5c]{min-width:auto;width:100%}.form-actions[data-v-5d0a9e5c]{flex-direction:column}.modal-content[data-v-5d0a9e5c]{margin:.5rem;max-width:none}}.students-page[data-v-d48a85af]{padding:0}.page-header[data-v-d48a85af]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-d48a85af]{flex:1}.page-title[data-v-d48a85af]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-d48a85af]{color:#6b7280;margin:0;font-size:1rem}.search-section[data-v-d48a85af]{background:white;border-radius:12px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e5e7eb}.search-container[data-v-d48a85af]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box[data-v-d48a85af]{position:relative;flex:1;min-width:300px}.search-icon[data-v-d48a85af]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6b7280;pointer-events:none}.search-input[data-v-d48a85af]{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.search-input[data-v-d48a85af]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select[data-v-d48a85af]{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:white;cursor:pointer}.btn[data-v-d48a85af]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn[data-v-d48a85af]:disabled{opacity:.5;cursor:not-allowed}.btn svg[data-v-d48a85af]{width:16px;height:16px}.btn-primary[data-v-d48a85af]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-d48a85af]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-sm[data-v-d48a85af]{padding:.5rem 1rem;font-size:.75rem}.btn-outline[data-v-d48a85af]{background:white;color:#667eea;border:1px solid #667eea}.btn-outline[data-v-d48a85af]:hover{background:#667eea;color:#fff}.btn-danger[data-v-d48a85af]{background:#dc2626;color:#fff}.btn-danger[data-v-d48a85af]:hover{background:#b91c1c}.loading-container[data-v-d48a85af]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid #e5e7eb}.loading-spinner[data-v-d48a85af]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin-d48a85af 1s linear infinite;margin-bottom:1rem}@keyframes spin-d48a85af{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-d48a85af]{color:#6b7280;margin:0;font-size:.875rem}.error-container[data-v-d48a85af]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid #e5e7eb;text-align:center}.error-icon[data-v-d48a85af]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-d48a85af]{color:#dc2626;margin:0 0 1.5rem;font-size:1rem}.students-list[data-v-d48a85af]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.list-header[data-v-d48a85af]{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:.875rem}.list-body[data-v-d48a85af]{display:flex;flex-direction:column}.student-row[data-v-d48a85af]{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;transition:all .2s}.student-row[data-v-d48a85af]:last-child{border-bottom:none}.student-row[data-v-d48a85af]:hover{background:#f9fafb}.student-cell[data-v-d48a85af]{display:flex;align-items:center;font-size:.875rem;color:#374151}.student-cell.name-cell[data-v-d48a85af]{gap:.75rem}.student-avatar[data-v-d48a85af]{width:40px;height:40px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;font-weight:600;flex-shrink:0}.student-name[data-v-d48a85af]{font-weight:500;color:#111827}.header-cell[data-v-d48a85af]{font-weight:600;color:#6b7280;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.empty-state[data-v-d48a85af]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:white;border-radius:12px;border:1px solid #e5e7eb;text-align:center}.empty-state svg[data-v-d48a85af]{width:80px;height:80px;color:#d1d5db;margin-bottom:1.5rem}.empty-state h3[data-v-d48a85af]{color:#111827;margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state p[data-v-d48a85af]{color:#6b7280;margin:0 0 1.5rem;font-size:.875rem}.pagination[data-v-d48a85af]{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination-btn[data-v-d48a85af]{padding:.5rem 1rem;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-d48a85af]:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn[data-v-d48a85af]:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers[data-v-d48a85af]{display:flex;gap:.25rem}.pagination-number[data-v-d48a85af]{padding:.5rem .75rem;border:1px solid #d1d5db;background:white;color:#374151;border-radius:6px;cursor:pointer;transition:all .2s;min-width:40px;text-align:center}.pagination-number[data-v-d48a85af]:hover{background:#f9fafb;border-color:#9ca3af}.pagination-number.active[data-v-d48a85af]{background:#667eea;border-color:#667eea;color:#fff}@media (max-width: 768px){.page-header[data-v-d48a85af]{flex-direction:column;align-items:stretch;gap:1rem}.search-container[data-v-d48a85af]{flex-direction:column;align-items:stretch}.search-box[data-v-d48a85af]{min-width:auto}.list-header[data-v-d48a85af]{display:none}.student-row[data-v-d48a85af]{grid-template-columns:1fr;gap:.5rem;padding:1rem}.student-cell[data-v-d48a85af]{justify-content:flex-start;padding:.5rem 0}.student-cell[data-v-d48a85af]:before{content:attr(data-label);font-weight:600;color:#6b7280;display:inline-block;width:80px;margin-right:1rem;font-size:.75rem;text-transform:uppercase}.student-cell.name-cell[data-v-d48a85af]:before{content:none}.student-cell.name-cell[data-v-d48a85af]{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:.5rem}.pagination[data-v-d48a85af]{flex-wrap:wrap}}.register-student-page[data-v-fe53f8e9]{max-width:800px;margin:0 auto;padding:0 1rem}.page-header[data-v-fe53f8e9]{margin-bottom:2rem}.page-title[data-v-fe53f8e9]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-fe53f8e9]{color:#6b7280;margin:0;font-size:1rem}.register-form[data-v-fe53f8e9]{background:white;border-radius:12px;border:1px solid #e5e7eb;padding:2rem}.form-section[data-v-fe53f8e9]{margin-bottom:2rem}.section-title[data-v-fe53f8e9]{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 1.5rem}.form-grid[data-v-fe53f8e9]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group[data-v-fe53f8e9]{display:flex;flex-direction:column;gap:.5rem}.form-group[data-v-fe53f8e9]:nth-child(3){grid-column:1 / -1}.form-label[data-v-fe53f8e9]{font-size:.875rem;font-weight:500;color:#374151}.form-input[data-v-fe53f8e9],.form-select[data-v-fe53f8e9]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.form-input[data-v-fe53f8e9]:focus,.form-select[data-v-fe53f8e9]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input[data-v-fe53f8e9]:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-hint[data-v-fe53f8e9]{font-size:.75rem;color:#6b7280;margin-top:.25rem}.form-actions[data-v-fe53f8e9]{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #f3f4f6}.btn[data-v-fe53f8e9]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary[data-v-fe53f8e9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-fe53f8e9]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-fe53f8e9]{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-fe53f8e9]:hover{background:#f3f4f6}.btn[data-v-fe53f8e9]:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn.disabled[data-v-fe53f8e9]{pointer-events:none;opacity:.6}.loading-spinner[data-v-fe53f8e9]{width:16px;height:16px;animation:spin-fe53f8e9 1s linear infinite}@keyframes spin-fe53f8e9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-notice[data-v-fe53f8e9]{display:flex;gap:1rem;padding:1.5rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin-top:1.5rem}.notice-icon[data-v-fe53f8e9]{flex-shrink:0;width:24px;height:24px;color:#3b82f6}.notice-content h3[data-v-fe53f8e9]{font-size:1rem;font-weight:600;color:#1e40af;margin:0 0 .5rem}.notice-content p[data-v-fe53f8e9]{font-size:.875rem;color:#1e40af;margin:0;line-height:1.5}.modal-overlay[data-v-fe53f8e9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container[data-v-fe53f8e9]{background:white;border-radius:12px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-fe53f8e9]{padding:1.5rem 1.5rem 1rem;text-align:center}.modal-header.success[data-v-fe53f8e9]{border-bottom:1px solid #f3f4f6}.success-icon[data-v-fe53f8e9]{width:48px;height:48px;margin:0 auto 1rem;color:#10b981}.modal-header h3[data-v-fe53f8e9]{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-body[data-v-fe53f8e9]{padding:1rem 1.5rem}.success-info p[data-v-fe53f8e9]{font-size:1rem;color:#374151;margin:0 0 1.5rem;text-align:center}.student-details[data-v-fe53f8e9]{background:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1rem}.detail-item[data-v-fe53f8e9]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.detail-item[data-v-fe53f8e9]:last-child{border-bottom:none}.detail-label[data-v-fe53f8e9]{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value[data-v-fe53f8e9]{font-size:.875rem;color:#111827;font-weight:600}.detail-value.highlight[data-v-fe53f8e9]{background:#fef3c7;color:#d97706;padding:.25rem .5rem;border-radius:4px;font-family:monospace}.password-notice[data-v-fe53f8e9]{display:flex;gap:.75rem;padding:1rem;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;align-items:flex-start}.password-notice svg[data-v-fe53f8e9]{width:20px;height:20px;color:#d97706;flex-shrink:0;margin-top:.125rem}.password-notice p[data-v-fe53f8e9]{font-size:.875rem;color:#92400e;margin:0;line-height:1.5}.modal-footer[data-v-fe53f8e9]{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}@media (max-width: 768px){.form-grid[data-v-fe53f8e9]{grid-template-columns:1fr}.form-group[data-v-fe53f8e9]:nth-child(3){grid-column:1}.modal-container[data-v-fe53f8e9]{margin:1rem;max-width:none}.modal-footer[data-v-fe53f8e9]{flex-direction:column}.info-notice[data-v-fe53f8e9]{flex-direction:column;text-align:center}}.student-detail-page[data-v-2c9b4bc5]{padding:0}.loading-container[data-v-2c9b4bc5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-2c9b4bc5]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-2c9b4bc5 1s linear infinite;margin-bottom:1rem}@keyframes spin-2c9b4bc5{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-2c9b4bc5]{color:#6b7280;margin:0}.error-container[data-v-2c9b4bc5]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon[data-v-2c9b4bc5]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-2c9b4bc5]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.error-actions[data-v-2c9b4bc5]{display:flex;gap:1rem}.student-header[data-v-2c9b4bc5]{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.back-button[data-v-2c9b4bc5]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.back-button[data-v-2c9b4bc5]:hover{background:#f3f4f6;border-color:#9ca3af}.back-button svg[data-v-2c9b4bc5]{width:16px;height:16px}.student-info h1[data-v-2c9b4bc5]{margin:0 0 1rem;font-size:2rem;font-weight:700;color:#111827}.student-tags[data-v-2c9b4bc5]{display:flex;gap:.5rem;flex-wrap:wrap}.tag[data-v-2c9b4bc5]{padding:.25rem .75rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;color:#374151}.summary-cards[data-v-2c9b4bc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card[data-v-2c9b4bc5]{background:white;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.summary-card h3[data-v-2c9b4bc5]{margin:0 0 .5rem;font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.summary-card .number[data-v-2c9b4bc5]{margin:0;font-size:2rem;font-weight:700;color:#111827}.summary-card .date[data-v-2c9b4bc5]{margin:0;font-size:1.125rem;color:#374151}.tab-navigation[data-v-2c9b4bc5]{display:flex;background:white;border-radius:12px 12px 0 0;border:1px solid #e5e7eb;border-bottom:none;overflow:hidden}.tab-button[data-v-2c9b4bc5]{flex:1;padding:1rem 1.5rem;background:none;border:none;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tab-button[data-v-2c9b4bc5]:hover{background:#f9fafb;color:#374151}.tab-button.active[data-v-2c9b4bc5]{color:#667eea;border-bottom-color:#667eea;background:#f8fafc}.tab-content[data-v-2c9b4bc5]{background:white;border-radius:0 0 12px 12px;border:1px solid #e5e7eb;border-top:none;overflow:hidden}.tab-panel[data-v-2c9b4bc5]{padding:2rem}.section-header[data-v-2c9b4bc5]{margin-bottom:2rem}.section-header h2[data-v-2c9b4bc5]{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#111827}.section-header p[data-v-2c9b4bc5]{margin:0;color:#6b7280;font-size:.875rem}.empty-state[data-v-2c9b4bc5]{text-align:center;padding:3rem;color:#6b7280}.empty-state p[data-v-2c9b4bc5]{margin:0;font-size:1rem}.table-container[data-v-2c9b4bc5]{overflow-x:auto}.data-table[data-v-2c9b4bc5]{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th[data-v-2c9b4bc5]{background:#f9fafb;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb}.data-table td[data-v-2c9b4bc5]{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#111827}.data-table tbody tr[data-v-2c9b4bc5]:hover{background:#f9fafb}.btn[data-v-2c9b4bc5]{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-2c9b4bc5]{background:#667eea;color:#fff}.btn-primary[data-v-2c9b4bc5]:hover{background:#5a67d8}.btn-secondary[data-v-2c9b4bc5]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-2c9b4bc5]:hover{background:#e5e7eb}.teachers-page[data-v-ca79352e]{padding:0}.page-header[data-v-ca79352e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-ca79352e]{flex:1}.page-title[data-v-ca79352e]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-ca79352e]{color:#6b7280;margin:0;font-size:1rem}.page-actions[data-v-ca79352e]{display:flex;gap:.75rem}.btn[data-v-ca79352e]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn svg[data-v-ca79352e]{width:16px;height:16px}.btn-primary[data-v-ca79352e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-ca79352e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.search-section[data-v-ca79352e]{margin-bottom:2rem}.search-container[data-v-ca79352e]{display:flex;gap:1rem;align-items:center}.search-box[data-v-ca79352e]{position:relative;flex:1;max-width:400px}.search-icon[data-v-ca79352e]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9ca3af}.search-input[data-v-ca79352e]{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input[data-v-ca79352e]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-select[data-v-ca79352e]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;background:white;cursor:pointer;min-width:140px}.teachers-grid[data-v-ca79352e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.teacher-card[data-v-ca79352e]{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s}.teacher-card[data-v-ca79352e]:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #0000001a}.teacher-avatar[data-v-ca79352e]{width:60px;height:60px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:1rem}.teacher-avatar svg[data-v-ca79352e]{width:30px;height:30px}.teacher-info[data-v-ca79352e]{margin-bottom:1rem}.teacher-name[data-v-ca79352e]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.teacher-email[data-v-ca79352e]{color:#6b7280;margin:0 0 .25rem;font-size:.875rem}.teacher-contact[data-v-ca79352e]{color:#6b7280;margin:0 0 .75rem;font-size:.875rem}.teacher-meta[data-v-ca79352e]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.teacher-role[data-v-ca79352e]{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.role-admin[data-v-ca79352e]{background:#fef3c7;color:#d97706}.role-manager[data-v-ca79352e]{background:#dbeafe;color:#2563eb}.role-assistant[data-v-ca79352e]{background:#d1fae5;color:#059669}.teacher-date[data-v-ca79352e]{color:#9ca3af;font-size:.75rem}.loading-container[data-v-ca79352e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner[data-v-ca79352e]{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin-ca79352e 1s linear infinite;margin-bottom:1rem}@keyframes spin-ca79352e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-ca79352e]{color:#6b7280;margin:0}.error-container[data-v-ca79352e]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon[data-v-ca79352e]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-ca79352e]{color:#dc2626;margin:0 0 2rem;font-size:1rem}.empty-state[data-v-ca79352e]{text-align:center;padding:4rem 2rem;color:#6b7280}.empty-state svg[data-v-ca79352e]{width:64px;height:64px;margin:0 auto 1rem;color:#d1d5db}.empty-state h3[data-v-ca79352e]{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#374151}.empty-state p[data-v-ca79352e]{margin:0 0 2rem;font-size:1rem}@media (max-width: 768px){.page-header[data-v-ca79352e]{flex-direction:column;align-items:stretch;gap:1rem}.search-container[data-v-ca79352e]{flex-direction:column;gap:1rem}.search-box[data-v-ca79352e]{max-width:none}.teachers-grid[data-v-ca79352e]{grid-template-columns:1fr}.teacher-card[data-v-ca79352e]{padding:1rem}}.register-teacher-page[data-v-41734267]{padding:0 1rem;max-width:800px;margin:0 auto}.page-header[data-v-41734267]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-41734267]{flex:1}.page-title[data-v-41734267]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-41734267]{color:#6b7280;margin:0;font-size:1rem}.page-actions[data-v-41734267]{display:flex;gap:.75rem}.register-form-container[data-v-41734267]{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:2rem}.register-form[data-v-41734267]{display:flex;flex-direction:column;gap:2rem}.form-section[data-v-41734267]{display:flex;flex-direction:column;gap:1.5rem}.section-title[data-v-41734267]{font-size:1.25rem;font-weight:600;color:#111827;margin:0;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.form-row[data-v-41734267]{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group[data-v-41734267]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-41734267]{font-size:.875rem;font-weight:500;color:#374151}.form-group label.required[data-v-41734267]:after{content:" *";color:#ef4444}.form-input[data-v-41734267],.form-select[data-v-41734267]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s;background:white}.form-input[data-v-41734267]:focus,.form-select[data-v-41734267]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input.error[data-v-41734267],.form-select.error[data-v-41734267]{border-color:#ef4444}.form-select[data-v-41734267]{cursor:pointer}.form-help[data-v-41734267]{font-size:.75rem;color:#9ca3af}.error-message[data-v-41734267]{font-size:.75rem;color:#ef4444}.form-actions[data-v-41734267]{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.register-teacher-page[data-v-41734267]{max-width:none}.page-header[data-v-41734267]{flex-direction:column;align-items:stretch;gap:1rem}.register-form-container[data-v-41734267]{padding:1.5rem}.form-row[data-v-41734267]{grid-template-columns:1fr;gap:1rem}.form-actions[data-v-41734267]{flex-direction:column}.form-actions .btn[data-v-41734267]{width:100%}}.devices-page[data-v-cda7d462]{padding:0}.page-header[data-v-cda7d462]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}.page-title-section[data-v-cda7d462]{flex:1}.page-title[data-v-cda7d462]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-cda7d462]{color:#6b7280;margin:0;font-size:1rem}.btn[data-v-cda7d462]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn svg[data-v-cda7d462]{width:16px;height:16px}.btn-primary[data-v-cda7d462]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-cda7d462]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.devices-grid[data-v-cda7d462]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.device-card[data-v-cda7d462]{background:white;border-radius:12px;border:1px solid #e5e7eb;padding:1.5rem;display:flex;gap:1rem;align-items:center;transition:all .2s}.device-card[data-v-cda7d462]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.device-icon[data-v-cda7d462]{width:60px;height:60px;background:#f0f4ff;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#667eea;flex-shrink:0}.device-icon svg[data-v-cda7d462]{width:30px;height:30px}.device-info[data-v-cda7d462]{flex:1}.device-name[data-v-cda7d462]{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.device-model[data-v-cda7d462]{color:#6b7280;margin:0 0 .75rem;font-size:.875rem}.device-meta[data-v-cda7d462]{display:flex;gap:.75rem;font-size:.75rem}.device-status[data-v-cda7d462]{padding:.25rem .5rem;border-radius:4px;font-weight:500}.device-status.active[data-v-cda7d462]{background:#dcfce7;color:#166534}.device-status.inactive[data-v-cda7d462]{background:#f3f4f6;color:#6b7280}.device-status.maintenance[data-v-cda7d462]{background:#fef3c7;color:#92400e}.device-location[data-v-cda7d462]{color:#6b7280;background:#f9fafb;padding:.25rem .5rem;border-radius:4px}@media (max-width: 768px){.page-header[data-v-cda7d462]{flex-direction:column;align-items:stretch;gap:1rem}.devices-grid[data-v-cda7d462]{grid-template-columns:1fr}}.library-page[data-v-e755a47f]{padding:0}.page-header[data-v-e755a47f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:2rem}.page-title-section[data-v-e755a47f]{flex:1}.page-title[data-v-e755a47f]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-e755a47f]{color:#6b7280;margin:0;font-size:1rem}.search-bar[data-v-e755a47f]{position:relative;display:flex;align-items:center;width:300px}.search-bar svg[data-v-e755a47f]{position:absolute;left:12px;width:20px;height:20px;color:#9ca3af}.search-input[data-v-e755a47f]{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.search-input[data-v-e755a47f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.library-grid[data-v-e755a47f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.course-card[data-v-e755a47f]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s}.course-card[data-v-e755a47f]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.course-image[data-v-e755a47f]{height:120px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}.course-icon[data-v-e755a47f]{color:#fff}.course-icon svg[data-v-e755a47f]{width:48px;height:48px}.course-content[data-v-e755a47f]{padding:1.5rem}.course-title[data-v-e755a47f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.course-description[data-v-e755a47f]{color:#6b7280;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.course-meta[data-v-e755a47f]{display:flex;gap:.75rem;margin-bottom:1.5rem;font-size:.75rem}.course-date[data-v-e755a47f],.course-updated[data-v-e755a47f]{background:#f3f4f6;color:#6b7280;padding:.25rem .5rem;border-radius:4px;font-weight:500}.course-updated[data-v-e755a47f]{background:#fef3c7;color:#92400e}.course-actions[data-v-e755a47f]{display:flex;gap:.75rem}.btn[data-v-e755a47f]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary[data-v-e755a47f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;flex:1;justify-content:center}.btn-primary[data-v-e755a47f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary svg[data-v-e755a47f]{width:16px;height:16px}.btn-secondary[data-v-e755a47f]{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-e755a47f]:hover{background:#f3f4f6;border-color:#9ca3af}.loading-container[data-v-e755a47f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-e755a47f]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-e755a47f 1s linear infinite;margin-bottom:1rem}@keyframes spin-e755a47f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-e755a47f]{color:#6b7280;margin:0}.error-container[data-v-e755a47f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon[data-v-e755a47f]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-e755a47f]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.empty-state[data-v-e755a47f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg[data-v-e755a47f]{width:64px;height:64px;margin-bottom:1.5rem;opacity:.5}.empty-state h3[data-v-e755a47f]{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p[data-v-e755a47f]{margin:0 0 1.5rem;font-size:.95rem}@media (max-width: 768px){.page-header[data-v-e755a47f]{flex-direction:column;align-items:stretch;gap:1rem}.search-bar[data-v-e755a47f]{width:100%}.library-grid[data-v-e755a47f]{grid-template-columns:1fr}.loading-container[data-v-e755a47f],.error-container[data-v-e755a47f],.empty-state[data-v-e755a47f]{padding:2rem 1rem}}.course-detail-page[data-v-5686359f]{padding:0}.loading-container[data-v-5686359f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-5686359f]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-5686359f 1s linear infinite;margin-bottom:1rem}@keyframes spin-5686359f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-5686359f]{color:#6b7280;margin:0}.error-container[data-v-5686359f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon[data-v-5686359f]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-5686359f]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.error-actions[data-v-5686359f]{display:flex;gap:1rem}.course-header[data-v-5686359f]{background:white;border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb}.back-button[data-v-5686359f]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.back-button[data-v-5686359f]:hover{background:#f3f4f6;border-color:#9ca3af}.back-button svg[data-v-5686359f]{width:16px;height:16px}.course-title[data-v-5686359f]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .75rem}.course-description[data-v-5686359f]{font-size:1.1rem;color:#6b7280;line-height:1.6;margin:0 0 1.5rem}.course-meta[data-v-5686359f]{display:flex;gap:1.5rem;flex-wrap:wrap}.meta-item[data-v-5686359f]{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.meta-item svg[data-v-5686359f]{width:16px;height:16px}.sessions-section[data-v-5686359f]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.section-header[data-v-5686359f]{padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.section-title[data-v-5686359f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .25rem}.section-description[data-v-5686359f]{color:#6b7280;margin:0;font-size:.875rem}.empty-sessions[data-v-5686359f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-sessions svg[data-v-5686359f]{width:64px;height:64px;margin-bottom:1.5rem;opacity:.5}.empty-sessions h3[data-v-5686359f]{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-sessions p[data-v-5686359f]{margin:0;font-size:.95rem}.sessions-list[data-v-5686359f]{padding:1rem;display:flex;flex-direction:column;gap:1rem}.session-card[data-v-5686359f]{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:12px;background:white}.session-index[data-v-5686359f]{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem}.session-content[data-v-5686359f]{flex:1;min-width:0}.session-title[data-v-5686359f]{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.session-description[data-v-5686359f]{color:#6b7280;margin:0 0 1rem;font-size:.875rem;line-height:1.5}.no-materials[data-v-5686359f]{padding:.75rem;background:#f9fafb;border-radius:6px;text-align:center;color:#6b7280;font-size:.875rem}.session-resources[data-v-5686359f]{display:flex;gap:.75rem;flex-wrap:wrap}.resource-item[data-v-5686359f]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.75rem;color:#6b7280;cursor:default;transition:all .2s}.resource-item.available[data-v-5686359f]{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.resource-item.student-material[data-v-5686359f]{background:#eff6ff;color:#1e40af;border-color:#bfdbfe}.resource-item.teacher-material[data-v-5686359f]{background:#fef2f2;color:#991b1b;border-color:#fecaca}.resource-item.clickable[data-v-5686359f]{cursor:pointer}.resource-item.clickable[data-v-5686359f]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.resource-item[data-v-5686359f]:disabled{cursor:not-allowed;opacity:.6}.resource-item[data-v-5686359f]:disabled:hover{transform:none;box-shadow:none}.resource-item svg[data-v-5686359f]{width:14px;height:14px}.resource-status[data-v-5686359f]{font-weight:500;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.external-link-icon[data-v-5686359f]{width:12px;height:12px;opacity:.7;margin-left:auto}.btn[data-v-5686359f]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary[data-v-5686359f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-5686359f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary svg[data-v-5686359f]{width:16px;height:16px}.btn-secondary[data-v-5686359f]{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-5686359f]:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.course-header[data-v-5686359f]{padding:1.5rem}.course-meta[data-v-5686359f]{flex-direction:column;gap:.75rem}.session-card[data-v-5686359f]{flex-direction:column;align-items:flex-start;gap:1rem}.session-resources[data-v-5686359f]{flex-direction:column;gap:.5rem;width:100%}.sessions-list[data-v-5686359f]{padding:.5rem}}.modal-overlay[data-v-31fb5943]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-31fb5943]{background:white;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-31fb5943]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2[data-v-31fb5943]{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button[data-v-31fb5943]{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;color:#6b7280;transition:all .2s}.close-button[data-v-31fb5943]:hover{background:#f3f4f6;color:#374151}.close-button svg[data-v-31fb5943]{width:20px;height:20px}.modal-body[data-v-31fb5943]{padding:1.5rem}.record-form[data-v-31fb5943]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-31fb5943]{display:flex;flex-direction:column;gap:.5rem}.form-row[data-v-31fb5943]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label[data-v-31fb5943]{font-size:.875rem;font-weight:500;color:#374151}.form-group input[data-v-31fb5943],.form-group textarea[data-v-31fb5943]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-group input[data-v-31fb5943]:focus,.form-group textarea[data-v-31fb5943]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea[data-v-31fb5943]{resize:vertical;min-height:80px}.form-actions[data-v-31fb5943]{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.btn[data-v-31fb5943]{padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary[data-v-31fb5943]{background:#667eea;color:#fff}.btn-primary[data-v-31fb5943]:hover:not(:disabled){background:#5a67d8}.btn-primary[data-v-31fb5943]:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary[data-v-31fb5943]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-31fb5943]:hover{background:#e5e7eb}.btn-danger[data-v-31fb5943]{background:#dc2626;color:#fff}.btn-danger[data-v-31fb5943]:hover:not(:disabled){background:#b91c1c}.btn-danger[data-v-31fb5943]:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 640px){.modal-content[data-v-31fb5943]{width:95%;margin:1rem}.form-row[data-v-31fb5943]{grid-template-columns:1fr}}.class-detail-page[data-v-65a4043f]{padding:0}.loading-container[data-v-65a4043f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner[data-v-65a4043f]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-65a4043f 1s linear infinite;margin-bottom:1rem}@keyframes spin-65a4043f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p[data-v-65a4043f]{color:#6b7280;margin:0}.error-container[data-v-65a4043f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-icon[data-v-65a4043f]{font-size:3rem;margin-bottom:1rem}.error-container p[data-v-65a4043f]{color:#dc2626;margin-bottom:1.5rem;font-size:1.1rem}.error-actions[data-v-65a4043f]{display:flex;gap:1rem}.class-header[data-v-65a4043f]{background:white;border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.back-button[data-v-65a4043f]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;text-decoration:none;font-size:.875rem;cursor:pointer;transition:all .2s;margin-bottom:1.5rem}.back-button[data-v-65a4043f]:hover{background:#f3f4f6;border-color:#9ca3af}.back-button svg[data-v-65a4043f]{width:16px;height:16px}.class-title-section[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.class-title[data-v-65a4043f]{font-size:2.25rem;font-weight:700;color:#111827;margin:0}.class-badges[data-v-65a4043f]{display:flex;gap:.5rem}.grade-badge[data-v-65a4043f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600}.type-badge[data-v-65a4043f]{background:#f0fdf4;color:#166534;padding:.375rem .875rem;border-radius:12px;font-size:.75rem;font-weight:600}.class-description[data-v-65a4043f]{font-size:1.125rem;color:#6b7280;line-height:1.6;margin:0 0 2rem}.class-meta-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.meta-item[data-v-65a4043f]{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.meta-item svg[data-v-65a4043f]{width:20px;height:20px;color:#667eea;flex-shrink:0}.meta-label[data-v-65a4043f]{display:block;font-size:.75rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.meta-value[data-v-65a4043f]{display:block;font-size:.875rem;color:#111827;font-weight:600}.tab-navigation[data-v-65a4043f]{display:flex;background:white;border-radius:12px;padding:.5rem;margin-bottom:2rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.tab-button[data-v-65a4043f]{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.tab-button svg[data-v-65a4043f]{width:16px;height:16px}.tab-button[data-v-65a4043f]:hover{background:#f9fafb;color:#374151}.tab-button.active[data-v-65a4043f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.tab-content[data-v-65a4043f]{background:white;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:hidden}.courses-section[data-v-65a4043f]{padding:1.5rem}.courses-grid[data-v-65a4043f]{display:flex;flex-direction:column;gap:1rem}.course-card[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:12px;transition:all .2s;cursor:pointer;background:#fafafa}.course-card[data-v-65a4043f]:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea1a}.course-status[data-v-65a4043f]{flex-shrink:0}.status-badge[data-v-65a4043f]{padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge.before_start[data-v-65a4043f]{background:#fef3c7;color:#92400e}.status-badge.in_progress[data-v-65a4043f]{background:#dbeafe;color:#1e40af}.status-badge.completed[data-v-65a4043f]{background:#dcfce7;color:#166534}.status-badge.paused[data-v-65a4043f]{background:#fee2e2;color:#dc2626}.course-content[data-v-65a4043f]{flex:1;min-width:0}.course-title[data-v-65a4043f]{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.course-description[data-v-65a4043f]{color:#6b7280;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.course-meta[data-v-65a4043f]{font-size:.75rem;color:#9ca3af}.course-action[data-v-65a4043f]{flex-shrink:0;color:#6b7280}.course-action svg[data-v-65a4043f]{width:20px;height:20px}.students-section[data-v-65a4043f]{padding:1.5rem}.students-header[data-v-65a4043f]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.students-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.students-header p[data-v-65a4043f]{color:#6b7280;margin:0;font-size:.95rem;max-width:600px}.students-header .btn[data-v-65a4043f]{margin-left:auto}.students-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.student-card[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;transition:all .2s}.student-card[data-v-65a4043f]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.student-avatar[data-v-65a4043f]{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.student-avatar svg[data-v-65a4043f]{width:24px;height:24px}.student-name[data-v-65a4043f]{font-size:1rem;color:#111827;margin:0 0 .25rem;transition:color .2s}.student-name[data-v-65a4043f]:hover{color:#667eea}.student-meta[data-v-65a4043f]{font-size:.75rem;color:#6b7280;margin:0}.teachers-section[data-v-65a4043f]{padding:1.5rem}.teachers-header[data-v-65a4043f]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.teachers-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.teachers-header p[data-v-65a4043f]{color:#6b7280;margin:0;font-size:.95rem;max-width:600px}.teachers-header .btn[data-v-65a4043f]{margin-left:auto}.teachers-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.teacher-card[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;transition:all .2s}.teacher-card[data-v-65a4043f]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.teacher-details[data-v-65a4043f]{display:flex;flex-direction:column;gap:.25rem}.teacher-contact[data-v-65a4043f]{font-size:.75rem;color:#6b7280}.materials-section[data-v-65a4043f]{padding:1.5rem}.materials-header[data-v-65a4043f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.materials-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.materials-header p[data-v-65a4043f]{color:#6b7280;margin:0;font-size:.875rem}.materials-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.material-card[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;transition:all .2s}.material-card[data-v-65a4043f]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.material-icon[data-v-65a4043f]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:white;border-radius:8px;border:1px solid #e5e7eb;flex-shrink:0}.material-icon svg[data-v-65a4043f]{width:24px;height:24px}.material-content[data-v-65a4043f]{flex:1;min-width:0}.material-title[data-v-65a4043f]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.4}.material-description[data-v-65a4043f]{color:#6b7280;margin:0 0 .5rem;font-size:.875rem;line-height:1.4}.material-meta[data-v-65a4043f]{display:flex;gap:.75rem;font-size:.75rem}.material-type[data-v-65a4043f]{color:#059669;font-weight:600;background:#ecfdf5;padding:.25rem .5rem;border-radius:4px}.material-date[data-v-65a4043f]{color:#9ca3af}.material-actions[data-v-65a4043f]{display:flex;gap:.5rem;flex-shrink:0}.action-btn[data-v-65a4043f]{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn svg[data-v-65a4043f]{width:16px;height:16px}.download-btn[data-v-65a4043f]{background:#eff6ff;color:#2563eb}.download-btn[data-v-65a4043f]:hover{background:#dbeafe}.remove-btn[data-v-65a4043f]{background:#fef2f2;color:#dc2626}.remove-btn[data-v-65a4043f]:hover{background:#fee2e2}.modal-overlay[data-v-65a4043f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-65a4043f]{background:white;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header[data-v-65a4043f]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.close-button[data-v-65a4043f]{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280;transition:all .2s}.close-button[data-v-65a4043f]:hover{background:#e5e7eb;color:#374151}.close-button svg[data-v-65a4043f]{width:16px;height:16px}.modal-body[data-v-65a4043f]{flex:1;overflow-y:auto;padding:1.5rem}.modal-footer[data-v-65a4043f]{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb}.search-filters[data-v-65a4043f]{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-group[data-v-65a4043f]{position:relative;flex:1}.search-input-group svg[data-v-65a4043f]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9ca3af}.search-input-group input[data-v-65a4043f]{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s}.search-input-group input[data-v-65a4043f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.type-select[data-v-65a4043f]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:white;cursor:pointer;transition:border-color .2s}.type-select[data-v-65a4043f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.empty-state[data-v-65a4043f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.empty-state svg[data-v-65a4043f]{width:64px;height:64px;margin-bottom:1.5rem;opacity:.5}.empty-state h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#374151;margin:0 0 .5rem}.empty-state p[data-v-65a4043f]{margin:0;font-size:.95rem}.btn[data-v-65a4043f]{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-weight:500;font-size:.875rem;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary[data-v-65a4043f]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.btn-primary[data-v-65a4043f]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-secondary[data-v-65a4043f]{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.btn-secondary[data-v-65a4043f]:hover{background:#f3f4f6;border-color:#9ca3af}@media (max-width: 768px){.class-header[data-v-65a4043f]{padding:1.5rem}.class-title[data-v-65a4043f]{font-size:1.875rem}.class-title-section[data-v-65a4043f]{flex-direction:column;align-items:flex-start;gap:.75rem}.class-meta-grid[data-v-65a4043f]{grid-template-columns:1fr;gap:1rem}.tab-navigation[data-v-65a4043f]{flex-direction:column;gap:.25rem}.tab-button[data-v-65a4043f]{justify-content:flex-start}.courses-grid[data-v-65a4043f]{gap:.75rem}.course-card[data-v-65a4043f]{flex-direction:column;align-items:flex-start;gap:1rem}.students-grid[data-v-65a4043f],.teachers-grid[data-v-65a4043f],.materials-grid[data-v-65a4043f],.available-materials-grid[data-v-65a4043f]{grid-template-columns:1fr}.materials-header[data-v-65a4043f]{flex-direction:column;align-items:flex-start;gap:1rem}.search-filters[data-v-65a4043f]{flex-direction:column;gap:.75rem}.modal-content[data-v-65a4043f]{margin:.5rem;max-width:none}}.problems-section[data-v-65a4043f]{padding:1.5rem}.problems-header[data-v-65a4043f]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.problems-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.problems-header p[data-v-65a4043f]{color:#6b7280;margin:0;font-size:.95rem;max-width:600px}.problems-header .btn[data-v-65a4043f]{margin-left:auto}.problems-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-top:1.5rem}.problem-card[data-v-65a4043f]{display:flex;align-items:center;padding:1.25rem;border-radius:12px;background:white;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .2s;cursor:pointer;position:relative;overflow:hidden}.problem-card[data-v-65a4043f]:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:opacity .2s}.problem-card[data-v-65a4043f]:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:#c7d2fe}.problem-card[data-v-65a4043f]:hover:before{opacity:1}.problem-content[data-v-65a4043f]{flex:1;min-width:0;padding-right:.5rem}.problem-title[data-v-65a4043f]{font-size:1.125rem;font-weight:600;color:#111827;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.problem-actions[data-v-65a4043f]{display:flex;gap:.75rem;margin-left:auto}.action-btn[data-v-65a4043f]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;transition:all .2s;flex-shrink:0}.action-btn svg[data-v-65a4043f]{width:18px;height:18px;color:#6b7280;transition:color .2s}.action-btn[data-v-65a4043f]:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.action-btn.view-btn[data-v-65a4043f]:hover{background:#eef2ff;border-color:#c7d2fe}.action-btn.view-btn:hover svg[data-v-65a4043f]{color:#4f46e5}.action-btn.remove-btn[data-v-65a4043f]:hover{background:#fee2e2;border-color:#fecaca}.action-btn.remove-btn:hover svg[data-v-65a4043f]{color:#dc2626}.teacher-search[data-v-65a4043f]{margin-bottom:1.5rem}.teacher-search-input[data-v-65a4043f]{padding:.875rem .75rem .875rem 2.5rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;box-shadow:0 1px 2px #0000000d;width:100%;transition:all .2s}.teacher-search-input[data-v-65a4043f]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.student-search[data-v-65a4043f]{margin-bottom:1.5rem}.student-search-input[data-v-65a4043f]{padding:.875rem .75rem .875rem 2.5rem;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;box-shadow:0 1px 2px #0000000d;width:100%;transition:all .2s}.student-search-input[data-v-65a4043f]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.available-students-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.available-student-card[data-v-65a4043f]{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .2s;position:relative}.available-student-card[data-v-65a4043f]:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 4px 12px #667eea26}.available-student-card.selected[data-v-65a4043f]{border-color:#667eea;background:#f0f4ff;box-shadow:0 0 0 2px #667eea33}.available-student-card.selected[data-v-65a4043f]:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.student-checkbox[data-v-65a4043f]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;margin-right:5px}.student-checkbox input[type=checkbox][data-v-65a4043f]{width:20px;height:20px;accent-color:#667eea;cursor:pointer;border-radius:4px}.student-actions[data-v-65a4043f]{display:flex;gap:.5rem;margin-left:auto}.role-select[data-v-65a4043f]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:white;cursor:pointer;transition:border-color .2s}.role-select[data-v-65a4043f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.available-teachers-grid[data-v-65a4043f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.available-teacher-card[data-v-65a4043f]{display:flex;align-items:center;gap:1rem;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;transition:all .2s}.available-teacher-card[data-v-65a4043f]:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.teacher-checkbox[data-v-65a4043f]{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:pointer;margin-right:5px}.teacher-checkbox input[type=checkbox][data-v-65a4043f]{width:20px;height:20px;accent-color:#667eea;cursor:pointer;border-radius:4px}.teacher-avatar[data-v-65a4043f]{width:48px;height:48px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.teacher-avatar svg[data-v-65a4043f]{width:24px;height:24px}.teacher-name[data-v-65a4043f]{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.teacher-info[data-v-65a4043f]{display:flex;flex-direction:column;gap:.25rem}.teacher-role[data-v-65a4043f]{font-size:.75rem;color:#059669;font-weight:600;background:#ecfdf5;padding:.25rem .5rem;border-radius:6px;align-self:flex-start}.teacher-email[data-v-65a4043f]{font-size:.75rem;color:#6b7280}.students-table-container[data-v-65a4043f],.teachers-table-container[data-v-65a4043f]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.students-table[data-v-65a4043f],.teachers-table[data-v-65a4043f]{width:100%;border-collapse:collapse;font-size:.875rem}.students-table th[data-v-65a4043f],.teachers-table th[data-v-65a4043f]{background:#f9fafb;padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.students-table td[data-v-65a4043f],.teachers-table td[data-v-65a4043f]{padding:.75rem .5rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.student-row[data-v-65a4043f],.teacher-row[data-v-65a4043f]{transition:background-color .2s}.student-row[data-v-65a4043f]:hover,.teacher-row[data-v-65a4043f]:hover{background-color:#f9fafb}.row-number[data-v-65a4043f]{font-weight:600;color:#6b7280;width:50px}.student-name[data-v-65a4043f],.teacher-name[data-v-65a4043f]{min-width:150px}.student-info-cell[data-v-65a4043f],.teacher-info-cell[data-v-65a4043f]{display:flex;align-items:center;gap:.75rem}.student-avatar-small[data-v-65a4043f],.teacher-avatar-small[data-v-65a4043f]{width:32px;height:32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.student-avatar-small svg[data-v-65a4043f],.teacher-avatar-small svg[data-v-65a4043f]{width:16px;height:16px}.student-email[data-v-65a4043f],.student-contact[data-v-65a4043f],.student-date[data-v-65a4043f],.teacher-email[data-v-65a4043f],.teacher-contact[data-v-65a4043f]{color:#6b7280;min-width:120px}.teacher-role[data-v-65a4043f]{min-width:100px}.role-badge[data-v-65a4043f]{background:#e0e7ff;color:#3730a3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-block;white-space:nowrap}@media (max-width: 768px){.students-table-container[data-v-65a4043f],.teachers-table-container[data-v-65a4043f]{overflow-x:auto}.students-table[data-v-65a4043f],.teachers-table[data-v-65a4043f]{min-width:600px}}.records-section[data-v-65a4043f]{padding:1.5rem}.records-header[data-v-65a4043f]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.5rem}.records-header h3[data-v-65a4043f]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.records-header p[data-v-65a4043f]{color:#6b7280;margin:0;font-size:.95rem;max-width:600px}.records-header .btn[data-v-65a4043f]{margin-left:auto}.records-table[data-v-65a4043f]{width:100%;border-collapse:collapse;font-size:.875rem}.records-table th[data-v-65a4043f]{background:#f9fafb;padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.records-table td[data-v-65a4043f]{padding:.75rem .5rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.record-row[data-v-65a4043f]{transition:background-color .2s;position:relative}.record-date[data-v-65a4043f]{color:#6b7280;min-width:120px}.record-content[data-v-65a4043f]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-file[data-v-65a4043f]{min-width:100px}.record-file a[data-v-65a4043f]{color:#667eea;text-decoration:none}.record-file a[data-v-65a4043f]:hover{text-decoration:underline}.record-actions[data-v-65a4043f]{position:relative;width:60px}.record-modal[data-v-65a4043f]{max-width:800px;max-height:90vh}.record-form[data-v-65a4043f]{display:flex;flex-direction:column;gap:2rem}.form-section[data-v-65a4043f]{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fafafa}.form-section h4[data-v-65a4043f]{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.form-grid[data-v-65a4043f]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group[data-v-65a4043f]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-65a4043f]{font-size:.875rem;font-weight:500;color:#374151}.form-input[data-v-65a4043f],.form-textarea[data-v-65a4043f]{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s;background:white}.form-input[data-v-65a4043f]:focus,.form-textarea[data-v-65a4043f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-textarea[data-v-65a4043f]{resize:vertical;min-height:80px}.student-selection[data-v-65a4043f]{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:white}.student-list[data-v-65a4043f]{padding:.5rem}.student-item[data-v-65a4043f]{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.student-item[data-v-65a4043f]:hover{background-color:#f9fafb}.student-item.selected[data-v-65a4043f]{background-color:#f0f4ff;border:1px solid #c7d2fe}.student-item input[type=checkbox][data-v-65a4043f]{width:18px;height:18px;accent-color:#667eea;cursor:pointer}.student-item span[data-v-65a4043f]{font-size:.875rem;color:#111827}.btn-danger[data-v-65a4043f]{background:#dc2626;color:#fff}.btn-danger[data-v-65a4043f]:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc262666}.records-table-container[data-v-65a4043f]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.records-table[data-v-65a4043f]{width:100%;border-collapse:collapse}.records-table th[data-v-65a4043f]{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.records-table td[data-v-65a4043f]{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.record-row[data-v-65a4043f]:hover{background-color:#f9fafb}.record-student-cell[data-v-65a4043f],.record-class-name-cell[data-v-65a4043f]{color:#111827;font-size:.875rem}.record-content-cell[data-v-65a4043f]{max-width:300px}.record-content-text[data-v-65a4043f]{font-size:.875rem;color:#111827;line-height:1.5}.record-time-cell[data-v-65a4043f]{font-size:.875rem;color:#111827;white-space:nowrap}.record-teachers-cell[data-v-65a4043f],.record-homework-cell[data-v-65a4043f],.record-notes-cell[data-v-65a4043f]{color:#111827;font-size:.875rem}.student-records-modal[data-v-65a4043f]{max-width:1200px;width:90vw;max-height:80vh;z-index:1001}.student-records-table-container[data-v-65a4043f]{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a;max-height:60vh;overflow-y:auto}.student-records-table[data-v-65a4043f]{width:100%;border-collapse:collapse}.student-records-table th[data-v-65a4043f]{background:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem;position:sticky;top:0;z-index:10}.student-records-table td[data-v-65a4043f]{padding:1rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.student-record-row[data-v-65a4043f]:hover{background-color:#f9fafb}.loading-state[data-v-65a4043f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-state .loading-spinner[data-v-65a4043f]{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid #667eea;border-radius:50%;animation:spin-65a4043f 1s linear infinite;margin-bottom:1rem}.loading-state p[data-v-65a4043f]{color:#6b7280;margin:0}@media (max-width: 768px){.form-grid[data-v-65a4043f]{grid-template-columns:1fr}.records-table-container[data-v-65a4043f]{overflow-x:auto}.records-table[data-v-65a4043f]{min-width:600px}}.edit-button[data-v-65a4043f]{background:#667eea;color:#fff;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-button[data-v-65a4043f]:hover{background:#5a67d8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.edit-button svg[data-v-65a4043f]{width:16px;height:16px}.form-section[data-v-65a4043f]{margin-bottom:2rem}.section-header[data-v-65a4043f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h4[data-v-65a4043f]{margin:0;font-size:1rem;font-weight:600;color:#374151}.section-title-with-count[data-v-65a4043f]{display:flex;align-items:center;gap:.5rem}.selected-count[data-v-65a4043f]{font-size:.875rem;font-weight:500;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem}.btn-sm[data-v-65a4043f]{padding:.5rem 1rem;font-size:.875rem}.btn-outline[data-v-65a4043f]{background:transparent;color:#667eea;border:1px solid #667eea}.btn-outline[data-v-65a4043f]:hover{background:#667eea;color:#fff}.coding-problems-page[data-v-1ca02078]{padding:0}.page-header[data-v-1ca02078]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:2rem}.page-title-section[data-v-1ca02078]{flex:1}.page-title[data-v-1ca02078]{font-size:2rem;font-weight:700;color:#111827;margin:0 0 .5rem}.page-description[data-v-1ca02078]{color:#6b7280;margin:0;font-size:1rem}.search-bar[data-v-1ca02078]{position:relative;display:flex;align-items:center;width:300px}.search-bar svg[data-v-1ca02078]{position:absolute;left:12px;width:20px;height:20px;color:#9ca3af}.search-input[data-v-1ca02078]{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s}.search-input[data-v-1ca02078]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.filter-section[data-v-1ca02078]{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;background-color:#f9fafb;padding:1rem;border-radius:8px}.filter-group[data-v-1ca02078]{display:flex;align-items:center;gap:.75rem}.filter-group label[data-v-1ca02078]{font-weight:600;color:#4b5563;white-space:nowrap}.filter-options[data-v-1ca02078]{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn[data-v-1ca02078]{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:.375rem .75rem;font-size:.875rem;color:#4b5563;cursor:pointer;transition:all .2s}.filter-btn[data-v-1ca02078]:hover{border-color:#9ca3af}.filter-btn.active[data-v-1ca02078]{background-color:#4f46e5;color:#fff;border-color:#4f46e5}.problems-grid[data-v-1ca02078]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.problem-card[data-v-1ca02078]{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border:1px solid #e5e7eb;cursor:pointer}.problem-card[data-v-1ca02078]:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.problem-title[data-v-1ca02078]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 1.5rem;flex-grow:1}.problem-actions[data-v-1ca02078]{display:flex;justify-content:flex-end}.problem-actions .btn[data-v-1ca02078]{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.problem-actions .btn svg[data-v-1ca02078]{width:16px;height:16px}.loading-container[data-v-1ca02078]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.loading-spinner[data-v-1ca02078]{width:40px;height:40px;border:3px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:#4f46e5;animation:spin-1ca02078 1s linear infinite;margin-bottom:1rem}@keyframes spin-1ca02078{to{transform:rotate(360deg)}}.error-container[data-v-1ca02078]{text-align:center;padding:3rem 0}.error-icon[data-v-1ca02078]{font-size:2rem;margin-bottom:1rem}.empty-state[data-v-1ca02078]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-state svg[data-v-1ca02078]{width:64px;height:64px;color:#9ca3af;margin-bottom:1.5rem}.empty-state h3[data-v-1ca02078]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-state p[data-v-1ca02078]{color:#6b7280;margin:0 0 1.5rem}.btn[data-v-1ca02078]{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-1ca02078]{background-color:#4f46e5;color:#fff}.btn-primary[data-v-1ca02078]:hover{background-color:#4338ca}.btn-secondary[data-v-1ca02078]{background-color:#f3f4f6;color:#4b5563}.btn-secondary[data-v-1ca02078]:hover{background-color:#e5e7eb}@media (max-width: 768px){.page-header[data-v-1ca02078]{flex-direction:column;align-items:flex-start;gap:1rem}.search-bar[data-v-1ca02078]{width:100%}.filter-section[data-v-1ca02078]{flex-direction:column;align-items:flex-start;gap:1rem}.filter-group[data-v-1ca02078]{width:100%}.problems-grid[data-v-1ca02078]{grid-template-columns:1fr}}.problem-detail-page[data-v-b141fc60]{padding:0}.problem-header[data-v-b141fc60]{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:2rem}.problem-title-section[data-v-b141fc60]{flex:1}.problem-title[data-v-b141fc60]{font-size:2rem;font-weight:700;color:#111827;margin:0}.problem-actions[data-v-b141fc60]{display:flex;gap:1rem}.problem-actions .btn[data-v-b141fc60]{display:flex;align-items:center;gap:.5rem}.problem-actions .btn svg[data-v-b141fc60]{width:18px;height:18px}.markdown-content[data-v-b141fc60]{background:white;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:2rem;border:1px solid #e5e7eb}.markdown-content[data-v-b141fc60] h1{font-size:1.8rem;margin-top:0;margin-bottom:1.5rem;color:#111827}.markdown-content[data-v-b141fc60] h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#1f2937}.markdown-content[data-v-b141fc60] h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:#374151}.markdown-content[data-v-b141fc60] p{margin-bottom:1rem;line-height:1.6}.markdown-content[data-v-b141fc60] ul,.markdown-content[data-v-b141fc60] ol{margin-bottom:1rem;padding-left:2rem}.markdown-content[data-v-b141fc60] li{margin-bottom:.5rem}.markdown-content[data-v-b141fc60] pre{background:#f3f4f6;border-radius:6px;padding:1rem;overflow-x:auto;margin-bottom:1.5rem}.markdown-content[data-v-b141fc60] code{font-family:monospace;background:#f3f4f6;padding:.2rem .4rem;border-radius:4px;font-size:.9em}.markdown-content[data-v-b141fc60] pre code{background:transparent;padding:0;font-size:.9em}.markdown-content[data-v-b141fc60] img{max-width:100%;border-radius:6px;margin:1rem 0}.markdown-content[data-v-b141fc60] blockquote{border-left:4px solid #e5e7eb;padding-left:1rem;margin-left:0;margin-right:0;font-style:italic;color:#4b5563}.markdown-content[data-v-b141fc60] hr{border:0;border-top:1px solid #e5e7eb;margin:2rem 0}.markdown-content[data-v-b141fc60] table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.markdown-content[data-v-b141fc60] th,.markdown-content[data-v-b141fc60] td{border:1px solid #e5e7eb;padding:.75rem;text-align:left}.markdown-content[data-v-b141fc60] th{background:#f9fafb;font-weight:600}.loading-container[data-v-b141fc60]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.loading-spinner[data-v-b141fc60]{width:40px;height:40px;border:3px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:#4f46e5;animation:spin-b141fc60 1s linear infinite;margin-bottom:1rem}@keyframes spin-b141fc60{to{transform:rotate(360deg)}}.error-container[data-v-b141fc60]{text-align:center;padding:3rem 0}.error-icon[data-v-b141fc60]{font-size:2rem;margin-bottom:1rem}.error-container .btn[data-v-b141fc60]{margin:.5rem}.empty-state[data-v-b141fc60]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;text-align:center}.empty-state svg[data-v-b141fc60]{width:64px;height:64px;color:#9ca3af;margin-bottom:1.5rem}.empty-state h3[data-v-b141fc60]{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.empty-state p[data-v-b141fc60]{color:#6b7280;margin:0 0 1.5rem}.btn[data-v-b141fc60]{padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-b141fc60]{background-color:#4f46e5;color:#fff}.btn-primary[data-v-b141fc60]:hover{background-color:#4338ca}.btn-secondary[data-v-b141fc60]{background-color:#f3f4f6;color:#4b5563}.btn-secondary[data-v-b141fc60]:hover{background-color:#e5e7eb}@media (max-width: 768px){.problem-header[data-v-b141fc60]{flex-direction:column;align-items:flex-start;gap:1rem}.problem-actions[data-v-b141fc60]{width:100%;justify-content:flex-start}.markdown-content[data-v-b141fc60]{padding:1.5rem}}.material-add-info-modal-overlay[data-v-2da12e1c]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.35);z-index:2100;display:flex;align-items:center;justify-content:center}.material-add-info-modal[data-v-2da12e1c]{background:#fff;border-radius:12px;width:340px;max-width:95vw;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column}.modal-header[data-v-2da12e1c]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 12px;border-bottom:1px solid #eee}.close-btn[data-v-2da12e1c]{background:none;border:none;cursor:pointer;padding:4px}.modal-body[data-v-2da12e1c]{padding:18px 24px;flex:1;overflow-y:auto}.form-row[data-v-2da12e1c]{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.input[data-v-2da12e1c]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.modal-footer[data-v-2da12e1c]{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px 20px;border-top:1px solid #eee}.btn[data-v-2da12e1c]{padding:8px 20px;border-radius:6px;border:none;font-size:1rem;cursor:pointer;background:#e5e7eb;color:#222;font-weight:500}.btn-primary[data-v-2da12e1c]{background:#1976d2;color:#fff}.btn[data-v-2da12e1c]:disabled{opacity:.6;cursor:not-allowed}.pdf-viewer-container[data-v-81a6861f]{width:100%;height:100%;display:flex;flex-direction:column;background:#f8f9fa;border-radius:8px;overflow:hidden}.loading-state[data-v-81a6861f],.error-state[data-v-81a6861f]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-spinner[data-v-81a6861f]{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin-81a6861f 1s linear infinite;margin-bottom:1rem}@keyframes spin-81a6861f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-81a6861f]{color:#dc3545}.error-icon[data-v-81a6861f]{font-size:4rem;margin-bottom:1rem}.error-state h3[data-v-81a6861f]{margin:0 0 .5rem;font-size:1.5rem}.error-message[data-v-81a6861f]{margin:0 0 1.5rem;color:#6c757d;font-size:1rem}.retry-button[data-v-81a6861f]{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-size:1rem;cursor:pointer;transition:background-color .2s}.retry-button[data-v-81a6861f]:hover{background:#0056b3}.pdf-content[data-v-81a6861f]{flex:1;display:flex;flex-direction:column;height:100%}.canvas-container[data-v-81a6861f]{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto;background:white;min-height:400px}.pdf-canvas[data-v-81a6861f]{box-shadow:0 4px 12px #00000026;border-radius:4px;background:white;display:block}.page-controls[data-v-81a6861f]{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:1rem;padding:12px 1rem;background:white;border-top:1px solid #e9ecef}.control-button[data-v-81a6861f]{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;min-width:60px}.control-button[data-v-81a6861f]:hover:not(:disabled){background:#0056b3}.control-button[data-v-81a6861f]:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.page-info[data-v-81a6861f]{font-weight:500;color:#495057;font-size:.875rem;min-width:80px;text-align:center}.pdf-viewer-wrapper[data-v-7d09ed39]{width:100%;height:100%;min-height:500px}[data-v-256b0f42]{margin:0;padding:0;box-sizing:border-box}.course-detail-container[data-v-256b0f42]{height:calc(100vh - 64px);background:#f5f7fa;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:column}.loading-overlay[data-v-256b0f42]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-256b0f42]{text-align:center}.spinner[data-v-256b0f42]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-256b0f42 1s linear infinite;margin:0 auto 20px}@keyframes spin-256b0f42{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.course-layout[data-v-256b0f42]{display:flex;flex-direction:column;height:100vh;background:#f8f9fa}.course-page-header[data-v-256b0f42]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:16px;border-radius:8px;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}.header-content[data-v-256b0f42]{display:flex;align-items:center;gap:12px;width:100%}.back-btn[data-v-256b0f42]{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease}.back-btn[data-v-256b0f42]:hover{background:rgba(255,255,255,.3)}.back-btn svg[data-v-256b0f42]{width:16px;height:16px}.course-title-section[data-v-256b0f42]{flex:1;text-align:center}.course-title[data-v-256b0f42]{margin:0;font-size:20px;font-weight:600;line-height:1.2}.course-subtitle[data-v-256b0f42]{margin:4px 0 0;font-size:14px;opacity:.9;line-height:1.3}.header-actions[data-v-256b0f42]{display:flex;gap:8px}.action-btn[data-v-256b0f42]{background:rgba(255,255,255,.2);border:none;color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:all .3s ease}.action-btn[data-v-256b0f42]:hover{background:rgba(255,255,255,.3)}.action-btn svg[data-v-256b0f42]{width:16px;height:16px}.course-main[data-v-256b0f42]{display:flex;flex:1;gap:8px;overflow:hidden}.lessons-sidebar[data-v-256b0f42]{flex:0 0 300px;background:white;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.lessons-sidebar.collapsed[data-v-256b0f42]{flex:0 0 48px}.lessons-sidebar.collapsed .course-header-sidebar[data-v-256b0f42]{padding:12px}.lessons-sidebar.collapsed .header-content-sidebar[data-v-256b0f42]{align-items:center}.lessons-sidebar.collapsed .back-btn-sidebar[data-v-256b0f42],.lessons-sidebar.collapsed .course-title-section-sidebar[data-v-256b0f42]{display:none}.lessons-sidebar.collapsed .header-actions-sidebar[data-v-256b0f42]{align-self:center}.lessons-sidebar.collapsed .sidebar-header h3[data-v-256b0f42],.lessons-sidebar.collapsed .lesson-count[data-v-256b0f42]{display:none}.lessons-sidebar.collapsed .collapse-btn[data-v-256b0f42]{transform:rotate(180deg);margin:0 auto}.lessons-sidebar.collapsed .lessons-list[data-v-256b0f42]{display:none}.lessons-sidebar.collapsed .lesson-item[data-v-256b0f42]{padding:8px;flex-direction:column;align-items:center;justify-content:center;min-height:50px}.lessons-sidebar.collapsed .lesson-number[data-v-256b0f42]{margin:0;width:24px;height:24px;font-size:12px;display:flex;align-items:center;justify-content:center}.lessons-sidebar.collapsed .lesson-content[data-v-256b0f42]{display:none}.lessons-sidebar.collapsed .lesson-status[data-v-256b0f42]{margin:4px 0 0}.lessons-sidebar.collapsed .lesson-item[data-v-256b0f42]:hover{background:#f0f4ff;transform:translateY(-1px)}.lessons-sidebar.collapsed .lesson-item.active[data-v-256b0f42]{background:#667eea;color:#fff}.lessons-sidebar.collapsed .lesson-item.active .lesson-number[data-v-256b0f42]{background:rgba(255,255,255,.2);color:#fff}.lessons-sidebar.collapsed .lesson-item.completed .lesson-number[data-v-256b0f42]{background:#4caf50;color:#fff}.materials-sidebar[data-v-256b0f42]{width:240px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100%;min-width:180px}.materials-list-sidebar[data-v-256b0f42]{flex:1;overflow-y:auto;padding:0}.material-list[data-v-256b0f42]{list-style:none;margin:0;padding:0}.material-list li[data-v-256b0f42]{padding:13px 16px;cursor:pointer;transition:background .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.98rem;color:#333}.material-list li.selected[data-v-256b0f42]{background:#e3f0ff;font-weight:700;color:#1976d2}.material-list .empty-material[data-v-256b0f42]{color:#aaa;text-align:center;padding:30px 0;font-size:.97rem;cursor:default}.material-section[data-v-256b0f42]{margin-bottom:16px}.material-section[data-v-256b0f42]:last-child{margin-bottom:0}.section-header[data-v-256b0f42]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;font-size:14px;font-weight:600;color:#333}.section-header.teacher-section[data-v-256b0f42]{background:#fff3e0;color:#f57c00}.section-header h4[data-v-256b0f42]{margin:0;font-size:14px;font-weight:600}.material-count[data-v-256b0f42]{background:#667eea;color:#fff;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.teacher-section .material-count[data-v-256b0f42]{background:#f57c00}.material-info[data-v-256b0f42]{display:flex;flex-direction:column;gap:2px;flex:1}.material-name[data-v-256b0f42]{font-size:14px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-type[data-v-256b0f42]{font-size:12px;color:#666;opacity:.8}.regular-material[data-v-256b0f42]{border-left:3px solid #667eea}.teacher-material[data-v-256b0f42]{border-left:3px solid #f57c00;background:#fffbf5;position:relative}.teacher-material[data-v-256b0f42]:hover{background:#fff8e1}.teacher-material.selected[data-v-256b0f42]{background:#fff3e0;border-left-color:#f57c00}.teacher-material .material-name[data-v-256b0f42]{color:#e65100}.teacher-badge[data-v-256b0f42]{position:absolute;top:8px;right:8px;color:#f57c00;opacity:.7}.empty-material[data-v-256b0f42]{color:#aaa;text-align:center;padding:30px 16px;font-size:14px}.add-material-btn-sidebar[data-v-256b0f42]{width:100%;border:none;background:#1976d2;color:#fff;font-weight:700;padding:15px 0;font-size:1rem;cursor:pointer;border-radius:0 0 8px 8px;margin-top:2px}.sidebar-header[data-v-256b0f42]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0}.sidebar-header h3[data-v-256b0f42]{margin:0;font-size:16px;color:#333}.lesson-count[data-v-256b0f42]{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.collapse-btn[data-v-256b0f42]{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.collapse-btn[data-v-256b0f42]:hover{background:#e3f2fd;color:#1976d2}.collapse-btn svg[data-v-256b0f42]{width:16px;height:16px;transition:transform .3s ease}.collapse-btn[data-v-256b0f42]:active{transform:scale(.95)}.lessons-list[data-v-256b0f42]{padding:0;flex:1;overflow-y:auto}.lesson-item[data-v-256b0f42]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s}.lesson-item[data-v-256b0f42]:hover{background:#f8f9fa}.lesson-item.active[data-v-256b0f42]{background:#667eea;color:#fff}.lesson-item.completed[data-v-256b0f42]{background:#e8f5e8}.lesson-number[data-v-256b0f42]{width:28px;height:28px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;margin-right:10px;flex-shrink:0}.lesson-item.active .lesson-number[data-v-256b0f42]{background:white;color:#667eea}.lesson-item.completed .lesson-number[data-v-256b0f42]{background:#4caf50;color:#fff}.lesson-content[data-v-256b0f42]{flex:1;min-width:0}.lesson-title[data-v-256b0f42]{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.3}.lesson-description[data-v-256b0f42]{margin:0 0 8px;font-size:12px;opacity:.8;line-height:1.3}.lesson-meta[data-v-256b0f42]{display:flex;gap:12px;font-size:11px;opacity:.7}.lesson-status[data-v-256b0f42]{flex-shrink:0;margin-left:8px}.lesson-status svg[data-v-256b0f42]{width:16px;height:16px;color:#4caf50}.progress-indicator[data-v-256b0f42]{width:20px;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.progress-bar[data-v-256b0f42]{height:100%;background:#667eea;transition:width .3s ease}.learning-content[data-v-256b0f42]{flex:1;display:flex;flex-direction:column;background:white;min-width:0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.content-viewer[data-v-256b0f42]{flex:1;display:flex;align-items:center;justify-content:center;padding:0;overflow:hidden;min-height:0}.pdf-viewer[data-v-256b0f42],.notebook-viewer[data-v-256b0f42],.pybot-viewer[data-v-256b0f42]{width:100%;height:100%}.notebook-frame[data-v-256b0f42],.pybot-frame[data-v-256b0f42]{width:100%;height:100%;border:none;border-radius:0;box-shadow:none}.material-loading[data-v-256b0f42]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.material-loading .loading-spinner[data-v-256b0f42]{text-align:center}.material-loading .spinner[data-v-256b0f42]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-256b0f42 1s linear infinite;margin:0 auto 20px}.pybot-viewer[data-v-256b0f42]{width:100%;height:100%;overflow:hidden}.pybot-problem-layout[data-v-256b0f42]{display:flex;height:100%;gap:2px;background:#ddd;padding:2px}.problem-section[data-v-256b0f42]{flex:1;background:white;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.problem-header[data-v-256b0f42]{padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0}.problem-header h3[data-v-256b0f42]{margin:0 0 12px;font-size:20px;color:#333;font-weight:600}.problem-category[data-v-256b0f42]{display:flex;gap:8px}.category-badge[data-v-256b0f42]{background:#667eea;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.problem-content[data-v-256b0f42]{flex:1;padding:20px;overflow-y:auto;border-radius:0 0 8px 8px}.markdown-content[data-v-256b0f42]{line-height:1.6;color:#333}.markdown-content h1[data-v-256b0f42],.markdown-content h2[data-v-256b0f42],.markdown-content h3[data-v-256b0f42]{margin:20px 0 10px;color:#333}.markdown-content h1[data-v-256b0f42]{font-size:24px}.markdown-content h2[data-v-256b0f42]{font-size:20px}.markdown-content h3[data-v-256b0f42]{font-size:18px}.markdown-content .problem-image[data-v-256b0f42]{max-width:100%;height:auto;border-radius:8px;margin:15px 0;box-shadow:0 2px 8px #0000001a}.markdown-content ul[data-v-256b0f42]{margin:10px 0;padding-left:20px}.markdown-content li[data-v-256b0f42]{margin:5px 0;list-style-type:disc}.markdown-content strong[data-v-256b0f42]{font-weight:600;color:#333}.code-section[data-v-256b0f42]{flex:1;background:white;display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.code-header[data-v-256b0f42]{padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;border-radius:8px 8px 0 0}.code-header h4[data-v-256b0f42]{margin:0;font-size:16px;color:#333;font-weight:600}.code-actions[data-v-256b0f42]{display:flex;gap:8px}.code-actions .action-btn[data-v-256b0f42]{padding:8px 16px;border:1px solid #ddd;background:white;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.code-actions .action-btn[data-v-256b0f42]:hover{background:#f5f5f5}.code-actions .action-btn.primary[data-v-256b0f42]{background:#667eea;color:#fff;border-color:#667eea}.code-actions .action-btn.primary[data-v-256b0f42]:hover{background:#5a6fd8}.code-editor[data-v-256b0f42]{flex:1;padding:0;overflow:hidden;position:relative}.code-textarea[data-v-256b0f42]{width:100%;height:100%;border:none;outline:none;padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;background:#1e1e1e;color:#d4d4d4;resize:none;-moz-tab-size:2;tab-size:2;border-radius:0 0 8px 8px}.code-textarea[data-v-256b0f42]::placeholder{color:#6a6a6a}.pdf-learning-material-viewer[data-v-256b0f42]{width:100%;height:100%;overflow:hidden}.pdf-material-content[data-v-256b0f42]{height:100%;display:flex;flex-direction:column}.pdf-material-header[data-v-256b0f42]{padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.pdf-material-header h3[data-v-256b0f42]{margin:0 0 8px;font-size:20px;color:#333;flex:1}.pdf-material-header p[data-v-256b0f42]{margin:0;color:#666;font-size:14px;flex:1}.pdf-material-actions[data-v-256b0f42]{display:flex;gap:8px;flex-shrink:0}.pdf-action-btn[data-v-256b0f42]{display:flex;align-items:center;gap:6px;background:#667eea;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.pdf-action-btn[data-v-256b0f42]:hover{background:#5a67d8}.pdf-action-btn svg[data-v-256b0f42]{width:14px;height:14px}.pdf-viewer-container[data-v-256b0f42]{flex:1;padding:0;overflow:hidden}.pdf-iframe[data-v-256b0f42]{width:100%;height:100%;border:none;background:white}.other-learning-material-viewer[data-v-256b0f42]{width:100%;height:100%;overflow:auto}.other-material-content[data-v-256b0f42]{padding:20px;height:100%;display:flex;flex-direction:column}.material-header[data-v-256b0f42]{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0;position:relative}.material-header h3[data-v-256b0f42]{margin:0 0 8px;font-size:20px;color:#333}.material-header p[data-v-256b0f42]{margin:0 0 12px;color:#666;font-size:14px}.material-type-badge[data-v-256b0f42]{position:absolute;top:0;right:0}.material-type-badge span[data-v-256b0f42]{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.material-content[data-v-256b0f42]{flex:1;overflow:auto}.material-preview[data-v-256b0f42]{background:#f8f9fa;padding:20px;border-radius:8px;text-align:center}.material-preview p[data-v-256b0f42]{margin:0 0 10px;color:#666;font-size:14px}.material-open-btn[data-v-256b0f42]{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-top:15px;transition:all .2s}.material-open-btn[data-v-256b0f42]:hover{background:#5a67d8}.default-viewer[data-v-256b0f42]{text-align:center;color:#666;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.empty-state svg[data-v-256b0f42]{width:64px;height:64px;margin-bottom:20px;opacity:.5}.empty-state h3[data-v-256b0f42]{margin:0 0 8px;font-size:20px;color:#333}.empty-state p[data-v-256b0f42]{margin:0;font-size:16px;opacity:.8}.materials-content[data-v-256b0f42]{flex:1;overflow-y:auto;display:flex;flex-direction:column}.materials-list[data-v-256b0f42]{flex:1;overflow-y:auto;padding:1rem}.materials-empty[data-v-256b0f42]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280}.empty-materials-icon[data-v-256b0f42]{width:48px;height:48px;margin-bottom:16px;opacity:.4}.empty-materials-icon svg[data-v-256b0f42]{width:100%;height:100%;color:#a0aec0}.empty-materials-text[data-v-256b0f42]{margin:0 0 8px;font-size:14px;font-weight:500;color:#4a5568}.empty-materials-subtext[data-v-256b0f42]{margin:0;font-size:12px;color:#718096}.material-actions[data-v-256b0f42]{flex-shrink:0}.material-actions .action-btn[data-v-256b0f42]{background:#f0f0f0;color:#666;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s}.material-actions .action-btn[data-v-256b0f42]:hover{background:#e0e0e0;color:#333}.material-actions .action-btn svg[data-v-256b0f42]{width:16px;height:16px}.add-material-btn-wrapper[data-v-256b0f42]{padding:1rem;background:white;border-top:1px solid var(--border-color);margin-top:auto}.add-material-btn[data-v-256b0f42]{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:#F3F4F6;border:1px solid #E5E7EB;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-material-btn[data-v-256b0f42]:hover{background:#E5E7EB;border-color:#d1d5db}.add-material-btn svg[data-v-256b0f42]{width:20px;height:20px;color:currentColor}.materials-sidebar.collapsed[data-v-256b0f42]{width:48px!important;min-width:48px!important;transition:width .3s ease}.materials-sidebar.collapsed .sidebar-header[data-v-256b0f42]{padding:12px 8px;justify-content:center}.materials-sidebar.collapsed .sidebar-header h3[data-v-256b0f42],.materials-sidebar.collapsed .add-material-btn-sidebar[data-v-256b0f42],.materials-sidebar.collapsed .materials-list-sidebar[data-v-256b0f42]{display:none!important}.materials-sidebar.collapsed .collapse-btn[data-v-256b0f42]{margin:0;padding:8px;width:32px;height:32px;min-width:32px;display:flex;justify-content:center;align-items:center;border-radius:6px;background:#f8f9fa;border:1px solid #e0e0e0;transform:rotate(180deg);transition:all .3s ease}.materials-sidebar.collapsed .collapse-btn[data-v-256b0f42]:hover{background:#e3f0ff;border-color:#1976d2;color:#1976d2}.materials-sidebar .collapse-btn[data-v-256b0f42]{transition:transform .3s ease}.materials-sidebar:not(.collapsed) .collapse-btn svg[data-v-256b0f42]{transform:rotate(0)}@media (max-width: 768px){.course-detail-container[data-v-256b0f42]{height:calc(100vh - 64px)}.course-main[data-v-256b0f42]{flex-direction:column}.lessons-sidebar[data-v-256b0f42],.materials-sidebar[data-v-256b0f42]{width:100%;min-width:100%;max-height:200px;flex:0 0 200px}.learning-content[data-v-256b0f42],.content-viewer[data-v-256b0f42]{flex:1;min-height:0}}@media (max-width: 768px){.header-content[data-v-256b0f42],.content-header[data-v-256b0f42]{flex-direction:column;align-items:flex-start;gap:15px}.lesson-progress[data-v-256b0f42]{width:100%}.progress-bar-container[data-v-256b0f42]{flex:1}}.pdf-learning-material-viewer[data-v-256b0f42]{width:100%;height:100%;display:flex;flex-direction:column}.pdf-material-content[data-v-256b0f42]{display:flex;flex-direction:column;height:100%}.pdf-material-header[data-v-256b0f42]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0}.pdf-material-header h3[data-v-256b0f42]{margin:0;font-size:18px;font-weight:600;color:#333}.pdf-material-actions[data-v-256b0f42]{display:flex;gap:8px}.pdf-action-btn[data-v-256b0f42]{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pdf-action-btn[data-v-256b0f42]:hover{background:#5a6fd8;transform:translateY(-1px)}.pdf-action-btn svg[data-v-256b0f42]{width:16px;height:16px}.pdf-viewer-container[data-v-256b0f42]{flex:1;min-height:0;background:#f5f5f5}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-500: #10b981;--success-600: #059669;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--rounded-sm: .125rem;--rounded-md: .375rem;--rounded-lg: .5rem;--rounded-xl: .75rem;--rounded-2xl: 1rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font-family);color:var(--gray-900);background-color:var(--gray-50);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;margin:0;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;border:1px solid transparent;border-radius:.375rem;background-color:transparent;color:inherit;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#2563eb;border-color:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1d4ed8;border-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;border-color:#e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#d1d5db}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn svg{width:1rem;height:1rem;margin-right:.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--rounded-lg)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.focus-ring{outline:2px solid transparent;outline-offset:2px}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.transition-all{transition:all .15s ease-in-out}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.px-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.px-3{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.py-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.py-3{padding-top:var(--spacing-3);padding-bottom:var(--spacing-3)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-auto{margin:auto}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.rounded{border-radius:var(--rounded-md)}.rounded-sm{border-radius:var(--rounded-sm)}.rounded-lg{border-radius:var(--rounded-lg)}.rounded-xl{border-radius:var(--rounded-xl)}.rounded-2xl{border-radius:var(--rounded-2xl)}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.bg-white{background-color:#fff}.bg-gray-50{background-color:var(--gray-50)}.bg-gray-100{background-color:var(--gray-100)}.bg-primary-500{background-color:var(--primary-500)}.bg-primary-600{background-color:var(--primary-600)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-900{color:var(--gray-900)}.text-white{color:#fff}.text-primary-600{color:var(--primary-600)}.text-error-600{color:var(--error-600)}