*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172033;font-family:Arial,sans-serif}nav{height:62px;background:#172554;color:#fff;padding:0 5%;display:flex;justify-content:space-between;align-items:center}nav a{color:white;text-decoration:none;margin-left:20px}main{max-width:1100px;margin:28px auto;padding:0 18px}.card{background:#fff;padding:24px;border-radius:14px;box-shadow:0 5px 25px #0001;margin-bottom:20px}.login{min-height:100vh;display:grid;place-items:center;background:#172554}.loginbox{background:#fff;width:370px;padding:35px;border-radius:18px;text-align:center}.loginbox input,.loginbox button{width:100%;padding:12px;margin:7px 0}.loginbox button,button,.btn{background:#2563eb;color:white;border:0;border-radius:8px;padding:11px 16px;text-decoration:none;cursor:pointer}.err{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}.ok{background:#dcfce7;padding:10px;border-radius:8px}.notice{background:#eff6ff;padding:14px;border-radius:9px;margin:14px 0}label{display:block;font-weight:bold;margin:12px 0}input,select{width:100%;padding:10px;margin-top:5px;border:1px solid #cbd5e1;border-radius:7px}.keys{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.stats,.result{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.stats>div,.result>div{background:#fff;padding:18px;border-radius:10px;box-shadow:0 3px 12px #0001}.result b{display:block;font-size:24px;margin-top:5px}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{padding:9px;border-bottom:1px solid #e2e8f0;text-align:left}.benar{color:#15803d;font-weight:bold}.salah{color:#b91c1c;font-weight:bold}.kosong{color:#a16207;font-weight:bold}.ganda{color:#4338ca;font-weight:bold}.verifikasi{color:#b45309;font-weight:bold}.head{display:flex;justify-content:space-between}@media(max-width:700px){.keys{grid-template-columns:repeat(4,1fr)}nav{padding:0 2%}nav a{margin-left:7px}}@media print{nav,button,.btn{display:none!important}.card{box-shadow:none}}