#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:80vh;background-color:#899963;padding:50px 150px}.login-logo{width:300px;margin-bottom:20px}@media (max-width: 768px){.login-wrapper{height:auto;padding:30px 50px 40px}.login-logo{width:90%;max-width:250px}}@media (max-width: 480px){.login-wrapper{padding:20px 20px 30px}.login-logo{width:95%;max-width:200px}}.login-form-wrapper{width:90%;max-width:500px;background-color:#fff;padding:30px 20px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.login-title{font-size:2rem;font-weight:700;color:#344055;text-align:center;margin-bottom:20px}.input-group{width:100%;margin-bottom:20px;background-color:#7fffd4;border-radius:8px;padding:0}.input-field{width:80%;padding:15px;border-radius:8px;border:1px solid #ccc;margin-bottom:15px}.submit-button{width:80%;padding:15px;border:none;border-radius:8px;background-color:#007bff;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:20px}.submit-button:hover{background-color:#0056b3}@media (max-width: 768px){.login-form-wrapper{padding:25px 15px}.login-title{font-size:1.75rem}.input-field,.submit-button{width:90%}}@media (max-width: 480px){.login-form-wrapper{padding:20px 10px}.login-title{font-size:1.5rem}.input-field{width:85%}.submit-button{width:95%}}.dashboard-wrapper{position:relative}.toggle-btn{position:fixed;top:20px;left:20px;background-color:#88a456;border:none;width:50px;height:50px;cursor:pointer;font-size:24px;color:#fff;border-radius:5px;padding:10px;z-index:1000}.sidebar{width:250px;background-color:#2c3e50;color:#fff;padding:20px;position:fixed;top:0;left:-550px;height:100%;transition:left .3s ease;z-index:999}.sidebar.open{left:0}.menu{margin-top:20px}.menu-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px;border-radius:5px;margin-bottom:10px;color:#fff}.menu-item:hover{background-color:#93ac61}.menu-item span{font-size:16px}.card-grid{margin-top:100px;margin-left:150px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:20px}@media (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.card-grid{grid-template-columns:repeat(1,1fr)}}.dashboard-card{background-color:#0ff;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:150px;width:260px}.dashboard-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.dashboard-card h3{margin:0}@media (max-width: 600px){.sidebar,.sidebar.open{width:200px}.school-img{width:70%;max-width:200px}}.dashboard-title{text-align:center;font-size:4.5rem;font-weight:700;color:#331aaf;background:linear-gradient(to right,tomato,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);font-family:Arial,sans-serif;padding:20px;margin:-30px 0 200px}.dashboard-container{display:flex;align-items:center;justify-content:flex-start;margin-top:-180px;margin-left:500px}.school-img1112{width:80%;display:block;margin-right:380px;margin-top:15px}.school-logo-img{margin-left:-130px;margin-top:5px}.school-logo1{display:flex;justify-content:center;align-items:center;padding:20px;margin-top:400px}.school-logo-img2{width:260px;height:auto}.school-logo-img2:hover{transform:scale(1.05)}@media (max-width: 768px){.school-logo{margin-top:15px;padding:15px}.school-logo-img2{width:120px}}@media (max-width: 480px){.school-logo{margin-top:10px;padding:10px}.school-logo-img2{width:100px}}.booking-form{max-width:600px;margin:0 auto;padding:20px;background-color:#f2f2f2;border-radius:8px;box-shadow:0 0 10px #0000001a}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input,.form-group textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.note{font-size:.85em;color:#555;margin-top:5px;display:block}.support-form-container{max-width:600px;margin:40px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif}.support-form-container h2{text-align:center;color:#333;margin-bottom:20px}.support-form{display:flex;flex-direction:column}.support-form-label{display:flex;flex-direction:column;margin-bottom:15px;color:#555;font-weight:700}.support-form-input,.support-form-select,.support-form-textarea,.support-form-file-input{padding:10px;margin-top:5px;border:1px solid #ccc;border-radius:4px;font-size:14px;transition:border-color .3s}.support-form-input:focus,.support-form-select:focus,.support-form-textarea:focus,.support-form-file-input:focus{border-color:#007bff;outline:none}.support-form-textarea{height:120px;resize:vertical}.support-form-file-input{padding:5px}.support-form-button{padding:12px;background-color:#007bff;color:#fff;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-weight:700}@media (max-width: 600px){.support-form-container{padding:15px;margin:20px}.support-form-input,.support-form-select,.support-form-textarea,.support-form-file-input{font-size:12px}.support-form-button{font-size:14px;padding:10px}}.support-form-container{max-width:500px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 5px #0000001a}.support-form-label{display:block;margin-bottom:10px}.support-form-input,.support-form-textarea,.support-form-select{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.support-form-file-input{margin-top:5px}.support-form-button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.support-form-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:5px;font-size:14px}.new-service-button{background-color:#28a745}.feedback-button{background-color:#ffc107}.support-form-button:hover{opacity:.9}.support-form-buttons{display:flex;gap:10px;margin-bottom:20px}.support-form-button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:4px}.support-form-button:hover{background-color:#0056b3}.booking-button-content,.support-content{margin-top:20px;padding:15px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px}.customers-wrapper{position:relative;padding:0}.customers-title{text-align:center;font-size:3.5rem;font-weight:700;color:#1e90ff;background:linear-gradient(to right,tomato,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);padding:0;margin-top:-30px}.customers-images-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.customers-card-container{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:20px}.customers-card{background-color:#0ff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:300px}.customers-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.customers-img{width:50px;height:50px;margin-bottom:10px}.customers-card-title{margin:0;font-size:1.2rem;font-weight:500}.customers-card{border:2px solid #ccc;transition:background-color .3s ease,border-color .3s ease}.customers-card:hover{border-color:#007bff}.active-card{background-color:#f0f8ff;border-color:#007bff}.services-wrapper{position:relative;padding:0}.services-title{text-align:center;font-size:3.5rem;font-weight:700;color:#1e90ff;background:linear-gradient(to right,tomato,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);padding:0;margin-top:-30px}.services-images-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.services-card-container{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:20px}.services-card{background-color:#0ff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:300px}.services-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.services-img{width:50px;height:50px;margin-bottom:10px}.services-card-title{margin:0;font-size:1.2rem;font-weight:500}.sd-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130vh;height:60vh;background-color:#9cb053}h1{margin-bottom:20px;color:#3f199f}.sd-button-container{display:flex;flex-direction:column;gap:10px}.sd-button{padding:10px 20px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:5px;text-decoration:none;text-align:center;transition:background-color .3s}.sd-button:hover{background-color:#0056b3}.technicians-images-container21{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.technicians-logo21{width:40%;margin-right:10px}h2{margin-bottom:20px;color:#333;font-size:24px}.technicians-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 0 10px #0000001a}.technicians-table th{background-color:#007bff;color:#fff;padding:12px;text-transform:uppercase}.technicians-table td{padding:10px;border:1px solid #ddd;text-align:center;background-color:#f9f9f9}.technicians-table tbody tr:nth-child(2n){background-color:#f2f2f2}.technicians-table tbody tr:hover{background-color:#e2e6ea}.profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover}.error{color:red;font-weight:700;margin-top:20px}@media (max-width: 768px){.technicians-table{font-size:14px}.technicians-table th,.technicians-table td{padding:8px}.profile-pic{width:40px;height:40px}}@media (max-width: 480px){.technicians-table{font-size:12px}.technicians-table th,.technicians-table td{padding:5px}.profile-pic{width:35px;height:35px}h2{font-size:20px}}.edit-btn,.delete-btn{padding:8px 12px;margin:0 5px;border:none;cursor:pointer;color:#fff;border-radius:4px;font-size:14px}.edit-btn{background-color:#28a745}.delete-btn{background-color:#dc3545}.edit-btn:hover{background-color:#218838}.delete-btn:hover{background-color:#c82333}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:8px;width:400px;text-align:center}.modal-content input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.modal-actions{display:flex;justify-content:space-between}.update-btn{background-color:#28a745;color:#fff;padding:10px 20px;border:none;cursor:pointer}.cancel-btn{background-color:#dc3545;color:#fff;padding:10px 20px;border:none;cursor:pointer}.update-btn:hover{background-color:#218838}.cancel-btn:hover{background-color:#c82333}.add-btn{margin-bottom:15px;background-color:#007bff;color:#fff;padding:10px 20px;border:none;cursor:pointer;border-radius:4px}.add-btn:hover{background-color:#0056b3}.technician-ratings-container{font-family:Arial,sans-serif;max-width:1000px;margin:20px auto;padding:20px;background-color:#f9f9f9;box-shadow:0 4px 10px #0000001a;border-radius:8px}.technician-ratings-container h2{text-align:center;color:#333;margin-bottom:20px}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}table thead tr{background-color:#4caf50;color:#fff;text-align:left}table th,table td{padding:12px 15px;border:1px solid #ddd}table tbody tr:nth-child(2n){background-color:#f2f2f2}table tbody tr:hover{background-color:#f1f1f1;transition:background-color .3s}.feedback{color:#555;font-size:14px}.service-quality{padding:5px 10px;border-radius:5px;font-weight:700;color:#fff;display:inline-block}.service-quality.High{background-color:#28a745}.service-quality.Medium{background-color:#ffc107}.service-quality.Low{background-color:#dc3545}@media (max-width: 768px){table,thead,tbody,th,td,tr{display:block}table thead{display:none}table tr{margin-bottom:15px;border:1px solid #ddd;border-radius:5px}table td{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd}table td:last-child{border-bottom:0}table td:before{font-weight:700;text-transform:capitalize}}.technicians-wrapper{position:relative;padding:0}.technicians-title{text-align:center;font-size:3.5rem;font-weight:700;color:#1e90ff;background:linear-gradient(to right,tomato,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);margin-top:-30px}.technicians-images-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.technicians-logo{width:30%;margin-right:10px}.technicians-card-container{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:20px}.technicians-card{background-color:#0ff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:300px}.technicians-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.technicians-img{width:50px;height:50px;margin-bottom:10px}.technicians-card-title{margin:0;font-size:1.2rem;font-weight:500}.technicians-card.selected{background-color:#f0ad4e;border:2px solid #d9534f;color:#fff;transform:scale(1.05);transition:all .3s ease}.technicians-card:hover{cursor:pointer}.technician-rating-container{margin-top:20px;padding:15px;background-color:#f2f2f2;border-radius:8px}.tr-form-container{width:50%;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9}.tr-form h2{text-align:center;margin-bottom:20px}.tr-form-group{margin-bottom:15px}.tr-form-group label{display:block;margin-bottom:5px}.tr-form-group input,.tr-form-group select,.tr-form-group textarea{width:100%;padding:8px;box-sizing:border-box}.tr-form-group .error{color:red;font-size:12px}.tr-form-submit{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.tr-form-submit:hover{background-color:#45a049}.td-container1{width:100%;padding:20px;box-sizing:border-box;background-color:#add8e6}.td-button-group{display:flex;justify-content:flex-start;gap:10px;margin-bottom:20px}.td-btn{padding:10px 20px;font-size:16px;border:none;cursor:pointer;height:50px;flex-grow:1}.td-register-btn{background-color:#4caf50;color:#fff;width:100px}.td-modify-btn{background-color:#2196f3;color:#fff;width:250px}.td-search-bar{margin-bottom:20px}.td-search-input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.td-table-container1{overflow-x:auto}.td-technician-table{width:100%;border-collapse:collapse}.td-technician-table1 th,.td-technician-table1 td{padding:10px;text-align:left;border:1px solid #ddd}.td-technician-table th{background-color:#f2f2f2}.td-technician-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.td-error{color:red;font-weight:700;margin-bottom:10px}.td-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.td-btn{font-size:14px;padding:8px 15px;height:45px}.td-technician-table1 th,.td-technician-table1 td{padding:8px}.td-technician-image{width:40px;height:40px}}.td-search-container{margin-bottom:15px;display:flex;gap:10px}.td-search-select{padding:8px;width:200px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.technicians-images-container1{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.technicians-logo1{width:60%;margin-right:10px}.offers-wrapper{position:relative;padding:0}.offers-title{text-align:center;font-size:3.5rem;font-weight:700;color:coral;background:linear-gradient(to right,tomato,coral);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);padding:0;margin-top:-30px}.offers-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.offer-logo{width:40%;margin-right:10px}.offers-card-container{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:20px}.offers-card{background-color:#0ff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:300px}.offers-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.offers-img{width:50px;height:50px;margin-bottom:10px}.offers-card-title{margin:0;font-size:1.2rem;font-weight:500}.service-request-form-container{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background:#f9f9f9}.service-request-title{text-align:center;margin-bottom:20px}.service-request-form .service-request-group{margin-bottom:15px}.service-request-form label{display:block;font-weight:700;margin-bottom:5px}.service-request-form input,.service-request-form select,.service-request-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}.service-request-form textarea{resize:vertical}.service-request-actions{display:flex;justify-content:space-between}.service-request-actions button{padding:10px 15px;border:none;border-radius:4px;cursor:pointer}.service-request-submit{background:#007bff;color:#fff}.service-request-reset{background:#dc3545;color:#fff}.service-history-container{width:100%;max-width:600px;margin:50px auto;padding:20px;background-color:#f9f9f9;box-shadow:0 4px 8px #0000001a;border-radius:8px}.service-history-heading{text-align:center;font-size:24px;margin-bottom:20px;color:#333}.service-history-form{display:flex;flex-direction:column}.form-field{margin-bottom:15px}.field-label{display:block;font-weight:700;margin-bottom:5px;color:#555}.field-input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.field-input:focus{border-color:#007bff;outline:none}.form-submit-btn{background-color:#007bff;color:#fff;padding:12px;font-size:18px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form-submit-btn:hover{background-color:#0056b3}body{font-family:Arial,sans-serif}.images-wrapper{position:relative;padding:0}.images-title{text-align:center;font-size:3.5rem;font-weight:700;color:#1e90ff;background:linear-gradient(to right,tomato,#1e90ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 5px rgba(0,0,0,.3);padding:0;margin-top:-30px}.images-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.school-logo{width:40%;margin-right:10px}.images-card-container{display:flex;justify-content:center;align-items:center;margin-top:30px;gap:20px}.images-card{background-color:#0ff;padding:30px;border-radius:15px;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:300px}.images-card:hover{transform:scale(1.05);box-shadow:0 6px 8px #0003}.images-img{width:50px;height:50px;margin-bottom:10px}.images-card-title{margin:0;font-size:1.2rem;font-weight:500}.images-card{border:2px solid #ccc;padding:20px;text-align:center;transition:all .3s ease}.images-card:hover{border-color:#007bff;box-shadow:0 4px 8px #0000001a}.images-card.active-card{background-color:#f0f8ff;border-color:#007bff;box-shadow:0 4px 8px #007bff33}.form-container{margin-top:30px;padding:20px;border:1px solid #ccc;background-color:#f9f9f9;border-radius:8px}.customer-container{width:800px;height:600px;max-height:600px;padding:50px;box-sizing:content-box;font-family:Arial,sans-serif;color:#333;background-color:#add8e6}.customer-button-group{display:flex;justify-content:flex-start;gap:10px;margin-bottom:20px}.customer-btn{padding:10px 20px;font-size:16px;border:none;cursor:pointer;height:50px;flex-grow:1;font-family:Roboto,sans-serif;color:#fff}.customer-register-btn{background-color:#4caf50;color:#fff;width:100px}.customer-modify-btn{background-color:#2196f3;color:#fff;width:250px}.customer-btn:hover{opacity:.9}.customer-search-bar{margin-bottom:20px}.customer-search-input{width:100%;padding:10px;font-size:16px;border:1px solid #140606;border-radius:4px;box-sizing:border-box;font-family:Roboto,sans-serif}.customer-table-container{overflow-x:auto}.customer-table{width:100%;border-collapse:collapse;font-family:Open Sans,sans-serif}.customer-table th,.customer-table td{padding:10px;text-align:left;border:1px solid #ddd}.customer-table th{background-color:#f2f2f2;color:#333;font-weight:700;font-size:14px}.customer-table td{color:#666;font-size:14px}.customer-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.customer-error{color:#d32f2f;font-weight:700;margin-bottom:10px}.customer-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.customer-btn{font-size:14px;padding:8px 15px;height:45px}.customer-table th,.customer-table td{padding:8px}.customer-image{width:40px;height:40px}}.customers-images-container2{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.school-logo2{width:60%;margin-right:10px}.od-container{width:100%;padding:20px;box-sizing:border-box}.od-button-group{display:flex;justify-content:flex-start;gap:10px;margin-bottom:20px}.od-btn{padding:10px 20px;font-size:16px;border:none;cursor:pointer;height:50px;flex-grow:1}.od-register-btn{background-color:#4caf50;color:#fff;width:100px}.od-modify-btn{background-color:#2196f3;color:#fff;width:250px}.od-search-bar{margin-bottom:20px}.od-search-input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.od-table-container{overflow-x:auto}.od-offers-table{width:100%;border-collapse:collapse}.od-offers-table th,.od-offers-table td{padding:10px;text-align:left;border:1px solid #ddd}.od-offers-table th{background-color:#f2f2f2}.od-offer-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.od-error{color:red;font-weight:700;margin-bottom:10px}.od-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.od-btn{font-size:14px;padding:8px 15px;height:45px}.od-offers-table th,.od-offers-table td{padding:8px}.od-offer-image{width:40px;height:40px}}.events-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;padding:20px;margin-top:50px;font-family:Arial,sans-serif}.events-content{text-align:center;max-width:600px;width:100%}.events-textarea{width:calc(100% - 22px);height:150px;padding:10px;border:1px solid #ccc;border-radius:5px;margin-bottom:20px;resize:vertical}.media-button,.submit-button{padding:10px 20px;margin:5px;border:none;border-radius:5px;cursor:pointer;width:calc(100% - 22px);max-width:200px}.media-button{background-color:#007bff;color:#fff;margin-bottom:10px}.media-button:hover{background-color:#0056b3}.submit-button{background-color:#28a745;color:#fff}.submit-button:hover{background-color:#218838}@media (max-width: 600px){.events-textarea{height:100px}.media-button,.submit-button{padding:8px 16px}}.media-gallery{margin-top:20px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.media-item{display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #ddd;border-radius:5px}.media-image,.media-video{width:100%;height:auto}.service-form-container{display:flex;justify-content:center;align-items:center;height:100vh}.service-form-content{background-color:#597188;border-radius:10px;padding:30px;width:80%;max-width:900px;box-shadow:0 4px 8px #0003}.service-form-input-group{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px auto}.service-input{height:40px;padding:0 10px;margin:10px 0;border:1px solid #ccc;border-radius:5px;font-size:16px}.service-error{color:red;font-size:12px}.service-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}.service-button:hover{background-color:#0056b3}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-button-container{text-align:center}.customer-register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.customer-register-form{width:100%;max-width:1400px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.customer-register-form h2{text-align:center;margin-bottom:20px}.customer-form-row{display:flex;justify-content:space-between;gap:20px}.customer-form-group{width:48%}.customer-form-group label{display:block;margin-bottom:5px}.customer-form-group input,.customer-form-group select,.customer-form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.customer-form-group textarea{resize:vertical}.customer-profile-picture-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;gap:20px}.customer-profile-picture{display:flex;justify-content:center;align-items:center;height:80px;width:80px;border-radius:50%;overflow:hidden;border:2px solid #4caf50}.customer-profile-picture img{width:100%;height:auto}.customer-profile-picture-label{display:inline-block;cursor:pointer;border:2px solid #4caf50;padding:10px;border-radius:50%;text-align:center}.upload-field{display:flex;flex-direction:column;justify-content:center}.upload-field label{margin-bottom:5px}.upload-field input[type=file]{padding:10px;border:1px solid #ccc;border-radius:5px}.error{color:red;font-size:12px;margin-top:5px}.required{color:red}.home-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:10vh;background-color:#9cb053;padding:60px;box-sizing:border-box}.technicians-images-container22{display:flex;align-items:center;justify-content:center;margin-bottom:100px}.technicians-logo22{width:50%;margin-right:10px}.home-containerr{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;border-radius:10px}.home-containerr h1{margin-bottom:20px;color:#3f199f;font-size:2rem}.button-containerr{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.buttonr{padding:12px 25px;font-size:16px;color:#fff;background-color:#007bff;border:none;border-radius:8px;text-decoration:none;text-align:center;transition:background-color .3s ease,transform .2s ease}.buttonr:hover{background-color:#0056b3;transform:scale(1.05)}.s2s-containerr{display:flex;flex-direction:column;align-items:center;padding:20px;font-family:Arial,sans-serif;max-width:800px;margin:0 auto}.s2s-form{width:100%;max-width:500px;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.s2s-form label{display:flex;flex-direction:column;font-weight:700;margin-bottom:15px;font-size:16px}.s2s-form input[type=text],.s2s-form input[type=file]{padding:10px;margin-top:5px;font-size:14px;border:1px solid #ddd;border-radius:4px}.s2s-form button{background-color:#4caf50;color:#fff;padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin-top:10px}.s2s-form button:hover{background-color:#45a049}h2{font-size:24px;margin-bottom:10px;color:#333}.cards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.category-card{width:220px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;text-align:center;transition:transform .3s ease;padding:15px}.category-card:hover{transform:scale(1.05)}.category-image{width:100%;height:150px;object-fit:cover;border-bottom:1px solid #ddd;margin-bottom:15px}.category-info h3{font-size:18px;color:#333;margin:0}.category-info p{font-size:14px;color:#555;margin:5px 0}.category-info p strong{font-weight:700}.category-info button{background-color:tomato;color:#fff;padding:8px 12px;font-size:14px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease;margin:5px}.category-info button:hover{background-color:#e0533f}.service-management-container{max-width:800px;margin:0 auto;padding:20px;background-color:#76888e;border-radius:8px;box-shadow:0 4px 8px #0000001a}h2,h3{text-align:center;color:#333}.service-form-field{margin-bottom:15px}.service-form-field label{display:block;font-weight:700;color:#555;margin-bottom:5px}.service-form-field input,.service-form-field textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.service-form-field textarea{resize:vertical;min-height:80px}button[type=submit]{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s ease}button[type=submit]:hover{background-color:#45a049}.alert,.success-message{margin:10px 0;padding:10px;text-align:center;border-radius:4px}.alert.error{background-color:#f8d7da;color:#721c24}.success-message{background-color:#d4edda;color:#155724}.service-card-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.service-card{width:100%;max-width:280px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:15px;text-align:center;position:relative}.service-card img{max-width:100%;height:auto;margin-top:10px;border-radius:4px}.service-card h4{font-size:18px;color:#333;margin-bottom:10px}.service-card p{font-size:14px;color:#666;margin:5px 0}.service-card-buttons{display:flex;justify-content:space-between;margin-top:15px}.service-card-buttons button{flex:1;padding:8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.service-card-buttons button:first-child{background-color:#008cba;color:#fff;margin-right:5px}.service-card-buttons button:first-child:hover{background-color:#007b9e}.service-card-buttons button:last-child{background-color:#f44336;color:#fff}.service-card-buttons button:last-child:hover{background-color:#d32f2f}.form-container00{max-width:500px;margin:20px auto;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.form-container00 form{display:flex;flex-direction:column}.form-container00 label{margin-bottom:15px;font-weight:700;color:#333}.form-container00 input[type=text],.form-container00 input[type=file]{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.form-container00 button{padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.form-container00 button:hover{background-color:#0056b3}.custom-card-grid00{display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fill,150px);gap:20px;margin-top:20px;overflow-x:auto;white-space:nowrap}.custom-card00{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #00000026;text-align:center;padding:15px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.custom-card00:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.custom-card-image00{width:100%;height:100px;object-fit:cover;border-radius:6px;margin-bottom:10px}.custom-card-content00 h4{margin:0;font-size:16px;color:#333}.custom-card-content00 p{margin:5px 0 0;font-size:14px;color:#666}.cart-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;background-color:#add8e6}.cart-table-container{flex:1;overflow-x:auto;margin-top:10px}.cart-details-table{width:100%;height:100%;border-collapse:collapse}.cart-details-table th,.cart-details-table td{padding:10px;text-align:left;border:1px solid #42965b}.cart-details-table th{background-color:#b14c4c}.cart-error{color:red;font-weight:700;margin-bottom:10px}.cart-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.cart-details-table th,.cart-details-table td{padding:8px;font-size:12px}.cart-container{padding:10px}}.transaction-container{width:100%;height:40vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;background-color:#add8e6}.transaction-table-container{width:100%;max-width:1200px;overflow-x:auto;margin:10px auto 20px}.transaction-details-table{width:100%;border-collapse:collapse;table-layout:fixed}.transaction-details-table th,.transaction-details-table td{padding:8px;text-align:left;border:1px solid #ddd;font-size:14px;word-wrap:break-word}.transaction-details-table th{background-color:#a25252;font-size:14px}.transaction-error{color:red;font-weight:700;margin-bottom:10px;text-align:center}.transaction-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.transaction-details-table th,.transaction-details-table td{padding:6px;font-size:12px}.transaction-container{padding:5px}.transaction-table-container{width:100%}}.technician-container{width:100%;height:90vh;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-sizing:border-box;background-color:#add8e6}.technician-table-container{flex:1;overflow-x:auto;margin-top:10px}.technician-details-table{width:100%;height:100%;border-collapse:collapse}.technician-details-table th,.technician-details-table td{padding:6px 8px;text-align:left;border:1px solid #ddd;font-size:13px}.technician-details-table th{background-color:#9d4a4a}.technician-error{color:red;font-weight:700;margin-bottom:10px}.technician-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.technician-details-table th,.technician-details-table td{padding:5px 6px;font-size:13px}.technician-container{padding:10px}}.techskill-container{width:100%;height:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;background-color:#add8e6}.techskill-table-container{width:100%;max-width:1200px;overflow-x:auto;margin:0 auto 20px}.techskill-details-table{width:100%;border-collapse:collapse;table-layout:fixed}.techskill-details-table th,.techskill-details-table td{padding:8px;text-align:left;border:1px solid #ddd;font-size:14px;word-wrap:break-word}.techskill-details-table th{background-color:#9e3b3b;font-size:14px}.techskill-error{color:red;font-weight:700;margin-bottom:10px;text-align:center}.techskill-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.techskill-details-table th,.techskill-details-table td{padding:6px;font-size:12px}.techskill-container{padding:5px}.techskill-table-container{width:100%}}.techavailability-container{width:100%;height:20vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;background-color:#add8e6}.techavailability-table-container{width:100%;max-width:1200px;overflow-x:auto;margin:0 auto 20px}.techavailability-details-table{width:100%;border-collapse:collapse;table-layout:fixed}.techavailability-details-table th,.techavailability-details-table td{padding:8px;text-align:left;border:1px solid #ddd;font-size:14px;word-wrap:break-word}.techavailability-details-table th{background-color:#9e4141;font-size:14px}.techavailability-error{color:red;font-weight:700;margin-bottom:10px;text-align:center}.techavailability-no-data{text-align:center;font-style:italic;padding:20px;color:#999}@media (max-width: 600px){.techavailability-details-table th,.techavailability-details-table td{padding:6px;font-size:12px}.techavailability-container{padding:5px}.techavailability-table-container{width:100%}}.service-manager{padding:20px;max-width:1200px;margin:0 auto}h1,h2{text-align:center;margin-bottom:20px}.service-form-section,.service-list-section{background:#f1f1f1;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:40px}.form-row{display:flex;justify-content:space-between;margin-bottom:15px}input{width:30%;padding:10px;border:1px solid #ccc;border-radius:4px}button{padding:10px 20px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.td-table-container{overflow-x:auto}.td-service-table{width:100%;border-collapse:collapse}.td-service-table th,.td-service-table td{padding:10px;text-align:left;border:1px solid #ddd}.td-service-table th{background-color:#007bff;color:#fff}.td-no-data{text-align:center;font-style:italic}.edit-button{background-color:#4caf50;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:4px;margin-right:10px}.edit-button:hover{background-color:#45a049}.delete-button{background-color:#f44336;color:#fff;border:none;padding:8px 16px;cursor:pointer;border-radius:4px}.delete-button:hover{background-color:#e53935}.technicians-images-container2{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.technicians-logo2{width:60%;margin-right:10px}.technician-form-container1{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;box-shadow:0 2px 5px #0000001a}.technician-form label{display:block;margin-bottom:10px;font-weight:700}.form-input,.form-textarea{width:100%;padding:8px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px}.form-file-input{margin-top:5px}.form-textarea{height:80px;resize:vertical}.form-submit-button{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer}.form-submit-button:hover{background-color:#0056b3}.payment-table-container{padding:20px;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;text-align:center}.logo-container{margin-bottom:20px}.school-logo{width:400px;height:auto}.payment-table-content{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#b08888;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000001a;width:1200px;max-height:1200px;height:600px;overflow-y:auto;text-align:center}.payment-table-heading{color:#fff;margin-bottom:20px;font-size:24px;text-align:center}.payment-search-input{width:100%;max-width:1200px;padding:10px;margin:0 auto 20px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.payments-table{width:100%;height:100px;max-width:1200px;padding:20px;border-collapse:collapse;overflow-y:auto;box-sizing:border-box;table-layout:fixed}.payments-table th,.payments-table td{padding:10px;text-align:left;border:1px solid #ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payments-table th{background-color:#f2f2f2;color:#333}.payments-table tr:nth-child(2n){background-color:#f9f9f9}.no-payments{color:#666;font-style:italic}@media (max-width: 768px){.payment-table-content{padding:15px}.payments-table th,.payments-table td{font-size:12px}.payment-search-input{font-size:14px}.school-logo{width:80px}}@media (max-width: 480px){.payments-table th,.payments-table td{font-size:10px;padding:8px}.payment-search-input{font-size:12px;padding:8px}.school-logo{width:60px}}:root{font-family:Inter,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}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}