body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#0a3d62;color:#fff;justify-content:space-between;padding:12px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-brand{align-items:center;display:flex}.navbar-brand{gap:10px}.navbar-logo{border-radius:50%;height:50px;object-fit:contain;width:50px}.navbar-title{font-size:1.4rem;font-weight:600;letter-spacing:1px}.navbar-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}.navbar-menu a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.navbar-menu a:hover{color:#00b894}.logout-btn{background-color:#2ecc71;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .3s ease}.logout-btn:hover{background-color:#27ae60}@media (max-width:768px){.navbar{align-items:flex-start}.navbar,.navbar-menu{flex-direction:column}.navbar-menu{gap:12px;width:100%}}.footer{background-color:#0a2c45;bottom:0;box-shadow:0 -4px 12px #00000014;color:#fff;font-size:.9rem;font-weight:400;padding:1rem;position:fixed;text-align:center;width:100%}.login-page-wrapper{background-color:#0a3d62;display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.login-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px}.login-header{color:#fff;margin-bottom:30px;text-align:center}.login-header h1{font-size:2.8rem;font-weight:600;letter-spacing:1px;margin:0}.login-header p{font-size:1.1rem;margin-top:5px;opacity:.8}.login-box{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;max-width:380px;padding:35px 40px;text-align:center;width:100%}.login-box h2{color:#0a3d62;font-size:1.8rem;margin-bottom:25px;margin-top:0}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.input-group input{border:1px solid #dcdcdc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px;width:100%}.login-box button{background-color:#0a3d62;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:15px;padding:14px;transition:background-color .2s;width:100%}.login-box button:hover{background-color:#34495e}.error-message{background-color:#fce4e4;border-radius:5px;color:#e74c3c;font-size:.9rem;margin-bottom:15px;padding:10px}.beranda-page{background-color:var(--background-color);box-sizing:border-box;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.beranda-container{background-color:var(--white);border-radius:16px;box-shadow:0 4px 25px #00000014;margin:0 auto;max-width:900px;padding:2rem}.beranda-title{color:var(--primary-color);font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.beranda-content{color:var(--text-color);font-size:1rem;line-height:1.6;text-align:justify}.inputdata-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;font-family:Poppins,sans-serif;margin:40px auto;max-width:600px;padding:30px;text-align:center}.inputdata-container h2{color:#0a3d62;font-size:2rem;margin-bottom:10px}.inputdata-container h4{color:#333;font-weight:500;margin-bottom:20px}.inputdata-container p{color:#555;font-size:1rem;margin-bottom:30px}.inputdata-form{display:flex;flex-direction:column;gap:18px}.inputdata-form input,.inputdata-form select{background-color:#fff;border:1px solid #dcdcdc;border-radius:8px;box-sizing:border-box;font-size:1.05rem;padding:12px 14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.inputdata-form input:focus,.inputdata-form select:focus{border-color:#0a3d62;box-shadow:0 0 5px #0a3d624d;outline:none}.inputdata-form button{background-color:#0a3d62;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:20px;padding:14px 0;transition:background-color .3s ease}.inputdata-form button:hover{background-color:#074272}.feedback-message{background-color:#e6ffe6;border:1px solid #a7d9b7;border-radius:5px;color:#28a745;font-weight:500;margin-top:15px;padding:10px}@media (max-width:600px){.inputdata-container{margin:20px;padding:20px}}.datatable-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;font-family:Poppins,sans-serif;margin:40px auto;max-width:950px;padding:30px}.datatable-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.datatable-header h2{color:#0a3d62;margin:0}.download-btn{background-color:#0a3d62;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 18px;transition:background-color .3s ease}.download-btn:hover{background-color:#074272}.table-wrapper{overflow-x:auto}.datatable-table{border-collapse:collapse;margin-top:20px;width:100%}.datatable-table td,.datatable-table th{border-bottom:1px solid #e0e0e0;padding:12px 15px;text-align:left;vertical-align:middle}.datatable-table th{background-color:#f4f6f8;color:#333;font-weight:600}.action-buttons{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:opacity .2s ease}.edit-btn{background-color:#1e90ff}.delete-btn{background-color:#dc3545}.delete-btn:hover,.edit-btn:hover{opacity:.8}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:450px;padding:30px;text-align:left;width:90%}.modal-content h2{color:#0a3d62;margin-top:0;text-align:center}.form-group{margin-bottom:15px}.form-group label{color:#555;display:block;font-weight:500;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:10px;width:100%}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 20px}.modal-actions button[type=submit]{background-color:#0a3d62;color:#fff}.modal-actions button[type=button]{background-color:#f1f1f1;color:#333}
/*# sourceMappingURL=main.ceb802e6.css.map*/