html,body{margin:0;padding:0;height:100%;background:beige}#app{height:100%;font-family:Avenir,Helvetica,Arial,sans-serif}*{box-sizing:border-box}.class-manager[data-v-2711f527]{padding:15px;border-bottom:1px solid #e0e0e0;background:#ffffffb3;border-radius:8px;margin:10px}.class-selection[data-v-2711f527]{margin-bottom:15px;display:flex;flex-direction:column;gap:10px}.class-selection-row[data-v-2711f527]{display:flex;gap:8px;width:100%}.task-mode-toggle[data-v-2711f527]{display:flex;margin-top:10px;align-items:center}.mode-label[data-v-2711f527]{margin-right:10px;font-weight:500;color:#555}.mode-options[data-v-2711f527]{display:flex;gap:8px}.mode-btn[data-v-2711f527]{padding:6px 12px;border-radius:4px;border:1px solid #ddd;background:#fff;cursor:pointer;transition:all .2s}.mode-btn.active[data-v-2711f527]{background:#2196f3;color:#fff;border-color:#2196f3}.group-management[data-v-2711f527]{margin-top:15px;border-top:1px dashed #e0e0e0;padding-top:15px}.group-mode-toggle[data-v-2711f527]{display:flex;gap:10px;margin-bottom:10px}.grouping-controls[data-v-2711f527]{display:flex;flex-direction:column;gap:10px}.manual-grouping[data-v-2711f527]{margin-top:10px}.manual-group-header[data-v-2711f527]{display:flex;justify-content:space-between;align-items:center}.group-name-input[data-v-2711f527]{flex-grow:1}.btn-add-group[data-v-2711f527]{background-color:#4caf50;color:#fff}.manual-groups[data-v-2711f527]{display:flex;flex-direction:column;gap:10px}.manual-group-item[data-v-2711f527]{background:#e3f2fd;border-radius:4px;padding:8px}.student-selector[data-v-2711f527]{display:flex;gap:8px}.student-select[data-v-2711f527]{flex-grow:1}.btn-add-student[data-v-2711f527]{background-color:#2196f3;color:#fff}.group-members[data-v-2711f527]{display:flex;flex-wrap:wrap;gap:5px}.group-member[data-v-2711f527]{font-size:13px;background:#ffffff80;padding:2px 6px;border-radius:3px}.btn-group[data-v-2711f527]{background-color:#2196f3;color:#fff}.input-group[data-v-2711f527]{display:flex;width:100%}input[data-v-2711f527],select[data-v-2711f527],button[data-v-2711f527]{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;transition:all .2s}input[data-v-2711f527],select[data-v-2711f527]{flex-grow:1}input[data-v-2711f527]:focus,select[data-v-2711f527]:focus{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f733}button[data-v-2711f527]{cursor:pointer;background:#fff;margin-left:5px;display:flex;align-items:center;justify-content:center;min-width:34px}.btn-create[data-v-2711f527]{background-color:#4caf50;color:#fff}.btn-delete[data-v-2711f527]{background-color:#f44336;color:#fff}.btn-cleanup[data-v-2711f527]{background-color:#ff9800;color:#fff}.class-select[data-v-2711f527]{min-width:0}.add-student-section[data-v-2711f527]{margin-bottom:15px;padding:15px;background:#f8f9fa;border-radius:6px;border-left:4px solid #4caf50}.add-student-section h3[data-v-2711f527]{margin:0 0 10px;font-size:16px;color:#2e7d32;font-weight:600}.import-export[data-v-2711f527]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.file-upload[data-v-2711f527]{background-color:#2196f3;color:#fff;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;display:inline-block}.export-buttons[data-v-2711f527]{display:flex;gap:5px}.btn-export[data-v-2711f527]{background-color:#ff9800;color:#fff;font-size:12px;padding:6px 10px}.student-list-container[data-v-2711f527]{margin-top:20px;border-top:1px dashed #e0e0e0;padding-top:15px}.student-list-container h3[data-v-2711f527]{margin-top:0;font-size:16px;color:#555;margin-bottom:10px}.student-list[data-v-2711f527]{max-height:200px;overflow-y:auto;border:1px solid #eee;border-radius:4px;padding:5px;background:#fafafa}.student-item[data-v-2711f527]{display:flex;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid #f0f0f0}.student-item[data-v-2711f527]:last-child{border-bottom:none}.student-name[data-v-2711f527]{flex-grow:1}.btn-remove[data-v-2711f527]{background:none;border:none;color:#f44336;font-size:12px;cursor:pointer;opacity:.6;transition:opacity .2s;padding:2px 5px;margin:0}.btn-remove[data-v-2711f527]:hover{opacity:1}.no-students[data-v-2711f527]{padding:15px;text-align:center;color:#999;font-style:italic}.debug-toggle[data-v-2711f527]{margin-top:10px;padding:8px;background:#f0f0f0;border-radius:4px;cursor:pointer;text-align:center}.debug-indicator[data-v-2711f527]{font-size:14px;color:#333}.task-manager[data-v-9f149115]{padding:15px;border-bottom:1px solid #e0e0e0;background:#ffffffe6;border-radius:8px;margin:10px;position:relative;z-index:100;box-shadow:0 2px 10px #0000001a}.task-input-container[data-v-9f149115]{position:relative}.rich-text-container[data-v-9f149115]{display:flex;flex-direction:column}.rich-editor[data-v-9f149115]{width:100%;min-height:120px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:16px;font-family:inherit;margin-bottom:10px;outline:none;transition:border-color .2s;line-height:1.5;overflow-y:auto;text-align:left}.rich-editor[data-v-9f149115]:focus{border-color:#4fc3f7;box-shadow:0 0 0 2px #4fc3f733}.rich-editor[data-v-9f149115]:empty:before{content:attr(placeholder);color:#aaa;pointer-events:none}.formatting-toolbar[data-v-9f149115]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:10px;background-color:#fff;z-index:101;border-radius:4px;border:1px solid #eaeaea;box-shadow:0 2px 8px #00000014;position:relative}.color-buttons-container[data-v-9f149115]{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.color-label[data-v-9f149115]{font-size:14px;color:#666;white-space:nowrap}.color-buttons[data-v-9f149115]{display:flex;flex-wrap:wrap;gap:6px;max-width:220px}.color-btn[data-v-9f149115]{width:26px;height:26px;border-radius:4px;border:1px solid #ddd;cursor:pointer;transition:all .2s;position:relative}.color-btn[data-v-9f149115]:hover{transform:scale(1.1);box-shadow:0 0 3px #0003}.color-btn.active[data-v-9f149115]{border:2px solid #2196F3;transform:scale(1.08);box-shadow:0 0 5px #2196f366}.color-btn.active[data-v-9f149115]:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-shadow:0 0 2px rgba(0,0,0,.8);font-size:14px;font-weight:700}.color-btn[style*="background-color: #000000"].active[data-v-9f149115]:after{color:#fff}@media (max-width: 768px){.formatting-toolbar[data-v-9f149115]{gap:8px}.color-buttons[data-v-9f149115]{max-width:160px}.color-btn[data-v-9f149115]{width:24px;height:24px}}.timer-component[data-v-4779440b]{display:flex;align-items:center;background:#fff;padding:10px 20px;border-radius:10px;box-shadow:0 3px 10px #0000001a;width:90%;max-width:900px;margin:0 auto}.timer-display[data-v-4779440b]{margin-right:20px;min-width:120px;text-align:center}.time-remaining[data-v-4779440b]{font-size:28px;font-weight:600;font-family:Courier New,monospace;color:#2c3e50}.progress-container[data-v-4779440b]{flex-grow:1;margin-right:20px}.progress-bar[data-v-4779440b]{height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.progress-fill[data-v-4779440b]{height:100%;background:#4caf50;transition:width 1s linear}.progress-fill.low[data-v-4779440b]{background:#f44336}.duration-setter[data-v-4779440b]{display:flex;align-items:center;margin-right:15px}.time-inputs[data-v-4779440b],.time-input-group[data-v-4779440b]{display:flex;align-items:center}.time-separator[data-v-4779440b]{margin:0 5px;font-weight:700;color:#555}input[type=number][data-v-4779440b]{width:45px;padding:6px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:14px}.unit[data-v-4779440b]{margin-left:3px;color:#555;font-size:12px;white-space:nowrap}.timer-buttons[data-v-4779440b]{display:flex;gap:8px}.timer-btn[data-v-4779440b]{border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;font-size:16px;transition:all .2s;background:#fff;color:#333}.timer-btn[data-v-4779440b]:disabled{opacity:.5;cursor:not-allowed}.timer-btn[data-v-4779440b]:hover:not(:disabled){background:#f5f5f5}@media (max-width: 768px){.timer-component[data-v-4779440b]{flex-wrap:wrap;padding:10px}.timer-display[data-v-4779440b]{order:1;width:auto;margin-right:15px}.progress-container[data-v-4779440b]{order:3;width:100%;margin:10px 0}.duration-setter[data-v-4779440b]{order:2;margin-right:auto}.timer-buttons[data-v-4779440b]{order:4}}@media (max-width: 480px){.time-remaining[data-v-4779440b]{font-size:24px}.timer-btn[data-v-4779440b]{width:32px;height:32px;font-size:14px}.time-inputs[data-v-4779440b]{flex-direction:column;align-items:flex-start;gap:5px}.time-separator[data-v-4779440b]{display:none}}.music-player[data-v-7e553b3f]{padding:15px;background:#ffffffb3;border-radius:8px;margin:10px;display:flex;justify-content:center}.music-player.top-position[data-v-7e553b3f]{background:#fff;padding:10px;margin:0;border-radius:10px;box-shadow:0 3px 10px #0000001a}.music-control[data-v-7e553b3f]{display:flex;align-items:center;gap:10px}.music-btn[data-v-7e553b3f]{border:none;background:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;font-size:18px;transition:all .2s}.top-position .music-btn[data-v-7e553b3f]{width:36px;height:36px;font-size:16px}.music-btn[data-v-7e553b3f]:hover{transform:scale(1.05)}.music-btn.active[data-v-7e553b3f]{background:#e3f2fd;color:#2196f3;animation:pulse-7e553b3f 2s infinite}.upload-btn[data-v-7e553b3f]{border:none;background:#f5f5f5;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;font-size:14px}@keyframes pulse-7e553b3f{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}.vdr-container{position:absolute;border:1px solid transparent;box-sizing:border-box}.vdr-container.active{border-color:#000;border-style:dashed}.vdr-container.dragging{border-color:#000;border-style:solid}.vdr-handle{box-sizing:border-box;position:absolute;width:7px;height:7px;background:#f0f0f0;border:1px solid #333}.vdr-handle-tl{top:-4px;left:-4px;cursor:nw-resize}.vdr-handle-tm{top:-4px;left:50%;margin-left:-3px;cursor:n-resize}.vdr-handle-tr{top:-4px;right:-4px;cursor:ne-resize}.vdr-handle-ml{top:50%;margin-top:-3px;left:-4px;cursor:w-resize}.vdr-handle-mr{top:50%;margin-top:-3px;right:-4px;cursor:e-resize}.vdr-handle-bl{bottom:-4px;left:-4px;cursor:sw-resize}.vdr-handle-bm{bottom:-4px;left:50%;margin-left:-4px;cursor:s-resize}.vdr-handle-br{bottom:-4px;right:-4px;cursor:se-resize}.student-tasks[data-v-4e0a91a4]{display:flex;flex-direction:column;height:100%;width:100%}.no-students[data-v-4e0a91a4]{display:flex;justify-content:center;align-items:center;height:100%;font-size:20px;color:#9e9e9e}.task-grid[data-v-4e0a91a4]{position:relative;width:100%;height:100%;min-height:100%;overflow-y:auto;overflow-x:visible;transition:all .3s ease;padding:10px;z-index:1}.task-grid.group-grid[data-v-4e0a91a4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;padding:15px;height:100%;overflow-y:auto}.task-card[data-v-4e0a91a4]{position:absolute;background:#fff9c4;border-radius:6px;box-shadow:0 2px 5px #00000026;padding:12px;overflow:hidden;display:flex;flex-direction:column;z-index:1;transition:all .3s ease;will-change:transform,width,height}.task-card.vue3-draggable-resizable--active[data-v-4e0a91a4]{z-index:10}.task-card[data-v-4e0a91a4]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#ffeb3b}.group-card[data-v-4e0a91a4]{display:flex;flex-direction:column;background:#e3f2fd;min-height:220px;max-height:320px;border-radius:6px;box-shadow:0 2px 5px #00000026;padding:12px;transition:all .3s ease;position:relative;overflow:hidden}.group-card[data-v-4e0a91a4]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:#42a5f5}.group-card[data-v-4e0a91a4]:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.task-header[data-v-4e0a91a4]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.1);flex-shrink:0}.student-name[data-v-4e0a91a4]{font-weight:700;font-size:15px;color:#555}.group-info[data-v-4e0a91a4]{display:flex;align-items:center;gap:10px}.group-name[data-v-4e0a91a4]{font-weight:700;font-size:16px;color:#0288d1}.member-count[data-v-4e0a91a4]{font-size:14px;color:#666;background:#0000000d;padding:2px 8px;border-radius:10px}.member-list[data-v-4e0a91a4]{display:flex;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed rgba(0,0,0,.1);flex-shrink:0}.members-label[data-v-4e0a91a4]{font-size:14px;color:#666;margin-right:8px;white-space:nowrap}.members-content[data-v-4e0a91a4]{flex-grow:1;overflow:hidden;font-size:14px}.member-tag[data-v-4e0a91a4]{display:inline;color:#333}.task-content[data-v-4e0a91a4]{flex-grow:1;min-height:100px;font-size:16px;line-height:1.5;outline:none;overflow-y:auto;padding-right:5px;word-wrap:break-word}.task-content[data-v-4e0a91a4]::-webkit-scrollbar,.task-grid[data-v-4e0a91a4]::-webkit-scrollbar{width:6px}.task-content[data-v-4e0a91a4]::-webkit-scrollbar-track,.task-grid[data-v-4e0a91a4]::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.task-content[data-v-4e0a91a4]::-webkit-scrollbar-thumb,.task-grid[data-v-4e0a91a4]::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.clear-task-btn[data-v-4e0a91a4]{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s}.clear-task-btn[data-v-4e0a91a4]:hover{opacity:1}.task-green[data-v-4e0a91a4]{background:#e8f5e9}.task-green[data-v-4e0a91a4]:before{background:#4caf50}.task-yellow[data-v-4e0a91a4]{background:#fff8e1}.task-yellow[data-v-4e0a91a4]:before{background:#ffc107}.task-red[data-v-4e0a91a4]{background:#ffebee}.task-red[data-v-4e0a91a4]:before{background:#f44336}.task-grid.fullscreen[data-v-4e0a91a4]{width:calc(100% - 40px);padding:10px 15px 20vh 20px;max-width:100%;margin:0 auto}@media (min-width: 1600px){.task-grid.fullscreen[data-v-4e0a91a4]{padding-left:30px;padding-right:30px}}@media (max-width: 1200px){.task-grid.fullscreen[data-v-4e0a91a4]{width:calc(100% - 20px);padding-left:10px;padding-right:10px}}@media (max-width: 768px){.task-grid.group-grid[data-v-4e0a91a4]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.task-grid.fullscreen[data-v-4e0a91a4]{width:calc(100% - 10px);padding-left:5px;padding-right:5px}}@media (max-width: 480px){.task-grid.group-grid[data-v-4e0a91a4]{grid-template-columns:1fr}}.classroom-container[data-v-f9cdc8cb]{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden;background:beige;background-size:cover;background-position:center}.timer-bar[data-v-f9cdc8cb]{width:100%;display:flex;justify-content:space-between;align-items:center;background:#fffffff2;box-shadow:0 2px 8px #0000001a;padding:10px 20px;z-index:1000;height:70px}.top-music-player[data-v-f9cdc8cb]{position:static;margin-left:10px}.main-content[data-v-f9cdc8cb]{display:flex;flex:1;overflow:hidden;position:relative}.sidebar[data-v-f9cdc8cb]{width:300px;background:beige;border-right:1px solid #e0e0e0;height:100%;transition:all .3s ease;position:relative;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 0 10px #0000000d;z-index:10}.sidebar.collapsed[data-v-f9cdc8cb]{width:0;padding:0;opacity:0}.sidebar-toggle-button[data-v-f9cdc8cb]{position:absolute;top:50%;left:300px;transform:translate(-50%,-50%);width:30px;height:60px;background:#fff;border-radius:0 30px 30px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #0000001a;z-index:100;transition:all .3s ease}.sidebar-toggle-button.collapsed[data-v-f9cdc8cb]{left:0;border-radius:0 30px 30px 0}.task-display-area[data-v-f9cdc8cb]{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;transition:all .3s ease}.sidebar-collapsed .task-display-area[data-v-f9cdc8cb]{padding-left:40px}.login-container[data-v-1f713602]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:beige}.login-card[data-v-1f713602]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px}h2[data-v-1f713602]{margin-top:0;color:#333;text-align:center}.form-group[data-v-1f713602]{margin-bottom:1rem}label[data-v-1f713602]{display:block;margin-bottom:.5rem;color:#555}input[data-v-1f713602]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.btn-primary[data-v-1f713602]{width:100%;padding:.75rem;background:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;margin-top:1rem}.btn-primary[data-v-1f713602]:hover{background:#3a80d2}.btn-google[data-v-1f713602]{width:100%;padding:.75rem;background:#fff;color:#757575;border:1px solid #ddd;border-radius:4px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}.btn-google[data-v-1f713602]:hover{background:#f8f8f8}.btn-google img[data-v-1f713602]{width:18px;height:18px}.divider[data-v-1f713602]{display:flex;align-items:center;margin:1.5rem 0}.divider[data-v-1f713602]:before,.divider[data-v-1f713602]:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider span[data-v-1f713602]{padding:0 10px;color:#757575;font-size:.9rem}.toggle-auth[data-v-1f713602]{margin-top:1.5rem;text-align:center}.btn-link[data-v-1f713602]{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:1rem}.btn-link[data-v-1f713602]:hover{text-decoration:underline}.error-message[data-v-1f713602]{background:#ffebee;color:#c62828;padding:.75rem;margin-bottom:1rem;border-radius:4px;text-align:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:beige}html,body{margin:0;padding:0;height:100%}html,body,#app{height:100%;width:100%;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;height:100%;display:flex;flex-direction:column}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}