:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#172033;background:#eef3f9;--primary:#175cd3;--nav:#10243e;--line:#dce5f0;--ok:#087a55;--danger:#b4233b}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#d8e8ff,transparent 34%),#eef3f9}.attendance-shell{width:min(520px,100%)}header{display:flex;gap:12px;align-items:center;margin-bottom:15px;padding:0 4px}.logo{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--nav);color:#fff;font-weight:900}header b{display:block;font-size:17px}header small{display:block;color:#667085;margin-top:4px}.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 24px 70px rgba(16,36,62,.13)}h1{font-size:24px;margin:0 0 7px}.card>p{color:#667085;line-height:1.8;font-size:13px;margin:0 0 18px}label{display:block;font-size:12px;font-weight:800;color:#475467;margin:13px 0 7px}input{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px 14px;font:inherit;min-height:49px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #175cd319}button{width:100%;min-height:50px;border:0;border-radius:13px;padding:12px;background:var(--primary);color:#fff;font:inherit;font-weight:900;cursor:pointer;margin-top:17px;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}.secondary{background:#fff;color:#344054;border:1px solid var(--line);margin-top:8px}.card>a{display:block;text-align:center;margin-top:15px;color:#175cd3;text-decoration:none;font-size:12px;font-weight:800}.identity{display:grid;grid-template-columns:1fr 1fr;gap:10px}.identity>div{background:#f7f9fc;border:1px solid var(--line);padding:13px;border-radius:14px}.identity small,.identity b{display:block}.identity small{color:#667085;margin-bottom:5px}.status{margin:15px 0;padding:12px;border-radius:12px;background:#eef4ff;color:#174ea6;font-size:12px}.status.ok{background:#ecfdf3;color:var(--ok)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.actions button{margin:0}.privacy{font-size:11px!important;margin:15px 0 0!important}.message{margin-top:12px;padding:12px 14px;border-radius:13px;background:#fff0f2;border:1px solid #ffd4dc;color:var(--danger);line-height:1.7;font-size:12px}[hidden]{display:none!important}@media(max-width:520px){body{padding:12px}.card{padding:20px;border-radius:18px}.actions{grid-template-columns:1fr}}