@import"https://fonts.googleapis.com/css2?family=AR+One+Sans:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&display=swap";@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--primary-color: #3EC0DA;--text-color: #333333;--background-color: #f9f9f9;--card-background: #ffffff;--border-color: #e0e0e0;--divider-color: #8C8C8C;--accent-color: #4CAF50;--warning-color: #FFC107;--error-color: #F44336;--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;--large-desktop-breakpoint: 1280px}body{font-family:Zen Kaku Gothic New,sans-serif;background-color:var(--background-color);color:var(--text-color);min-height:100vh;line-height:1.6}.btn{padding:8px 16px;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s,transform .2s}.btn-primary{background-color:var(--primary-color);color:#fff;border:none}.btn-primary:hover{background-color:#2aa8c2;transform:translateY(-2px)}.btn-secondary{background-color:#fff;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#f5f5f5}input,select,textarea{padding:10px;border:1px solid var(--border-color);border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color)}.card{background-color:var(--card-background);border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px;margin-bottom:20px}.status-online{background-color:var(--accent-color);color:#fff}.status-idle{background-color:var(--warning-color);color:#000}.status-offline{background-color:var(--error-color);color:#fff}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}:root{--mobile-breakpoint: 480px;--tablet-breakpoint: 768px;--desktop-breakpoint: 1024px;--large-desktop-breakpoint: 1280px}@media (max-width: 768px){.hide-on-mobile{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-mt-1{margin-top:.5rem!important}.mobile-mb-1{margin-bottom:.5rem!important}}@media (min-width: 769px) and (max-width: 1024px){.hide-on-tablet{display:none!important}.tablet-full-width{width:100%!important}}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-12{flex:0 0 100%;max-width:100%}.col-6{flex:0 0 50%;max-width:50%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-3{flex:0 0 25%;max-width:25%}@media (max-width: 768px){.col-md-12{flex:0 0 100%;max-width:100%}.col-md-6{flex:0 0 50%;max-width:50%}}@media (max-width: 480px){.col-sm-12{flex:0 0 100%;max-width:100%}}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.custom-tooltip{position:fixed;z-index:9999;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;max-width:300px}.custom-tooltip.show{opacity:1;visibility:visible}.custom-tooltip .tooltip-content{background-color:var(--text-color, #333);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;font-family:Zen Kaku Gothic New,sans-serif;white-space:pre-wrap;word-wrap:break-word;text-align:left;box-shadow:0 4px 12px #00000026;line-height:1.4}.custom-tooltip .tooltip-arrow{position:absolute;width:0;height:0;border:6px solid transparent}.custom-tooltip.arrow-top .tooltip-arrow{border-bottom-color:var(--text-color, #333);bottom:-12px;left:50%;transform:translate(-50%)}.custom-tooltip.arrow-bottom .tooltip-arrow{border-top-color:var(--text-color, #333);top:-12px;left:50%;transform:translate(-50%)}.custom-tooltip.arrow-left .tooltip-arrow{border-right-color:var(--text-color, #333);right:-12px;top:50%;transform:translateY(-50%)}.custom-tooltip.arrow-right .tooltip-arrow{border-left-color:var(--text-color, #333);left:-12px;top:50%;transform:translateY(-50%)}.scenes-container[data-v-a98f4fa5]{width:100%;height:100%}.scenes-container .card-section[data-v-a98f4fa5]{display:grid;grid-template-columns:1fr;overflow-y:auto;width:100%;max-height:420px;padding:0 10px 0 0;gap:5px}.scene-card[data-v-a98f4fa5]{background-size:cover;background-position:center;border-radius:8px;padding:20px;min-height:180px;display:flex;align-items:flex-end;transition:transform .2s}.scene-card[data-v-a98f4fa5]:hover{transform:translateY(-5px);border-style:solid;border-width:2px;border-color:#3ec0da;box-shadow:0 4px 8px #3ec0da}.card-header[data-v-a98f4fa5]{color:#fff;background-color:#00000080;padding:5px 10px;border-radius:5px}.card-header h3[data-v-a98f4fa5]{margin:0;font-size:1.2rem}.empty-scene[data-v-a98f4fa5]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#999;gap:10px}.empty-scene .material-icons[data-v-a98f4fa5]{font-size:48px;color:#ccc}.empty-scene p[data-v-a98f4fa5]{font-size:14px;margin:0}.custom-scroll[data-v-a98f4fa5]::-webkit-scrollbar{width:8px;height:6px}.custom-scroll[data-v-a98f4fa5]::-webkit-scrollbar-track{background:transparent}.custom-scroll[data-v-a98f4fa5]::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:4px}.custom-scroll[data-v-a98f4fa5]::-webkit-scrollbar-thumb:hover{background-color:#000000b3}.class-performance-chart[data-v-7a11737a]{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff}.tabs-container[data-v-7a11737a]{margin-bottom:0}.tabs[data-v-7a11737a]{display:flex;gap:4px}.tab-button[data-v-7a11737a]{flex:1;padding:12px 20px;background-color:#e8e8e8;border:1px solid #d0d0d0;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;color:#666;transition:all .3s ease;position:relative}.tab-button[data-v-7a11737a]:hover{background-color:#f0f0f0;color:#333}.tab-button.active[data-v-7a11737a]{background-color:#fff;color:#3ec0da;font-weight:600;border-color:#3ec0da;z-index:1}.class-selector[data-v-7a11737a]{display:flex;align-items:center;gap:10px}.class-selector label[data-v-7a11737a]{font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;color:#333;font-weight:500}.class-selector select[data-v-7a11737a]{padding:8px 12px;border:1px solid #d0d0d0;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;color:#333;background-color:#fff;cursor:pointer;outline:none;transition:border-color .3s ease;min-width:150px}.class-selector select[data-v-7a11737a]:hover{border-color:#3ec0da}.class-selector select[data-v-7a11737a]:focus{border-color:#3ec0da}.chart-container[data-v-7a11737a]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background-color:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;padding:20px}.chart-content[data-v-7a11737a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.chart-content canvas[data-v-7a11737a]{width:100%;height:100%}.no-data[data-v-7a11737a]{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;color:#999}.overview[data-v-89d48781]{width:screen;min-height:calc(100vh - 220px);display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.section-header[data-v-89d48781]{display:flex;justify-content:start;align-items:center;margin:15px 0;gap:8px}.section-header h2[data-v-89d48781]{font-family:Zen Kaku Gothic New,sans-serif;font-size:24px;font-weight:500;color:#333}.stats-container[data-v-89d48781]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card[data-v-89d48781],.chart-card[data-v-89d48781]{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:15px}.chart-card[data-v-89d48781]{box-shadow:none!important;padding:0!important}.card-header[data-v-89d48781]{display:flex;align-items:center;flex-shrink:0;gap:8px}.card-header h3[data-v-89d48781]{font-family:Zen Kaku Gothic New,sans-serif;font-size:18px;font-weight:500;color:#333}.expand-icon[data-v-89d48781]{cursor:pointer;width:24px;height:24px;display:flex;justify-content:center;align-items:center;color:#666}.card-content[data-v-89d48781]{display:flex;flex-direction:column;align-items:center;padding:10px 0;overflow-y:auto;max-height:180px}.card-content li[data-v-89d48781]{display:inline-flex;width:100%;align-items:center}.card-content li span[data-v-89d48781]:first-child{width:6rem;flex-shrink:0}.card-content li span[data-v-89d48781]:nth-child(2){width:6rem;flex-shrink:0;padding-left:15px}.card-content li span[data-v-89d48781]:last-child{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-wrapper[data-v-89d48781]{width:80px;height:80px;border-radius:50% 50% 50% 0;display:flex;justify-content:center;align-items:center;margin-bottom:15px;transform:rotate(-135deg);position:relative}.icon-text[data-v-89d48781]{transform:rotate(135deg);color:#fff;font-weight:500;font-size:18px;width:100%;text-align:center;display:inline-block}.green[data-v-89d48781]{background-color:#40e0d0}.blue-light[data-v-89d48781]{background-color:#20ced0}.blue[data-v-89d48781]{background-color:#00a0c0}.blue-dark[data-v-89d48781]{background-color:#0078d4}.stat-value-container[data-v-89d48781]{display:flex;align-items:center;gap:5px;position:relative}.stat-value[data-v-89d48781]{font-family:Zen Kaku Gothic New,sans-serif;font-size:28px;font-weight:600;color:#333;text-align:center}.cover-container[data-v-89d48781]{width:100%;grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:10px;background:radial-gradient(circle,#fff,#3ec0da);min-height:300px}.blank-container[data-v-89d48781]{width:60%}.logo-container[data-v-89d48781]{width:100%;display:flex;align-items:center;justify-content:start;padding-left:85px;gap:10px}.logo-image[data-v-89d48781]{width:420px;object-fit:contain}.bulletin-board-container[data-v-89d48781]{padding:0 20px 0 10px;width:40%;height:270px;display:flex;flex-direction:column}.bulletin-card[data-v-89d48781]{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:15px;height:100%;display:flex;flex-direction:column}.bulletin-card .card-content[data-v-89d48781]{align-items:flex-start;padding:10px 5px;flex:1;overflow-y:auto;min-height:0}.bulletin-card ul[data-v-89d48781]{list-style-type:none;padding-left:0;width:100%;font-family:Zen Kaku Gothic New,sans-serif}.bulletin-card li[data-v-89d48781]{padding:8px 0;border-bottom:1px solid #f0f0f0;color:#555;font-size:16px}.bulletin-card li[data-v-89d48781]:last-child{border-bottom:none}.empty-bulletin[data-v-89d48781]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:#999;gap:10px}.empty-bulletin .material-icons[data-v-89d48781]{font-size:48px;color:#ccc}.empty-bulletin p[data-v-89d48781]{font-size:14px;margin:0}.charts-container[data-v-89d48781]{margin-bottom:10px;height:450px;width:100%}.chart-card[data-v-89d48781]{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:15px 15px 5px;height:100%;display:flex;flex-direction:column}.chart-content[data-v-89d48781]{height:100%;min-height:350px;flex:1;width:100%;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:0}@media (max-width: 1024px){.stats-container[data-v-89d48781]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.overview[data-v-89d48781],.charts-container[data-v-89d48781]{grid-template-columns:1fr}.card-header h3[data-v-89d48781]{font-size:16px}.stat-value[data-v-89d48781]{font-size:24px}.icon-wrapper[data-v-89d48781]{width:70px;height:70px}.icon-text[data-v-89d48781]{font-size:16px}.chart-content[data-v-89d48781]{height:250px}}@media (max-width: 480px){.overview[data-v-89d48781],.stats-container[data-v-89d48781]{grid-template-columns:1fr}.section-header h2[data-v-89d48781]{font-size:20px}.icon-wrapper[data-v-89d48781]{width:60px;height:60px}.chart-content[data-v-89d48781]{height:200px}}.class-management[data-v-28036b56]{width:100%;font-family:Zen Kaku Gothic New,sans-serif}.header-container[data-v-28036b56]{display:flex;flex-direction:column;margin-bottom:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.tabs[data-v-28036b56]{display:flex;border-bottom:1px solid #eee}.tab-button[data-v-28036b56]{padding:1rem 1.5rem;font-size:1rem;border:none;background:none;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;color:#666;transition:all .3s;display:flex;align-items:center;gap:8px}.tab-button[data-v-28036b56]:hover{color:#333;background-color:#f9f9f9}.tab-button.active[data-v-28036b56]{color:#3ec0da;font-weight:500;background-color:#f0fbfd}.tab-button .tab-icon[data-v-28036b56]{font-size:1.4rem}.header-actions[data-v-28036b56]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9f9f9}.header-actions .action-btn[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#3ec0da;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 4px #0000001a;width:auto;height:auto}.header-actions .action-btn .action-icon[data-v-28036b56]{font-size:1.2rem}.header-actions .action-btn[data-v-28036b56]:hover{background-color:#2aa8c2;transform:none}.content-area[data-v-28036b56]{flex:1;background-color:#f9f9f9;border-radius:12px;padding:1.5rem;min-height:400px}.student-list-table[data-v-28036b56]{background-color:#fff;border-radius:12px;overflow:hidden;padding:20px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.students-table[data-v-28036b56]{width:100%;border-collapse:collapse;font-size:14px}.students-table th[data-v-28036b56]{background-color:#f9f9f9;padding:12px 15px;text-align:left;border-bottom:1px solid #e0e0e0;color:#666;font-weight:500}.students-table td[data-v-28036b56]{padding:12px 15px;border-bottom:1px solid #e0e0e0;color:#333}.add-student-btn-main[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#3ec0da;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 4px #0000001a}.add-student-btn-main[data-v-28036b56]:hover{background-color:#2aa8c2}.actions[data-v-28036b56]{display:flex;justify-content:space-between;margin-bottom:30px;align-items:center}.left-actions[data-v-28036b56]{display:flex;gap:15px}.right-actions[data-v-28036b56]{display:flex;align-items:center;gap:15px}.add-class-btn[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#3ec0da;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 4px #0000001a}.add-class-btn[data-v-28036b56]:hover{background-color:#2aa8c2}.add-icon[data-v-28036b56]{font-size:18px;font-weight:700}.search-container[data-v-28036b56]{position:relative}.search-input[data-v-28036b56]{width:280px;padding:12px 15px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;box-shadow:0 2px 4px #0000000d}.search-input[data-v-28036b56]:focus{outline:none;border-color:#3ec0da}.class-list[data-v-28036b56]{display:flex;flex-direction:column;gap:16px}.class-panel[data-v-28036b56]{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0}.class-header[data-v-28036b56]{display:flex;align-items:center;padding:15px 20px;cursor:pointer;position:relative}.class-avatar[data-v-28036b56]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;color:#fff;margin-right:16px;flex-shrink:0;text-align:center;word-wrap:break-word;overflow:hidden;line-height:1.1}.class-name[data-v-28036b56]{font-size:18px;font-weight:600;color:#333;flex-grow:1}.expand-icon[data-v-28036b56]{font-size:16px;color:#666;transition:transform .3s}.expand-icon.expanded[data-v-28036b56]{transform:rotate(180deg)}.class-content[data-v-28036b56]{padding:0 20px 20px;border-top:1px solid #f0f0f0;position:relative}.class-description[data-v-28036b56]{margin:20px 0;font-size:14px;color:#666;line-height:1.5;padding-right:40px}.edit-actions[data-v-28036b56]{position:absolute;top:20px;right:20px}.icon-btn[data-v-28036b56]{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.icon-btn i[data-v-28036b56]{font-size:1.5rem}.online-count[data-v-28036b56]{font-size:16px;font-weight:500;margin-bottom:15px;color:#333}.table-wrapper[data-v-28036b56]{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.student-table[data-v-28036b56]{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed;min-width:200px}.student-table th[data-v-28036b56]{background-color:#f9f9f9;padding:12px 8px;text-align:center;border-bottom:1px solid #e0e0e0;color:#666;font-weight:500}.student-table td[data-v-28036b56]{padding:12px 8px;border-bottom:1px solid #e0e0e0;color:#333;text-align:center}.id-cell[data-v-28036b56],.seat-cell[data-v-28036b56],.name-cell[data-v-28036b56]{vertical-align:middle}.status-wrapper[data-v-28036b56]{text-align:left!important}.status-indicator[data-v-28036b56]{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.status-indicator.online[data-v-28036b56]{background-color:#4caf50}.status-indicator.offline[data-v-28036b56]{background-color:#f44336}.status-text[data-v-28036b56]{vertical-align:middle;font-size:13px}@media (max-width: 768px){.class-panel[data-v-28036b56]{margin-bottom:15px}.class-header[data-v-28036b56]{padding:12px 15px}.class-content[data-v-28036b56]{padding:0 15px 15px}.class-description[data-v-28036b56]{margin:15px 0;font-size:13px}.student-table[data-v-28036b56]{font-size:13px}.student-table th[data-v-28036b56],.student-table td[data-v-28036b56]{padding:10px 6px}.form-layout[data-v-28036b56]{flex-direction:column}.icon-group[data-v-28036b56]{height:auto}}.modal-overlay[data-v-28036b56]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.class-modal[data-v-28036b56]{width:90%;max-width:1200px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal-header[data-v-28036b56]{padding:20px;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-28036b56]{font-size:24px;font-weight:500;display:flex;align-items:center;gap:10px}.modal-icon[data-v-28036b56]{font-size:1.4rem}.close-btn[data-v-28036b56]{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.modal-divider[data-v-28036b56]{height:2px;background-color:#e0e0e0;width:100%}.modal-content[data-v-28036b56]{padding:20px;overflow-y:auto}.section-title[data-v-28036b56]{font-size:20px;font-weight:500;color:#333;margin-bottom:20px;text-align:center}.form-layout[data-v-28036b56]{display:flex;gap:20px}.form-column[data-v-28036b56]{flex:1}.form-group[data-v-28036b56]{margin-bottom:20px;position:relative;border:1px solid #ccc;border-radius:8px;padding:15px}.icon-group[data-v-28036b56]{height:calc(100% - 20px);display:flex;flex-direction:column}.form-group label[data-v-28036b56]{display:block;font-weight:500;margin-bottom:8px;font-size:16px}.form-input[data-v-28036b56]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:6px;font-size:16px;font-family:Zen Kaku Gothic New,sans-serif}.input-count[data-v-28036b56]{position:absolute;right:15px;top:15px;color:#666;font-size:14px}.color-picker[data-v-28036b56]{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:15px;justify-content:center}.color-option[data-v-28036b56]{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .2s}.color-option.selected[data-v-28036b56]{border-color:#333;transform:scale(1.1)}.class-avatar-preview[data-v-28036b56]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:500;color:#fff;margin:auto auto 0;transition:background-color .3s;text-align:center;word-wrap:break-word;overflow:hidden;line-height:1.1}.modal-actions[data-v-28036b56]{display:flex;justify-content:center;gap:15px;margin-top:30px}.cancel-btn[data-v-28036b56]{padding:12px 24px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.save-btn[data-v-28036b56]{padding:12px 24px;background-color:#3ec0da;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-28036b56]:hover{background-color:#e5e5e5}.save-btn[data-v-28036b56]:hover{background-color:#2aa8c2}.student-management[data-v-28036b56]{margin-top:20px}.student-actions[data-v-28036b56]{display:flex;justify-content:flex-end;margin-bottom:15px}.add-student-btn[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#3ec0da;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.add-student-btn .add-icon[data-v-28036b56]{font-size:1.5rem}.add-student-btn[data-v-28036b56]:hover{background-color:#2aa8c2}.modal-table[data-v-28036b56]{margin-top:15px;font-size:14px}.action-btn[data-v-28036b56]{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;text-align:center;margin-right:4px}.action-btn i[data-v-28036b56]{font-size:1.5rem}.student-table.modal-table[data-v-28036b56]{border-collapse:collapse;border-spacing:0}.student-table.modal-table th[data-v-28036b56],.student-table.modal-table td[data-v-28036b56]{padding:12px 8px;height:48px;vertical-align:middle}.student-table.modal-table tr[data-v-28036b56]{height:48px}.action-btn[data-v-28036b56]:hover{transform:scale(1.2)}.edit-btn[data-v-28036b56]{color:#2196f3}.delete-btn[data-v-28036b56]{color:#f44336}.student-modal[data-v-28036b56]{width:90%;max-width:500px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.search-group[data-v-28036b56]{margin-bottom:15px}.student-list[data-v-28036b56]{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px}.student-item[data-v-28036b56]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;position:relative;transition:background-color .2s}.student-item[data-v-28036b56]:last-child{border-bottom:none}.student-item[data-v-28036b56]:hover{background-color:#f9f9f9}.student-checkbox[data-v-28036b56]{margin-right:10px}.student-checkbox input[data-v-28036b56]{width:18px;height:18px;cursor:pointer}.student-item-avatar[data-v-28036b56]{width:40px;height:40px;border-radius:50%;background-color:#3ec0da;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:18px;margin-right:12px;flex-shrink:0}.student-item-details[data-v-28036b56]{flex-grow:1}.student-item-name[data-v-28036b56]{font-weight:500;margin-bottom:4px}.student-item-id[data-v-28036b56]{font-size:13px;color:#666}.student-item-status[data-v-28036b56]{margin-left:10px;display:flex;align-items:center}.no-students-found[data-v-28036b56]{padding:20px;text-align:center;color:#666;font-style:italic}.selected-counter[data-v-28036b56]{margin-bottom:10px;font-weight:500;color:#3ec0da}.selected-students-info[data-v-28036b56]{background-color:#f9f9f9;border-radius:8px;padding:15px;margin-bottom:20px}.selected-students-info h4[data-v-28036b56]{margin:0 0 15px;font-weight:500;color:#333;text-align:center}.selected-students-list[data-v-28036b56]{margin-top:15px;max-height:250px;overflow-y:auto}.selected-student-row[data-v-28036b56]{display:flex;align-items:center;padding:10px;border-bottom:1px solid #f0f0f0}.selected-student-row[data-v-28036b56]:last-child{border-bottom:none}.selected-student-avatar[data-v-28036b56]{width:36px;height:36px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;margin-right:12px}.selected-student-info[data-v-28036b56]{flex-grow:1}.selected-student-name[data-v-28036b56]{font-weight:500;font-size:15px}.selected-student-id[data-v-28036b56]{font-size:13px;color:#666}.already-in-class[data-v-28036b56]{font-size:12px;color:#3ec0da;font-weight:400;margin-left:5px}.loading-indicator[data-v-28036b56]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#666}.spinner[data-v-28036b56]{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #3ec0da;width:40px;height:40px;animation:spin-28036b56 1s linear infinite;margin-bottom:15px}@keyframes spin-28036b56{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-28036b56]{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:8px;padding:15px;margin:20px 0;color:#d32f2f;display:flex;align-items:center;justify-content:space-between}.retry-btn[data-v-28036b56]{background-color:#d32f2f;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer}.no-data-message[data-v-28036b56]{background-color:#f5f5f5;border-radius:8px;padding:30px;text-align:center;color:#666;font-size:16px;margin:30px 0}.no-students-message[data-v-28036b56]{text-align:center;color:#888;padding:15px;font-style:italic}.edit-actions[data-v-28036b56]{position:absolute;top:20px;right:20px;display:flex;gap:8px}.icon-btn[data-v-28036b56]{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.icon-btn[data-v-28036b56]:hover{transform:scale(1.1)}.delete-btn[data-v-28036b56]:hover{color:#d32f2f}button[data-v-28036b56]:disabled{opacity:.6;cursor:not-allowed}.batch-register-btn[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#3ec0da;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s;box-shadow:0 2px 4px #0000001a}.batch-register-btn[data-v-28036b56]:hover{background-color:#2aa8c2}.batch-register-modal[data-v-28036b56]{background-color:#fff;border-radius:8px;width:600px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.upload-instruction[data-v-28036b56]{margin-bottom:20px;font-size:14px;line-height:1.5;color:#666;background-color:#f9f9f9;padding:12px;border-radius:6px;border-left:4px solid #3ec0da}.file-upload[data-v-28036b56]{display:flex;align-items:center;margin-bottom:20px}.file-input[data-v-28036b56]{display:none}.file-label[data-v-28036b56]{display:flex;align-items:center;gap:8px;background-color:#f0f0f0;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.file-label[data-v-28036b56]:hover{background-color:#e0e0e0}.upload-icon[data-v-28036b56]{font-size:1.5rem}.file-name[data-v-28036b56]{margin-left:10px;font-size:14px;color:#444}.preview-section[data-v-28036b56]{margin-top:20px}.csv-preview[data-v-28036b56]{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:4px}.preview-table[data-v-28036b56]{width:100%;border-collapse:collapse}.preview-table th[data-v-28036b56],.preview-table td[data-v-28036b56]{padding:8px 12px;text-align:left;border-bottom:1px solid #eee}.preview-table th[data-v-28036b56]{background-color:#f5f5f5;font-weight:500}.more-rows[data-v-28036b56]{padding:8px 12px;font-size:14px;color:#888;text-align:center;background-color:#f9f9f9}.progress-section[data-v-28036b56]{margin-top:20px}.progress-bar-container[data-v-28036b56]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar[data-v-28036b56]{height:100%;background-color:#3ec0da;transition:width .3s ease}.progress-text[data-v-28036b56]{font-size:14px;color:#666;text-align:center}.result-section[data-v-28036b56]{margin-top:20px}.registration-message[data-v-28036b56]{padding:12px;border-radius:4px;background-color:#e6f7e6;color:#2c7a2c;font-weight:500;margin-bottom:16px}.registration-message.has-errors[data-v-28036b56]{background-color:#fff0f0;color:#c73e3e}.failed-registrations[data-v-28036b56]{margin-top:16px}.failed-registrations h4[data-v-28036b56]{font-size:14px;margin-bottom:8px;color:#c73e3e}.failed-table[data-v-28036b56]{width:100%;border-collapse:collapse}.failed-table th[data-v-28036b56],.failed-table td[data-v-28036b56]{padding:8px 12px;text-align:left;border-bottom:1px solid #ffdddd;font-size:13px}.failed-table th[data-v-28036b56]{background-color:#fff5f5;font-weight:500}.register-btn[data-v-28036b56]{background-color:#3ec0da;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-weight:500;cursor:pointer;transition:background-color .3s}.register-btn[data-v-28036b56]:hover{background-color:#2aa8c2}.register-btn[data-v-28036b56]:disabled{background-color:#a0d8e6;cursor:not-allowed}.button-group[data-v-28036b56]{display:flex;align-items:center}.input-hint[data-v-28036b56]{font-size:12px;color:#888;margin-top:5px}.search-with-actions[data-v-28036b56]{display:flex;gap:10px;align-items:center;margin-bottom:5px}.search-input-wrapper[data-v-28036b56]{position:relative;flex:1}.search-icon[data-v-28036b56]{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#aaa;font-size:1.2rem}.select-all-btn[data-v-28036b56]{display:flex;align-items:center;gap:4px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:9px 16px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:40px}.select-all-btn[data-v-28036b56]:hover{background-color:#eaeaea;border-color:#ccc;color:#333}.select-all-btn[data-v-28036b56]:active{background-color:#e0e0e0;transform:translateY(1px)}.select-all-btn i[data-v-28036b56]{font-size:1.5rem}.logout-btn[data-v-28036b56]{background:none;border:none;cursor:pointer;font-size:16px;padding:4px;transition:transform .2s;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:#ff9800;margin-right:4px}.logout-btn i[data-v-28036b56]{font-size:1.5rem}.logout-btn[data-v-28036b56]:hover{transform:scale(1.1);color:#f57c00}.logout-btn[data-v-28036b56]:disabled{color:#ccc;cursor:not-allowed;opacity:.5}.logout-btn[data-v-28036b56]:disabled:hover{transform:none}.modal-overlay[data-v-c1585286]{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-c1585286 .2s ease-out}@keyframes fadeIn-c1585286{0%{opacity:0}to{opacity:1}}@keyframes slideUp-c1585286{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-c1585286{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay[data-v-c1585286]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:12px}.loading-spinner[data-v-c1585286]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #3ec0da;border-radius:50%;animation:rotate-c1585286 1s linear infinite;margin-bottom:8px}.loading-spinner.small[data-v-c1585286]{width:20px;height:20px;border-width:2px}.loading-spinner.btn-spinner[data-v-c1585286]{width:16px;height:16px;border-width:2px;border-color:#ffffff80;border-top-color:#fff;margin:0}.loading-container[data-v-c1585286]{display:flex;align-items:center;justify-content:center;padding:20px;color:#666;gap:8px}.error-message[data-v-c1585286]{background-color:#ffebee;color:#d32f2f;padding:12px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.retry-button[data-v-c1585286]{display:flex;align-items:center;gap:4px;background:none;border:none;color:#d32f2f;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:3px}.retry-button[data-v-c1585286]:hover{background-color:#d32f2f1a}.empty-state[data-v-c1585286]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#888;border:1px dashed #ddd;border-radius:5px}.empty-state .material-icons[data-v-c1585286]{font-size:36px;margin-bottom:10px;color:#ccc}.modal-container[data-v-c1585286]{background-color:#fff;border-radius:12px;width:600px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 6px 30px #00000026;animation:slideUp-c1585286 .3s ease-out;position:relative}.modal-header[data-v-c1585286]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-c1585286]{font-size:20px;font-weight:500;color:#333}.close-button[data-v-c1585286]{background:none;border:none;font-size:24px;cursor:pointer;color:#888;transition:color .2s}.close-button[data-v-c1585286]:hover{color:#333}.modal-body[data-v-c1585286]{padding:20px;overflow-y:auto;flex:1;position:relative}.modal-footer[data-v-c1585286]{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-c1585286]{margin-bottom:20px}.form-group label[data-v-c1585286]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-c1585286]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;transition:border-color .2s,box-shadow .2s}.form-control[data-v-c1585286]:focus{border-color:#3ec0da;outline:none;box-shadow:0 0 0 3px #3ec0da1a}.field-hint[data-v-c1585286]{font-size:12px;color:#666;margin-top:5px;line-height:1.4}.radio-group[data-v-c1585286],.checkbox-group[data-v-c1585286]{display:flex;flex-direction:column;gap:10px}.radio-label[data-v-c1585286],.checkbox-item[data-v-c1585286]{display:flex;align-items:center;gap:8px}.student-selection[data-v-c1585286]{display:flex;flex-direction:column;gap:10px}.selection-header[data-v-c1585286]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.class-filter[data-v-c1585286]{display:flex;align-items:center;gap:12px}.filter-label[data-v-c1585286]{font-weight:500;color:#555;white-space:nowrap;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem}.class-tags[data-v-c1585286]{display:flex;flex-wrap:wrap;gap:8px}.class-tag[data-v-c1585286]{padding:5px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.class-tag[data-v-c1585286]:hover{background-color:#e5e5e5}.class-tag.active[data-v-c1585286]{background-color:#3ec0da;color:#fff;border-color:#3ec0da;box-shadow:0 2px 8px #3ec0da33}.selection-actions[data-v-c1585286]{display:flex;gap:8px}.action-btn[data-v-c1585286]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.action-btn[data-v-c1585286]:hover{background-color:#e5e5e5}.action-btn .icon-small[data-v-c1585286]{font-size:16px}.action-btn[data-v-c1585286]:disabled{cursor:not-allowed;opacity:.6}.selection-stats[data-v-c1585286]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-info[data-v-c1585286]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.total-count[data-v-c1585286],.selected-count[data-v-c1585286]{font-weight:500;color:#333}.divider[data-v-c1585286]{color:#ddd}.search-container[data-v-c1585286]{position:relative;display:flex;align-items:center}.search-icon[data-v-c1585286]{position:absolute;left:8px;color:#999;font-size:16px}.search-input[data-v-c1585286]{padding:6px 10px 6px 32px;border:1px solid #ddd;border-radius:20px;font-size:13px;width:180px;transition:all .3s}.search-input[data-v-c1585286]:focus{outline:none;border-color:#3ec0da;width:220px;box-shadow:0 0 0 3px #3ec0da1a}.students-grid[data-v-c1585286]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:350px;overflow-y:auto;padding:5px;border:1px solid #eee;border-radius:8px}.student-card[data-v-c1585286]{display:flex;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;box-shadow:0 2px 4px #0000000d}.student-card[data-v-c1585286]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.student-card.selected[data-v-c1585286]{background-color:#e3f2fd;border-color:#90caf9}.student-avatar[data-v-c1585286]{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700;color:#fff;flex-shrink:0}.student-info[data-v-c1585286]{flex:1;min-width:0}.student-name[data-v-c1585286]{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-details[data-v-c1585286]{display:flex;align-items:center;gap:8px}.student-class-tag[data-v-c1585286]{font-size:11px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.student-select[data-v-c1585286]{margin-left:auto;color:#3ec0da}.student-select .material-icons[data-v-c1585286]{font-size:20px}.status-indicator[data-v-c1585286]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online[data-v-c1585286]{background-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.status-indicator.offline[data-v-c1585286]{background-color:#9e9e9e}.btn[data-v-c1585286]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn.primary[data-v-c1585286]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-c1585286]:hover{background-color:#2aabc6;transform:translateY(-2px);box-shadow:0 4px 8px #3ec0da33}.btn.primary[data-v-c1585286]:active{transform:translateY(0)}.btn.primary[data-v-c1585286]:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.btn.cancel[data-v-c1585286]{background-color:#e0e0e0;color:#333}.btn.cancel[data-v-c1585286]:hover{background-color:#d0d0d0}.btn-icon[data-v-c1585286]{display:flex;align-items:center}.btn-icon .material-icons[data-v-c1585286]{font-size:18px}.type-badge[data-v-c1585286]{font-size:12px;padding:3px 8px;border-radius:12px;margin-left:5px;font-weight:500;display:inline-block}.type-badge.custom[data-v-c1585286]{background-color:#e3f2fd;color:#1976d2}.type-badge.default[data-v-c1585286]{background-color:#f5f5f5;color:#616161}.scenario-selector[data-v-c1585286]{position:relative}.custom-select[data-v-c1585286]{position:relative;width:100%}.selected-option[data-v-c1585286]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:all .2s}.selected-option[data-v-c1585286]:hover{border-color:#3ec0da}.selected-scenario[data-v-c1585286]{display:flex;align-items:center;gap:8px}.dropdown-arrow[data-v-c1585286]{color:#888}.placeholder[data-v-c1585286]{color:#999}.options-container[data-v-c1585286]{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:5px;z-index:10;box-shadow:0 4px 12px #0000001a}.option[data-v-c1585286]{padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.option[data-v-c1585286]:last-child{border-bottom:none}.option[data-v-c1585286]:hover{background-color:#f5f9fa}.option.selected[data-v-c1585286]{background-color:#e3f2fd}.scenario-info[data-v-c1585286]{display:flex;flex-direction:column;gap:5px}.scenario-details[data-v-c1585286]{display:flex;align-items:center;gap:8px}.scene-tag[data-v-c1585286]{display:flex;align-items:center;gap:2px;font-size:12px;color:#666}.tag-text[data-v-c1585286]{margin-right:2px}.icon-small[data-v-c1585286]{font-size:14px}.modal-overlay[data-v-94546902]{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-94546902 .2s ease-out}@keyframes fadeIn-94546902{0%{opacity:0}to{opacity:1}}@keyframes slideUp-94546902{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes rotate-94546902{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay[data-v-94546902]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;border-radius:12px}.loading-spinner[data-v-94546902]{width:32px;height:32px;border:3px solid #f3f3f3;border-top:3px solid #3ec0da;border-radius:50%;animation:rotate-94546902 1s linear infinite;margin-bottom:8px}.loading-spinner.small[data-v-94546902]{width:20px;height:20px;border-width:2px}.loading-spinner.btn-spinner[data-v-94546902]{width:16px;height:16px;border-width:2px;border-color:#ffffff80;border-top-color:#fff;margin:0}.loading-container[data-v-94546902]{display:flex;align-items:center;justify-content:center;padding:20px;color:#666;gap:8px}.error-message[data-v-94546902]{background-color:#ffebee;color:#d32f2f;padding:12px;border-radius:5px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.retry-button[data-v-94546902]{display:flex;align-items:center;gap:4px;background:none;border:none;color:#d32f2f;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:3px}.retry-button[data-v-94546902]:hover{background-color:#d32f2f1a}.empty-state[data-v-94546902]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#888;border:1px dashed #ddd;border-radius:5px}.empty-state .material-icons[data-v-94546902]{font-size:36px;margin-bottom:10px;color:#ccc}.modal-container[data-v-94546902]{background-color:#fff;border-radius:12px;width:600px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 6px 30px #00000026;animation:slideUp-94546902 .3s ease-out;position:relative}.modal-header[data-v-94546902]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-94546902]{font-size:20px;font-weight:500;color:#333}.close-button[data-v-94546902]{background:none;border:none;font-size:24px;cursor:pointer;color:#888;transition:color .2s}.close-button[data-v-94546902]:hover{color:#333}.modal-body[data-v-94546902]{padding:20px;overflow-y:auto;flex:1;position:relative}.modal-footer[data-v-94546902]{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-94546902]{margin-bottom:20px}.form-group label[data-v-94546902]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-94546902]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;transition:border-color .2s,box-shadow .2s}.form-control[data-v-94546902]:focus{border-color:#3ec0da;outline:none;box-shadow:0 0 0 3px #3ec0da1a}.field-hint[data-v-94546902]{font-size:12px;color:#666;margin-top:5px;line-height:1.4}.radio-group[data-v-94546902],.checkbox-group[data-v-94546902]{display:flex;flex-direction:column;gap:10px}.radio-label[data-v-94546902],.checkbox-item[data-v-94546902]{display:flex;align-items:center;gap:8px}.student-selection[data-v-94546902]{display:flex;flex-direction:column;gap:10px}.selection-header[data-v-94546902]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.class-filter[data-v-94546902]{display:flex;align-items:center;gap:12px}.filter-label[data-v-94546902]{font-weight:500;color:#555;white-space:nowrap;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem}.class-tags[data-v-94546902]{display:flex;flex-wrap:wrap;gap:8px}.class-tag[data-v-94546902]{padding:5px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.class-tag[data-v-94546902]:hover{background-color:#e5e5e5}.class-tag.active[data-v-94546902]{background-color:#3ec0da;color:#fff;border-color:#3ec0da;box-shadow:0 2px 8px #3ec0da33}.selection-actions[data-v-94546902]{display:flex;gap:8px}.action-btn[data-v-94546902]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.action-btn[data-v-94546902]:hover{background-color:#e5e5e5}.action-btn .icon-small[data-v-94546902]{font-size:16px}.action-btn[data-v-94546902]:disabled{cursor:not-allowed;opacity:.6}.selection-stats[data-v-94546902]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-info[data-v-94546902]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.total-count[data-v-94546902],.selected-count[data-v-94546902]{font-weight:500;color:#333}.divider[data-v-94546902]{color:#ddd}.search-container[data-v-94546902]{position:relative;display:flex;align-items:center}.search-icon[data-v-94546902]{position:absolute;left:8px;color:#999;font-size:16px}.search-input[data-v-94546902]{padding:6px 10px 6px 32px;border:1px solid #ddd;border-radius:20px;font-size:13px;width:180px;transition:all .3s}.search-input[data-v-94546902]:focus{outline:none;border-color:#3ec0da;width:220px;box-shadow:0 0 0 3px #3ec0da1a}.students-grid[data-v-94546902]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:350px;overflow-y:auto;padding:5px;border:1px solid #eee;border-radius:8px}.student-card[data-v-94546902]{display:flex;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;box-shadow:0 2px 4px #0000000d}.student-card[data-v-94546902]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.student-card.selected[data-v-94546902]{background-color:#e3f2fd;border-color:#90caf9}.student-avatar[data-v-94546902]{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700;color:#fff;flex-shrink:0}.student-info[data-v-94546902]{flex:1;min-width:0}.student-name[data-v-94546902]{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-details[data-v-94546902]{display:flex;align-items:center;gap:8px}.student-class-tag[data-v-94546902]{font-size:11px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.student-select[data-v-94546902]{margin-left:auto;color:#3ec0da}.student-select .material-icons[data-v-94546902]{font-size:20px}.status-indicator[data-v-94546902]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online[data-v-94546902]{background-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.status-indicator.offline[data-v-94546902]{background-color:#9e9e9e}.btn[data-v-94546902]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn.primary[data-v-94546902]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-94546902]:hover{background-color:#2aabc6;transform:translateY(-2px);box-shadow:0 4px 8px #3ec0da33}.btn.primary[data-v-94546902]:active{transform:translateY(0)}.btn.primary[data-v-94546902]:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.btn.cancel[data-v-94546902]{background-color:#e0e0e0;color:#333}.btn.cancel[data-v-94546902]:hover{background-color:#d0d0d0}.btn-icon[data-v-94546902]{display:flex;align-items:center}.btn-icon .material-icons[data-v-94546902]{font-size:18px}.type-badge[data-v-94546902]{font-size:12px;padding:3px 8px;border-radius:12px;margin-left:5px;font-weight:500;display:inline-block}.type-badge.custom[data-v-94546902]{background-color:#e3f2fd;color:#1976d2}.type-badge.default[data-v-94546902]{background-color:#f5f5f5;color:#616161}.scenario-selector[data-v-94546902]{position:relative}.custom-select[data-v-94546902]{position:relative;width:100%}.selected-option[data-v-94546902]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:all .2s}.selected-option[data-v-94546902]:hover{border-color:#3ec0da}.selected-scenario[data-v-94546902]{display:flex;align-items:center;gap:8px}.dropdown-arrow[data-v-94546902]{color:#888}.placeholder[data-v-94546902]{color:#999}.options-container[data-v-94546902]{position:absolute;top:100%;left:0;width:100%;max-height:250px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:5px;margin-top:5px;z-index:10;box-shadow:0 4px 12px #0000001a}.option[data-v-94546902]{padding:10px 12px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f0f0f0}.option[data-v-94546902]:last-child{border-bottom:none}.option[data-v-94546902]:hover{background-color:#f5f9fa}.option.selected[data-v-94546902]{background-color:#e3f2fd}.scenario-info[data-v-94546902]{display:flex;flex-direction:column;gap:5px}.scenario-details[data-v-94546902]{display:flex;align-items:center;gap:8px}.scene-tag[data-v-94546902]{display:flex;align-items:center;gap:4px;font-size:12px;color:#666}.icon-small[data-v-94546902]{font-size:14px}.modal-overlay[data-v-2e4b2831]{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-2e4b2831 .2s ease-out}@keyframes fadeIn-2e4b2831{0%{opacity:0}to{opacity:1}}@keyframes slideUp-2e4b2831{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-container[data-v-2e4b2831]{background-color:#fff;border-radius:12px;width:600px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 6px 30px #00000026;animation:slideUp-2e4b2831 .3s ease-out}.modal-header[data-v-2e4b2831]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-2e4b2831]{font-size:20px;font-weight:500;color:#333}.close-button[data-v-2e4b2831]{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.modal-body[data-v-2e4b2831]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-2e4b2831]{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-2e4b2831]{margin-bottom:20px}.form-group label[data-v-2e4b2831]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-2e4b2831]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif}.game-selection[data-v-2e4b2831]{display:flex;flex-direction:column;gap:15px}.game-option[data-v-2e4b2831]{display:flex;gap:15px;padding:15px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s}.game-option[data-v-2e4b2831]:hover{border-color:#3ec0da;background-color:#f8f8f8;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.game-option.selected[data-v-2e4b2831]{border-color:#3ec0da;background-color:#f0f9fb;box-shadow:0 2px 10px #3ec0da1a}.game-icon[data-v-2e4b2831]{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background-color:#3ec0da;color:#fff}.game-icon .material-icons[data-v-2e4b2831]{font-size:28px}.game-info[data-v-2e4b2831]{flex:1}.game-title[data-v-2e4b2831]{font-size:16px;font-weight:500;margin-bottom:5px}.game-desc[data-v-2e4b2831]{font-size:14px;color:#666}.radio-group[data-v-2e4b2831],.checkbox-group[data-v-2e4b2831]{display:flex;flex-direction:column;gap:10px}.radio-label[data-v-2e4b2831],.checkbox-item[data-v-2e4b2831]{display:flex;align-items:center;gap:8px}.student-selection[data-v-2e4b2831]{display:flex;flex-direction:column;gap:10px}.student-filter[data-v-2e4b2831]{display:flex;gap:10px;margin-bottom:10px}.select-actions[data-v-2e4b2831]{display:flex;gap:5px}.select-btn[data-v-2e4b2831]{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background-color:#f5f5f5;cursor:pointer;font-size:12px;transition:background-color .2s}.select-btn[data-v-2e4b2831]:hover{background-color:#e5e5e5}.scrollable[data-v-2e4b2831]{height:200px;overflow-y:auto;border:1px solid #eee;border-radius:5px;padding:10px}.student-label[data-v-2e4b2831]{display:flex;justify-content:space-between;width:100%;align-items:center}.student-name[data-v-2e4b2831]{font-weight:500}.student-class[data-v-2e4b2831]{font-size:12px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:10px}.selection-summary[data-v-2e4b2831]{text-align:right;font-size:14px;color:#666;padding:5px 0}.btn[data-v-2e4b2831]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn.primary[data-v-2e4b2831]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-2e4b2831]:hover{background-color:#2aabc6;transform:translateY(-2px);box-shadow:0 4px 8px #3ec0da33}.btn.primary[data-v-2e4b2831]:active{transform:translateY(0)}.btn.primary[data-v-2e4b2831]:disabled{background-color:#a0a0a0;cursor:not-allowed;transform:none;box-shadow:none}.btn-icon[data-v-2e4b2831]{display:flex;align-items:center}.btn-icon .material-icons[data-v-2e4b2831]{font-size:18px}.btn.cancel[data-v-2e4b2831]{background-color:#e0e0e0;color:#333}.btn.cancel[data-v-2e4b2831]:hover{background-color:#d0d0d0}.type-badge[data-v-2e4b2831]{font-size:12px;padding:2px 6px;border-radius:10px;margin-left:5px}.type-badge.custom[data-v-2e4b2831]{background-color:#e3f2fd;color:#1976d2}.type-badge.default[data-v-2e4b2831]{background-color:#f5f5f5;color:#616161}.custom-select[data-v-2e4b2831]{position:relative;width:100%}.selected-option[data-v-2e4b2831]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer;transition:all .2s}.selected-option[data-v-2e4b2831]:hover{border-color:#3ec0da}.dropdown-arrow[data-v-2e4b2831]{font-size:12px;transition:transform .2s}.custom-select.open .dropdown-arrow[data-v-2e4b2831]{transform:rotate(180deg)}.placeholder[data-v-2e4b2831]{color:#999}.options-container[data-v-2e4b2831]{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:0 0 5px 5px;z-index:10;margin-top:-1px;box-shadow:0 4px 10px #0000001a}.options-container .search-container[data-v-2e4b2831]{padding:8px;border-bottom:1px solid #eee;position:sticky;top:0;background-color:#fff;z-index:1}.options-container .search-input[data-v-2e4b2831]{width:100%;padding:8px 10px 8px 32px;border:1px solid #ddd;border-radius:4px;font-size:14px}.options-container .search-icon[data-v-2e4b2831]{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#666}.empty-option[data-v-2e4b2831]{padding:15px;text-align:center;color:#888;font-style:italic}.option[data-v-2e4b2831]{padding:10px 15px;cursor:pointer;transition:background-color .2s;display:flex;justify-content:space-between;align-items:center}.option[data-v-2e4b2831]:hover{background-color:#f0f9fb}.option.selected[data-v-2e4b2831]{background-color:#e0f0f5}.selection-header[data-v-2e4b2831]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.class-filter[data-v-2e4b2831]{display:flex;align-items:center;gap:12px}.filter-label[data-v-2e4b2831]{font-weight:500;color:#555;white-space:nowrap;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem}.class-tags[data-v-2e4b2831]{display:flex;flex-wrap:wrap;gap:8px}.class-tag[data-v-2e4b2831]{padding:5px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.class-tag[data-v-2e4b2831]:hover{background-color:#e5e5e5}.class-tag.active[data-v-2e4b2831]{background-color:#3ec0da;color:#fff;border-color:#3ec0da;box-shadow:0 2px 8px #3ec0da33}.selection-actions[data-v-2e4b2831]{display:flex;gap:8px}.action-btn[data-v-2e4b2831]{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid #ddd;border-radius:20px;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.action-btn[data-v-2e4b2831]:hover{background-color:#e5e5e5}.action-btn .icon-small[data-v-2e4b2831]{font-size:16px}.action-btn[data-v-2e4b2831]:disabled{cursor:not-allowed;opacity:.6}.loading-container[data-v-2e4b2831]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px}.loading-spinner[data-v-2e4b2831]{width:40px;height:40px;border:4px solid #ddd;border-radius:50%;border-top-color:#3ec0da;animation:spin-2e4b2831 1s linear infinite}@keyframes spin-2e4b2831{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-2e4b2831]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;color:#888;border:1px dashed #ddd;border-radius:5px}.empty-state .material-icons[data-v-2e4b2831]{font-size:36px;margin-bottom:10px;color:#ccc}.selection-stats[data-v-2e4b2831]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stats-info[data-v-2e4b2831]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.total-count[data-v-2e4b2831],.selected-count[data-v-2e4b2831]{font-weight:500;color:#333}.divider[data-v-2e4b2831]{color:#ddd}.search-container[data-v-2e4b2831]{position:relative;display:flex;align-items:center}.search-icon[data-v-2e4b2831]{position:absolute;left:8px;color:#999;font-size:16px}.search-input[data-v-2e4b2831]{padding:6px 10px 6px 32px;border:1px solid #ddd;border-radius:20px;font-size:13px;width:180px;transition:all .3s}.search-input[data-v-2e4b2831]:focus{outline:none;border-color:#3ec0da;width:220px;box-shadow:0 0 0 3px #3ec0da1a}.students-grid[data-v-2e4b2831]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:350px;overflow-y:auto;padding:5px;border:1px solid #eee;border-radius:8px}.student-card[data-v-2e4b2831]{display:flex;align-items:center;padding:12px;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;background-color:#fff;box-shadow:0 2px 4px #0000000d}.student-card[data-v-2e4b2831]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.student-card.selected[data-v-2e4b2831]{background-color:#e3f2fd;border-color:#90caf9}.student-avatar[data-v-2e4b2831]{width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-right:10px;font-weight:700;color:#fff;flex-shrink:0}.student-info[data-v-2e4b2831]{flex:1;min-width:0}.student-name[data-v-2e4b2831]{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-details[data-v-2e4b2831]{display:flex;align-items:center;gap:8px}.student-class-tag[data-v-2e4b2831]{font-size:11px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.status-indicator[data-v-2e4b2831]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-indicator.online[data-v-2e4b2831]{background-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.status-indicator.offline[data-v-2e4b2831]{background-color:#9e9e9e}.student-select[data-v-2e4b2831]{margin-left:auto;color:#3ec0da}.student-select .material-icons[data-v-2e4b2831]{font-size:20px}.loading-spinner.small[data-v-2e4b2831]{width:20px;height:20px;border-width:2px}@keyframes rotate-2e4b2831{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-option.hidden[data-v-2e4b2831]{display:none}.game-option.disabled[data-v-2e4b2831]{opacity:.6;cursor:not-allowed;position:relative;border-color:#ddd;background-color:#f5f5f5}.game-option.disabled[data-v-2e4b2831]:hover{transform:none;box-shadow:none;border-color:#ddd;background-color:#f5f5f5}.disabled-message[data-v-2e4b2831]{position:absolute;top:10px;right:10px;background-color:#f44336;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}.screen-streaming[data-v-19b0ac57]{width:100%;display:flex;flex-direction:column;min-height:100%}.header-container[data-v-19b0ac57]{display:flex;flex-direction:column;margin-bottom:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.tabs[data-v-19b0ac57]{display:flex;border-bottom:1px solid #eee}.tab-button[data-v-19b0ac57]{padding:1rem 1.5rem;font-size:1rem;border:none;background:none;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;color:#666;transition:all .3s;display:flex;align-items:center;gap:8px}.tab-button[data-v-19b0ac57]:hover{color:#333;background-color:#f9f9f9}.tab-button.active[data-v-19b0ac57]{color:#3ec0da;font-weight:500;background-color:#f0fbfd}.tab-button.active[data-v-19b0ac57]:after{content:none}.tab-button .material-icons[data-v-19b0ac57]{font-size:1.2rem}.header-actions[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9f9f9}.class-selector[data-v-19b0ac57]{display:flex;align-items:center;gap:10px}.class-selector label[data-v-19b0ac57]{font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;font-weight:500;color:#555;white-space:nowrap}.class-selector select[data-v-19b0ac57]{padding:.5rem 2rem .5rem 1rem;border:1px solid #ddd;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto}.action-buttons[data-v-19b0ac57]{display:flex;gap:8px}.action-btn[data-v-19b0ac57]{display:flex;align-items:center;gap:8px;padding:.5rem 1.2rem;border:none;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s;background-color:#3ec0da;color:#fff}.action-btn[data-v-19b0ac57]:hover{background-color:#2aa8c2;transform:translateY(-1px)}.action-btn.active[data-v-19b0ac57]{background-color:#f44336}.action-btn.active[data-v-19b0ac57]:hover{background-color:#d32f2f}.action-btn.refresh[data-v-19b0ac57]{background-color:#ffc107;color:#333}.action-btn.refresh[data-v-19b0ac57]:hover{background-color:#e5ac06}.content-area[data-v-19b0ac57]{flex:1;background-color:#f9f9f9;border-radius:12px;padding:1.5rem;min-height:400px}.empty-state[data-v-19b0ac57]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#888;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.empty-state p[data-v-19b0ac57]{margin-top:1rem;font-size:1.1rem}.large-icon[data-v-19b0ac57]{font-size:4rem;color:#ccc}.class-control-panel[data-v-19b0ac57]{margin-bottom:1.5rem;padding:1rem;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px #0000000d}.panel-header[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.panel-title[data-v-19b0ac57]{font-size:1.1rem;font-weight:500;display:flex;align-items:center;gap:8px;color:#333}.panel-info[data-v-19b0ac57]{display:flex;align-items:center;gap:10px}.student-count[data-v-19b0ac57]{font-size:.9rem;color:#666;background-color:#f5f5f5;padding:.3rem .8rem;border-radius:50px}.last-update-time[data-v-19b0ac57]{font-size:.85rem;color:#888;display:flex;align-items:center;gap:4px}.small-icon[data-v-19b0ac57]{font-size:.95rem}.class-control-buttons[data-v-19b0ac57]{display:flex;gap:1rem;justify-content:flex-start}.control-btn[data-v-19b0ac57]{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border:none;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.control-btn[data-v-19b0ac57]:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.control-btn.pause[data-v-19b0ac57]{background-color:#ffc107;color:#333}.control-btn.resume[data-v-19b0ac57]{background-color:#4caf50;color:#fff}.control-btn.end[data-v-19b0ac57]{background-color:#f44336;color:#fff}.stream-grid[data-v-19b0ac57]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.stream-card[data-v-19b0ac57]{border-radius:12px;overflow:hidden;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s}.stream-card[data-v-19b0ac57]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.stream-header[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #eee;gap:8px}.student-name[data-v-19b0ac57]{font-family:Zen Kaku Gothic New,sans-serif;font-size:1rem;font-weight:500;color:#333;flex:1}.attendance-btn[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s;background-color:#4caf50;color:#fff}.attendance-btn[data-v-19b0ac57]:hover:not(:disabled){background-color:#45a049;transform:scale(1.1);box-shadow:0 3px 6px #0000001a}.attendance-btn.disabled[data-v-19b0ac57],.attendance-btn[data-v-19b0ac57]:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.attendance-btn .material-icons[data-v-19b0ac57]{font-size:16px}.stream-status[data-v-19b0ac57]{font-size:.85rem;padding:.25rem .6rem;border-radius:50px;display:flex;align-items:center;gap:4px}.status-dot[data-v-19b0ac57]{width:8px;height:8px;border-radius:50%;display:inline-block}.stream-status.online[data-v-19b0ac57]{background-color:#4caf501a;color:#4caf50}.stream-status.online .status-dot[data-v-19b0ac57]{background-color:#4caf50}.stream-status.idle[data-v-19b0ac57]{background-color:#ffc1071a;color:#ffc107}.stream-status.idle .status-dot[data-v-19b0ac57]{background-color:#ffc107}.stream-status.offline[data-v-19b0ac57]{background-color:#f443361a;color:#f44336}.stream-status.offline .status-dot[data-v-19b0ac57]{background-color:#f44336}.stream-content[data-v-19b0ac57]{height:200px;display:flex;align-items:center;justify-content:center;position:relative}.offline-message .material-icons[data-v-19b0ac57],.idle-message .material-icons[data-v-19b0ac57]{font-size:2.5rem;opacity:.5}.stream-container[data-v-19b0ac57]{width:100%;height:100%;position:relative}.stream-image[data-v-19b0ac57]{width:100%;height:100%;object-fit:cover}.mock-stream[data-v-19b0ac57]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.stream-placeholder[data-v-19b0ac57]{font-size:3rem;font-weight:700;color:#0003}.inactive[data-v-19b0ac57]{background-color:#f9f9f9}.student-control-buttons[data-v-19b0ac57]{display:flex;justify-content:center;gap:1rem;padding:.8rem;background-color:#f9f9f9;border-top:1px solid #eee}.student-control-btn[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.student-control-btn[data-v-19b0ac57]:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000001a}.student-control-btn.pause[data-v-19b0ac57]{background-color:#ffc107;color:#333}.student-control-btn.resume[data-v-19b0ac57]{background-color:#4caf50;color:#fff}.student-control-btn.end[data-v-19b0ac57]{background-color:#f44336;color:#fff}.section[data-v-19b0ac57]{margin-bottom:2rem}.section-title[data-v-19b0ac57]{font-size:1.2rem;font-weight:500;margin-bottom:1rem;color:#333;display:flex;align-items:center;gap:8px}.section-title .material-icons[data-v-19b0ac57]{font-size:1.3rem;color:#3ec0da}.card-container[data-v-19b0ac57]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.2rem}.card[data-v-19b0ac57]{border-radius:12px;padding:1.5rem;background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .2s,box-shadow .2s;border-top:4px solid transparent}.card-course[data-v-19b0ac57]{border-top-color:#3ec0da}.card-scenario[data-v-19b0ac57]{border-top-color:#ff9800}.card-vocab[data-v-19b0ac57]{border-top-color:#9c27b0}.card[data-v-19b0ac57]:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000001a}.card-header[data-v-19b0ac57]{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.card-icon[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background-color:#3ec0da;color:#fff}.icon-scenario[data-v-19b0ac57]{background-color:#ff9800}.icon-vocab[data-v-19b0ac57]{background-color:#9c27b0}.card-title[data-v-19b0ac57]{font-size:1.1rem;font-weight:500;color:#333}.card-description[data-v-19b0ac57]{margin-bottom:1.5rem;color:#666}.action-button[data-v-19b0ac57]{padding:.6rem 1.2rem;border:none;border-radius:6px;background-color:#3ec0da;color:#fff;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:.95rem;font-weight:500;transition:all .3s;width:100%}.btn-scenario[data-v-19b0ac57]{background-color:#ff9800}.btn-vocab[data-v-19b0ac57]{background-color:#9c27b0}.action-button[data-v-19b0ac57]:hover{background-color:#2aabc6;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.btn-scenario[data-v-19b0ac57]:hover{background-color:#f57c00}.btn-vocab[data-v-19b0ac57]:hover{background-color:#7b1fa2}.active-items-grid[data-v-19b0ac57]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.active-item[data-v-19b0ac57]{border-radius:12px;overflow:hidden;background-color:#fff;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000d}.active-item[data-completed=true][data-v-19b0ac57]{opacity:.8}.active-item[data-v-19b0ac57]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001a}.active-item.course[data-v-19b0ac57]{border-top:4px solid #3ec0da}.active-item.quiz.quiz-scenario[data-v-19b0ac57]{border-top:4px solid #ff9800}.active-item.quiz.quiz-vocab[data-v-19b0ac57]{border-top:4px solid #9c27b0}.active-item-header[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background-color:#f9f9f9;border-bottom:1px solid #eee}.active-item-type[data-v-19b0ac57]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#555}.active-item-type .material-icons[data-v-19b0ac57]{font-size:1rem}.active-item-status[data-v-19b0ac57]{font-size:.75rem;padding:.25rem .5rem;border-radius:50px;color:#fff}.active-item-status.status-active[data-v-19b0ac57]{background-color:#3ec0da}.active-item-status.status-completed[data-v-19b0ac57]{background-color:#607d8b}.active-item-status.status-scenario[data-v-19b0ac57]{background-color:#ff9800}.active-item-status.status-vocab[data-v-19b0ac57]{background-color:#9c27b0}.active-item-status.status-completed.status-scenario[data-v-19b0ac57]{background-color:#e65100}.active-item-status.status-completed.status-vocab[data-v-19b0ac57]{background-color:#6a1b9a}.active-item-content[data-v-19b0ac57]{padding:1rem}.active-item-title[data-v-19b0ac57]{font-size:1.1rem;font-weight:500;margin-bottom:.8rem;color:#333}.active-item-details[data-v-19b0ac57]{display:flex;flex-direction:column;gap:8px}.detail-item[data-v-19b0ac57]{display:flex;align-items:center;gap:6px;font-size:.9rem;color:#666}.detail-item .material-icons[data-v-19b0ac57]{font-size:1rem;color:#888}.active-item-actions[data-v-19b0ac57]{display:flex;gap:8px;padding:.8rem 1rem;background-color:#f9f9f9;border-top:1px solid #eee;justify-content:flex-end}.item-control-button[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;cursor:pointer;transition:all .2s}.item-control-button[data-v-19b0ac57]:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.item-control-button.end[data-v-19b0ac57]{width:auto;border-radius:50px;padding:0 12px;gap:6px}.item-control-button.pause[data-v-19b0ac57]{background-color:#ffc107;color:#333}.item-control-button.resume[data-v-19b0ac57]{background-color:#4caf50;color:#fff}.item-control-button.end[data-v-19b0ac57]{background-color:#f44336;color:#fff}.item-control-button[data-v-19b0ac57]:hover{opacity:.9;transform:scale(1.1);box-shadow:0 3px 6px #0000001a}.item-control-button.delete[data-v-19b0ac57]{background-color:#9e9e9e;color:#fff}.item-control-button.delete[data-v-19b0ac57]:hover{background-color:#f44336}@media (max-width: 768px){.header-actions[data-v-19b0ac57]{flex-direction:column;gap:1rem;align-items:stretch}.class-selector[data-v-19b0ac57]{flex-direction:column;align-items:flex-start}.class-selector select[data-v-19b0ac57]{width:100%}.action-buttons[data-v-19b0ac57]{flex-direction:column;width:100%}.action-btn[data-v-19b0ac57]{width:100%;justify-content:center}.class-control-buttons[data-v-19b0ac57]{flex-direction:column}.card-container[data-v-19b0ac57],.active-items-grid[data-v-19b0ac57],.stream-grid[data-v-19b0ac57]{grid-template-columns:1fr}.event-filters[data-v-19b0ac57]{flex-direction:row;flex-wrap:wrap;gap:.8rem}.filter-group[data-v-19b0ac57]{min-width:140px;flex-basis:calc(50% - .8rem)}}.offline-message[data-v-19b0ac57],.idle-message[data-v-19b0ac57]{font-family:Zen Kaku Gothic New,sans-serif;color:#888;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.6rem}.last-seen[data-v-19b0ac57]{font-size:.8rem;color:#999;margin-top:.3rem}.device-info[data-v-19b0ac57]{position:absolute;bottom:.5rem;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.3rem;font-size:.8rem;color:#00000080;background-color:#ffffffb3;padding:.3rem;border-radius:4px}.device-info .material-icons[data-v-19b0ac57]{font-size:1rem}.connection-type[data-v-19b0ac57]{color:#0006}.action-btn[data-v-19b0ac57]:disabled{opacity:.7;cursor:not-allowed}.event-filters[data-v-19b0ac57]{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background-color:#f9f9f9;border-radius:8px;align-items:center}.filter-group[data-v-19b0ac57]{display:flex;align-items:center;gap:.5rem;min-width:150px}.filter-group label[data-v-19b0ac57]{font-size:.95rem;font-weight:500;color:#555;white-space:nowrap}.filter-group select[data-v-19b0ac57]{padding:.4rem 2rem .4rem .8rem;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.9rem;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;width:100%}.stream-container[data-v-19b0ac57]{position:relative}.fullscreen-btn[data-v-19b0ac57]{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background-color:#00000080;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2}.stream-container:hover .fullscreen-btn[data-v-19b0ac57]{opacity:1}.stream-fullscreen-overlay[data-v-19b0ac57]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000}.stream-fullscreen-content[data-v-19b0ac57]{position:relative;max-width:85%;max-height:85%;width:85%;height:85%;display:flex;flex-direction:column;justify-content:center;align-items:center}.stream-fullscreen-close-btn[data-v-19b0ac57]{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.stream-fullscreen-info[data-v-19b0ac57]{color:#fff;margin-bottom:10px;text-align:center}.stream-fullscreen-image[data-v-19b0ac57]{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;width:auto;height:auto;min-width:80%;min-height:80%}.format-selector[data-v-19b0ac57]{display:flex;align-items:center;gap:8px;margin-left:10px}.format-label[data-v-19b0ac57]{font-size:.9rem;color:#666}.format-toggle[data-v-19b0ac57]{display:flex;background-color:#f0f0f0;border-radius:4px;overflow:hidden}.format-btn[data-v-19b0ac57]{padding:4px 10px;border:none;background:none;cursor:pointer;font-size:.85rem;transition:all .2s;min-width:50px}.format-btn.active[data-v-19b0ac57]{background-color:#3ec0da;color:#fff}@media (max-width: 768px){.header-actions[data-v-19b0ac57]{flex-direction:column;gap:1rem;align-items:stretch}.action-buttons[data-v-19b0ac57]{flex-direction:column;width:100%}.format-selector[data-v-19b0ac57]{margin-left:0;margin-top:8px;justify-content:center}}.webp-transform[data-v-19b0ac57]{transform:rotate(180deg) scaleX(-1)}.stream-loading[data-v-19b0ac57],.stream-fullscreen-loading[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000001a;z-index:1}.stream-fullscreen-loading[data-v-19b0ac57]{background-color:#0000004d}.stream-loading .material-icons[data-v-19b0ac57],.stream-fullscreen-loading .material-icons[data-v-19b0ac57]{font-size:2rem;color:#fff}@keyframes rotate-19b0ac57{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating[data-v-19b0ac57]{animation:rotate-19b0ac57 1s linear infinite}.drag-handle[data-v-19b0ac57]{cursor:grab;color:#888;padding:0 5px;margin-right:5px;display:flex;align-items:center}.drag-handle[data-v-19b0ac57]:hover{color:#333}.stream-card-ghost[data-v-19b0ac57]{opacity:.5;background-color:#e8f4f8}.flip-list-move[data-v-19b0ac57]{transition:transform .5s}.stream-header[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid #eee}.student-name[data-v-19b0ac57]{flex:1}.stream-draggable-container[data-v-19b0ac57]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem;width:100%}.word-shooter-control-panel[data-v-19b0ac57]{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.game-status-display[data-v-19b0ac57]{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;background-color:#f5f5f5}.game-status-display .material-icons[data-v-19b0ac57]{font-size:2rem}.game-status-display .status-text[data-v-19b0ac57]{font-size:1.5rem;font-weight:500}.game-status-display.empty[data-v-19b0ac57]{color:#757575;background-color:#f5f5f5}.game-status-display.ready[data-v-19b0ac57]{color:#ff9800;background-color:#fff3e0}.game-status-display.playing[data-v-19b0ac57]{color:#4caf50;background-color:#e8f5e9}.game-status-display.ended[data-v-19b0ac57]{color:#3f51b5;background-color:#e8eaf6}.game-timer[data-v-19b0ac57]{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;color:#555;background-color:#0000000d;padding:.5rem 1rem;border-radius:50px}.game-controls[data-v-19b0ac57]{display:flex;justify-content:flex-start;gap:1rem;margin-top:.5rem}.game-action-btn[data-v-19b0ac57]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .2s;color:#fff}.game-action-btn.btn-prepare[data-v-19b0ac57]{background-color:#ff5722}.game-action-btn.btn-start[data-v-19b0ac57]{background-color:#4caf50}.game-action-btn.btn-end[data-v-19b0ac57]{background-color:#f44336}.game-action-btn.btn-abort[data-v-19b0ac57]{background-color:#ff9800}.game-action-btn[data-v-19b0ac57]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.game-action-btn.btn-abort[data-v-19b0ac57]:hover{background-color:#f57c00}.game-action-btn[data-v-19b0ac57]:disabled{opacity:.6;cursor:not-allowed;transform:none}.game-refresh-btn[data-v-19b0ac57]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:500;cursor:pointer;background-color:#e0e0e0;color:#333;transition:all .2s}.game-refresh-btn[data-v-19b0ac57]:hover{background-color:#bdbdbd}.game-info-block[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem}.game-details[data-v-19b0ac57]{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item[data-v-19b0ac57]{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#555}.auto-update-toggle[data-v-19b0ac57]{display:flex;align-items:center;gap:.5rem}.toggle-switch[data-v-19b0ac57]{position:relative;display:inline-block;width:46px;height:24px}.toggle-switch input[data-v-19b0ac57]{opacity:0;width:0;height:0}.toggle-slider[data-v-19b0ac57]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider[data-v-19b0ac57]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider[data-v-19b0ac57]{background-color:#ff5722}input:checked+.toggle-slider[data-v-19b0ac57]:before{transform:translate(22px)}.word-shooter-section[data-v-19b0ac57]{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden}.scoreboard-section[data-v-19b0ac57]{padding-bottom:1.5rem}.section-title[data-v-19b0ac57]{padding:1rem 1.5rem;border-bottom:1px solid #eee;font-size:1.2rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:#333;margin:0}.scoreboard-container[data-v-19b0ac57]{padding:1.5rem}.live-scoreboard[data-v-19b0ac57]{width:100%}.score-bars[data-v-19b0ac57]{display:flex;flex-direction:column;gap:1rem;width:100%}.score-bar-wrapper[data-v-19b0ac57]{display:flex;align-items:center;gap:1rem}.player-rank[data-v-19b0ac57]{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:#f5f5f5;border-radius:50%}.player-info[data-v-19b0ac57]{flex:1}.player-name[data-v-19b0ac57]{font-weight:500;margin-bottom:4px}.score-bar-container[data-v-19b0ac57]{position:relative;height:30px;background-color:#f5f5f5;border-radius:12px;overflow:hidden;margin-top:8px}.score-bar[data-v-19b0ac57]{height:100%;border-radius:12px;transition:width .8s cubic-bezier(.22,1,.36,1);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;min-width:30px}.player-score[data-v-19b0ac57]{position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;font-weight:700;color:#333;font-size:1rem}.player-score-inside[data-v-19b0ac57]{font-weight:700;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.3);font-size:1rem}.podium-view-container[data-v-19b0ac57]{display:flex;justify-content:center;padding:1.5rem 0;overflow:visible}.podium-standings[data-v-19b0ac57]{display:flex;align-items:flex-end;gap:15px;min-height:250px;margin:0 auto;flex-wrap:wrap;justify-content:center;padding-bottom:20px}.podium-player[data-v-19b0ac57]{display:flex;flex-direction:column;align-items:center;position:relative;width:120px;margin-bottom:20px}.podium-avatar[data-v-19b0ac57]{width:50px;height:50px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;margin-bottom:8px;z-index:1}.podium-avatar.champion[data-v-19b0ac57]{width:65px;height:65px;font-size:1.8rem;background-color:gold;border:3px solid #ffc107}.crown-icon[data-v-19b0ac57]{font-size:1.8rem;margin-bottom:8px;z-index:2}.podium-name[data-v-19b0ac57]{font-weight:500;text-align:center;margin-bottom:5px;max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-score[data-v-19b0ac57]{font-weight:700;text-align:center;margin-bottom:10px}.podium-block[data-v-19b0ac57]{height:120px;width:100px;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center}.first-place .podium-block[data-v-19b0ac57]{height:180px}.third-place .podium-block[data-v-19b0ac57]{height:100px}.place-number[data-v-19b0ac57]{font-size:2rem;font-weight:700;color:#fff}.activity-section[data-v-19b0ac57]{padding-bottom:1.5rem}.activity-container[data-v-19b0ac57]{display:flex;gap:1.5rem;padding:1.5rem}.recent-answers[data-v-19b0ac57],.player-metrics[data-v-19b0ac57]{width:50%;background-color:#f9f9f9;border-radius:8px;padding:1rem}.subsection-title[data-v-19b0ac57]{font-size:1.1rem;font-weight:500;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #eee}.answer-list[data-v-19b0ac57]{display:flex;flex-direction:column;gap:.8rem;max-height:300px;overflow-y:auto}.answer-item[data-v-19b0ac57]{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:8px;transition:all .2s}.answer-item.correct[data-v-19b0ac57]{background-color:#4caf501a}.answer-item.incorrect[data-v-19b0ac57]{background-color:#f443361a}.answer-item[data-v-19b0ac57]:hover{transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.answer-icon[data-v-19b0ac57]{display:flex;align-items:center;justify-content:center}.answer-icon .material-icons[data-v-19b0ac57]{font-size:1.2rem}.answer-item.correct .answer-icon[data-v-19b0ac57]{color:#4caf50}.answer-item.incorrect .answer-icon[data-v-19b0ac57]{color:#f44336}.answer-details[data-v-19b0ac57]{flex:1}.answer-player[data-v-19b0ac57]{font-weight:500;margin-bottom:2px}.answer-word[data-v-19b0ac57]{font-size:.9rem;color:#666}.answer-time[data-v-19b0ac57]{font-weight:500;font-size:.9rem;color:#888}.metrics-list[data-v-19b0ac57]{display:flex;flex-direction:column;gap:1rem;max-height:300px;overflow-y:auto}.player-metric-item[data-v-19b0ac57]{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d;transition:all .2s}.player-metric-item[data-v-19b0ac57]:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.metric-header[data-v-19b0ac57]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.metric-player-name[data-v-19b0ac57]{font-weight:500}.metric-score[data-v-19b0ac57]{font-weight:700}.metric-details[data-v-19b0ac57]{display:flex;flex-direction:column;gap:.4rem}.metric-item[data-v-19b0ac57]{display:flex;justify-content:space-between;font-size:.9rem}.metric-label[data-v-19b0ac57]{color:#666}.metric-value[data-v-19b0ac57]{font-weight:500}.word-shooter-empty[data-v-19b0ac57]{padding:3rem 2rem}.word-shooter-empty .large-icon[data-v-19b0ac57]{font-size:5rem;color:#ff5722;opacity:.3}.sub-text[data-v-19b0ac57]{margin-top:.5rem;font-size:.9rem;color:#999}.mini-empty[data-v-19b0ac57]{padding:2rem;background-color:transparent;border-radius:8px;box-shadow:none}.mini-empty .material-icons[data-v-19b0ac57]{font-size:2.5rem;color:#ddd}.mini-empty p[data-v-19b0ac57]{margin-top:.8rem;font-size:1rem;color:#999}.score-bar-move[data-v-19b0ac57]{transition:transform .8s}.answer-item-enter-active[data-v-19b0ac57],.answer-item-leave-active[data-v-19b0ac57]{transition:all .5s}.answer-item-enter-from[data-v-19b0ac57],.answer-item-leave-to[data-v-19b0ac57]{opacity:0;transform:translate(-20px)}@media (max-width: 992px){.activity-container[data-v-19b0ac57]{flex-direction:column;gap:1.5rem}.recent-answers[data-v-19b0ac57],.player-metrics[data-v-19b0ac57]{width:100%}.podium-standings[data-v-19b0ac57]{gap:10px}.podium-player[data-v-19b0ac57]{max-width:120px}.podium-block[data-v-19b0ac57]{width:90px}.podium-name[data-v-19b0ac57]{font-size:.9rem}}@media (max-width: 768px){.game-info-block[data-v-19b0ac57]{flex-direction:column;align-items:flex-start;gap:1rem}.podium-standings[data-v-19b0ac57]{flex-direction:column;align-items:center;height:auto;min-height:unset;max-height:none;gap:2rem}.podium-block[data-v-19b0ac57]{height:80px!important;width:200px}.podium-player[data-v-19b0ac57]{max-width:100%}.game-status-display[data-v-19b0ac57]{flex-direction:column;text-align:center}.game-timer[data-v-19b0ac57]{margin:1rem auto 0}}.player-id[data-v-19b0ac57]{font-size:.8rem;color:#777;font-weight:400}.podium-player .player-id[data-v-19b0ac57]{font-size:.75rem;display:block;margin-top:2px}.podium-player .player-student-id[data-v-19b0ac57]{font-size:.85rem;display:block;margin-top:5px;margin-left:0;background-color:#fffc;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.metric-player-name .player-id[data-v-19b0ac57]{display:inline-block;margin-left:4px}.player-student-id[data-v-19b0ac57]{font-size:.95rem;color:#444;font-weight:500;background-color:#f0f0f0;padding:2px 8px;border-radius:4px;margin-left:8px;display:inline-block}.podium-player .player-student-id[data-v-19b0ac57]{font-size:.9rem;display:block;margin-top:5px;margin-left:0;background-color:#fffc;padding:3px 10px}.metric-player-name .player-student-id[data-v-19b0ac57]{display:inline-block;margin-left:8px}.player-id[data-v-19b0ac57]{display:none}.tie-indicator[data-v-19b0ac57]{position:absolute;top:-5px;right:-5px;background-color:#ff5722;color:#fff;font-size:.8rem;padding:2px 8px;border-radius:12px;font-weight:700;z-index:3}.modal-overlay[data-v-4ef102b8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-4ef102b8]{background-color:#fff;border-radius:10px;width:500px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-container.large[data-v-4ef102b8]{width:800px}.modal-header[data-v-4ef102b8]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-4ef102b8]{font-size:20px;font-weight:500;color:#333}.close-button[data-v-4ef102b8]{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.modal-body[data-v-4ef102b8]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-4ef102b8]{padding:15px 20px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.form-group[data-v-4ef102b8]{margin-bottom:20px}.form-row[data-v-4ef102b8]{display:flex;gap:15px;margin-bottom:20px}.form-group.half[data-v-4ef102b8]{flex:1}.form-group label[data-v-4ef102b8]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-4ef102b8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif}.form-control.textarea[data-v-4ef102b8]{min-height:100px;resize:vertical}.dialogues-container[data-v-4ef102b8]{border:1px solid #ddd;border-radius:5px;padding:15px;max-height:400px;overflow-y:auto}.dialogue-list[data-v-4ef102b8]{margin-bottom:10px}.dialogue-item[data-v-4ef102b8]{border:1px solid #eee;border-radius:5px;padding:8px;margin-bottom:10px;background-color:#fafafa;transition:background-color .2s}.dialogue-item.sortable-ghost[data-v-4ef102b8]{opacity:.5;background-color:#e8f4f8}.dialogue-item.sortable-chosen[data-v-4ef102b8]{background-color:#f0f9fb;box-shadow:0 2px 8px #0000001a}.dialogue-content[data-v-4ef102b8]{display:flex;align-items:center;width:100%;gap:10px}.drag-handle[data-v-4ef102b8]{cursor:move;color:#888;display:flex;align-items:center;padding:0 5px}.drag-handle[data-v-4ef102b8]:hover{color:#333}.dialogue-left[data-v-4ef102b8]{display:flex;align-items:center;gap:5px;min-width:100px}.dialogue-type[data-v-4ef102b8]{padding:5px;border:1px solid #ddd;border-radius:5px;font-size:14px;width:80px;flex-shrink:0}.dialogue-number[data-v-4ef102b8]{background-color:#f5f5f5;padding:2px 6px;border-radius:12px;font-size:12px;flex-shrink:0}.dialogue-text[data-v-4ef102b8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;resize:vertical;font-family:Zen Kaku Gothic New,sans-serif;min-height:40px}.dialogue-delete[data-v-4ef102b8]{background:none;border:none;cursor:pointer;color:#dc3545;flex-shrink:0;padding:5px;display:flex;align-items:center;justify-content:center}.add-dialogue-btn[data-v-4ef102b8]{display:flex;align-items:center;justify-content:center;width:100%;padding:10px;border:1px dashed #ddd;border-radius:5px;background:none;cursor:pointer;gap:8px;transition:background-color .3s}.add-dialogue-btn[data-v-4ef102b8]:hover{background-color:#f9f9f9}.btn[data-v-4ef102b8]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s}.btn.primary[data-v-4ef102b8]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-4ef102b8]:hover{background-color:#2aabc6}.btn.primary[data-v-4ef102b8]:disabled{background-color:#a0a0a0;cursor:not-allowed}.btn.cancel[data-v-4ef102b8]{background-color:#e0e0e0;color:#333}.btn.cancel[data-v-4ef102b8]:hover{background-color:#d0d0d0}.read-only .form-control[data-v-4ef102b8]{background-color:#f9f9f9;cursor:default}.read-only .form-control[data-v-4ef102b8]:focus{border-color:#ddd;box-shadow:none}.read-only .modal-title[data-v-4ef102b8]{color:#546e7a}.image-preview[data-v-4ef102b8]{margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fafafa}.image-container[data-v-4ef102b8]{height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f5f5f5;border-radius:5px}.preview-image[data-v-4ef102b8]{max-width:100%;max-height:230px;height:auto;border-radius:5px;display:block;object-fit:contain}.npc-preview .preview-image[data-v-4ef102b8]{max-width:80%;object-fit:scale-down}.position-preview .preview-image[data-v-4ef102b8]{width:100%;object-fit:cover}.image-description[data-v-4ef102b8]{margin-top:10px;font-size:12px;color:#546e7a;text-align:center}.error-message[data-v-4ef102b8]{color:#dc3545;font-size:14px;margin-top:5px}.error-window[data-v-4ef102b8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;z-index:1100;display:flex;flex-direction:column}.error-header[data-v-4ef102b8]{padding:15px;background-color:#fff8f8;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #ffe8e8;display:flex;align-items:center;gap:10px}.error-icon[data-v-4ef102b8]{color:#dc3545;font-size:24px}.error-header h3[data-v-4ef102b8]{margin:0;color:#dc3545;font-size:18px}.error-content[data-v-4ef102b8]{padding:20px 15px;font-size:16px}.error-content p[data-v-4ef102b8]{margin:0}.error-footer[data-v-4ef102b8]{padding:15px;display:flex;justify-content:center;border-top:1px solid #eee}.voice-controls[data-v-4ef102b8]{display:flex;flex-direction:column;align-items:center;margin-left:10px;gap:5px}.voice-buttons[data-v-4ef102b8]{display:flex;gap:5px}.voice-btn[data-v-4ef102b8]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;transition:all .2s;font-size:16px}.voice-btn[data-v-4ef102b8]:hover{transform:scale(1.1)}.voice-btn[data-v-4ef102b8]:disabled{cursor:not-allowed;opacity:.5}.record-btn[data-v-4ef102b8]{background-color:#f44;color:#fff}.record-btn[data-v-4ef102b8]:hover{background-color:#c33}.record-btn.recording[data-v-4ef102b8]{background-color:red;animation:pulse-4ef102b8 1s infinite}@keyframes pulse-4ef102b8{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.play-btn[data-v-4ef102b8]{background-color:#4caf50;color:#fff}.play-btn[data-v-4ef102b8]:hover{background-color:#45a049}.play-btn[data-v-4ef102b8]:disabled{background-color:#ccc}.upload-btn[data-v-4ef102b8]{background-color:#2196f3;color:#fff}.upload-btn[data-v-4ef102b8]:hover{background-color:#1976d2}.delete-voice-btn[data-v-4ef102b8]{background-color:#ff9800;color:#fff}.delete-voice-btn[data-v-4ef102b8]:hover{background-color:#f57c00}.voice-status[data-v-4ef102b8]{display:flex;align-items:center;gap:3px;font-size:10px;color:#666;background-color:#f0f0f0;padding:2px 6px;border-radius:12px;white-space:nowrap}.voice-status .material-icons[data-v-4ef102b8]{font-size:12px;color:#4caf50}.voice-status-text[data-v-4ef102b8]{font-size:10px}.dialogue-content[data-v-4ef102b8]{display:flex;align-items:flex-start;width:100%;gap:10px}.voice-controls-redesigned[data-v-4ef102b8]{display:flex;align-items:center;justify-content:center;width:220px;height:40px;margin-left:10px;flex-shrink:0}.voice-placeholder[data-v-4ef102b8]{display:flex;flex-direction:column;align-items:center;gap:4px}.voice-actions[data-v-4ef102b8]{display:flex;gap:8px}.voice-action-btn[data-v-4ef102b8]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;transition:background-color .2s,transform .2s;color:#fff}.voice-action-btn[data-v-4ef102b8]:disabled{background-color:#ccc;cursor:not-allowed}.voice-action-btn.record[data-v-4ef102b8]{background-color:#3ec0da}.voice-action-btn.record[data-v-4ef102b8]:hover:not(:disabled){background-color:#2aabc6}.voice-action-btn.upload[data-v-4ef102b8]{background-color:#6c757d}.voice-action-btn.upload[data-v-4ef102b8]:hover:not(:disabled){background-color:#5a6268}.voice-note[data-v-4ef102b8]{font-size:10px;color:#999}.voice-recording-ui[data-v-4ef102b8]{display:flex;align-items:center;gap:10px;width:100%}.voice-action-btn.stop-record[data-v-4ef102b8]{background-color:#dc3545;animation:pulse-record-4ef102b8 1.5s infinite}@keyframes pulse-record-4ef102b8{0%{box-shadow:0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}.recording-indicator[data-v-4ef102b8]{display:flex;align-items:center;gap:8px;color:#dc3545;font-weight:500}.recording-pulse[data-v-4ef102b8]{width:8px;height:8px;border-radius:50%;background-color:#dc3545;animation:pulse-dot-4ef102b8 1.5s infinite}@keyframes pulse-dot-4ef102b8{0%,to{opacity:1}50%{opacity:.5}}.voice-playback-ui[data-v-4ef102b8]{display:flex;align-items:center;gap:8px;width:100%}.voice-action-btn.play[data-v-4ef102b8]{background-color:#28a745}.voice-action-btn.play.playing[data-v-4ef102b8]{background-color:#ffc107}.voice-track[data-v-4ef102b8]{flex-grow:1;height:6px;background-color:#e9ecef;border-radius:3px;position:relative;overflow:hidden}.voice-progress[data-v-4ef102b8]{position:absolute;top:0;left:0;height:100%;background-color:#28a745;border-radius:3px;transition:width .1s linear}.voice-action-btn.delete[data-v-4ef102b8]{background-color:#6c757d}.voice-action-btn.delete[data-v-4ef102b8]:hover{background-color:#5a6268}.modal-overlay[data-v-e0ed0d0e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.vocab-modal[data-v-e0ed0d0e]{background:#fff;border-radius:12px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-header[data-v-e0ed0d0e]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-title[data-v-e0ed0d0e]{font-size:20px;font-weight:600;margin:0}.close-btn[data-v-e0ed0d0e]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-e0ed0d0e]:hover{color:#333}.vocab-form[data-v-e0ed0d0e]{padding:20px}.form-section[data-v-e0ed0d0e]{margin-bottom:20px}.form-group[data-v-e0ed0d0e]{margin-bottom:16px}.form-group label[data-v-e0ed0d0e]{display:block;font-weight:500;margin-bottom:6px;color:#333}.form-group label.required[data-v-e0ed0d0e]:after{content:" *";color:#dc3545}.form-input[data-v-e0ed0d0e],.form-textarea[data-v-e0ed0d0e]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;transition:border-color .3s,box-shadow .3s}.form-input[data-v-e0ed0d0e]:focus,.form-textarea[data-v-e0ed0d0e]:focus{outline:none;border-color:#3ec0da;box-shadow:0 0 0 2px #3ec0da33}.form-textarea[data-v-e0ed0d0e]{resize:vertical;min-height:80px}.form-input[data-v-e0ed0d0e]::placeholder,.form-textarea[data-v-e0ed0d0e]::placeholder{color:#999}.modal-actions[data-v-e0ed0d0e]{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #eee}.cancel-btn[data-v-e0ed0d0e]{padding:10px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-e0ed0d0e]:hover{background-color:#e5e5e5}.submit-btn[data-v-e0ed0d0e]{padding:10px 24px;background-color:#3ec0da;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.submit-btn[data-v-e0ed0d0e]:hover:not(:disabled){background-color:#2aabc6}.submit-btn[data-v-e0ed0d0e]:disabled{background-color:#a5d6a7;cursor:not-allowed}@media (max-width: 768px){.vocab-modal[data-v-e0ed0d0e]{width:95vw;margin:20px}.modal-header[data-v-e0ed0d0e],.vocab-form[data-v-e0ed0d0e]{padding:16px}}.modal-overlay[data-v-c2f2bbc8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-container[data-v-c2f2bbc8]{background-color:#fff;border-radius:10px;width:700px;max-width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.modal-header[data-v-c2f2bbc8]{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-c2f2bbc8]{font-size:20px;font-weight:500;color:#333}.close-button[data-v-c2f2bbc8]{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.modal-body[data-v-c2f2bbc8]{padding:20px;overflow-y:auto;flex:1}.modal-footer[data-v-c2f2bbc8]{padding:15px 20px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px}.footer-buttons[data-v-c2f2bbc8]{display:flex;justify-content:flex-end;gap:10px}.validation-message[data-v-c2f2bbc8]{color:#e53935;font-size:14px;text-align:left;padding-bottom:5px}.form-group[data-v-c2f2bbc8]{margin-bottom:20px}.form-group label[data-v-c2f2bbc8]{display:block;margin-bottom:8px;font-weight:500}.form-control[data-v-c2f2bbc8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif}.search-bar[data-v-c2f2bbc8]{margin-bottom:15px}.search-input[data-v-c2f2bbc8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif}.vocab-selector[data-v-c2f2bbc8]{display:flex;gap:20px;height:300px}.vocab-list[data-v-c2f2bbc8]{flex:1;display:flex;flex-direction:column;border:1px solid #ddd;border-radius:5px}.list-title[data-v-c2f2bbc8]{padding:10px;background-color:#f5f5f5;border-bottom:1px solid #ddd;margin:0;font-size:16px;font-weight:500}.list-container[data-v-c2f2bbc8]{flex:1;overflow-y:auto;padding:10px}.vocab-item[data-v-c2f2bbc8]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.vocab-item[data-v-c2f2bbc8]:hover{background-color:#f9f9f9}.vocab-info[data-v-c2f2bbc8]{display:flex;flex-direction:column}.action-btn[data-v-c2f2bbc8]{width:24px;height:24px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;font-size:1.2rem;text-align:center}.action-btn.add[data-v-c2f2bbc8]{background-color:#28a745;color:#fff;padding-top:.15rem}.action-btn.remove[data-v-c2f2bbc8]{background-color:#dc3545;color:#fff}.btn[data-v-c2f2bbc8]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s}.btn.primary[data-v-c2f2bbc8]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-c2f2bbc8]:hover{background-color:#2aabc6}.btn.primary[data-v-c2f2bbc8]:disabled{background-color:#a0a0a0;cursor:not-allowed}.btn.cancel[data-v-c2f2bbc8]{background-color:#e0e0e0;color:#333}.btn.cancel[data-v-c2f2bbc8]:hover{background-color:#d0d0d0}@media (max-width: 768px){.vocab-selector[data-v-c2f2bbc8]{flex-direction:column;height:auto}.vocab-list[data-v-c2f2bbc8]{height:200px}}.read-only-vocab-list[data-v-c2f2bbc8]{border:1px solid #ddd;border-radius:5px;max-height:300px;overflow-y:auto}.vocab-item.read-only[data-v-c2f2bbc8]{cursor:default;padding:10px}.vocab-item.read-only[data-v-c2f2bbc8]:hover{background-color:#f5f5f5}.vocab-item.read-only .vocab-info[data-v-c2f2bbc8]{width:100%}.vocab-item.read-only .vocab-info small[data-v-c2f2bbc8]{color:#666;margin-top:5px;display:block}.course-management[data-v-5a1e2a44]{width:100%}.tabs-container[data-v-5a1e2a44]{margin-bottom:20px}.tabs[data-v-5a1e2a44],.tabs-secondary[data-v-5a1e2a44]{display:flex;border-bottom:1px solid #ddd}.tab-button[data-v-5a1e2a44],.tab-button-secondary[data-v-5a1e2a44]{padding:12px 20px;font-size:16px;border:none;background:none;cursor:pointer;position:relative;font-family:Zen Kaku Gothic New,sans-serif;color:#666;transition:color .3s}.tab-button[data-v-5a1e2a44]:hover,.tab-button-secondary[data-v-5a1e2a44]:hover{color:#333}.tab-button.active[data-v-5a1e2a44],.tab-button-secondary.active[data-v-5a1e2a44]{color:#000;font-weight:500}.tab-button.active[data-v-5a1e2a44]:after,.tab-button-secondary.active[data-v-5a1e2a44]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#3ec0da}.tabs-secondary[data-v-5a1e2a44]{margin-bottom:20px}.tab-button-secondary[data-v-5a1e2a44]{font-size:14px;padding:10px 16px}.section[data-v-5a1e2a44]{margin-bottom:30px}.section-header[data-v-5a1e2a44]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title[data-v-5a1e2a44]{font-size:20px;font-weight:500;margin-bottom:15px}.filter-section[data-v-5a1e2a44]{margin-bottom:20px}.filter-group[data-v-5a1e2a44]{display:flex;align-items:center;gap:10px;white-space:nowrap}.create-button[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;padding:8px 15px;border:none;border-radius:6px;background-color:#3ec0da;color:#fff;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;transition:background-color .3s}.create-button[data-v-5a1e2a44]:hover{background-color:#2aabc6}.scenario-list[data-v-5a1e2a44]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.scenario-item[data-v-5a1e2a44]{border:1px solid #ddd;border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background-color:#fff;height:100%}.scenario-item[data-v-5a1e2a44]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.scenario-info[data-v-5a1e2a44]{flex:1;display:flex;flex-direction:column}.scenario-name[data-v-5a1e2a44]{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.scenario-details[data-v-5a1e2a44]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:14px;color:#666}.scenario-scene[data-v-5a1e2a44],.scenario-dialogue-count[data-v-5a1e2a44],.scenario-date[data-v-5a1e2a44],.scenario-author[data-v-5a1e2a44]{display:flex;align-items:center;gap:5px}.scenario-scene .material-icons[data-v-5a1e2a44],.scenario-dialogue-count .material-icons[data-v-5a1e2a44],.scenario-date .material-icons[data-v-5a1e2a44],.scenario-author .material-icons[data-v-5a1e2a44]{font-size:16px}.scenario-type[data-v-5a1e2a44]{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:12px}.scenario-type.custom[data-v-5a1e2a44]{background-color:#e3f2fd;color:#1976d2}.scenario-type.default[data-v-5a1e2a44]{background-color:#f5f5f5;color:#616161}.scenario-description[data-v-5a1e2a44]{font-size:14px;color:#666;margin-bottom:16px;flex:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.scenario-meta[data-v-5a1e2a44]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:12px;color:#888}.scenario-actions[data-v-5a1e2a44]{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.action-button[data-v-5a1e2a44]{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:13px;transition:all .2s}.action-button[data-v-5a1e2a44]:hover{background-color:#2aabc6}.action-button.view[data-v-5a1e2a44]{background-color:#6c757d}.action-button.edit[data-v-5a1e2a44]{background-color:#007bff}.action-button.delete[data-v-5a1e2a44]{background-color:#dc3545}.action-button.view[data-v-5a1e2a44]:hover{background-color:#5a6268}.action-button.edit[data-v-5a1e2a44]:hover{background-color:#0069d9}.action-button.delete[data-v-5a1e2a44]:hover{background-color:#c82333}.input-field[data-v-5a1e2a44]{padding:10px;border:1px solid #ddd;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif}@media (max-width: 768px){.scenario-item[data-v-5a1e2a44],.vocab-item[data-v-5a1e2a44],.vocabset-item[data-v-5a1e2a44]{flex-direction:column;align-items:flex-start}.scenario-actions[data-v-5a1e2a44],.vocab-actions[data-v-5a1e2a44],.vocabset-actions[data-v-5a1e2a44]{margin-top:15px;width:100%;justify-content:flex-end}}.vocab-list[data-v-5a1e2a44],.vocabset-list[data-v-5a1e2a44]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.vocab-item[data-v-5a1e2a44],.vocabset-item[data-v-5a1e2a44]{border:1px solid #ddd;border-radius:10px;padding:20px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;background-color:#fff;height:100%}.vocab-item[data-v-5a1e2a44]:hover,.vocabset-item[data-v-5a1e2a44]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.vocab-info[data-v-5a1e2a44],.vocabset-info[data-v-5a1e2a44]{flex:1;display:flex;flex-direction:column}.vocab-word[data-v-5a1e2a44],.vocabset-title[data-v-5a1e2a44]{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.vocab-details[data-v-5a1e2a44],.vocabset-details[data-v-5a1e2a44]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;font-size:14px;color:#666}.vocab-pos[data-v-5a1e2a44],.vocab-level[data-v-5a1e2a44],.vocabset-count[data-v-5a1e2a44],.vocabset-level[data-v-5a1e2a44],.vocabset-date[data-v-5a1e2a44],.vocabset-author[data-v-5a1e2a44]{display:flex;align-items:center;gap:5px}.vocab-details .material-icons[data-v-5a1e2a44],.vocabset-details .material-icons[data-v-5a1e2a44],.vocab-meta .material-icons[data-v-5a1e2a44],.vocabset-meta .material-icons[data-v-5a1e2a44]{font-size:16px}.vocab-chinese[data-v-5a1e2a44]{font-size:16px;font-weight:500;color:#444;margin-bottom:8px}.vocab-definition[data-v-5a1e2a44],.vocabset-description[data-v-5a1e2a44]{font-size:14px;color:#666;margin-bottom:16px;flex:1;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vocab-meta[data-v-5a1e2a44],.vocabset-meta[data-v-5a1e2a44]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:12px;color:#888}.vocab-actions[data-v-5a1e2a44],.vocabset-actions[data-v-5a1e2a44]{display:flex;gap:10px;margin-top:15px;justify-content:flex-end}.tab-content.compact[data-v-5a1e2a44]{padding:15px}.section-header.compact[data-v-5a1e2a44]{padding:10px 0;margin-bottom:15px}.create-button.small[data-v-5a1e2a44]{padding:6px 10px;font-size:12px}.vocab-list.compact[data-v-5a1e2a44],.vocabset-list.compact[data-v-5a1e2a44]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.vocab-item.compact[data-v-5a1e2a44],.vocabset-item.compact[data-v-5a1e2a44]{padding:12px;border-radius:6px}.vocab-header[data-v-5a1e2a44],.vocabset-header[data-v-5a1e2a44]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vocab-word[data-v-5a1e2a44],.vocabset-title[data-v-5a1e2a44]{font-size:16px;margin-bottom:5px}.vocab-chinese[data-v-5a1e2a44]{font-size:14px;margin-bottom:5px}.vocab-definition[data-v-5a1e2a44],.vocabset-description[data-v-5a1e2a44]{font-size:12px;margin-bottom:8px;-webkit-line-clamp:2}.vocab-details[data-v-5a1e2a44],.vocabset-details[data-v-5a1e2a44]{gap:8px;margin-bottom:8px;font-size:12px}.vocab-details .material-icons[data-v-5a1e2a44],.vocabset-details .material-icons[data-v-5a1e2a44]{font-size:14px}.action-button.small[data-v-5a1e2a44]{padding:4px 6px;font-size:12px}.action-button.small .material-icons[data-v-5a1e2a44]{font-size:14px}.vocab-actions[data-v-5a1e2a44],.vocabset-actions[data-v-5a1e2a44]{gap:5px;margin-top:0}@media (max-width: 768px){.vocab-list.compact[data-v-5a1e2a44],.vocabset-list.compact[data-v-5a1e2a44]{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}.section-actions[data-v-5a1e2a44]{display:flex;align-items:center;gap:10px}.search-container[data-v-5a1e2a44]{position:relative;width:200px}.search-input[data-v-5a1e2a44]{width:100%;padding:6px 10px 6px 30px;border:1px solid #ddd;border-radius:6px;font-size:12px;transition:border-color .3s,box-shadow .3s}.search-input[data-v-5a1e2a44]:focus{outline:none;border-color:#3ec0da;box-shadow:0 0 0 2px #3ec0da33}.search-icon[data-v-5a1e2a44]{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:16px;color:#666}@media (max-width: 768px){.section-actions[data-v-5a1e2a44]{flex-direction:column;align-items:stretch;gap:10px}.search-container[data-v-5a1e2a44]{width:100%}}.bulk-delete-button[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;padding:8px 15px;border:none;border-radius:6px;background-color:#ff9800;color:#fff;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;transition:background-color .3s}.bulk-delete-button[data-v-5a1e2a44]:hover{background-color:#f57c00}.bulk-delete-button.active[data-v-5a1e2a44]{background-color:#e65100}.bulk-delete-button.small[data-v-5a1e2a44]{padding:6px 10px;font-size:12px}.bulk-delete-controls[data-v-5a1e2a44]{background-color:#fff3e0;border:1px solid #ffcc02;border-radius:8px;padding:15px;margin-bottom:20px}.bulk-select-info[data-v-5a1e2a44]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.selected-count[data-v-5a1e2a44]{font-weight:500;color:#e65100}.bulk-actions[data-v-5a1e2a44]{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.select-all-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:4px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.select-all-btn[data-v-5a1e2a44]:hover{background-color:#eaeaea;border-color:#ccc}.delete-selected-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:6px;background-color:#f44336;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s}.delete-selected-btn[data-v-5a1e2a44]:hover:not(:disabled){background-color:#d32f2f}.delete-selected-btn[data-v-5a1e2a44]:disabled{background-color:#ffcdd2;cursor:not-allowed}.vocab-checkbox[data-v-5a1e2a44]{margin-right:12px;display:flex;align-items:center;cursor:pointer}.vocab-checkbox input[data-v-5a1e2a44]{width:18px;height:18px;cursor:pointer;margin:0}.vocab-header[data-v-5a1e2a44]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}@media (max-width: 768px){.bulk-select-info[data-v-5a1e2a44]{flex-direction:column;align-items:stretch;gap:15px}.bulk-actions[data-v-5a1e2a44]{justify-content:space-between}.select-all-btn[data-v-5a1e2a44],.delete-selected-btn[data-v-5a1e2a44]{flex:1;justify-content:center}}.scene-name-bold[data-v-5a1e2a44]{font-weight:700}.vocabset-type[data-v-5a1e2a44]{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:12px}.vocabset-type.custom[data-v-5a1e2a44]{background-color:#e3f2fd;color:#1976d2}.vocabset-type.default[data-v-5a1e2a44]{background-color:#f5f5f5;color:#616161}.header-button-group[data-v-5a1e2a44]{display:flex;gap:10px;align-items:center}.backup-button[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;padding:8px 15px;border:none;border-radius:6px;background-color:#4caf50;color:#fff;cursor:pointer;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;transition:background-color .3s}.backup-button[data-v-5a1e2a44]:hover{background-color:#45a049}.backup-button.small[data-v-5a1e2a44]{padding:6px 10px;font-size:12px}.backup-restore-modal[data-v-5a1e2a44]{background-color:#fff;border-radius:12px;width:800px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.modal-overlay[data-v-5a1e2a44]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-header[data-v-5a1e2a44]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-title[data-v-5a1e2a44]{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.modal-icon[data-v-5a1e2a44]{font-size:24px}.close-btn[data-v-5a1e2a44]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-5a1e2a44]:hover{color:#333}.modal-divider[data-v-5a1e2a44]{height:1px;background-color:#eee}.modal-content[data-v-5a1e2a44]{padding:20px}.tabs-backup[data-v-5a1e2a44]{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab-button-backup[data-v-5a1e2a44]{padding:12px 20px;font-size:16px;border:none;background:none;cursor:pointer;position:relative;font-family:Zen Kaku Gothic New,sans-serif;color:#666;transition:color .3s}.tab-button-backup[data-v-5a1e2a44]:hover{color:#333}.tab-button-backup.active[data-v-5a1e2a44]{color:#4caf50;font-weight:500}.tab-button-backup.active[data-v-5a1e2a44]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#4caf50}.backup-instruction[data-v-5a1e2a44],.restore-instruction[data-v-5a1e2a44]{margin-bottom:20px;font-size:14px;line-height:1.5;color:#666;background-color:#f9f9f9;padding:12px;border-radius:6px;border-left:4px solid #4caf50}.selection-header[data-v-5a1e2a44]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.selection-title[data-v-5a1e2a44]{font-size:16px;font-weight:500;margin:0}.select-all-backup-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:4px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.select-all-backup-btn[data-v-5a1e2a44]:hover{background-color:#eaeaea;border-color:#ccc}.no-scenarios-message[data-v-5a1e2a44]{text-align:center;color:#888;padding:30px;font-style:italic;background-color:#f9f9f9;border-radius:8px}.scenario-backup-list[data-v-5a1e2a44]{max-height:300px;overflow-y:auto;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:15px}.scenario-backup-item[data-v-5a1e2a44]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.scenario-backup-item[data-v-5a1e2a44]:last-child{border-bottom:none}.scenario-backup-item[data-v-5a1e2a44]:hover{background-color:#f9f9f9}.scenario-checkbox[data-v-5a1e2a44]{margin-right:12px}.scenario-checkbox input[data-v-5a1e2a44]{width:18px;height:18px;cursor:pointer}.scenario-backup-info[data-v-5a1e2a44]{flex:1}.scenario-backup-name[data-v-5a1e2a44]{font-weight:500;margin-bottom:4px;font-size:16px}.scenario-backup-details[data-v-5a1e2a44]{display:flex;align-items:center;gap:15px;margin-bottom:4px;font-size:14px;color:#666}.scenario-backup-scene[data-v-5a1e2a44],.scenario-backup-dialogues[data-v-5a1e2a44]{display:flex;align-items:center;gap:4px}.scenario-backup-scene .material-icons[data-v-5a1e2a44],.scenario-backup-dialogues .material-icons[data-v-5a1e2a44]{font-size:16px}.scenario-backup-description[data-v-5a1e2a44]{font-size:13px;color:#888;margin-top:4px}.selected-backup-info[data-v-5a1e2a44]{background-color:#e8f5e8;padding:10px 15px;border-radius:6px;color:#2e7d32;font-weight:500;text-align:center;margin-bottom:15px}.backup-actions[data-v-5a1e2a44]{display:flex;justify-content:center;margin-top:20px}.download-backup-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.download-backup-btn[data-v-5a1e2a44]:hover:not(:disabled){background-color:#45a049}.download-backup-btn[data-v-5a1e2a44]:disabled{background-color:#a5d6a7;cursor:not-allowed}.file-upload-section[data-v-5a1e2a44]{margin-bottom:20px}.file-upload[data-v-5a1e2a44]{display:flex;align-items:center;gap:10px}.file-input[data-v-5a1e2a44]{display:none}.file-label[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;background-color:#f0f0f0;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s;border:2px dashed #ccc}.file-label[data-v-5a1e2a44]:hover{background-color:#e0e0e0;border-color:#4caf50}.upload-icon[data-v-5a1e2a44]{font-size:16px}.file-name[data-v-5a1e2a44]{font-size:14px;color:#4caf50;font-weight:500}.preview-restore-section[data-v-5a1e2a44]{margin-top:20px}.backup-preview[data-v-5a1e2a44]{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background-color:#f9f9f9}.preview-stats[data-v-5a1e2a44]{font-weight:500;margin-bottom:15px;color:#333;text-align:center}.scenario-restore-list[data-v-5a1e2a44]{max-height:250px;overflow-y:auto}.scenario-restore-item[data-v-5a1e2a44]{background-color:#fff;border-radius:6px;padding:12px;margin-bottom:8px;border:1px solid #e0e0e0}.scenario-restore-item[data-v-5a1e2a44]:last-child{margin-bottom:0}.scenario-restore-name[data-v-5a1e2a44]{font-weight:500;margin-bottom:4px;font-size:15px}.scenario-restore-details[data-v-5a1e2a44]{display:flex;align-items:center;gap:12px;margin-bottom:4px;font-size:13px;color:#666}.scenario-restore-scene[data-v-5a1e2a44],.scenario-restore-dialogues[data-v-5a1e2a44]{display:flex;align-items:center;gap:4px}.scenario-restore-scene .material-icons[data-v-5a1e2a44],.scenario-restore-dialogues .material-icons[data-v-5a1e2a44]{font-size:14px}.scenario-restore-description[data-v-5a1e2a44]{font-size:12px;color:#888}.progress-section[data-v-5a1e2a44]{margin:20px 0}.progress-bar-container[data-v-5a1e2a44]{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-bar[data-v-5a1e2a44]{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-text[data-v-5a1e2a44]{font-size:14px;color:#666;text-align:center}.result-section[data-v-5a1e2a44]{margin-top:20px}.restore-message[data-v-5a1e2a44]{padding:12px;border-radius:6px;background-color:#e8f5e8;color:#2e7d32;font-weight:500;margin-bottom:15px;text-align:center}.restore-message.has-errors[data-v-5a1e2a44]{background-color:#ffebee;color:#c62828}.failed-restores[data-v-5a1e2a44]{margin-top:15px}.failed-restores h4[data-v-5a1e2a44]{font-size:14px;margin-bottom:10px;color:#c62828}.failed-restore-list[data-v-5a1e2a44]{background-color:#ffebee;border-radius:6px;padding:10px;max-height:150px;overflow-y:auto}.failed-restore-item[data-v-5a1e2a44]{padding:5px 0;border-bottom:1px solid #ffcdd2;font-size:13px;color:#c62828}.failed-restore-item[data-v-5a1e2a44]:last-child{border-bottom:none}.restore-actions[data-v-5a1e2a44]{display:flex;justify-content:center;margin-top:20px}.restore-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:8px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .3s}.restore-btn[data-v-5a1e2a44]:hover:not(:disabled){background-color:#45a049}.restore-btn[data-v-5a1e2a44]:disabled{background-color:#a5d6a7;cursor:not-allowed}.modal-actions[data-v-5a1e2a44]{display:flex;justify-content:center;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.cancel-btn[data-v-5a1e2a44]{padding:10px 20px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-5a1e2a44]:hover{background-color:#e5e5e5}@media (max-width: 768px){.backup-restore-modal[data-v-5a1e2a44]{width:95vw;margin:20px}.header-button-group[data-v-5a1e2a44]{flex-direction:column;gap:8px}.backup-button[data-v-5a1e2a44],.create-button[data-v-5a1e2a44]{width:100%;justify-content:center}.selection-header[data-v-5a1e2a44]{flex-direction:column;align-items:stretch;gap:10px}.scenario-backup-details[data-v-5a1e2a44],.scenario-restore-details[data-v-5a1e2a44]{flex-direction:column;align-items:flex-start;gap:4px}}.selected-restore-info[data-v-5a1e2a44]{background-color:#e3f2fd;padding:10px 15px;border-radius:6px;color:#1976d2;font-weight:500;text-align:center;margin-top:15px}.select-all-restore-btn[data-v-5a1e2a44]{display:flex;align-items:center;gap:4px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:8px 12px;font-size:14px;color:#555;cursor:pointer;transition:all .2s ease}.select-all-restore-btn[data-v-5a1e2a44]:hover{background-color:#eaeaea;border-color:#ccc}.scores[data-v-a0aa6b4f]{width:100%;padding:0 10px}.filter-controls[data-v-a0aa6b4f]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:25px;gap:15px;background-color:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.filter-section[data-v-a0aa6b4f]{display:flex;gap:15px;flex-wrap:wrap}.filter-group[data-v-a0aa6b4f]{display:flex;align-items:center;gap:10px}.filter-group label[data-v-a0aa6b4f]{font-weight:500;font-size:14px;color:#666}.button-group[data-v-a0aa6b4f]{display:flex;align-items:center;margin-left:auto;padding-right:25px}.button-group button[data-v-a0aa6b4f]{border:none;cursor:pointer;color:#f5f5f5;background:#3ec0da;border-radius:30%;padding:1px 3px}.tab-buttons[data-v-a0aa6b4f]{display:flex;border:1px solid #ddd;border-radius:4px;overflow:hidden}.tab-buttons button[data-v-a0aa6b4f]{padding:6px 12px;border:none;background-color:#f5f5f5;cursor:pointer;font-size:13px;transition:all .2s}.tab-buttons button[data-v-a0aa6b4f]:not(:last-child){border-right:1px solid #ddd}.tab-buttons button.active[data-v-a0aa6b4f]{background-color:#3ec0da;color:#fff}.search-container[data-v-a0aa6b4f]{position:relative}.search-icon[data-v-a0aa6b4f]{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#999;font-size:18px}.search-input[data-v-a0aa6b4f]{padding:8px 8px 8px 32px;border:1px solid #ddd;border-radius:20px;font-size:14px;width:200px;transition:all .3s}.search-input[data-v-a0aa6b4f]:focus{outline:none;border-color:#3ec0da;width:250px;box-shadow:0 0 0 3px #3ec0da1a}select[data-v-a0aa6b4f]{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;min-width:160px}.loading-container[data-v-a0aa6b4f]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:#666}.loading-spinner[data-v-a0aa6b4f]{width:40px;height:40px;border:4px solid rgba(62,192,218,.1);border-radius:50%;border-top-color:#3ec0da;animation:spin-a0aa6b4f 1s linear infinite;margin-bottom:15px}.error-message[data-v-a0aa6b4f]{display:flex;flex-direction:column;align-items:center;padding:30px;background-color:#fef1f1;border:1px solid #fcd6d6;border-radius:8px;color:#e53935;margin:20px 0}.error-message .material-icons[data-v-a0aa6b4f]{font-size:36px;margin-bottom:10px}.empty-state[data-v-a0aa6b4f]{display:flex;flex-direction:column;align-items:center;padding:40px;background-color:#f9f9f9;border:1px dashed #ddd;border-radius:8px;color:#888;margin:20px 0}.empty-state .material-icons[data-v-a0aa6b4f]{font-size:48px;margin-bottom:15px;color:#ccc}.scores-content[data-v-a0aa6b4f]{display:flex;flex-direction:column;gap:30px}.score-section[data-v-a0aa6b4f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.section-header[data-v-a0aa6b4f]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #eee;margin:0}.section-header .section-title[data-v-a0aa6b4f]{padding:0;margin:0;border-bottom:none;background-color:transparent}.section-title[data-v-a0aa6b4f]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:500;padding:15px 20px;background-color:#f5f5f5;border-bottom:1px solid #eee;margin:0}.section-title .material-icons[data-v-a0aa6b4f]{color:#3ec0da}.scores-table[data-v-a0aa6b4f]{overflow-x:auto}table[data-v-a0aa6b4f]{width:100%;border-collapse:collapse;font-size:14px}thead[data-v-a0aa6b4f]{background-color:#f9f9f9}th[data-v-a0aa6b4f]{padding:12px 15px;text-align:left;font-weight:500;color:#555;border-bottom:1px solid #eee}td[data-v-a0aa6b4f]{padding:12px 15px;border-bottom:1px solid #f0f0f0;vertical-align:middle}tr:last-child td[data-v-a0aa6b4f]{border-bottom:none}.summary-row[data-v-a0aa6b4f]{cursor:pointer;transition:background-color .2s}.summary-row[data-v-a0aa6b4f]:hover{background-color:#f0f7fa}.expand-cell[data-v-a0aa6b4f]{padding:8px!important;text-align:center}.expand-icon[data-v-a0aa6b4f]{font-size:24px;color:#666;transition:transform .3s ease;display:inline-block}.expand-icon.expanded[data-v-a0aa6b4f]{transform:rotate(180deg)}.detail-row[data-v-a0aa6b4f]{background-color:#fafafa}.detail-row td[data-v-a0aa6b4f]{border-bottom:1px solid #f0f0f0}.detail-empty[data-v-a0aa6b4f]{width:40px;padding:12px 8px!important}.detail-cell[data-v-a0aa6b4f]{padding:12px 15px;color:#555;font-size:13px}.detail-sentence[data-v-a0aa6b4f]{max-width:400px;min-width:300px;word-wrap:break-word;white-space:normal}.detail-score[data-v-a0aa6b4f]{font-weight:600;color:#1976d2}.detail-date[data-v-a0aa6b4f]{white-space:nowrap}.detail-actions[data-v-a0aa6b4f]{display:flex;gap:8px;align-items:center;justify-content:flex-start;white-space:nowrap}.score-badge[data-v-a0aa6b4f]{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:12px;font-weight:500;font-size:13px}.score-high[data-v-a0aa6b4f]{background-color:#e8f5e9;color:#2e7d32}.score-medium[data-v-a0aa6b4f]{background-color:#fff8e1;color:#ff8f00}.score-low[data-v-a0aa6b4f]{background-color:#ffebee;color:#c62828}.score-perfect[data-v-a0aa6b4f]{color:#2e7d32}.score-fail[data-v-a0aa6b4f]{color:#c62828}.word-info[data-v-a0aa6b4f]{display:flex;flex-direction:column}.word-english[data-v-a0aa6b4f]{font-weight:500}.word-chinese[data-v-a0aa6b4f]{font-size:12px;color:#666;margin-top:2px}.sentence-cell[data-v-a0aa6b4f]{max-width:250px}.sentence-content[data-v-a0aa6b4f]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell[data-v-a0aa6b4f]{white-space:nowrap}.action-btn[data-v-a0aa6b4f]{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background-color:#3ec0da;color:#fff;cursor:pointer;transition:all .2s;margin-right:8px}.action-btn[data-v-a0aa6b4f]:hover{background-color:#2bacca;transform:scale(1.05)}.action-btn .material-icons[data-v-a0aa6b4f]{font-size:18px}.edit-btn[data-v-a0aa6b4f]{background-color:#ffb74d}.edit-btn[data-v-a0aa6b4f]:hover{background-color:#ffa726}.action-btn.delete-btn[data-v-a0aa6b4f]{background-color:#e53935;color:#fff}.action-btn.delete-btn[data-v-a0aa6b4f]:hover{background-color:#d32f2f}.audio-modal[data-v-a0aa6b4f]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.audio-modal-content[data-v-a0aa6b4f]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 4px 20px #00000026}.audio-modal-header[data-v-a0aa6b4f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.audio-modal-header h3[data-v-a0aa6b4f]{margin:0;font-size:18px;font-weight:500}.close-btn[data-v-a0aa6b4f]{background:none;border:none;cursor:pointer;color:#999}.close-btn[data-v-a0aa6b4f]:hover{color:#333}.audio-player[data-v-a0aa6b4f]{padding:20px}.audio-player audio[data-v-a0aa6b4f]{width:100%}@media (max-width: 768px){.filter-controls[data-v-a0aa6b4f]{flex-direction:column;align-items:stretch}.search-filter[data-v-a0aa6b4f]{width:100%}.search-input[data-v-a0aa6b4f],.search-input[data-v-a0aa6b4f]:focus{width:100%}.filter-section[data-v-a0aa6b4f]{flex-direction:column;gap:10px}.filter-group[data-v-a0aa6b4f]{flex-direction:column;align-items:flex-start}.tab-buttons[data-v-a0aa6b4f]{width:100%}.tab-buttons button[data-v-a0aa6b4f]{flex:1}select[data-v-a0aa6b4f]{width:100%}.vocab-score-options[data-v-a0aa6b4f]{flex-direction:column}}.analytics-section[data-v-a0aa6b4f]{margin-bottom:30px}.charts-container[data-v-a0aa6b4f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.chart-card[data-v-a0aa6b4f]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000d}.chart-title[data-v-a0aa6b4f]{font-size:16px;font-weight:500;margin-bottom:15px;color:#333;text-align:center}.chart-wrapper[data-v-a0aa6b4f]{height:250px;position:relative}@media (max-width: 768px){.charts-container[data-v-a0aa6b4f]{grid-template-columns:1fr}.chart-wrapper[data-v-a0aa6b4f]{height:300px}}.edit-modal[data-v-a0aa6b4f]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal-content[data-v-a0aa6b4f]{background-color:#fff;border-radius:8px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 4px 20px #00000026}.edit-modal-header[data-v-a0aa6b4f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.edit-modal-header h3[data-v-a0aa6b4f]{margin:0;font-size:18px;font-weight:500}.edit-modal-body[data-v-a0aa6b4f]{padding:20px}.score-info[data-v-a0aa6b4f]{background-color:#f9f9f9;border-radius:6px;padding:15px;margin-bottom:20px}.score-info p[data-v-a0aa6b4f]{margin:0;line-height:1.5}.edit-score-form[data-v-a0aa6b4f]{margin-top:15px}.form-group[data-v-a0aa6b4f]{margin-bottom:15px}.form-group label[data-v-a0aa6b4f]{display:block;margin-bottom:8px;font-weight:500}.score-input[data-v-a0aa6b4f]{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.score-input[data-v-a0aa6b4f]:focus{outline:none;border-color:#3ec0da;box-shadow:0 0 0 3px #3ec0da1a}.vocab-score-options[data-v-a0aa6b4f]{display:flex;flex-direction:row;gap:12px;margin-top:10px}.vocab-option[data-v-a0aa6b4f]{display:flex;align-items:center;padding:15px;border:2px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1}.vocab-option[data-v-a0aa6b4f]:hover{background-color:#f9f9f9;transform:translateY(-2px);box-shadow:0 4px 8px #0000000d}.vocab-option.selected[data-v-a0aa6b4f]{border-color:#3ec0da;background-color:#f0f9fb}.option-icon[data-v-a0aa6b4f]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-right:15px;flex-shrink:0}.option-icon.correct[data-v-a0aa6b4f]{background-color:#e8f5e9;color:#2e7d32}.option-icon.incorrect[data-v-a0aa6b4f]{background-color:#ffebee;color:#c62828}.option-icon .material-icons[data-v-a0aa6b4f]{font-size:24px}.option-details[data-v-a0aa6b4f]{flex:1}.option-label[data-v-a0aa6b4f]{font-weight:500;font-size:16px;margin-bottom:4px}.option-description[data-v-a0aa6b4f]{font-size:14px;color:#666}.hidden-radio[data-v-a0aa6b4f]{position:absolute;opacity:0;pointer-events:none}.edit-modal-footer[data-v-a0aa6b4f]{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #eee}.cancel-btn[data-v-a0aa6b4f],.save-btn[data-v-a0aa6b4f]{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.cancel-btn[data-v-a0aa6b4f]{background-color:#f5f5f5;border:1px solid #ddd;color:#666}.save-btn[data-v-a0aa6b4f]{background-color:#3ec0da;border:none;color:#fff}.save-btn[data-v-a0aa6b4f]:hover{background-color:#2bacca}.save-btn[data-v-a0aa6b4f]:disabled{background-color:#ccc;cursor:not-allowed}.loading-icon[data-v-a0aa6b4f]{animation:spin-a0aa6b4f 1s linear infinite;font-size:18px}@keyframes spin-a0aa6b4f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.delete-modal[data-v-a0aa6b4f]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal-content[data-v-a0aa6b4f]{background-color:#fff;border-radius:8px;width:95%;max-width:500px;box-shadow:0 5px 15px #0003;overflow:hidden}.delete-modal-header[data-v-a0aa6b4f]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee}.delete-modal-header h3[data-v-a0aa6b4f]{margin:0;color:#e53935;font-size:18px}.delete-modal-body[data-v-a0aa6b4f]{padding:20px}.delete-warning[data-v-a0aa6b4f]{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;background-color:#fef1f1;padding:15px;border-radius:4px}.delete-warning .material-icons[data-v-a0aa6b4f]{color:#e53935;font-size:24px}.delete-modal-footer[data-v-a0aa6b4f]{display:flex;justify-content:flex-end;padding:15px 20px;border-top:1px solid #eee;gap:10px}.confirm-delete-btn[data-v-a0aa6b4f]{background-color:#e53935;border:none;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:5px;transition:background-color .2s}.confirm-delete-btn[data-v-a0aa6b4f]:hover{background-color:#d32f2f}.confirm-delete-btn[data-v-a0aa6b4f]:disabled{background-color:#e57373;cursor:not-allowed}.quiz-filter[data-v-a0aa6b4f]{display:flex;align-items:center;gap:8px}.quiz-filter select[data-v-a0aa6b4f]{width:200px;padding:8px 12px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px}.quiz-filter label[data-v-a0aa6b4f]{font-weight:500;color:#666}.pagination[data-v-a0aa6b4f]{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;background-color:#f9f9f9;border-top:1px solid #eee}.pagination-info[data-v-a0aa6b4f]{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;font-weight:500}.page-input[data-v-a0aa6b4f]{width:50px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px;font-weight:500;transition:all .2s}.page-input[data-v-a0aa6b4f]:focus{outline:none;border-color:#3ec0da;box-shadow:0 0 0 2px #3ec0da1a}.page-input[data-v-a0aa6b4f]::-webkit-inner-spin-button,.page-input[data-v-a0aa6b4f]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-btn[data-v-a0aa6b4f]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ddd;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s;color:#666}.pagination-btn[data-v-a0aa6b4f]:hover:not(:disabled){background-color:#3ec0da;border-color:#3ec0da;color:#fff}.pagination-btn[data-v-a0aa6b4f]:disabled{opacity:.5;cursor:not-allowed}.pagination-btn .material-icons[data-v-a0aa6b4f]{font-size:20px}.settings[data-v-43f469e8]{width:100%}.section-title[data-v-43f469e8]{font-family:Zen Kaku Gothic New,sans-serif;font-size:24px;font-weight:500;margin-bottom:30px}.settings-section[data-v-43f469e8]{background-color:#fff;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 2px 5px #0000000d}.subsection-title[data-v-43f469e8]{font-family:Zen Kaku Gothic New,sans-serif;font-size:18px;font-weight:500;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.settings-form[data-v-43f469e8]{max-width:600px}.form-group[data-v-43f469e8]{margin-bottom:20px}.form-group label[data-v-43f469e8]{display:block;margin-bottom:8px;font-family:Zen Kaku Gothic New,sans-serif;font-size:16px}.form-help[data-v-43f469e8]{display:block;font-size:12px;color:#777;margin-top:4px}.form-group input[data-v-43f469e8],.form-group select[data-v-43f469e8]{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:Zen Kaku Gothic New,sans-serif;font-size:16px}.form-group input[data-v-43f469e8]:disabled{background-color:#f5f5f5;cursor:not-allowed}.license-input-container[data-v-43f469e8]{position:relative}.license-input-container input[data-v-43f469e8]{padding-right:40px}.usable-icon[data-v-43f469e8]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:green;font-size:18px;pointer-events:none}.expired-icon[data-v-43f469e8]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:red;font-size:18px;pointer-events:none}.form-check[data-v-43f469e8]{display:flex;align-items:center;margin-bottom:15px}.form-check input[data-v-43f469e8]{margin-right:10px}.form-check label[data-v-43f469e8]{font-family:Zen Kaku Gothic New,sans-serif;font-size:16px}.form-actions[data-v-43f469e8]{margin-top:20px}.save-btn[data-v-43f469e8]{background-color:#3ec0da;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-family:Zen Kaku Gothic New,sans-serif;font-size:16px;cursor:pointer;transition:background-color .3s}.save-btn[data-v-43f469e8]:hover{background-color:#2aa8c2}.save-btn[data-v-43f469e8]:disabled{background-color:#ccc;cursor:not-allowed}.logout-btn[data-v-43f469e8]{background-color:#f44336;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-family:Zen Kaku Gothic New,sans-serif;font-size:16px;cursor:pointer;transition:background-color .3s;width:100%}.logout-btn[data-v-43f469e8]:hover{background-color:#d32f2f}.loading-indicator[data-v-43f469e8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.spinner[data-v-43f469e8]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3ec0da;border-radius:50%;animation:spin-43f469e8 1s linear infinite;margin-bottom:15px}@keyframes spin-43f469e8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message[data-v-43f469e8]{color:#f44336;margin-bottom:15px;padding:10px;background-color:#ffebee;border-radius:6px}.success-message[data-v-43f469e8]{color:#4caf50;margin-top:10px;padding:10px;background-color:#e8f5e9;border-radius:6px}.modal-overlay[data-v-43f469e8]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-43f469e8]{background-color:#fff;border-radius:8px;padding:20px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003}.modal-title[data-v-43f469e8]{font-family:Zen Kaku Gothic New,sans-serif;font-size:20px;font-weight:500;margin-bottom:10px}.modal-description[data-v-43f469e8]{font-size:14px;color:#666;margin-bottom:20px}.modal-actions[data-v-43f469e8]{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-btn[data-v-43f469e8]{background-color:#f5f5f5;color:#333;border:none;border-radius:6px;padding:10px 15px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s}.cancel-btn[data-v-43f469e8]:hover{background-color:#e0e0e0}.confirm-btn[data-v-43f469e8]{background-color:#3ec0da;color:#fff;border:none;border-radius:6px;padding:10px 15px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s}.confirm-btn[data-v-43f469e8]:hover{background-color:#2aa8c2}.confirm-btn[data-v-43f469e8]:disabled{background-color:#ccc;cursor:not-allowed}.subsection-header[data-v-43f469e8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.toggle-btn[data-v-43f469e8]{background-color:#f5f5f5;border:none;border-radius:4px;padding:5px 10px;font-size:14px;cursor:pointer;transition:background-color .3s}.toggle-btn[data-v-43f469e8]:hover{background-color:#e0e0e0}.advanced-settings[data-v-43f469e8]{animation:fadeIn-43f469e8 .3s}.usage-display[data-v-43f469e8]{margin-top:10px}.usage-text[data-v-43f469e8]{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#555}.progress-bar[data-v-43f469e8]{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden}.progress-bar-inner[data-v-43f469e8]{height:100%;background-color:#3ec0da;border-radius:5px;transition:width .5s ease-in-out}@keyframes fadeIn-43f469e8{0%{opacity:0}to{opacity:1}}.login-overlay[data-v-e691c80b]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.login-container[data-v-e691c80b]{display:flex;justify-content:center;align-items:center;z-index:10000}.login-form[data-v-e691c80b]{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 8px 16px #0003;width:100%;max-width:400px;animation:fadeIn-e691c80b .3s ease-in-out}@keyframes fadeIn-e691c80b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}h1[data-v-e691c80b]{text-align:center;margin-bottom:2rem;color:#333}.form-group[data-v-e691c80b]{margin-bottom:1.5rem}.rememberMe-checkbox[data-v-e691c80b]{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-left:5px}.rememberMe-checkbox input[data-v-e691c80b]{width:15px;height:15px;cursor:pointer;margin:0}label[data-v-e691c80b]{display:block;margin-bottom:.5rem;font-weight:500}input[data-v-e691c80b]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-button[data-v-e691c80b]{width:100%;padding:.75rem;background-color:#4caf50;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button[data-v-e691c80b]:hover{background-color:#45a049}.login-button[data-v-e691c80b]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-e691c80b]{color:#f44336;margin-bottom:1rem;text-align:center}.local-storage-test[data-v-b4b2da27]{max-width:800px;margin:0 auto;padding:20px}.test-section[data-v-b4b2da27]{margin-bottom:30px;border:1px solid #ddd;padding:20px;border-radius:8px}.button-group[data-v-b4b2da27]{display:flex;gap:10px;margin:10px 0}button[data-v-b4b2da27]{padding:8px 16px;border:none;border-radius:4px;background-color:#007bff;color:#fff;cursor:pointer}button[data-v-b4b2da27]:hover{background-color:#0056b3}button[data-v-b4b2da27]:disabled{background-color:#ccc;cursor:not-allowed}.result[data-v-b4b2da27]{margin-top:15px;padding:10px;border-radius:4px;border:1px solid #ddd}.result.success[data-v-b4b2da27]{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.result.error[data-v-b4b2da27]{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}pre[data-v-b4b2da27]{background-color:#f8f9fa;padding:10px;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.sidebar[data-v-a745a5f2]{background-color:#fff;width:240px;height:100vh;display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 10px #0000001a;z-index:100}.sidebar-header[data-v-a745a5f2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.logo-container[data-v-a745a5f2]{display:flex;align-items:center;gap:10px}.logo-image[data-v-a745a5f2]{height:60px;object-fit:contain}.close-menu[data-v-a745a5f2]{display:none;cursor:pointer}.app-title[data-v-a745a5f2]{font-family:AR One Sans,sans-serif;font-weight:700;font-size:48px;margin-bottom:20px;cursor:pointer;transition:color .3s ease,transform .3s ease}.app-title[data-v-a745a5f2]:hover{color:#3ec0da;transform:scale(1.05)}.title-link[data-v-a745a5f2]{text-decoration:none;color:inherit}.divider[data-v-a745a5f2]{height:1px;background-color:#8c8c8c;margin-bottom:30px}.menu[data-v-a745a5f2]{display:flex;flex-direction:column;gap:20px;margin-bottom:auto;margin-top:10px}.menu-item[data-v-a745a5f2]{display:flex;align-items:center;gap:15px;font-family:Zen Kaku Gothic New,sans-serif;font-size:20px;color:#000;text-decoration:none;padding:10px;border-radius:8px;transition:all .3s ease}.menu-item[data-v-a745a5f2]:hover{background-color:#efefef;color:var(--primary-color)}.menu-item.active[data-v-a745a5f2]{font-weight:500;background-color:#efefef}.menu-icon[data-v-a745a5f2]{width:24px;height:24px}.help-center[data-v-a745a5f2]{margin-top:20px;margin-bottom:20px}.help-btn[data-v-a745a5f2]{display:flex;align-items:center;gap:15px;font-family:Zen Kaku Gothic New,sans-serif;font-size:20px;background-color:#3ec0da;color:#fff;padding:10px 15px;border-radius:16px;cursor:pointer;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.help-btn[data-v-a745a5f2]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.help-icon[data-v-a745a5f2]{width:24px;height:24px}.user-info[data-v-a745a5f2]{display:flex;align-items:center;position:relative;gap:10px;margin-top:10px;padding:10px;font-family:Zen Kaku Gothic New,sans-serif;font-size:18px;cursor:pointer;text-decoration:none;color:inherit;border-radius:8px;transition:background-color .3s ease}.user-info[data-v-a745a5f2]:hover{background-color:#f5f5f5}.user-icon[data-v-a745a5f2]{width:32px;height:32px}.exclamation-icon[data-v-a745a5f2]{color:#ff5252;font-size:25px;position:absolute;top:0;left:0}@media (max-width: 768px){.sidebar[data-v-a745a5f2]{position:fixed;top:0;left:-280px;transition:left .3s ease;width:280px}.mobile-sidebar-open[data-v-a745a5f2]{left:0}.close-menu[data-v-a745a5f2]{display:block}.app-title[data-v-a745a5f2]{font-size:36px;margin-bottom:10px}.menu-item[data-v-a745a5f2],.help-btn[data-v-a745a5f2]{font-size:18px}.user-info[data-v-a745a5f2]{font-size:16px}}@media (max-width: 480px){.sidebar[data-v-a745a5f2]{width:100%;left:-100%}.app-title[data-v-a745a5f2]{font-size:32px}}.layout[data-v-ae76b4de]{display:flex;width:100%;height:100vh;background-color:#f9f9f9}.content[data-v-ae76b4de]{flex:1;padding:30px;overflow-y:auto}.header[data-v-ae76b4de]{margin-bottom:30px;display:flex;align-items:center}.page-title[data-v-ae76b4de]{display:flex;align-items:center;gap:15px;font-family:Zen Kaku Gothic New,sans-serif;font-size:32px;font-weight:400}.page-icon[data-v-ae76b4de]{width:32px;height:32px}.main-content[data-v-ae76b4de]{background-color:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 10px #0000000d}.mobile-menu-toggle[data-v-ae76b4de]{display:none;margin-right:15px;cursor:pointer}.menu-toggle-icon[data-v-ae76b4de]{width:24px;height:24px}.mobile-overlay[data-v-ae76b4de]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:50}@media (max-width: 768px){.layout[data-v-ae76b4de]{flex-direction:column}.content[data-v-ae76b4de]{padding:15px}.header[data-v-ae76b4de]{margin-bottom:20px}.page-title[data-v-ae76b4de]{font-size:24px}.page-icon[data-v-ae76b4de]{width:24px;height:24px}.main-content[data-v-ae76b4de]{padding:20px}.mobile-menu-toggle[data-v-ae76b4de],.mobile-overlay[data-v-ae76b4de]{display:block}}@media (max-width: 480px){.content[data-v-ae76b4de]{padding:10px}.main-content[data-v-ae76b4de]{padding:15px}.page-title[data-v-ae76b4de]{font-size:20px}}.alert-window-overlay[data-v-e2d5d2da]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.alert-window[data-v-e2d5d2da]{position:relative;width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000040;display:flex;flex-direction:column}.alert-header[data-v-e2d5d2da]{padding:15px;background-color:#f8f9fa;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:10px}.alert-window.is-error .alert-header[data-v-e2d5d2da]{background-color:#fff8f8;border-bottom:1px solid #ffe8e8}.alert-window.is-success .alert-header[data-v-e2d5d2da]{background-color:#f1fbf7;border-bottom:1px solid #d1f7e6}.alert-window.is-info .alert-header[data-v-e2d5d2da]{background-color:#f0f7ff;border-bottom:1px solid #e1eeff}.alert-window.is-warning .alert-header[data-v-e2d5d2da]{background-color:#fff9e6;border-bottom:1px solid #ffecb3}.alert-icon[data-v-e2d5d2da]{font-size:24px}.alert-window.is-error .alert-icon[data-v-e2d5d2da]{color:#dc3545}.alert-window.is-success .alert-icon[data-v-e2d5d2da]{color:#28a745}.alert-window.is-info .alert-icon[data-v-e2d5d2da]{color:#0d6efd}.alert-window.is-warning .alert-icon[data-v-e2d5d2da]{color:#ffc107}.alert-header h3[data-v-e2d5d2da]{margin:0;font-size:18px}.alert-window.is-error .alert-header h3[data-v-e2d5d2da]{color:#dc3545}.alert-window.is-success .alert-header h3[data-v-e2d5d2da]{color:#28a745}.alert-window.is-info .alert-header h3[data-v-e2d5d2da]{color:#0d6efd}.alert-window.is-warning .alert-header h3[data-v-e2d5d2da]{color:#ffc107}.alert-content[data-v-e2d5d2da]{padding:20px 15px;font-size:16px}.alert-content p[data-v-e2d5d2da]{margin:0}.alert-footer[data-v-e2d5d2da]{padding:15px;display:flex;justify-content:center;border-top:1px solid #eee;gap:10px}.btn[data-v-e2d5d2da]{padding:10px 20px;border:none;border-radius:5px;font-family:Zen Kaku Gothic New,sans-serif;font-size:14px;cursor:pointer;transition:background-color .3s}.btn.primary[data-v-e2d5d2da]{background-color:#3ec0da;color:#fff}.btn.primary[data-v-e2d5d2da]:hover{background-color:#2aabc6}.btn.secondary[data-v-e2d5d2da]{background-color:#f2f2f2;color:#333}.btn.secondary[data-v-e2d5d2da]:hover{background-color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Zen Kaku Gothic New,sans-serif;background-color:#f9f9f9;color:#333;overflow-x:hidden}#app{width:100%;min-height:100vh}@media (max-width: 768px){html{font-size:95%}}@media (max-width: 480px){html{font-size:90%}}