.checkin-shell{display:grid;gap:16px}.checkin-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;background:radial-gradient(circle at 85% 10%,rgba(199,167,103,.14),transparent 24%),linear-gradient(145deg,#17212b,#222f39);color:#f8f5ee;border-color:#35424b}.checkin-hero h2{margin:5px 0 6px;font-size:30px}.checkin-hero p{margin:0;color:#bcc4c9;font-size:13px}.checkin-hero-mark{font:24px Georgia,serif;letter-spacing:.1em;color:#d7bc86;text-align:right;line-height:.9;opacity:.8}.checkin-event-strip{display:flex;gap:10px;overflow:auto;padding-bottom:3px}.checkin-event-chip{min-width:235px;text-align:left;border:1px solid #ddd5c8;border-radius:17px;background:#fff;padding:14px 15px;color:#1d2730;cursor:pointer;transition:.15s ease}.checkin-event-chip:hover{transform:translateY(-1px);border-color:#c8af83}.checkin-event-chip.active{border-color:#a98249;background:linear-gradient(145deg,#fffaf1,#f5ead8);box-shadow:0 9px 25px rgba(111,78,34,.11)}.checkin-event-chip span{display:block;font-size:9px;color:#9a7a49;letter-spacing:.04em}.checkin-event-chip b{display:block;font-size:13px;margin:5px 0 7px}.checkin-event-chip small{font-size:10px;color:#7c756d}.checkin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.checkin-summary>div{border:1px solid #e0d8cc;border-radius:16px;background:#fff;padding:16px}.checkin-summary span{display:block;font-size:10px;color:#81786e}.checkin-summary strong{display:block;margin-top:5px;font:28px Georgia,serif;color:#1d2831}.checkin-event-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px}.checkin-event-detail h3{margin:5px 0 4px;font-size:19px}.checkin-event-detail p{margin:0;color:#7e776f;font-size:11px}.checkin-live{display:flex;align-items:center;gap:7px;border:1px solid #d9c49d;border-radius:999px;padding:8px 11px;font-size:9px;letter-spacing:.1em;color:#89683a;background:#fffaf0;white-space:nowrap}.checkin-live i{width:7px;height:7px;border-radius:50%;background:#58ad82;box-shadow:0 0 0 4px rgba(88,173,130,.1)}.checkin-roster{padding:20px}.checkin-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}.checkin-toolbar h3{margin:0 0 4px}.checkin-toolbar span{font-size:11px;color:#837b72}.checkin-toolbar input{width:min(330px,100%);border:1px solid #d8d1c7;border-radius:12px;padding:11px 12px;background:#fff;font:inherit;font-size:12px}.checkin-member-row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px 4px;border-top:1px solid #ebe5dc}.checkin-member-row:first-child{border-top:0}.checkin-member-row.checked{background:linear-gradient(90deg,rgba(93,169,128,.07),transparent)}.checkin-member-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#e6dfd3;border:1px solid #d7c39c}.checkin-member-main>div{display:flex;align-items:center;gap:7px}.checkin-member-main b{font-size:13px}.checkin-member-main>div span{font-size:8px;letter-spacing:.08em;color:#8d6e3f;border:1px solid #decbaa;border-radius:999px;padding:3px 6px;background:#fffaf1}.checkin-member-main p{margin:4px 0 2px;font-size:11px;color:#625d57}.checkin-member-main small{font-size:9px;color:#908880}.checkin-member-action{display:flex;align-items:center;gap:10px}.checkin-member-action time{min-width:80px;text-align:right;font-size:10px;color:#81796f}.checkin-member-action .btn{min-width:92px}.checkin-empty{padding:26px;text-align:center;color:#81796f;font-size:12px}@media(max-width:900px){.checkin-hero{align-items:flex-start}.checkin-summary{grid-template-columns:repeat(3,1fr)}.checkin-toolbar{align-items:stretch;flex-direction:column}.checkin-toolbar input{width:100%;box-sizing:border-box}.checkin-member-row{grid-template-columns:42px 1fr}.checkin-member-avatar{width:40px;height:40px}.checkin-member-action{grid-column:2;justify-content:flex-end}.checkin-member-action time{margin-right:auto;text-align:left}.checkin-event-detail{align-items:flex-start;flex-direction:column}}