body[data-v-33c430f5]{font-family:Roboto,sans-serif;margin:0;background-color:#f0f2f5}.login-page[data-v-33c430f5]{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f0f2f5}.login-container[data-v-33c430f5]{width:100%;max-width:400px;padding:30px;border-radius:10px;background:#fff;box-shadow:0 4px 6px #0000001a;text-align:center}.form-group[data-v-33c430f5]{margin-bottom:20px;text-align:left}label[data-v-33c430f5]{font-weight:600;margin-bottom:5px;display:block;color:#333}input[data-v-33c430f5]{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:16px;margin-top:5px;box-sizing:border-box}.btn[data-v-33c430f5]{width:100%;padding:10px;background-color:#007bff;border:none;color:#fff;font-size:16px;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn[data-v-33c430f5]:hover{background-color:#0056b3}.error[data-v-33c430f5]{color:red;margin-top:15px;font-weight:500;font-size:14px}@media (max-width: 500px){.login-container[data-v-33c430f5]{padding:20px}.btn[data-v-33c430f5]{font-size:14px}}html,body{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#f4f4f4;color:#333}#app{width:100%;min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#036;color:#fff;padding:15px 20px;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 4px 8px #0003}.navbar ul{display:flex;list-style:none;margin:0;padding:0;justify-content:space-around}.navbar li{padding:0 10px}.navbar a,.navbar button{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}.navbar a:hover,.navbar button:hover{color:gold}.navbar button{background:none;border:none;cursor:pointer}.content{margin-top:70px;padding:20px}.container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-bottom:20px}.container h2{margin-bottom:20px;font-size:1.5rem;color:#036}label{display:block;font-weight:600;margin-bottom:5px;color:#333}input,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:#007bff;box-shadow:0 0 4px #007bff99}button{background-color:#036;color:#fff;padding:10px 15px;font-size:1rem;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{text-align:center;padding:10px;border:1px solid #ddd}th{background-color:#f4f4f4;font-weight:600}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#f1f1f1}#toast{visibility:hidden;min-width:250px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px;transform:translate(-50%);font-size:1rem;transition:visibility .5s,opacity .5s;opacity:0}#toast.show{visibility:visible;opacity:1}@media (max-width: 768px){.navbar ul{flex-direction:column;align-items:flex-start}.navbar li{margin-bottom:10px}.table-section{overflow-x:auto}}.input-section,.table-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-bottom:20px;border:1px solid #ddd}.input-section h2,.table-section h2{color:#036;margin-bottom:20px;font-size:1.5rem}.input-section form,.table-section table{margin-top:10px}.hours-table-section{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;margin-bottom:20px;border:1px solid #ddd}.hours-table-section h2{color:#036;margin-bottom:20px;font-size:1.5rem}.hours-table-section table{margin-top:10px}.active-nav{background-color:gold!important;color:#036!important}