#app{width:100%;height:100dvh;font-family:Noto Sans KR,sans-serif;display:flex;flex-direction:column;justify-content:stretch}body{margin:0}.app-container{position:relative;min-height:100vh}.language-switcher-container{position:fixed;bottom:1rem;left:1rem;z-index:1000;background-color:#ffffffe6;padding:.5rem;border-radius:8px;box-shadow:0 2px 8px #00000026;transition:opacity .3s ease;opacity:.7}.language-switcher-container:hover{opacity:1}header[data-v-622295ca]{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.4rem 2rem;box-shadow:0 0 10px #0003;background-color:#fff}h2[data-v-622295ca]{cursor:pointer;color:#3498db;margin:0}header>div>p[data-v-622295ca]{cursor:pointer;margin:0 1rem;transition:color .2s ease}header>div>p[data-v-622295ca]:hover{color:#3498db}.auth-button[data-v-622295ca]{padding:.5rem 1.2rem;border-radius:.25rem;font-weight:500}.login-button[data-v-622295ca]{background-color:#3498db;color:#fff}.login-button[data-v-622295ca]:hover{background-color:#2980b9}.register-button[data-v-622295ca]{border:1px solid #3498db;color:#3498db}.register-button[data-v-622295ca]:hover{background-color:#eaf2f8}.logout-button[data-v-622295ca]{color:#e74c3c}.logout-button[data-v-622295ca]:hover{color:#c0392b}.header-right[data-v-622295ca]{display:flex;align-items:center}.language-selector[data-v-622295ca]{display:flex;margin-left:1.5rem;border-radius:4px;overflow:hidden;border:1px solid #ddd;background:#fff;box-shadow:0 2px 4px #0000001a}.lang-btn[data-v-622295ca]{border:none;background:transparent;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:100px;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.lang-btn i[data-v-622295ca]{font-size:1rem}.lang-btn[data-v-622295ca]:hover{background:#f0f0f0}.lang-btn.active[data-v-622295ca]{background:#3498db;color:#fff}@media (max-width: 768px){.header-right[data-v-622295ca]{flex-wrap:wrap;gap:.5rem}.language-selector[data-v-622295ca]{margin-left:.5rem;order:-1}.lang-btn[data-v-622295ca]{padding:.4rem .8rem;min-width:90px;font-size:.8rem}}header[data-v-ffe244cb]{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;padding:.4rem 2rem;box-shadow:0 0 10px #0003}header>div>p[data-v-ffe244cb]{cursor:pointer;margin:0 1rem}.login-button[data-v-ffe244cb]{background-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:.25rem}.header-right[data-v-ffe244cb]{display:flex;align-items:center}main[data-v-ffe244cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 100px)}main>h1[data-v-ffe244cb]{margin-bottom:.2rem}.sub-title[data-v-ffe244cb]{margin-bottom:3rem}.instrument-container[data-v-ffe244cb]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.instrument-card[data-v-ffe244cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1 40%;margin:1rem;padding:1rem;border-radius:2rem;box-shadow:0 0 10px #0003}main[data-v-893227d7]{padding:2rem}main h1[data-v-893227d7]{margin-bottom:4rem}.song-list[data-v-893227d7]{display:flex;flex-wrap:wrap;gap:1rem}.song-card[data-v-893227d7]{display:flex;flex-direction:column;align-items:center;border-radius:2rem;background-color:#f0f0f0;padding:1rem;border:1px solid #e0e0e0;width:20%;max-width:300px}.song-card>button[data-v-893227d7]{margin-top:1rem;background-color:#007bff;color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer}.score-container svg{position:absolute;top:0;left:0;width:100%;height:100%}.comment-block{position:absolute;padding:.5rem;font-weight:700;border-radius:1rem;background-color:#fffaf0}.comment-block.expanded{position:absolute;width:80%;max-width:600px;box-shadow:0 4px 20px #0003;z-index:1001!important;border-radius:8px;padding:1rem;max-height:150px;overflow-y:auto}.comment-content{display:flex;flex-direction:column;width:100%;position:relative}.comment-close-btn{background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;line-height:1;position:absolute;top:0;right:0}.comment-close-btn:hover{color:#e74c3c}.comment-text{white-space:pre-line;line-height:1.5;font-weight:400;padding-right:2rem}.score-container[data-v-6e8ce0be]{position:relative;width:100%;height:100%;max-width:1280px;margin:0 auto;overflow-y:scroll;overflow-x:hidden}.playhead-canvas[data-v-6e8ce0be]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.recorder-fingering-popup[data-v-6e8ce0be]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;background-color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:90%;max-height:90vh;display:flex;flex-direction:column;align-items:center}.recorder-fingering-image[data-v-6e8ce0be]{max-width:100%;max-height:80vh;cursor:pointer}.fingering-close-btn[data-v-6e8ce0be]{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;line-height:1;z-index:2001}.fingering-close-btn[data-v-6e8ce0be]:hover{color:#e74c3c}.pages[data-v-87907edd]{display:flex;flex-direction:column;align-items:center;gap:5rem}.page[data-v-87907edd]{display:flex;flex-direction:row-reverse;border:2px solid black}.col[data-v-87907edd]{display:flex;flex-direction:column}.measure[data-v-87907edd]{display:flex;flex-direction:row;font-family:Nanum Myeongjo,serif}.note-pitch[data-v-87907edd]{width:4rem;height:5rem;border-left:1px solid black;border-right:1px solid black;border-top:.5px solid black;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.measure:first-child .note-pitch[data-v-87907edd]{border-top:none}.note-lyric[data-v-87907edd]{width:2rem;height:5rem;font-size:1.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.current-note[data-v-87907edd]{background-color:#ffff0080}.red.up[data-v-87907edd]:before{content:"▲";color:red!important}.red.down[data-v-87907edd]:before{content:"▼";color:red!important}.blue.up[data-v-87907edd]:after{content:"▲";color:#00f!important}.blue.down[data-v-87907edd]:after{content:"▼";color:#00f!important}.green[data-v-87907edd]{color:#0f0!important}.gray[data-v-87907edd]{color:#888!important}.main[data-v-82c26454]{position:relative;display:flex;flex-direction:column;height:calc(100vh - 60px);background-color:#f8f9fa;padding:0;overflow:hidden}.top-controls[data-v-82c26454]{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#fff;border-bottom:1px solid #e0e0e0;height:50px}.top-controls-section[data-v-82c26454]{display:flex;align-items:center;gap:12px}.top-controls-section[data-v-82c26454]:last-child{margin-left:auto}.record-container[data-v-82c26454]{display:flex;flex-direction:row;flex:1;height:calc(100% - 50px)}.score-wrapper[data-v-82c26454]{padding-top:4rem;padding-bottom:4rem;flex:1;height:100%;background-color:#fff;overflow:auto;box-shadow:0 0 10px #0000000d}.control-panel[data-v-82c26454]{width:320px;background-color:#f8f9fa;border-left:1px solid #e0e0e0;transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column}.panel-header[data-v-82c26454]{height:42px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background-color:#fff;border-bottom:1px solid #e0e0e0;z-index:10;position:relative;margin-top:15px}.control-panel.collapsed[data-v-82c26454]{width:0;overflow:hidden}.control-panel.collapsed .panel-header[data-v-82c26454]{writing-mode:vertical-rl;transform:rotate(180deg);height:auto;min-height:200px;padding:15px 8px;display:flex;align-items:center;justify-content:center;margin-top:15px}.control-panel.collapsed .header-title-section[data-v-82c26454]{margin-bottom:10px}.control-panel.collapsed .header-title-section h2[data-v-82c26454]{font-size:.9rem;margin-bottom:20px}.control-panel.collapsed .panel-content[data-v-82c26454]{visibility:hidden;opacity:0;max-width:0;padding:0}.control-panel.collapsed .advanced-controls[data-v-82c26454]{display:none}.header-content[data-v-82c26454]{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.control-panel.collapsed .header-content[data-v-82c26454]{align-items:center}.header-title-section[data-v-82c26454]{display:flex;align-items:center}.header-title-section h2[data-v-82c26454]{white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600;color:#333}.toggle-btn[data-v-82c26454]{background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:6px 10px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease;white-space:nowrap;min-width:130px;justify-content:center;margin-top:8px}.toggle-btn[data-v-82c26454]:hover{background-color:#3367d6}.panel-content[data-v-82c26454]{padding:12px;background-color:#f8f9fa;transition:all .3s ease;overflow-y:auto;flex:1}.advanced-controls[data-v-82c26454],.panel-row[data-v-82c26454]{display:flex;flex-direction:column;gap:12px}.panel-section[data-v-82c26454]{background-color:#fff;border-radius:8px;padding:10px;margin-bottom:12px;box-shadow:0 1px 3px #0000000d;width:100%}.panel-section h3[data-v-82c26454]{margin-top:0;margin-bottom:10px;font-size:.9rem;color:#333;font-weight:600;border-bottom:1px solid #eee;padding-bottom:6px}.button-group[data-v-82c26454]{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.compact-controls[data-v-82c26454]{justify-content:center}.ml-auto[data-v-82c26454]{margin-left:auto}@media (max-width: 768px){.top-controls[data-v-82c26454]{flex-direction:column;height:auto;padding:6px;gap:8px}.top-controls-section[data-v-82c26454]{width:100%;justify-content:center}.record-container[data-v-82c26454]{flex-direction:column-reverse;height:calc(100% - 80px)}.control-panel[data-v-82c26454]{width:100%;height:auto;max-height:50vh;border-left:none;border-top:1px solid #e0e0e0}.control-panel.collapsed[data-v-82c26454]{width:100%;height:42px}.control-panel.collapsed .panel-header[data-v-82c26454]{writing-mode:horizontal-tb;transform:none;height:42px;padding:0 15px}.header-content[data-v-82c26454]{flex-direction:row;justify-content:space-between}.toggle-btn[data-v-82c26454]{margin-top:0}.control-panel.collapsed .toggle-text[data-v-82c26454]{display:inline-block}}.control-btn[data-v-82c26454]{width:32px;height:32px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#333;cursor:pointer;transition:all .2s ease}.control-btn[data-v-82c26454]:hover{background-color:#e8e8e8}.record-btn[data-v-82c26454]{color:#f44336}.record-btn[data-v-82c26454]:hover{background-color:#ffebee}.setting-row[data-v-82c26454]{display:flex;align-items:center;margin-bottom:8px;gap:8px;font-size:.85rem}.switch[data-v-82c26454]{position:relative;display:inline-block;width:32px;height:16px}.switch input[data-v-82c26454]{opacity:0;width:0;height:0}.slider[data-v-82c26454]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider[data-v-82c26454]:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-82c26454]{background-color:#4285f4}input:checked+.slider[data-v-82c26454]:before{transform:translate(16px)}.slider-control[data-v-82c26454]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:3px;outline:none}.slider-control[data-v-82c26454]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#4285f4;border-radius:50%;cursor:pointer}.level-meter[data-v-82c26454]{width:80px;height:6px;border-radius:3px;background-color:#eee;overflow:hidden}.level-meter-bar[data-v-82c26454]{height:100%;background-color:#4caf50;border-radius:3px}.number-input[data-v-82c26454]{width:60px;padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;font-size:.85rem}.select-input[data-v-82c26454]{padding:4px 8px;border:1px solid #e0e0e0;border-radius:4px;background-color:#fff;font-size:.85rem}.full-width[data-v-82c26454]{width:100%}.audio-player[data-v-82c26454]{width:auto!important;flex-basis:auto!important;margin:8px 0;height:32px}.text-btn[data-v-82c26454]{padding:6px 10px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff;font-size:.85rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.text-btn[data-v-82c26454]:hover{background-color:#f5f5f5}.text-btn.active[data-v-82c26454]{background-color:#e3f2fd;border-color:#4285f4;color:#4285f4}.primary-btn[data-v-82c26454]{padding:6px 12px;border-radius:4px;border:none;background-color:#4285f4;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-btn[data-v-82c26454]:hover{background-color:#2a75f3}.primary-btn[data-v-82c26454]:disabled{background-color:#a1c4fd;cursor:not-allowed}.secondary-btn[data-v-82c26454]{padding:6px 12px;border-radius:4px;border:1px solid #e0e0e0;background-color:#fff;color:#333;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-btn[data-v-82c26454]:hover{background-color:#f5f5f5}.secondary-btn[data-v-82c26454]:disabled{color:#bdbdbd;cursor:not-allowed}.recording-controls[data-v-82c26454]{margin-left:12px;display:flex;gap:8px;flex-grow:1;align-items:center}.recording-controls[data-v-82c26454] *{flex-basis:fit-content}.modal-overlay[data-v-82c26454]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-82c26454]{position:relative;background-color:#fff;border-radius:8px;padding:15px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 5px 15px #0000004d}.close-btn[data-v-82c26454]{position:absolute;top:10px;right:10px;border:none;background:none;font-size:20px;cursor:pointer;color:#666}.fingering-modal img[data-v-82c26454]{max-width:100%}.comment-modal[data-v-82c26454]{width:600px;max-width:90vw}.comment-modal h3[data-v-82c26454]{margin-top:0;margin-bottom:15px;color:#333}.wider[data-v-82c26454]{width:150px}.justify-center[data-v-82c26454]{justify-content:center}.toggle-btn-top[data-v-82c26454]{background-color:#4285f4;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s ease;white-space:nowrap;height:32px}.toggle-btn-top[data-v-82c26454]:hover{background-color:#3367d6}.prebeat-countdown[data-v-82c26454]{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:2000;animation:fade-in-82c26454 .3s ease-in-out}.prebeat-number[data-v-82c26454]{font-size:8rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.7);animation:pulse-82c26454 .5s ease-in-out}@keyframes pulse-82c26454{0%{transform:scale(.8);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.9}}@keyframes fade-in-82c26454{0%{opacity:0}to{opacity:1}}.login-container[data-v-c52dc2d2]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f8f9fa}.login-card[data-v-c52dc2d2]{width:400px;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#fff}h1[data-v-c52dc2d2]{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group[data-v-c52dc2d2]{margin-bottom:1rem}label[data-v-c52dc2d2]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-c52dc2d2]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.btn[data-v-c52dc2d2]{display:inline-block;width:100%;padding:.75rem;margin-top:1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-c52dc2d2]{background-color:#3498db;color:#fff}.btn-primary[data-v-c52dc2d2]:hover{background-color:#2980b9}.btn[data-v-c52dc2d2]:disabled{opacity:.7;cursor:not-allowed}.alert[data-v-c52dc2d2]{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:4px}.alert-danger[data-v-c52dc2d2]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.mt-3[data-v-c52dc2d2]{margin-top:1rem}.text-center[data-v-c52dc2d2]{text-align:center}a[data-v-c52dc2d2]{color:#3498db;text-decoration:none}a[data-v-c52dc2d2]:hover{text-decoration:underline}.register-container[data-v-86e027f5]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem 0;background-color:#f8f9fa}.register-card[data-v-86e027f5]{width:500px;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#fff}h1[data-v-86e027f5]{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group[data-v-86e027f5]{margin-bottom:1rem}label[data-v-86e027f5]{display:block;margin-bottom:.5rem;font-weight:500}.radio-group[data-v-86e027f5]{display:flex;gap:1.5rem}.radio-label[data-v-86e027f5]{display:flex;align-items:center;font-weight:400;cursor:pointer}.radio-label input[data-v-86e027f5]{margin-right:.5rem}.form-control[data-v-86e027f5]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.btn[data-v-86e027f5]{display:inline-block;width:100%;padding:.75rem;margin-top:1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;text-align:center;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-86e027f5]{background-color:#3498db;color:#fff}.btn-primary[data-v-86e027f5]:hover{background-color:#2980b9}.btn[data-v-86e027f5]:disabled{opacity:.7;cursor:not-allowed}.alert[data-v-86e027f5]{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:4px}.alert-danger[data-v-86e027f5]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.text-danger[data-v-86e027f5]{color:#dc3545;font-size:.875rem;margin-top:.25rem}.mt-3[data-v-86e027f5]{margin-top:1rem}.text-center[data-v-86e027f5]{text-align:center}a[data-v-86e027f5]{color:#3498db;text-decoration:none}a[data-v-86e027f5]:hover{text-decoration:underline}.breadcrumbs-container[data-v-44a07750]{background-color:#fff;padding:.75rem 2rem;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem}.breadcrumbs[data-v-44a07750]{display:flex;flex-wrap:wrap;align-items:center;font-size:.9rem}.breadcrumb-item[data-v-44a07750]{color:#3498db;text-decoration:none}.breadcrumb-item[data-v-44a07750]:hover{text-decoration:underline}.breadcrumb-item.current[data-v-44a07750]{color:#7f8c8d;font-weight:500}.separator[data-v-44a07750]{margin:0 .5rem;color:#ced4da}.visually-hidden[data-v-44a07750]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 576px){.breadcrumbs-container[data-v-44a07750]{padding:.5rem 1rem}.breadcrumbs[data-v-44a07750]{font-size:.8rem}}.dashboard[data-v-57d6125f]{min-height:100vh;background-color:#f8f9fa}.container[data-v-57d6125f]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.btn[data-v-57d6125f]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn i[data-v-57d6125f]{margin-right:.5rem}.btn-primary[data-v-57d6125f]{background-color:#3498db;color:#fff}.btn-primary[data-v-57d6125f]:hover{background-color:#2980b9}.btn-secondary[data-v-57d6125f]{background-color:#7f8c8d;color:#fff}.btn-secondary[data-v-57d6125f]:hover{background-color:#6c7a7b}.btn-outline-primary[data-v-57d6125f]{background-color:transparent;color:#3498db;border:1px solid #3498db}.btn-outline-primary[data-v-57d6125f]:hover{background-color:#3498db;color:#fff}.btn-sm[data-v-57d6125f]{padding:.25rem .5rem;font-size:.875rem}.loading[data-v-57d6125f],.empty-state[data-v-57d6125f]{display:flex;justify-content:center;align-items:center;padding:3rem 0}.empty-state-content[data-v-57d6125f]{text-align:center;max-width:500px}.empty-icon[data-v-57d6125f]{font-size:4rem;color:#bdc3c7;margin-bottom:1rem}.alert[data-v-57d6125f]{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.alert-danger[data-v-57d6125f]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.classrooms-grid[data-v-57d6125f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.classroom-card[data-v-57d6125f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid #3498db}.classroom-card[data-v-57d6125f]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.classroom-header[data-v-57d6125f]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.classroom-header h3[data-v-57d6125f]{margin:0;font-size:1.25rem;color:#2c3e50}.student-count[data-v-57d6125f]{background-color:#ecf0f1;color:#7f8c8d;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;display:inline-flex;align-items:center}.student-count i[data-v-57d6125f]{margin-right:.25rem}.classroom-description[data-v-57d6125f]{color:#7f8c8d;margin-bottom:1rem;min-height:2.5rem}.classroom-footer[data-v-57d6125f]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#95a5a6}.password-badge[data-v-57d6125f]{color:#f39c12;display:inline-flex;align-items:center}.password-badge i[data-v-57d6125f]{margin-right:.25rem}.recent-activity[data-v-57d6125f]{margin-top:3rem}.activity-list[data-v-57d6125f]{display:flex;flex-direction:column;gap:1rem}.activity-item[data-v-57d6125f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1rem}.activity-header[data-v-57d6125f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.activity-title[data-v-57d6125f]{font-weight:500;color:#2c3e50}.activity-time[data-v-57d6125f]{font-size:.75rem;color:#95a5a6}.activity-details[data-v-57d6125f]{color:#7f8c8d;font-size:.875rem;margin-bottom:.75rem}.mb-0[data-v-57d6125f]{margin-bottom:0}.mt-3[data-v-57d6125f]{margin-top:1rem}.card[data-v-57d6125f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.card-body[data-v-57d6125f]{padding:1.5rem}.text-center[data-v-57d6125f]{text-align:center}.stat-item[data-v-57d6125f]{display:flex;align-items:center;margin-bottom:.5rem;color:#7f8c8d;font-size:.875rem}.stat-item i[data-v-57d6125f]{margin-right:.5rem;color:#3498db}.classroom-stats[data-v-57d6125f]{margin-bottom:1rem}.view-btn[data-v-57d6125f]{margin-left:auto}.dashboard-statistics[data-v-57d6125f]{margin-bottom:2rem}.statistics-grid[data-v-57d6125f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.stat-card[data-v-57d6125f]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;display:flex;align-items:center}.stat-icon[data-v-57d6125f]{font-size:2rem;color:#3498db;margin-right:1rem;width:50px;height:50px;background-color:#3498db1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-content h3[data-v-57d6125f]{margin:0;font-size:1.5rem;color:#2c3e50}.stat-content p[data-v-57d6125f]{margin:0;color:#7f8c8d}.student-list[data-v-57d6125f],.assignment-list[data-v-57d6125f]{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.student-item[data-v-57d6125f],.assignment-item[data-v-57d6125f]{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f8f9fa;border-radius:4px;border-left:3px solid #3498db}.student-name[data-v-57d6125f],.assignment-title[data-v-57d6125f]{font-weight:500;color:#2c3e50;margin-right:.5rem}.student-email[data-v-57d6125f],.assignment-date[data-v-57d6125f]{font-size:.8rem;color:#95a5a6}.classroom-label[data-v-57d6125f]{background-color:#edf2f7;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:#4a5568}.student-info[data-v-57d6125f],.assignment-info[data-v-57d6125f]{display:flex;flex-direction:column}.dashboard-title[data-v-57d6125f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:1.5rem}.classroom-info-row[data-v-57d6125f]{display:flex;gap:.5rem;margin-bottom:.75rem}.info-item[data-v-57d6125f]{display:flex;align-items:center;background-color:#ecf0f1;padding:.25rem .5rem;border-radius:4px}.info-item i[data-v-57d6125f]{margin-right:.25rem}@media (max-width: 768px){.classrooms-grid[data-v-57d6125f]{grid-template-columns:1fr}}.dashboard[data-v-337ac448]{min-height:100vh;background-color:#f8f9fa}header[data-v-337ac448]{background-color:#2c3e50;color:#fff;padding:1.5rem 0;box-shadow:0 2px 10px #0000001a}.header-content[data-v-337ac448]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.header-actions[data-v-337ac448]{display:flex;gap:1rem}h1[data-v-337ac448]{margin:0;font-size:1.75rem}.container[data-v-337ac448]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.btn[data-v-337ac448]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn i[data-v-337ac448]{margin-right:.5rem}.btn-primary[data-v-337ac448]{background-color:#3498db;color:#fff}.btn-primary[data-v-337ac448]:hover{background-color:#2980b9}.btn-secondary[data-v-337ac448]{background-color:#7f8c8d;color:#fff}.btn-secondary[data-v-337ac448]:hover{background-color:#6c7a7b}.btn-outline-primary[data-v-337ac448]{background-color:transparent;color:#3498db;border:1px solid #3498db}.btn-outline-primary[data-v-337ac448]:hover{background-color:#3498db;color:#fff}.btn-sm[data-v-337ac448]{padding:.25rem .5rem;font-size:.875rem}.loading[data-v-337ac448],.empty-state[data-v-337ac448]{display:flex;justify-content:center;align-items:center;padding:3rem 0}.empty-state-content[data-v-337ac448]{text-align:center;max-width:500px}.empty-icon[data-v-337ac448]{font-size:4rem;color:#bdc3c7;margin-bottom:1rem}.alert[data-v-337ac448]{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.alert-danger[data-v-337ac448]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.classrooms-grid[data-v-337ac448]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.classroom-card[data-v-337ac448]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid #3498db}.classroom-card[data-v-337ac448]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.classroom-header[data-v-337ac448]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.classroom-header h3[data-v-337ac448]{margin:0;font-size:1.25rem;color:#2c3e50}.teacher-name[data-v-337ac448]{background-color:#ecf0f1;color:#7f8c8d;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;display:inline-flex;align-items:center}.teacher-name i[data-v-337ac448]{margin-right:.25rem}.classroom-description[data-v-337ac448]{color:#7f8c8d;margin-bottom:1rem;min-height:2.5rem}.classroom-info-row[data-v-337ac448]{display:flex;gap:.5rem;margin-bottom:.75rem}.info-item[data-v-337ac448]{display:flex;align-items:center}.info-item i[data-v-337ac448]{margin-right:.25rem}.classroom-footer[data-v-337ac448]{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#95a5a6}.assignment-count[data-v-337ac448]{display:inline-flex;align-items:center}.assignment-count i[data-v-337ac448]{margin-right:.25rem}.upcoming-assignments[data-v-337ac448],.recent-submissions[data-v-337ac448]{margin-top:3rem}.assignments-list[data-v-337ac448],.submissions-list[data-v-337ac448]{display:flex;flex-direction:column;gap:1rem}.assignment-item[data-v-337ac448],.submission-item[data-v-337ac448]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:1rem}.assignment-header[data-v-337ac448],.submission-header[data-v-337ac448]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.assignment-title[data-v-337ac448],.submission-title[data-v-337ac448]{font-weight:500;color:#2c3e50}.due-date[data-v-337ac448],.submission-date[data-v-337ac448]{font-size:.75rem;color:#95a5a6}.assignment-details[data-v-337ac448],.submission-details[data-v-337ac448]{color:#7f8c8d;font-size:.875rem;margin-bottom:.75rem}.assignment-actions[data-v-337ac448]{display:flex;gap:.5rem}.submission-status[data-v-337ac448]{display:inline-block;padding:.25rem .5rem;border-radius:20px;font-size:.75rem;font-weight:500}.submission-status.pending[data-v-337ac448]{background-color:#f1c40f;color:#fff}.submission-status.graded[data-v-337ac448]{background-color:#2ecc71;color:#fff}.submission-status.rejected[data-v-337ac448]{background-color:#e74c3c;color:#fff}.mb-0[data-v-337ac448]{margin-bottom:0}.mt-3[data-v-337ac448]{margin-top:1rem}.card[data-v-337ac448]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.card-body[data-v-337ac448]{padding:1.5rem}.text-center[data-v-337ac448]{text-align:center}@media (max-width: 768px){.header-content[data-v-337ac448]{flex-direction:column;align-items:flex-start;gap:1rem}.classrooms-grid[data-v-337ac448]{grid-template-columns:1fr}.assignment-actions[data-v-337ac448]{flex-direction:column}.btn[data-v-337ac448]{width:100%}}.dashboard-title[data-v-337ac448]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;margin-top:1.5rem}.join-classroom-container[data-v-1873232a]{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 0;background-color:#f8f9fa}.join-classroom-card[data-v-1873232a]{width:800px;max-width:95%;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;background-color:#fff}h1[data-v-1873232a]{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.form-group[data-v-1873232a]{margin-bottom:1.5rem}label[data-v-1873232a]{display:block;margin-bottom:.5rem;font-weight:500}.form-control[data-v-1873232a]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.search-input[data-v-1873232a]{display:flex;gap:.5rem}.search-input .form-control[data-v-1873232a]{flex:1}.btn[data-v-1873232a]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-1873232a]{background-color:#3498db;color:#fff}.btn-primary[data-v-1873232a]:hover{background-color:#2980b9}.btn-secondary[data-v-1873232a]{background-color:#7f8c8d;color:#fff}.btn-secondary[data-v-1873232a]:hover{background-color:#6c7a7b}.btn-outline-primary[data-v-1873232a]{background-color:transparent;color:#3498db;border:1px solid #3498db}.btn-outline-primary[data-v-1873232a]:hover{background-color:#3498db;color:#fff}.btn[data-v-1873232a]:disabled{opacity:.7;cursor:not-allowed}.classroom-list[data-v-1873232a]{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.classroom-item[data-v-1873232a]{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-radius:8px;background-color:#f8f9fa;border-left:4px solid #3498db}.classroom-info[data-v-1873232a]{flex:1}.classroom-info h3[data-v-1873232a]{margin:0 0 .5rem;color:#2c3e50}.teacher[data-v-1873232a]{color:#7f8c8d;margin:0 0 .5rem;font-size:.9rem}.classroom-details[data-v-1873232a]{margin-bottom:.5rem}.school[data-v-1873232a],.grade-class[data-v-1873232a]{color:#7f8c8d;margin:0 0 .5rem;font-size:.9rem}.description[data-v-1873232a]{color:#555;margin:0}.classroom-actions[data-v-1873232a]{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.password-form[data-v-1873232a]{margin-bottom:.75rem}.password-required[data-v-1873232a]{display:inline-flex;align-items:center;margin-top:.5rem;padding:.25rem .5rem;background-color:#f8f9fa;border-radius:4px;font-size:.85rem;color:#e74c3c;font-weight:500}.password-required i[data-v-1873232a]{margin-right:.35rem}.alert[data-v-1873232a]{padding:.75rem 1.25rem;margin-bottom:1rem;border-radius:4px}.alert-danger[data-v-1873232a]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-success[data-v-1873232a]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.loading[data-v-1873232a],.no-results[data-v-1873232a]{text-align:center;padding:2rem 0;color:#7f8c8d}.mt-3[data-v-1873232a]{margin-top:1.5rem}.text-center[data-v-1873232a]{text-align:center}.classroom-view[data-v-b7cda27f]{min-height:100vh;background-color:#f8f9fa}header[data-v-b7cda27f]{background-color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-content[data-v-b7cda27f]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}h1[data-v-b7cda27f]{margin:0;color:#2c3e50}.header-actions[data-v-b7cda27f]{display:flex;gap:.5rem}.container[data-v-b7cda27f]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.classroom-details[data-v-b7cda27f]{background-color:#fff;border-radius:8px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 4px #0000000d}.classroom-header[data-v-b7cda27f]{display:flex;justify-content:space-between;align-items:flex-start}.classroom-info h2[data-v-b7cda27f]{margin:0 0 .5rem;color:#2c3e50}.teacher-name[data-v-b7cda27f]{color:#6c757d;margin-bottom:1rem}.classroom-description[data-v-b7cda27f]{margin-bottom:1.5rem;line-height:1.6}.classroom-meta[data-v-b7cda27f]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.classroom-meta span[data-v-b7cda27f]{display:flex;align-items:center;color:#6c757d;font-size:.9rem}.classroom-meta i[data-v-b7cda27f]{margin-right:.5rem}.assignments-section[data-v-b7cda27f]{margin-top:2rem}.assignments-section h2[data-v-b7cda27f]{margin-bottom:1.5rem;color:#2c3e50}.empty-assignments[data-v-b7cda27f]{background-color:#fff;border-radius:8px;padding:2rem;text-align:center;color:#6c757d;box-shadow:0 2px 4px #0000000d}.assignments-list[data-v-b7cda27f]{display:flex;flex-direction:column;gap:1rem}.assignment-item[data-v-b7cda27f]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;border-left:4px solid #3498db}.assignment-content[data-v-b7cda27f]{padding:1.5rem}.assignment-header[data-v-b7cda27f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.assignment-title[data-v-b7cda27f]{font-size:1.2rem;font-weight:600;color:#2c3e50}.assignment-due-date[data-v-b7cda27f],.assignment-score-id[data-v-b7cda27f]{color:#6c757d}.assignment-description[data-v-b7cda27f]{margin-bottom:1.5rem;line-height:1.6}.assignment-status[data-v-b7cda27f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-indicator[data-v-b7cda27f]{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.status-indicator.open[data-v-b7cda27f]{background-color:#e3f2fd;color:#0d6efd}.status-indicator.submitted[data-v-b7cda27f]{background-color:#fff8e1;color:#ffc107}.status-indicator.completed[data-v-b7cda27f]{background-color:#e8f5e9;color:#28a745}.status-indicator.overdue[data-v-b7cda27f]{background-color:#ffebee;color:#dc3545}.assignment-actions[data-v-b7cda27f]{display:flex;justify-content:flex-end}.btn[data-v-b7cda27f]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-b7cda27f]{background-color:#3498db;color:#fff}.btn-primary[data-v-b7cda27f]:hover{background-color:#2980b9}.btn-secondary[data-v-b7cda27f]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-b7cda27f]:hover{background-color:#5a6268}.btn[data-v-b7cda27f]:disabled{opacity:.6;cursor:not-allowed}.loading[data-v-b7cda27f],.error[data-v-b7cda27f]{text-align:center;padding:2rem}.alert[data-v-b7cda27f]{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.alert-danger[data-v-b7cda27f]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.create-classroom[data-v-b3716f88]{min-height:100vh;background-color:#f8f9fa}header[data-v-b3716f88]{background-color:#2c3e50;color:#fff;padding:1.5rem 0;box-shadow:0 2px 10px #0000001a}.header-content[data-v-b3716f88]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem}.header-actions[data-v-b3716f88]{display:flex;gap:1rem}h1[data-v-b3716f88]{margin:0;font-size:1.75rem}.container[data-v-b3716f88]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.form-container[data-v-b3716f88]{max-width:800px;margin:0 auto}.card[data-v-b3716f88]{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.card-body[data-v-b3716f88]{padding:2rem}.form-group[data-v-b3716f88]{margin-bottom:1.5rem}label[data-v-b3716f88]{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-control[data-v-b3716f88]{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}textarea.form-control[data-v-b3716f88]{resize:vertical}.form-text[data-v-b3716f88]{display:block;margin-top:.5rem;font-size:.875rem}.form-actions[data-v-b3716f88]{display:flex;gap:1rem;margin-top:2rem}.btn[data-v-b3716f88]{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn i[data-v-b3716f88]{margin-right:.5rem}.btn-primary[data-v-b3716f88]{background-color:#3498db;color:#fff}.btn-primary[data-v-b3716f88]:hover{background-color:#2980b9}.btn-secondary[data-v-b3716f88]{background-color:#7f8c8d;color:#fff}.btn-secondary[data-v-b3716f88]:hover{background-color:#6c7a7b}.btn[data-v-b3716f88]:disabled{opacity:.7;cursor:not-allowed}.alert[data-v-b3716f88]{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.alert-danger[data-v-b3716f88]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}