:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:linear-gradient(#0f766e 0% 180px,#f1f5f9 180px);min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:480px;margin:0 auto;padding:16px 16px 48px}.header{color:#fff;text-align:center;padding:12px 0 24px}.header h1{font-size:24px}.header p{opacity:.85;font-size:13px}.card{background:#fff;border-radius:14px;margin-bottom:14px;padding:18px;box-shadow:0 1px 3px #0000001a}.card h2{color:#334155;margin-bottom:12px;font-size:15px}.form{flex-direction:column;display:flex}input,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:16px}input:focus,select:focus{border-color:#0000;outline:2px solid #0f766e}.btn{cursor:pointer;color:#0f172a;background:#e2e8f0;border:0;border-radius:12px;width:100%;padding:13px;font-size:16px;font-weight:600}.btn:disabled{opacity:.6}.btn.utama{color:#fff;background:#0f766e}.btn.kirim{color:#fff;background:#16a34a;padding:16px;font-size:17px}.btn.kecil{color:#334155;background:#e2e8f0;border-radius:8px;width:auto;margin-top:10px;padding:7px 14px;font-size:13px}.err{color:#dc2626;background:#fee2e2;border-radius:8px;margin-top:10px;padding:10px;font-size:13px}.siswaBox{background:#f0fdfa;border:1px solid #99f6e4;border-radius:10px;margin-bottom:6px;padding:12px}.siswaBox strong{color:#134e4a;font-size:17px;display:block}.siswaBox span{color:#0f766e;font-size:13px}.lokasiBox{background:#f8fafc;border-radius:10px;padding:12px;font-size:13px}.lokasiBox p{color:#475569;margin-bottom:4px}.okText{color:#15803d;font-weight:600}.warnText{color:#b45309;font-weight:600}.fotoBox img{object-fit:cover;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-height:320px}.hasil{text-align:center;padding:32px 18px}.ceklis{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 14px;font-size:34px;font-weight:700;display:flex}.hasil h2{margin-bottom:8px;font-size:20px}.hasil p{margin-bottom:6px}.hasil .sub{color:#64748b;font-size:14px}.hasil a{color:#2563eb;margin-bottom:18px;font-size:14px;display:inline-block}.spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.btn.kecil .spinner{border-color:#334155 #3341554d #3341554d}@keyframes spin{to{transform:rotate(360deg)}}