body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#app{min-height:100vh;width:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-small{max-width:450px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #e5e7eb}.modal-header h2{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.btn-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;transition:color .3s}.btn-close:hover{color:#1a1a1a}.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb}.form-group{margin-bottom:20px}label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.required{color:#ef4444}.form-control{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s}.form-control:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-control.error{border-color:#ef4444}.error-text{display:block;color:#ef4444;font-size:12px;margin-top:4px}.btn-primary{background:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-primary:hover:not(:disabled){background:#4338ca}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s}.btn-secondary:hover{border-color:#9ca3af;color:#374151}.btn-warning{background:#f59e0b;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px}.btn-warning:hover:not(:disabled){background:#d97706}.btn-warning:disabled{opacity:.6;cursor:not-allowed}@keyframes spin-229bc692{to{transform:rotate(360deg)}}.animate-spin[data-v-229bc692]{animation:spin-229bc692 1s linear infinite}@keyframes fadeIn-229bc692{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-229bc692]{animation:fadeIn-229bc692 .3s ease-out forwards}[data-v-83f63eb1]::-webkit-scrollbar{width:6px}[data-v-83f63eb1]::-webkit-scrollbar-track{background:#f1f1f1}[data-v-83f63eb1]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}[data-v-83f63eb1]::-webkit-scrollbar-thumb:hover{background:#555}.checkbox-label[data-v-2b0aca0b]{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox][data-v-2b0aca0b]{width:18px;height:18px;cursor:pointer}.checkbox-label span[data-v-2b0aca0b]{font-weight:500}.relative[data-v-2b0aca0b]{position:relative}.student-list[data-v-2b0aca0b]{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.student-item[data-v-2b0aca0b]{display:flex;align-items:center;gap:12px;padding:12px;cursor:pointer;transition:background .2s}.student-item[data-v-2b0aca0b]:hover{background:#f3f4f6}.student-item img[data-v-2b0aca0b]{width:40px;height:40px;border-radius:50%;object-fit:cover}.student-name[data-v-2b0aca0b]{font-size:14px;font-weight:500;color:#1a1a1a}.student-email[data-v-2b0aca0b]{font-size:12px;color:#6b7280}.selected-student[data-v-2b0aca0b]{margin-top:8px;padding:8px 12px;background:#ecfdf5;border-radius:6px;color:#10b981;font-size:14px}@keyframes spin-dfccefaf{to{transform:rotate(360deg)}}.animate-spin[data-v-dfccefaf]{animation:spin-dfccefaf 1s linear infinite}