html{background:#eef5f2}body{margin:0}#root{min-height:100vh}:root{color:#17324d;font-synthesis:none;text-rendering:optimizelegibility;background:#eef5f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{background:radial-gradient(circle at 100% 0,#82c4b433,#0000 32%),linear-gradient(#f7fbf9 0%,#edf5f1 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px;display:flex}.pickup-card{background:#fff;border-radius:28px;width:min(100%,460px);padding:24px;box-shadow:0 18px 50px #17324d1f}.brand-row{border-bottom:1px solid #e8eeeb;align-items:center;gap:14px;padding-bottom:22px;display:flex}.brand-mark{color:#fff;letter-spacing:.04em;background:#1f7a68;border-radius:16px;place-items:center;width:52px;height:52px;font-weight:800;display:grid}.eyebrow,.section-label,.confirmation-kicker{text-transform:uppercase;letter-spacing:.12em;color:#668175;margin:0 0 5px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#17324d;margin-bottom:0;font-size:1.2rem;line-height:1.2}.student-section,.pickup-person-section,.vehicle-section{margin-top:24px}.student-card,.info-card,.vehicle-card{background:#fbfdfc;border:1px solid #dde8e3;border-radius:20px}.student-card{align-items:center;gap:16px;padding:18px;display:flex}.student-avatar{color:#1f7a68;background:#dff1eb;border-radius:18px;place-items:center;width:58px;height:58px;font-size:1.05rem;font-weight:800;display:grid}.student-card h2{margin-bottom:4px;font-size:1.45rem}.student-card p,.vehicle-card span,.info-card span{color:#718078;margin-bottom:0}.info-card{justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:16px 18px;display:flex}.info-card div:first-child{flex-direction:column;gap:3px;display:flex}.authorized-badge{color:#28734f;background:#e2f5ea;border-radius:999px;flex-shrink:0;padding:7px 11px;font-size:.78rem;font-weight:800}.vehicle-card{align-items:center;gap:14px;padding:16px 18px;display:flex}.vehicle-icon{font-size:1.7rem}.vehicle-card div{flex-direction:column;gap:3px;display:flex}.checkin-button{color:#fff;letter-spacing:.03em;cursor:pointer;background:#1f7a68;border:0;border-radius:24px;width:100%;min-height:92px;margin-top:30px;font-size:1.65rem;font-weight:900;box-shadow:0 10px 24px #1f7a6847}.checkin-button:active{transform:translateY(1px)}.helper-text{text-align:center;color:#74847c;margin:14px 8px 0;font-size:.92rem}.confirmation-panel{text-align:center;padding:34px 4px 10px}.confirmation-icon{color:#25734f;background:#def3e7;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 20px;font-size:2.25rem;font-weight:900;display:grid}.confirmation-panel h2{margin-bottom:12px;font-size:1.8rem}.confirmation-copy{color:#61746a;max-width:320px;margin:0 auto;line-height:1.6}.confirmation-time{color:#4f685d;background:#f1f7f4;border-radius:18px;margin-top:24px;padding:16px}.confirmation-person{color:#697b72;justify-content:space-between;gap:16px;margin-top:12px;padding:14px 4px 0;font-size:.9rem;display:flex}.confirmation-person strong{color:#17324d}@media (width<=480px){.app-shell{background:#fff;padding:0}.pickup-card{min-height:100vh;box-shadow:none;border-radius:0;padding:22px 18px 30px}.checkin-button{min-height:104px}}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading>span{color:#84948c;font-size:.78rem}.selection-list{gap:10px;display:grid}.selection-card,.vehicle-option{color:#17324d;cursor:pointer;text-align:left;background:#fff;border:2px solid #e1e9e5;border-radius:18px;width:100%}.selection-card{align-items:center;gap:13px;padding:13px;display:flex}.selection-card.selected,.vehicle-option.selected{background:#f2faf7;border-color:#1f7a68}.selection-copy{flex-direction:column;flex:1;gap:3px;display:flex}.selection-copy span{color:#718078;font-size:.88rem}.selection-card .student-avatar{border-radius:15px;width:48px;height:48px}.selection-check{color:#fff;border:2px solid #ccd9d3;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.selected .selection-check{background:#1f7a68;border-color:#1f7a68}.vehicle-option{align-items:center;gap:12px;min-height:62px;padding:12px 14px;display:flex}.vehicle-option strong{flex:1}.checkin-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pickup-summary{text-align:left;border:1px solid #dde8e3;border-radius:20px;margin-top:25px;overflow:hidden}.pickup-summary>div{border-bottom:1px solid #e8eeeb;flex-direction:column;gap:3px;padding:14px 16px;display:flex}.pickup-summary>div:last-child{border-bottom:0}.pickup-summary span{color:#718078;font-size:.78rem}.pickup-summary strong{color:#17324d}.location-message{color:#7a5721;background:#fff9ef;border:1px solid #ead6b2;border-radius:16px;flex-direction:column;gap:5px;margin-top:16px;padding:15px 16px;line-height:1.4;display:flex}.location-message strong{font-size:.9rem}.location-message span{font-size:.88rem}.privacy-note{text-align:center;color:#8a9991;margin:12px 8px 0;font-size:.76rem}.checkin-button:disabled{opacity:.65}