.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#112d4e;padding:15px 30px;color:#fff;font-size:18px;border-radius:0 0 10px 10px}.nav-logo{font-weight:700}.logout-btn{background:#f05454;border:none;padding:8px 16px;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;transition:.3s}.logout-btn:hover{background:#d94343}.app-header{text-align:center;background-color:#3f72af;color:#fff;padding:30px;border-radius:10px;margin:20px auto}.app-header h1{margin:0;font-size:32px}.app-header p{margin-top:8px;font-size:16px;color:#e6e6e6}.footer{text-align:center;padding:15px;margin-top:40px;background-color:#112d4e;color:#fff;border-radius:10px 10px 0 0}.login-wrapper{width:350px;margin:80px auto;background:#fff;padding:30px;border-radius:10px;box-shadow:0 3px 10px #0003;text-align:center}.login-form input{display:block;width:93%;margin-bottom:15px;padding:10px;border-radius:8px;border:1px solid #ccc}.login-form button{width:100%;padding:10px;background-color:#3f72af;border:none;color:#fff;border-radius:8px;cursor:pointer;font-weight:700}.login-form button:hover{background-color:#2f5f9f}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3f72af,#112d4e);padding:20px;box-sizing:border-box}.login-card{background-color:#fff;border-radius:15px;width:400px;max-width:95%;box-shadow:0 10px 25px #0003;overflow:hidden}.login-jumbotron{background:linear-gradient(135deg,#3f72af,#112d4e);color:#fff;text-align:center;padding:30px 20px}.login-jumbotron h1{margin:0 0 10px;font-size:28px}.login-jumbotron p{margin:0;font-size:16px;color:#f0f0f0}.login-form{padding:25px 20px;display:flex;flex-direction:column;gap:15px}.login-form input{padding:12px;border-radius:8px;border:1px solid #ccc;font-size:16px}.login-form input:focus{outline:none;border-color:#3f72af;box-shadow:0 0 5px #3f72af80}.login-form button{padding:12px;background-color:#3f72af;color:#fff;border:none;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease}.login-form button:hover{background-color:#2f5f9f;transform:translateY(-2px)}@media(max-width:500px){.login-card{width:100%}.login-jumbotron h1{font-size:24px}}body,html{background-color:#ccc;margin:auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;font-size:15px}.wrapper{width:1100px;margin-left:auto;margin-right:auto;margin-top:20px}.header{background-color:#3f72af;padding:20px;border-radius:10px 10px 0 0}.data-pengguna{background-color:#fff;border-radius:0 0 10px 10px;padding:20px}.header h3{color:#fff;margin:0 0 20px;font-size:30px}.data-pengguna h3{margin:0 0 20px;font-size:30px;text-align:center}@media only screen and (max-width:800px){.wrapper{width:80%}}.input-box{display:block;width:100%}.input-box>input{width:100%;background-color:#dedede;border-radius:10px;padding:10px 100px 10px 20px;line-height:1;box-sizing:border-box;outline:none;border:none;font-size:16px;margin-bottom:10px}.input-box>button{border:0;background:#112d4e;color:#fff;font-weight:700;outline:none;margin:0;border-radius:10px;cursor:pointer;width:100%;font-size:16px;padding:10px}.input-box>select{width:100%;background-color:#dedede;border-radius:10px;padding:10px 20px;line-height:1;box-sizing:border-box;outline:none;border:none;font-size:16px;margin-bottom:10px;appearance:none;-webkit-appearance:none;-moz-appearance:none}.data-pengguna>ul{padding:0;margin:0}.data-pengguna>ul>li{padding:10px 0;list-style:none;display:flex;border-bottom:1px solid #ccc;justify-content:space-between}.data-pengguna>ul>li>div>a{text-decoration:none}.data-pengguna table{width:100%;border-collapse:collapse;margin-top:10px}.data-pengguna th,.data-pengguna td{border:1px solid #ccc;padding:10px;text-align:left}.data-pengguna th{background-color:#3f72af;color:#fff}.data-pengguna tr:nth-child(2n){background-color:#f2f2f2}.data-pengguna a.edit{color:#8f8f2d;text-decoration:none}.data-pengguna a.delete{color:red;text-decoration:none}@media only screen and (max-width:800px){.wrapper{width:80%}.data-pengguna table{display:block;overflow-x:auto;white-space:nowrap}.data-pengguna th,.data-pengguna td{padding:8px;font-size:14px}}.pagination{margin-top:15px;text-align:center}.pagination button{margin:0 5px;padding:5px 10px;border:1px solid #3F72AF;background:#fff;color:#3f72af;cursor:pointer;border-radius:5px}.pagination button.active{background:#3f72af;color:#fff}.wrapper>ul>li:last-child{border-bottom:none}.email{color:#adadad}