.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;padding:20px}.App-header,.nav{align-items:center;display:flex}.nav{background-color:#333;justify-content:space-between;padding:10px 20px;width:100%}.nav-brand{color:#61dafb;font-size:1.5em}.nav-links{display:flex;gap:15px;list-style:none;margin:0;padding:0}.nav-links li{display:inline}.nav-links a{color:#61dafb;text-decoration:none}.nav-links a:hover{text-decoration:underline}.container{text-align:left}.assign-homeroom .container{display:block!important}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{height:100%;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.App-header,footer{flex-shrink:0}footer{background-color:#333;color:#fff;padding:10px;text-align:center}main{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:20px}main.assign-homeroom{display:block!important;padding:20px}.groups-home main{display:block}.course-home-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.title{color:#343a40;font-size:2.5rem;margin-bottom:20px}.course-buttons{display:flex;gap:15px}.btn{border-radius:5px;font-size:1.1rem;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#117a8b}.btn-warning{background-color:#ffc107;color:#fff}.btn-warning:hover{background-color:#e0a800}.groups-home{flex-direction:column;margin:20px auto}.groups-home,.groups-home .top-section{align-items:center;display:flex;max-width:1400px;width:100%}.groups-home .top-section{background-color:#f4f4f4;border:1px solid #ddd;border-radius:5px;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:10px}.groups-home .filter-group input,.groups-home .filter-group select{border:1px solid #ddd;border-radius:5px;font-size:14px;padding:8px}.groups-home .filter-group button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.groups-home .filter-group button:hover{background-color:#0056b3}.groups-home .layout{display:flex;flex-direction:column;gap:20px;max-width:1400px;width:100%}.groups-home .students-box{max-height:250px}.groups-home .students-box,.groups-home .students-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;overflow-y:auto;padding:10px}.groups-home .students-list{flex:1 1;height:80vh;max-width:250px}.groups-home .student-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 3px #0000001a;cursor:grab;flex:1 1 150px;font-size:14px;margin-bottom:10px;max-width:200px;padding:10px;text-align:center}.groups-home .student-item:active{cursor:grabbing}.groups-home .student-item:hover{background-color:#f0f8ff;border-color:#007bff}.groups-home .group-list{grid-gap:20px;background-color:#fff;border:1px solid #ddd;border-radius:5px;display:grid;flex:4 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow-y:auto;padding:10px}.groups-home .group{background-color:#fff;border:2px solid #ccc;border-radius:5px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px}.groups-home .group h3{font-size:18px;font-weight:700;margin-bottom:10px}.groups-home .group-students{grid-gap:10px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:250px;overflow-y:auto;padding:5px}.groups-home .group-student{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 2px #0000001a;cursor:default;display:flex;justify-content:space-between;margin-bottom:5px;padding:5px 10px}.groups-home .student-name{flex-grow:1;font-size:12px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.groups-home .group-student:active{cursor:grabbing}.groups-home .group-student:hover{background-color:#f0f8ff;border-color:#007bff}.highlight-drop{background-color:#e6ffe6;border-color:#28a745}.groups-home .remove-student-btn{background-color:#ff4d4d;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:3px 8px;transition:background-color .3s ease,transform .2s ease}.groups-home .remove-student-btn:hover{background-color:#d93636;transform:scale(1.05)}.groups-home .remove-student-btn:active{background-color:#c32e2e;transform:scale(.95)}@media screen and (max-width:600px){.groups-home .layout{flex-direction:column}.groups-home .group-list{grid-template-columns:1fr}}.groups-home .create-groups-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px 0;padding:10px 20px}.groups-home .create-groups-btn:hover{background-color:#0056b3}.group-count{color:#555;font-size:.9em;font-weight:400;margin-left:5px}.student-item.in-group{background-color:#dff0d8;border-color:#3c763d;color:#3c763d}.student-item.in-group .badge{background-color:#3c763d;border-radius:3px;color:#fff;font-size:12px;font-weight:700;margin-left:10px;padding:2px 5px}.student-item.highlighted{background-color:#d1e7dd;border:1px solid #198754;color:#155724;font-weight:700}.students-box{background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;max-height:200px;overflow-y:auto;width:100%}.students-box,.students-box .student-item{border:1px solid #ddd;border-radius:5px;padding:10px}.students-box .student-item{background-color:#fff;box-shadow:0 1px 3px #0000001a;cursor:pointer;flex:1 1 150px;font-size:14px;max-width:200px;text-align:center}.students-box .student-item:hover{background-color:#f0f8ff;border-color:#007bff}.remove-zone{background-color:#f9f9f9;border:2px dashed #ddd;border-radius:5px;color:#666;margin-bottom:20px;padding:10px;text-align:center;transition:background-color .3s ease}.remove-zone.highlight-drop{background-color:#ffe6e6;border-color:#ff4d4d}.group-container{border-radius:5px;display:flex;flex-direction:column;gap:10px;padding:10px}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.group-header h3{font-size:16px;margin:0}.remove-group{display:inline-block;margin-left:10px}.remove-group-btn{background-color:#ff4d4d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.remove-group-btn:hover{background-color:#d93636}.confirm-remove{margin-top:5px}.confirm-btn{background-color:#ff4d4d;color:#fff;margin-right:5px}.cancel-btn,.confirm-btn{border:none;border-radius:5px;cursor:pointer;padding:5px 10px}.cancel-btn{background-color:#ddd;color:#000}.cancel-btn:hover{background-color:#bbb}.cte-groups-home{align-items:center;display:flex;flex-direction:column;margin:20px auto;max-width:1400px;width:100%}.cte-group-list{grid-auto-rows:auto;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:80vh;padding:15px}.cte-group-students{grid-gap:10px;display:grid}.cte-students-box{background-color:#f9f9f9;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;max-height:250px;overflow-y:auto}.cte-student-item,.cte-students-box{border:1px solid #ddd;border-radius:5px;padding:10px}.cte-student-item{background-color:#fff;box-shadow:0 1px 3px #0000001a;cursor:grab;font-size:14px;margin-bottom:10px;text-align:center;transition:background-color .3s ease,border-color .3s ease}.cte-student-item:active{cursor:grabbing}.cte-student-item:hover{background-color:#eaf2ff;border-color:#007bff}.cte-student-item.dragging{opacity:.5}.cte-group{background-color:#fff;border:2px solid #ccc;border-radius:5px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:10px;padding:15px;transition:border-color .3s ease,background-color .3s ease}.cte-group.highlight-drop{background-color:#e6ffe6;border-color:#28a745}.cte-group h3{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-bottom:10px}.cte-group-students{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:250px;overflow-y:auto;padding:5px}.cte-group-students .student-item{box-shadow:0 1px 3px #0000001a;cursor:grab;display:inline-block;flex:0 1 auto;font-size:14px;margin-bottom:10px;max-width:200px;text-align:center}.cte-group-list,.cte-group-students .student-item{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:10px}.cte-group-list{grid-gap:20px;display:grid;flex:4 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:70vh;overflow-y:auto}.cte-group-students .student-item:hover{background-color:#f0f8ff;border-color:#007bff}.cte-group-students .student-item:active{cursor:grabbing}.cte-highlight-drop{background-color:#eaf4e6;border-color:#28a745}.cte-student-item.multi-group{background-color:#fff3cd;border-color:#ffc107}.cte-student-item.multi-group:hover{background-color:#ffecb5;border-color:#ffca2c}@media screen and (max-width:600px){.cte-groups-home{flex-direction:column}.cte-group{grid-template-columns:1fr}}.schedule-container{align-items:center;display:flex;flex-direction:column;margin:20px}.schedule-grid{border-collapse:collapse;margin-top:20px;width:100%}.schedule-grid th{background-color:#e0e0e0}.schedule-grid td.time-slot,.schedule-grid th{border:1px solid #ccc;font-weight:700;padding:10px;text-align:center}.schedule-grid td.time-slot{background-color:#f0f0f0;width:150px}.schedule-grid td.drop-cell{background-color:#f9f9f9;border:1px solid #ccc;min-height:50px;padding:10px;text-align:center;vertical-align:middle}.schedule-grid td.drop-cell:hover{background-color:#e9e9e9}.group-item{background-color:#d1e7dd;border:1px solid #b5d7c3;border-radius:4px;cursor:pointer;font-weight:700;margin:5px 0;padding:8px;text-align:center;transition:background-color .2s ease}.group-item:hover{background-color:#c3dfd3}.available-groups{background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;margin:20px 0;max-width:300px;padding:10px;width:100%}.drop-cell{border:1px solid #ccc;min-height:50px;vertical-align:middle}.drop-cell,.trash-zone{padding:10px;text-align:center}.trash-zone{background-color:#f8d7da;border:1px dashed #d9534f;border-radius:4px;color:#d9534f;font-weight:700;margin-top:20px}.trash-hover{background-color:#f1b0b7}.teacher-selection-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.teacher-item{align-items:center;background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;display:flex;padding:10px;text-align:left;width:200px}.teacher-header{background-color:#f0f0f0}.teacher-header,.time-slot{border:1px solid #ddd;font-weight:700;padding:8px;text-align:center}.time-slot{background-color:#e0e0e0}.not-found{margin-top:50px;text-align:center}.not-found h1{color:red;font-size:3rem}.not-found p{font-size:1.5rem;margin:20px 0}.not-found a{color:#007bff;font-size:1.2rem;text-decoration:none}.not-found a:hover{text-decoration:underline}.attendance-container{background-color:#f9f9f9;border-radius:8px;font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px;width:80%}.attendance-header{color:#333;font-size:1.8rem;margin-bottom:20px;text-align:center}.section-period-select,.teacher-select{align-items:center;display:flex;gap:10px;margin:10px 0}.section-period-select select,.teacher-select select{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:8px}.group-container{background-color:#fff;border:1px solid #ddd;border-radius:6px;margin:20px 0;padding:15px}.group-title{color:#555;font-size:1.2rem;font-weight:700;margin-bottom:10px}.student-item{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:8px 0}.student-item label{color:#333;font-size:1rem}.attendance-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;margin-top:20px;padding:10px 20px;transition:background-color .3s ease}.attendance-button:hover{background-color:#45a049}.section-period-item{background-color:#e9ecef;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:12px;transition:background-color .3s}.section-period-item:hover{background-color:#d1d3d4}.attendance-options{align-items:center;display:flex;gap:10px}.attendance-options label{background-color:#f8f8f8;border:1px solid #ccc;border-radius:50%;color:#333;cursor:pointer;display:inline-block;height:30px;line-height:30px;margin-right:5px;text-align:center;transition:background-color .2s,color .2s;width:30px}.attendance-options label:hover{background-color:#e0f7fa}.attendance-options label.selected{background-color:#4caf50;border-color:#4caf50;color:#fff}.excuse-select{border-radius:4px;padding:5px;width:150px}.comment-input,.excuse-select{border:1px solid #ccc;font-size:14px}.comment-input{border-radius:4px;margin-top:10px;padding:8px;width:400px}.student-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.student-name{flex:1 1;font-size:14px;font-weight:700;min-width:120px}@media (max-width:768px){.student-row{align-items:flex-start;flex-direction:column}.comment-input,.excuse-select{width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:800px;padding:20px;text-align:center}h1{color:#333;margin-bottom:20px}.feature-links{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.feature-button{background-color:#007bff;border-radius:5px;color:#fff;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.feature-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.1a08faa3.css.map*/