.home-container{display:flex;flex-direction:column;min-height:100vh}.home-main{flex:1 1}.home-banner{height:500px;overflow:hidden;position:relative}.home-banner-photo{filter:brightness(.5);height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.home-banner-text{color:#fff;left:50%;position:absolute;text-align:center;text-shadow:2px 2px 4px #00000080;top:50%;transform:translate(-50%,-50%)}.home-banner-text h1{font-size:3.5rem;margin:0}.yellow-text{color:#fce300}.home-content{background-color:#f9f9f9;padding:5rem 0;width:100%}.home-content-2{background-color:#fff;padding:5rem 0;width:100%}.home-content-section{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:100%;padding:0 2rem}.content-text{flex:1 1;max-width:40%}.content-image{flex:2 1;max-width:60%}.content-text h2{color:#333;font-size:2.5rem;margin-bottom:1rem}.content-text p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.content-text button{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background-color .3s,transform .3s}.content-text button:hover{background-color:#3367d6;transform:translateY(-2px)}.content-image img{border-radius:10px;box-shadow:0 4px 20px #0000001a;height:auto;transition:transform .3s ease;width:100%}.content-image img:hover{transform:scale(1.03)}.home-footer{background-color:#1d1d1d;color:#fff;padding:1rem;text-align:right}@media (max-width:1200px){.home-content-section{flex-direction:column}.content-image,.content-text{max-width:100%}.content-text h2{font-size:2rem}}@media (max-width:768px){.home-banner-text h1{font-size:2.5rem}.content-text h2{font-size:1.8rem}.home-content{padding:3rem 1rem}}.view-button{background-color:#4285f4;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.view-button:hover{background-color:#357ae8;box-shadow:0 6px 12px #0000004d}.home-header{align-items:center;background-color:#dcb41f;box-sizing:border-box;display:flex;justify-content:space-between;margin:0;padding:10px 15px;width:100%}.home-logo{height:75px;margin-bottom:-5px;margin-left:30px}.home-nav a{color:#333;font-weight:700;margin:0 15px;text-decoration:none}.home-nav a:hover{color:grey;transition:color .3s}.loading-page{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center}.loading-content{text-align:center}.loading-circles{display:flex;justify-content:center;margin-bottom:10px}.circle{animation:pulse 1s ease-in-out infinite;background-color:#4285f4;border-radius:50%;height:12px;margin:0 5px;opacity:.3;width:12px}.circle-1{animation-delay:0s}.circle-2{animation-delay:.5s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.loading-text{color:#333;font-size:16px;margin:0}.error-container{align-items:center;background-color:#dcb41f;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.error-content{max-width:1000px;padding:2rem;text-align:center}.error-header h1{color:#000;font-size:3.5rem;margin-bottom:1rem}.error-code{color:#000;font-size:5rem;font-weight:700;margin-bottom:2rem;text-shadow:2px 2px 4px #0000001a}.error-message{color:#333;font-size:1.25rem;line-height:1.6;margin-bottom:1.5rem}.error-details{margin-bottom:2rem;padding:1rem}.error-details p{color:#333;font-size:.875rem;margin:0}.error-technical{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem;text-align:left}.error-technical h3{color:#333;font-size:1rem;margin-bottom:.5rem}.error-technical-message{background-color:#f5f5f5;border-radius:4px;color:#666;font-family:monospace;font-size:.875rem;overflow-wrap:break-word;padding:1rem;white-space:pre-wrap}.home-button{align-items:center;background-color:#4285f4;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;margin:0 auto;padding:12px 24px;transition:all .3s ease}.home-button:hover{background-color:#3367d6;box-shadow:0 6px 12px #0000004d;transform:translateY(-2px)}.home-icon{height:20px;width:20px}@media (max-width:768px){.error-header h1{font-size:2.5rem}.error-code{font-size:4rem}.error-message{font-size:1.1rem}}@media (max-width:480px){.error-content{padding:1rem}.error-header h1{font-size:2rem}.error-code{font-size:3rem}.error-message{font-size:1rem}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:100;src:url(/static/media/Inter-Thin.2deca9291ec28e5bbe13.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:100;src:url(/static/media/Inter-ThinItalic.82ab8d90656d72d0453d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/static/media/Inter-ExtraLight.86ff768b6f42dcd980da.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:200;src:url(/static/media/Inter-ExtraLightItalic.4abbed80b910137e4368.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/static/media/Inter-Light.d6125db9dd20399de932.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:300;src:url(/static/media/Inter-LightItalic.42c85884278802922cd9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/Inter-Regular.76224c7fa303861462e7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:400;src:url(/static/media/Inter-Italic.b44d820bae143323a658.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/static/media/Inter-Medium.9c1163dc5cc2a1c9b55b.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:500;src:url(/static/media/Inter-MediumItalic.8ec956fb082ce092742f.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/static/media/Inter-SemiBold.3be6b9e3b22c24eaada7.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:600;src:url(/static/media/Inter-SemiBoldItalic.9a29a242a47db82ea071.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/Inter-Bold.c3c9f10a4dbfc7314a59.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:700;src:url(/static/media/Inter-BoldItalic.21c58fc495f4efcff84c.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/static/media/Inter-ExtraBold.1a0b36c51217b94a825d.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:800;src:url(/static/media/Inter-ExtraBoldItalic.aec47db441fde7da8c33.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/static/media/Inter-Black.9ed71fbc8206e8069042.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:italic;font-weight:900;src:url(/static/media/Inter-BlackItalic.eb2e655228f94ffaa162.woff2) format("woff2")}body{background-color:#f4f4f4;margin:0}.container,body{font-family:Inter,sans-serif}.container{align-items:center;background-color:#1d1d1d;display:flex;height:100vh;justify-content:center}.title-section{background-color:#dcb41f;border-radius:20px;box-shadow:0 4px 8px #c0a06b;padding:20px;text-align:center}.title-text{color:#333;font-size:36px;font-weight:500;margin-bottom:10px}.subtitle-text{color:#666;font-size:18px;font-weight:300;margin-bottom:20px}.centered-container{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.google-login-button{align-items:center;background-color:#1d1d1d;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;padding:10px 20px}.google-login-button span{position:relative;right:2px}.google-icon{height:30px;margin-right:15px;width:30px}.google-login-button span:hover{color:#f0f0f0;text-decoration:underline}.google-login-button span:before{background-color:#fff;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:top left;transition:transform .3s ease;width:100%}.google-login-button span:hover:before{transform:scaleX(1)}.tools-grid{max-width:1500px;width:80%}.tool-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;height:500px;overflow:hidden;padding:15px;position:relative;width:410px}.tool-image{height:250px;margin-bottom:10px;object-fit:cover;width:100%}.tool-info{flex-grow:1}.tool-info h3{align-items:center;display:flex;font-size:1.4em;justify-content:space-between;margin:0}.tool-info p{margin:10px 0}.tool-category{color:#777;font-style:italic;margin-bottom:20px}.view-more-btn{margin-top:auto;text-align:left}.status-icon{font-size:24px;margin-left:10px}.search-sort-container,.students-grid{max-width:1500px;width:80%}.search-sort-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.search-bar{border:1px solid #ccc;border-radius:4px;flex:1 1;height:35px;margin-right:10px;padding-left:10px;width:10000px}.student-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000001a;flex-direction:column;height:350px;overflow:hidden;width:450px}.student-card,.student-card-header{display:flex;justify-content:space-between}.student-card-header{align-items:center;background-color:#e0e0e0;padding:20px}.student-profile-pic{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.student-profile-pic img{height:100%;object-fit:cover;width:100%}.view-more-btn{background-color:initial;border:none;color:#007bff;cursor:pointer;font-size:large;font-weight:700}.view-more-btn:hover{text-decoration:underline}.student-info{padding:20px 20px 150px}.student-info h3{font-size:1.2em;margin:0}.student-info p{margin-bottom:5px}.myaccount-container{margin:0 auto;max-width:800px;padding:20px}.myaccount-container h2{color:#333;margin-bottom:20px;text-align:center}.student-view{margin:0 auto;max-width:1200px;padding:20px}.student-header{align-items:center;display:flex;margin-bottom:20px}.profile-image{border-radius:50%;height:100px;margin-right:20px;width:100px}.student-details{margin-bottom:20px}.tools-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.tools-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));width:1400px}.logout-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.logout-button:hover{background-color:#d32f2f}.add-student-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.add-student-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.add-student-container form{display:flex;flex-direction:column}.add-student-container input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem}.add-student-container input[type=file]{padding:.5rem 0}.add-student-container button{border-radius:5px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s ease}.add-student-container button[type=submit]{background-color:#3498db;border:none;color:#fff}.add-student-container button[type=submit]:hover{background-color:#2980b9}.add-student-container button[type=button]{background-color:#e5ebed;border:none;color:#34495e}.add-student-container button[type=button]:hover{background-color:#bdc3c7}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:2rem;width:100%}.modal-content p{font-size:1.1rem;margin-bottom:1.5rem;text-align:center}.modal-buttons{display:flex;justify-content:space-around}.modal-button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.modal-button.confirm{background-color:#e74c3c;color:#fff}.modal-button.confirm:hover{background-color:#c0392b}.modal-button.cancel{background-color:#e5ebed;border:none;color:#34495e}.modal-button.cancel:hover{background-color:#bdc3c7}.update-student-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.update-student-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.update-student-container form{display:flex;flex-direction:column}.update-student-container input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem}.update-student-container input[type=file]{padding:.5rem 0}.update-student-container button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.update-student-container button[type=submit]{background-color:#3498db;color:#fff}.update-student-container button[type=submit]:hover{background-color:#2980b9}.cancel-button{background-color:#e5ebed;border:none;color:#34495e}.cancel-button:hover{background-color:#bdc3c7}.tool-search,.trained-tools{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:1rem;padding:1rem}.tool-search h3,.trained-tools h3{border-bottom:2px solid #3498db;color:#2c3e50;font-size:1.2rem;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.tool-item,.trained-tool-item{grid-gap:.5rem;align-items:center;background-color:#f8f9fa;border-radius:6px;display:grid;gap:.5rem;grid-template-columns:1fr 1fr 1fr auto;margin-bottom:.75rem;padding:.75rem;transition:background-color .2s}.tool-item:hover,.trained-tool-item:hover{background-color:#e9ecef}.tool-item span,.trained-tool-item span{color:#34495e;font-size:.9rem}.tool-item .add-button,.trained-tool-item .remove-button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:.25rem .5rem;transition:background-color .2s}.trained-tool-item .remove-button{background-color:#e74c3c}.trained-tool-item .remove-button:hover{background-color:#c0392b}.tool-item .add-button{background-color:#3498db}.tool-item .add-button:hover{background-color:#2980b9}.tool-search input{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}.tool-results{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;max-height:250px;overflow-y:auto;padding:.5rem}.admin-switch{align-items:center;display:flex;margin:1rem 0}.admin-switch label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.admin-switch input[type=checkbox]{margin-left:.5rem;margin-top:1rem;width:auto}.student-profile-container{margin:0 auto;max-width:800px;padding:20px}.add-tool-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.add-tool-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.add-tool-container form{display:flex;flex-direction:column}.add-tool-container input,.add-tool-container select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem}.add-tool-container button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.add-tool-container button[type=submit]{background-color:#3498db;color:#fff}.add-tool-container button[type=submit]:hover{background-color:#2980b9}.add-tool-container button[type=button]{background-color:#e5ebed;color:#34495e}.add-tool-container button[type=button]:hover{background-color:#bdc3c7}.update-tool-container{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.update-tool-container h2{color:#2c3e50;margin-bottom:1.5rem;text-align:center}.update-tool-container form{display:flex;flex-direction:column}.update-tool-container input,.update-tool-container select{border:1px solid #ced4da;border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.5rem}.button-group{display:flex;justify-content:space-between;margin-top:1rem}.update-tool-container button{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.update-tool-container button[type=submit]{background-color:#3498db;color:#fff}.update-tool-container button[type=submit]:hover{background-color:#2980b9}.update-tool-container .cancel-button{background-color:#e5ebed;border:none;color:#34495e}.update-tool-container .cancel-button:hover{background-color:#bdc3c7}.error{color:#e74c3c;margin-bottom:1rem}.add-student-button{background-color:#4285f4;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.add-student-button:hover{background-color:#357ae8;box-shadow:0 6px 12px #0000004d}.students-table{border-collapse:collapse;width:100%}.students-table td,.students-table th{border:1px solid #ddd;padding:8px;text-align:center}.students-table th{background-color:#f2f2f2}.edit-records-container{padding:20px}.tab-container{display:flex;justify-content:center;margin-bottom:20px}.tab{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin:0 5px;padding:10px 20px}.tab.selected{background-color:#e0e0e0}.add-tool-button{background-color:#4285f4;border:none;border-radius:5px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:10px 20px;transition:background-color .3s,box-shadow .3s}.add-tool-button:hover{background-color:#357ae8;box-shadow:0 6px 12px #0000004d}.tools-table{border-collapse:collapse;width:100%}.tools-table td,.tools-table th{border:1px solid #ddd;padding:8px;text-align:center}.tools-table th{background-color:#f2f2f2}.controls-container{align-items:center;display:flex;margin-bottom:10px}.search-input{border:1px solid #ccc;border-radius:4px;flex:1 1;height:35px;margin-right:10px;padding-left:10px;width:10000px}.sort-dropdown{border:1px solid #ccc;border-radius:4px;padding:10px}.delete-button,.update-button{background-color:initial;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:5px 10px}.delete-button:hover,.update-button:hover{background-color:#e0e0e0}.tool-view{margin:0 auto;max-width:1200px;padding:20px;position:relative}.back-button{align-items:center;background-color:initial!important;cursor:pointer;display:flex;left:35px;margin-bottom:1rem;position:absolute;top:135px}.back-button img{height:24px;margin-right:.5rem;width:24px}.back-button span{color:#000;font-size:1rem;font-weight:500;text-decoration:none}.back-button span:hover{color:#000}.back-button span:before{background-color:#000;bottom:0;content:"";display:block;height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:top left;transition:transform .3s ease;width:100%}.back-button span:hover:before{transform:scaleX(1)}.tool-profile-container{align-items:flex-start;display:flex;gap:40px;justify-content:flex-start;margin-top:80px}.tool-image-profile{box-shadow:8px 8px 15px #01010180;flex-shrink:0;max-height:auto;object-fit:contain;width:750px}.tool-details{font-size:1.2rem;line-height:1.6;margin-left:40px;max-width:700px;white-space:nowrap}.tool-details h1{font-size:2rem;margin-bottom:20px}.tool-details p{margin:10px 0}.tool-details strong{display:inline-block;width:200px}.students-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.students-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(430px,1fr));width:1400px}
/*# sourceMappingURL=main.c8f796f4.css.map*/