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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#643ca9;--primary-light:#7e57c2;--primary-gradient:linear-gradient(135deg,#5c3c92,#3f2a6a);--secondary:#ff6f61;--secondary-gradient:linear-gradient(135deg,#ff6f61,#ff3b2f);--success:#28a745;--success-gradient:linear-gradient(135deg,#28a745,#1e7e34);--danger:#dc3545;--danger-gradient:linear-gradient(135deg,#dc3545,#a71d2a);--dark:#1d1d25;--light:#f8f9fa;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000026;--shadow-lg:0 10px 15px #0003;--glow:0 0 12px #5c3c9280}body{align-items:flex-start;background:#f8f9fa;background:var(--light);color:#1d1d25;color:var(--dark);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;margin:0;min-height:100vh;padding:2rem;transition:background .3s ease}.app-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1280px;width:100%}.main-content{border:1px solid #00000012;border-radius:16px;box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);padding:2.5rem}.main-content,.section{background:#fff;transition:all .3s ease}.section{border-radius:.75rem;box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);margin-bottom:2.5rem;overflow:hidden;padding:1.75rem;position:relative}.section:before{border-radius:0 0 8px 8px;content:"";height:5px;left:0;position:absolute;top:0;width:100%}.section-title{align-items:center;color:#1d1d25;color:var(--dark);display:flex;font-size:1.5rem;font-weight:700;margin-bottom:1.25rem}.section-title:before{border-radius:.3rem;content:"";display:inline-block;height:2rem;margin-right:1rem;width:.75rem}.admin-section,.head-section{background:#fff;border:1px solid #00000012;border-radius:12px;box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);box-sizing:border-box;margin-bottom:2rem;padding:1.5rem}.head-section{margin-left:auto;margin-right:auto;max-width:800px}.admin-section:before{background:linear-gradient(135deg,#5c3c92,#3f2a6a);background:var(--primary-gradient)}.admin-section .section-title{color:#643ca9;color:var(--primary)}.admin-section .section-title:before{background:linear-gradient(135deg,#5c3c92,#3f2a6a);background:var(--primary-gradient)}.admin-section,.head-section{background:#fff;border:1px solid #00000012;border-radius:16px;box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);box-sizing:border-box;margin-bottom:2rem;padding:2rem}.head-section{border-left:5px solid #ff6f61;border-left:5px solid var(--secondary)}.admin-section{border-left:5px solid #643ca9;border-left:5px solid var(--primary)}.head-section:before{background:linear-gradient(135deg,#ff6f61,#ff3b2f);background:var(--secondary-gradient)}.head-section .section-title{color:#ff6f61;color:var(--secondary)}.head-section .section-title:before{background:linear-gradient(135deg,#ff6f61,#ff3b2f);background:var(--secondary-gradient)}.teacher-section{border-left:5px solid #28a745;border-left:5px solid var(--success)}.teacher-section:before{background:linear-gradient(135deg,#28a745,#1e7e34);background:var(--success-gradient)}.teacher-section .section-title{color:#28a745;color:var(--success)}.teacher-section .section-title:before{background:linear-gradient(135deg,#28a745,#1e7e34);background:var(--success-gradient)}.student-section{border-left:5px solid #dc3545;border-left:5px solid var(--danger)}.student-section:before{background:linear-gradient(135deg,#dc3545,#a71d2a);background:var(--danger-gradient)}.student-section .section-title{color:#dc3545;color:var(--danger)}.student-section .section-title:before{background:linear-gradient(135deg,#dc3545,#a71d2a);background:var(--danger-gradient)}.parent-section{border-left:5px solid #7e57c2;border-left:5px solid var(--primary-light)}.parent-section:before{background:linear-gradient(135deg,#7e57c2,#643ca9);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%)}.parent-section .section-title{color:#7e57c2;color:var(--primary-light)}.parent-section .section-title:before{background:linear-gradient(135deg,#7e57c2,#643ca9);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%)}.form-group{margin-bottom:1.5rem}.form-label{color:#1d1d25;color:var(--dark);display:block;margin-bottom:.75rem}.form-input{border:1.5px solid #ced4da;border-radius:.5rem;box-shadow:none;box-sizing:border-box;font-size:1.1rem;max-width:100%;padding:.85rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#643ca9;border-color:var(--primary);box-shadow:0 0 8px #5c3c9266;outline:none}.button{align-items:center;border:none;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.button:after{background:#fff3;border-radius:.5rem;content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%}.button:hover:after{transform:translateX(0)}.button-primary{background:linear-gradient(135deg,#5c3c92,#3f2a6a);background:var(--primary-gradient);box-shadow:0 4px 6px #00000026,0 0 12px #5c3c9280;box-shadow:var(--shadow-md),var(--glow);color:#fff}.button-primary:hover{box-shadow:0 10px 15px #0003,0 0 12px #5c3c9280;box-shadow:var(--shadow-lg),var(--glow);transform:translateY(-2px)}.button-secondary{background:linear-gradient(135deg,#ff6f61,#ff3b2f);background:var(--secondary-gradient);box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);color:#fff}.button-secondary:hover{box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button-success{background:linear-gradient(135deg,#28a745,#1e7e34);background:var(--success-gradient);box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);color:#fff}.button-success:hover{box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button-danger{background:linear-gradient(135deg,#dc3545,#a71d2a);background:var(--danger-gradient);box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);color:#fff}.button-danger:hover{box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.button-outline{background:#0000;border:2px solid}.button-outline-primary{border-color:#643ca9;border-color:var(--primary);color:#643ca9;color:var(--primary)}.button-outline-primary:hover{background:#643ca9;background:var(--primary);color:#fff}.button-outline-secondary{border-color:#ff6f61;border-color:var(--secondary);color:#ff6f61;color:var(--secondary)}.button-outline-secondary:hover{background:#ff6f61;background:var(--secondary);color:#fff}.button-ghost{background:#0000;box-shadow:none;color:currentColor}.button-ghost:hover{background:#0000000d}.button-sm{font-size:.875rem;padding:.5rem 1rem}.button-md{padding:.75rem 1.25rem}.button-lg{font-size:1.125rem;padding:1rem 2rem}.button:disabled{cursor:not-allowed;opacity:.7}form.plain .form-group{margin-bottom:1.25rem}form.plain .form-label{color:#1d1d25;color:var(--dark);font-weight:400;margin-bottom:.5rem}form.plain .form-input{background:#fff;border:1px solid #ced4da;box-shadow:none}form.plain .form-input:focus{border-color:#adb5bd;box-shadow:none}.form-input.invalid{border-color:#dc3545;border-color:var(--danger)}.form-input.valid{border-color:#28a745;border-color:var(--success)}.form-feedback{font-size:.9rem;margin-top:.25rem}.form-feedback.invalid{color:#dc3545;color:var(--danger)}.form-feedback.valid{color:#28a745;color:var(--success)}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.5rem;margin-right:.75rem;width:1.5rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.app-container{padding:0 1rem}.main-content{padding:1.5rem}.section{padding:1rem}.section-title{font-size:1.25rem}.btn{font-size:1rem;padding:.75rem 1.25rem}.data-table td,.data-table th{padding:.5rem .75rem}}@media (max-width:768px){body{padding:1rem}.app-container{max-width:100%;padding:0 1rem}.main-content{padding:1rem;width:100%}.section{padding:.75rem}.section-title{font-size:1.1rem}.button{max-width:200px;padding:.6rem 1rem}.button,.data-table{font-size:.9rem;white-space:nowrap}.data-table{display:block;overflow-x:auto;width:100%}.data-table td,.data-table th{padding:.4rem .6rem}.flex{flex-direction:column}.btn,.button{box-sizing:border-box;max-width:200px;width:100%}.form-input,input,select,textarea{box-sizing:border-box;max-width:250px;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.app-container{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:1280px;padding:1rem;width:100%}.header{align-items:center;border-bottom:2px solid #643ca9;border-bottom:2px solid var(--primary);display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 0}.title{color:#643ca9;color:var(--primary);font-size:2rem;font-weight:700;margin:0}.header-controls{display:flex;flex-wrap:wrap;gap:1rem}.login-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);margin:2rem auto;max-width:400px;padding:1.5rem}.form-group{margin-bottom:1rem}.input-field{border:1.5px solid #ced4da;border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#643ca9;border-color:var(--primary);box-shadow:0 0 8px #5c3c9266;outline:none}.alert-error{background-color:#f8d7da;border-radius:.5rem;color:#842029;font-weight:600;margin-bottom:1rem;padding:.75rem 1rem;text-align:center}.mt-6{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column}.title{font-size:1.5rem;margin-bottom:.5rem}.header-controls{justify-content:flex-start;width:100%}.login-form{margin:1rem;padding:1rem}}.mt-6.space-y-8{display:flex;flex-direction:column;gap:1.5rem;padding:0 1rem}@media (max-width:768px){.mt-6.space-y-8{padding:0}}.data-table{word-wrap:break-word;border-collapse:collapse;font-size:1rem;margin:1.5rem 0;table-layout:fixed;width:100%}.data-table th{background-color:#f1f3f5;border-bottom:2px solid #dee2e6;color:#1d1d25;color:var(--dark);font-weight:700;text-align:left}.data-table td,.data-table th{max-width:150px;overflow:hidden;overflow-wrap:break-word;padding:.85rem 1.25rem;text-overflow:ellipsis;white-space:nowrap}.data-table td{border-bottom:1px solid #dee2e6;color:#495057}.data-table tr:hover{background-color:#e9ecef}@media (max-width:768px){body{padding:1rem}.app-container{max-width:100%;padding:0 1rem}.main-content{padding:1rem;width:100%}.section{padding:.75rem}.section-title{font-size:1.1rem}.button{font-size:.9rem;max-width:200px;padding:.6rem 1rem;white-space:nowrap}.data-table,.historical-data-table{word-wrap:break-word;display:block;font-size:.9rem;overflow-x:auto;table-layout:fixed;white-space:nowrap;width:100%}.data-table td,.data-table th,.historical-data-table td,.historical-data-table th{max-width:150px;overflow:hidden;padding:.4rem .6rem;text-overflow:ellipsis;white-space:nowrap}.flex{flex-direction:column}.btn,.button,.form-input,input,select,textarea{box-sizing:border-box;max-width:200px;width:100%}}.historical-data-table{border-collapse:collapse;width:100%}.historical-data-table td,.historical-data-table th{border:1px solid #dee2e6;max-width:150px;overflow:hidden;padding:.75rem 1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.historical-data-table tr:hover{background-color:#e9ecef}.data-table td,.data-table th{border-bottom:1px solid #dee2e6;padding:.85rem 1.25rem;text-align:left}@media (max-width:768px){.data-table{display:block;overflow-x:auto;white-space:nowrap}.data-table td,.data-table th{padding:.5rem .75rem}}.form-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.form-label{flex:1 1 40%;font-weight:600}.form-value{flex:1 1 55%;text-align:right}@media (max-width:768px){.form-row{align-items:flex-start;flex-direction:column}.form-value{margin-top:.25rem;text-align:left}}.card{background:#fff;border:1px solid #00000012;border-radius:12px;box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);padding:1.5rem}.card-title{color:#28a745;color:var(--success);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.yellow-card{border-left:5px solid #28a745;border-left:5px solid var(--success)}.space-x-4>*+*{margin-left:1rem}.space-x-2>*+*{margin-left:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}@media (min-width:769px) and (max-width:1280px){.form-input,input,select,textarea{max-width:200px}}.App{background:var(--light);color:var(--dark);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;text-align:center}.App-logo{animation:App-logo-spin 20s linear infinite;height:30vmin;margin:2rem auto;pointer-events:none}.App-header{align-items:center;background-color:var(--primary);border-radius:0 0 24px 24px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;font-size:calc(12px + 2vmin);justify-content:flex-start;min-height:100vh;padding:2rem 1rem;transition:background-color .3s ease}.App-link{color:var(--secondary);font-weight:600;text-decoration:none;transition:color .3s ease}.App-link:focus,.App-link:hover{color:var(--secondary-gradient);text-decoration:underline}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.App-header{font-size:calc(10px + 2vmin);padding:1.5rem 1rem}.App-logo{height:25vmin}}
/*# sourceMappingURL=main.ca736d15.css.map*/