#app{font-family:Arial,sans-serif;text-align:center}nav{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:10px;display:flex;justify-content:space-between;align-items:center}h1{margin:10;font-size:24px;color:#343a40}button{padding:10px 20px;font-size:16px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}.nav-button{display:inline-block;margin-right:3%;padding:8px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;text-align:center;text-decoration:none;cursor:pointer}.nav-button:hover{background-color:#0056b3}.login-container{max-width:300px;margin:auto;padding:20px;border:1px solid #ccc;border-radius:5px}.form-group{margin-bottom:20px}.form-group label{display:block}.form-group input{width:90%;padding:10px;margin-top:5px;border-radius:5px;border:1px solid #ccc}.container[data-v-0810ed8a]{max-width:800px;margin:auto;padding:20px}.buttons[data-v-0810ed8a]{margin-bottom:20px}.button[data-v-0810ed8a]{margin-right:10px;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.add[data-v-0810ed8a]{background-color:#4caf50;color:#fff}.toggle[data-v-0810ed8a]{background-color:#f2f2f2;color:#000}.details-table[data-v-0810ed8a]{width:100%;margin-top:20px;border:1px solid #000}.details-table td[data-v-0810ed8a],.details-table th[data-v-0810ed8a]{border:1px solid #ddd;padding:8px;text-align:left}.details-table tr[data-v-0810ed8a]:nth-child(2n){background-color:#f2f2f2}.details-table tr[data-v-0810ed8a]:hover{background-color:#ddd}.loading[data-v-0810ed8a]{padding:20px}.update[data-v-0810ed8a]{margin-top:10px;background-color:#2196f3;color:#fff}.delete[data-v-0810ed8a]{background-color:red;color:#fff}.center-btn[data-v-0810ed8a]{width:90%;text-align:center;display:inline-block}.loading[data-v-0810ed8a]{text-align:center;color:#ff6b6b;font-weight:700}