:root{--navy:#073f70;--blue:#1597e5;--green:#35a83b;--orange:#ff6a00;--bg:#f5f8fb;--text:#17324a;--muted:#6c7b88;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.shell{max-width:560px;margin:auto;min-height:100vh;background:white;padding-bottom:82px}.top{padding:18px 20px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.logo{width:62px;height:62px;object-fit:contain}.top h1{font-size:20px;margin:0;color:var(--navy)}.top small{color:var(--muted)}main{padding:18px}.hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:white;border-radius:20px;padding:20px;margin-bottom:16px}.hero h2{margin:0 0 6px;font-size:22px}.qr{width:100%;border:0;border-radius:16px;padding:18px;background:var(--orange);color:white;font-weight:700;font-size:17px;cursor:pointer}.hint{text-align:center;color:var(--muted);font-size:12px;margin:8px 0 18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{border:1px solid var(--line);background:white;border-radius:18px;padding:18px;text-align:left;min-height:118px;cursor:pointer;box-shadow:0 4px 16px #073f7010}.card b{display:block;color:var(--navy);font-size:17px;margin-bottom:7px}.card span{color:var(--muted);font-size:13px}.wide{grid-column:1/-1}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:white;border-top:1px solid var(--line);padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:3}.nav button{border:0;background:none;color:var(--muted);padding:8px 2px;font-size:12px}.nav button.active{color:var(--navy);font-weight:700}.login{max-width:420px;margin:auto;padding:46px 26px}.login .logo{display:block;width:170px;height:auto;margin:0 auto 30px}.login h1{text-align:center;color:var(--navy);font-size:24px}.field{margin:14px 0}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.field input{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px}.primary{width:100%;padding:14px;border:0;border-radius:12px;background:var(--navy);color:white;font-weight:700}.link{border:0;background:none;color:var(--blue);display:block;margin:14px auto}.error{color:#a12a2a;background:#fff0f0;padding:10px;border-radius:10px;font-size:13px}.row{padding:14px 0;border-bottom:1px solid var(--line)}.row b{color:var(--navy)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#edf7ee;color:#27752b;font-size:11px;margin-left:6px}.back{border:0;background:none;color:var(--navy);font-weight:700;margin-bottom:12px}.empty{padding:28px 10px;text-align:center;color:var(--muted)}.section-title{color:var(--navy);margin:6px 0 12px}.logout{border:1px solid var(--line);background:white;border-radius:12px;padding:12px;width:100%;margin-top:18px;color:#a12a2a}.loading{padding:50px;text-align:center;color:var(--muted)}
.checkin-kids{display:grid;gap:10px;margin:16px 0}.checkin-kid{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #dce7ef;border-radius:14px;padding:14px}.checkin-kid input{width:22px;height:22px}.checkin-kid span{display:grid}.checkin-kid small{color:#6b7e90}.success{background:#eaf8ef;color:#176b37;padding:16px;border-radius:14px;margin-top:14px}.secondary{width:100%;border:1px solid #cfdde8;background:#fff;border-radius:12px;padding:13px;font-weight:800;color:#173b63;margin-top:10px}
.recovery-box{max-width:460px;margin:0 auto}.recovery-box .field{margin-bottom:14px}.recovery-note{font-size:.92rem;line-height:1.4;margin:10px 0 16px;color:#425466}