@import "https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap";:root{color:#f7f7f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--orange:#ff6200;--orange-light:#ff7a16;background:#080909;font-family:Barlow,sans-serif}*{box-sizing:border-box}body{background:#080909;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}#root{min-height:100svh}.checkin-page{background:radial-gradient(circle at 50% 28%,#171a19 0,#0c0e0d 48%,#080909 100%);border-inline:1px solid #343635;width:min(100%,430px);min-height:100svh;margin:0 auto;overflow:hidden}.app-header{color:#fff;background:linear-gradient(112deg,#ff5300,#f96808 60%,#ff7418);justify-content:space-between;align-items:flex-end;min-height:86px;padding:17px 19px 14px;display:flex}.app-header h1{margin:0;font-size:24px;font-weight:600;line-height:1}.brand-lockup{align-items:center;gap:9px;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 2px 4px #00000040);width:42px;height:42px}.eyebrow{color:var(--orange-light);letter-spacing:1.2px;margin:0 0 5px;font-size:10px;font-weight:700}.app-header .eyebrow{color:#ffffffc7;margin-bottom:7px}.header-meta{color:#ffffffd9;flex-direction:column;align-items:flex-end;gap:5px;font-size:11px;display:flex}.header-meta span{align-items:center;gap:5px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:7px;padding:10px;display:grid}.stats div{background:linear-gradient(145deg,#1d1e1d,#151615);border:1px solid #252625;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;min-height:78px;padding:10px 4px 7px;display:flex}.stats strong{color:#fafafa;font-size:21px;line-height:1}.stats span{color:#aaa;text-align:center;margin-top:6px;font-size:11px}.list-heading{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:12px 15px 14px;display:flex}.list-heading>div{text-align:center}.list-heading h2{color:#f2f2f2;margin:0;font-size:17px;font-weight:600}.search-field{color:#a9aaaa;background:#1b1c1b;border:1px solid #343635;border-radius:7px;align-items:center;gap:7px;width:min(100%,400px);height:37px;padding:0 10px;display:flex}.search-field input{color:#eee;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-field input::placeholder{color:#858686}.participants-list{gap:7px;padding:0 10px 24px;display:grid}.participant-card{background:linear-gradient(105deg,#1d1e1d,#161716);border:1px solid #242524;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:70px;padding:9px 9px 9px 10px;display:flex;box-shadow:0 4px 12px #00000029}.participant-info{align-items:center;gap:10px;min-width:0;display:flex}.avatar{border:1px solid var(--orange);width:40px;height:40px;color:var(--orange);border-radius:50%;flex:0 0 40px;place-items:center;font-size:16px;font-weight:600;display:grid}.participant-card h2{color:#eee;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:14px;font-weight:600;overflow:hidden}.participant-card p{color:#aaa;margin:0;font-size:11px}.paid:before,.pending:before{content:"";background:#39b866;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.pending:before{background:#ffae00}.checkin-button{color:#fff;background:linear-gradient(135deg, var(--orange-light), var(--orange));text-transform:uppercase;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;min-width:82px;max-width:104px;padding:9px 8px;font-size:10px;font-weight:700;line-height:1.1;display:inline-flex}.checkin-button:hover{background:#ff7b20}.checked-label{color:#61c66e;text-align:right;align-items:center;gap:5px;font-size:11px;display:flex}.is-checked-in{border-color:#254a2a}.empty-state{color:#969696;text-align:center;padding:70px 20px}.modal-backdrop{z-index:10;background:#000000c2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#242524,#111211);border:1px solid #404140;border-radius:10px;width:min(100%,350px);padding:28px 22px 22px;position:relative;box-shadow:0 20px 60px #0000008c}.modal h2{color:#fff;margin:0 0 8px;font-size:22px}.modal>p:not(.eyebrow){color:#b6b6b6;margin:0;font-size:14px}.icon-button{color:#aaa;background:0 0;border:0;padding:4px;display:grid;position:absolute;top:12px;right:12px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:25px;display:flex}.secondary-button{color:#ccc;text-transform:uppercase;background:0 0;border:1px solid #454645;border-radius:6px;padding:9px 13px;font-size:11px}@media (width>=700px){.checkin-page{border-radius:18px;min-height:calc(100svh - 48px);margin-top:24px}.app-header{border-radius:17px 17px 0 0}}