.loading-container{width:500px;height:500px;justify-content:center;align-items:center;background:#fff0;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;margin:auto}.login-container{width:500px;height:900px;justify-content:center;align-items:center;height:auto;background:#004d8c81;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;border-radius:5px;margin:auto;position:relative}.main-container{width:95vw;min-width:1100px;height:90vh;background:#ffffff31;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-radius:5px;margin:auto}.list-container{width:95vw;min-width:1100px;height:90vh;background:#ffffff31;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:top;align-items:center;border-radius:5px;margin:auto}.dash-container{width:95vw;min-width:1100px;height:90vh;background:#fff0;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:top;align-items:center;border-radius:5px;margin:auto}.login-container img,.main-container img{max-width:180px;margin-bottom:-20px}img{width:100%;height:auto;padding:10px}h2{font-size:1.6rem;color:#004c8c;margin:2.5rem}h3{font-size:1.6rem;color:#004c8c;margin:0rem}h4{font-size:1rem;color:#004c8c;margin:5rem}.navbar-name{font-size:1rem;font-weight:700;color:#004c8c;margin:1.5rem}input{width:100%;max-width:350px;padding:12px;margin:10px 0;border:1px solid #ddd;border-radius:5px;font-size:1rem;background:#f9f9f9;color:#333;text-align:left;transition:border-color .3s ease,background .3s ease}input:focus{border-color:#004c8c;background:#fff;outline:none;color:#222}button{background-color:#004c8c;color:#fff;border:none;padding:12px 16px;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;transition:all .3s ease;width:100%;max-width:350px;margin-top:1rem}button:hover{background-color:#004d8c3a}.navbar-right button{background-color:#fff0;color:#004c8c;margin-top:0;font-weight:400;border-radius:5px}.navbar-right button:hover{text-decoration:underline}.navbar-right{position:relative}.clean button{background-color:transparent;color:#004c8c;font-weight:700;border-radius:0;text-decoration:underline}.clean button:hover{background-color:transparent;color:#5d9ddd}.error-message{color:#e74c3c;font-size:.9rem;margin-top:10px}.navbar{width:95vw;min-width:1100px;height:50px;border-radius:5px;background-color:#004d8c45;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 rem;box-sizing:border-box;box-shadow:0 2px 4px #0000001a}.navbar-left{display:flex;align-items:center;gap:1rem}.navbar-logo{width:auto;height:40px}.navbar-title{font-size:1.2rem;font-weight:700}.navbar-right{display:flex;align-items:center;gap:1rem}.toggle-visibility{position:absolute;top:258px;right:65px;height:30px;width:30px;cursor:pointer}.toggle-visibility2{position:absolute;top:321px;right:65px;height:30px;width:30px;cursor:pointer}.spinner{border:8px solid rgba(0,0,0,.1);border-top:8px solid rgb(0,76,140);border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite;margin:20px auto}.spinner-small{border:8px solid rgba(0,0,0,.1);border-top:8px solid rgb(0,76,140);border-radius:50%;width:20px;height:20px;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.login-container,.main-container{max-width:90%;padding:1.5rem}input,button{padding:10px;font-size:.9rem}}.dashboard-table{width:100%;border-collapse:collapse;font-family:Arial,sans-serif;text-align:center}.dashboard-table th,.dashboard-table td{padding:12px;border:1px solid #ccc;min-width:120px;height:20px}.dashboard-table thead th{background-color:#004d8ccb;color:#fff;font-weight:700}.dashboard-table tbody tr:nth-child(2n){background-color:#f9f9f9}.dashboard-table tbody tr:nth-child(odd){background-color:#fff}.dashboard-table tr.subtotal-row,.dashboard-table tr.total-row{font-weight:700;background-color:#e0e0e0}.dashboard-table tr.total-row{background-color:#d0d0d0}body{margin:0;padding:0;font-family:Inter,sans-serif;color:#333;display:flex;justify-content:center;align-items:center;height:100vh;text-align:center}.App{width:100%;max-width:400px;background:#fff;border-radius:5px;box-shadow:0 4px 12px #0000001a;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 768px){.App{max-width:90%;padding:1.5rem}}