.checkin-admin { max-width: 1180px; margin: 0 auto; padding: 24px; color: #24304b; }
.checkin-admin h1 { font-size: 26px; font-weight: 700; }
.checkin-admin h2 { font-size: 19px; font-weight: 650; margin-bottom: 12px; }
.checkin-admin p { line-height: 1.65; margin: 8px 0 16px; color: #667087; }
.checkin-heading, .checkin-heading nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
.checkin-panel { background: white; padding: 24px; border: 1px solid #e4e7f0; border-radius: 16px; margin-bottom: 20px; }
.checkin-fields, .checkin-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.checkin-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.checkin-stats strong { display: block; font-size: 30px; color: #6752c8; }
.checkin-form label { display: flex; flex-direction: column; gap: 7px; font-weight: 550; margin-bottom: 14px; }
.checkin-form input:not([type=checkbox]):not([type=submit]), .checkin-form select, .checkin-form textarea { width: 100%; border: 1px solid #d8ddea; border-radius: 8px; padding: 10px 12px; background: white; }
.checkin-group-option, .checkin-form .checkin-checkbox { flex-direction: row; align-items: center; gap: 10px; }
.checkin-group-option small { display: block; color: #788299; margin-top: 4px; }
.checkin-edit-row { border-bottom: 1px solid #e8ebf3; padding: 16px 0; margin-bottom: 12px; }
.checkin-sticky-actions { position: sticky; bottom: 0; display: flex; justify-content: flex-end; gap: 12px; background: #fff; border-top: 1px solid #e4e7f0; padding: 16px; z-index: 10; }
.checkin-table { width: 100%; border-collapse: collapse; }
.checkin-table th, .checkin-table td { text-align: left; padding: 14px 12px; border-bottom: 1px solid #edf0f6; white-space: nowrap; }
.checkin-table th { color: #768099; font-weight: 550; }
.checkin-scroll { overflow-x: auto; }
.checkin-error { padding: 16px; color: #a0253f; background: #fff0f3; border-radius: 10px; margin-bottom: 16px; }
.checkin-review-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px; }
.checkin-review-photo { width: 100%; max-height: 640px; object-fit: contain; }
.checkin-admin-thumbnail { width: 100px; height: 100px; object-fit: cover; border-radius: 10px; }
.checkin-audit { white-space: pre-wrap; word-break: break-word; font-size: 12px; }
.checkin-filter { display: flex; gap: 12px; margin-bottom: 16px; }
@media (max-width: 700px) { .checkin-admin { padding: 14px; } .checkin-fields, .checkin-review-layout { grid-template-columns: 1fr; } .checkin-stats { grid-template-columns: 1fr 1fr; } }