* { box-sizing: border-box; font-family: Arial, sans-serif; }
body { margin:0; background:#f4f6f9; }

.navbar {
    background:#2c3e50; color:#fff; padding:12px 20px;
    display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
}
.navbar a { color:#fff; margin-left:12px; text-decoration:none; font-size:14px; }
.navbar a:hover { text-decoration:underline; }

.container {
    max-width:1100px; margin:25px auto; padding:20px;
    background:#fff; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.05);
}

.login-box {
    max-width:350px; margin:100px auto; padding:30px;
    background:#fff; border-radius:8px; box-shadow:0 4px 10px rgba(0,0,0,0.1);
}
.login-box input { width:100%; padding:10px; margin:8px 0; border:1px solid #ccc; border-radius:4px; }
.login-box button {
    width:100%; padding:10px; background:#3498db; color:#fff;
    border:none; border-radius:4px; cursor:pointer;
}

table { width:100%; border-collapse:collapse; margin-top:15px; font-size:14px; }
th, td { padding:8px 10px; border:1px solid #ddd; text-align:left; }
th { background:#3498db; color:#fff; }

.cards { display:flex; gap:15px; margin:20px 0; flex-wrap:wrap; }
.card { flex:1; min-width:140px; background:#3498db; color:#fff; padding:18px; border-radius:8px; text-align:center; }
.card.green { background:#27ae60; }
.card.orange { background:#e67e22; }
.card.red { background:#c0392b; }
.card h3 { font-size:28px; margin:0; }

.btn, .btn-warn {
    display:inline-block; padding:8px 16px; color:#fff;
    text-decoration:none; border-radius:4px; margin:4px; font-size:14px; border:none; cursor:pointer;
}
.btn { background:#2ecc71; }
.btn:hover { background:#27ae60; }
.btn-warn { background:#e67e22; }
.btn-warn:hover { background:#d35400; }

.error { color:red; }
.sukses { background:#d4edda; color:#155724; padding:10px; border-radius:4px; }

.form-inline { margin:10px 0; }
.form-inline input, .form-inline select, .form-inline button {
    padding:7px 10px; margin:3px; border-radius:4px; border:1px solid #ccc;
}
.form-inline button { background:#3498db; color:#fff; border:none; cursor:pointer; }

.menu { margin-top:20px; }