:root{--yellow:#ffc400;--yellow-soft:#ffd84a;--yellow-deep:#f5b900;--black:#111;--white:#fff}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--black);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.customer-page,.success-page{background:linear-gradient(180deg,var(--yellow-soft),var(--yellow));place-items:center;min-height:100vh;padding:22px;display:grid}.card{background:#fff;border-radius:26px;width:min(100%,460px);padding:28px;box-shadow:0 18px 50px #0000002e}.brand-logo{width:min(230px,72%);height:auto;margin:0 auto 14px;display:block}.badge{text-align:center;letter-spacing:1.6px;font-size:12px;font-weight:900}h1{margin:8px 0;font-size:34px;line-height:1.04}.checkin-card h1{text-align:center}.lead{text-align:center;color:#333;margin-bottom:24px;font-size:17px}label{margin-bottom:8px;font-weight:800;display:block}input{border:2px solid #ddd;border-radius:15px;outline:none;width:100%;padding:17px 16px;font-size:20px}input:focus{border-color:#111}.consent{color:#555;margin:14px 2px 16px;font-size:12px;line-height:1.45}.primary-btn{background:var(--yellow);color:#111;cursor:pointer;border:2px solid #111;border-radius:16px;width:100%;padding:18px 16px;font-size:17px;font-weight:950}.fineprint{text-align:center;color:#777;margin:16px 0 0;font-size:12px}.error{color:#8c1111;background:#ffe6e6;border:1px solid #ffb0b0;border-radius:12px;margin:12px 0;padding:12px}.success-card{text-align:center;width:min(100%,520px)}.success-logo{width:min(250px,74%);height:auto;margin:0 auto 18px;display:block}.success-icon{background:#fff;border:7px solid #111;border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 16px;font-size:72px;font-weight:900;display:grid}.success-label{letter-spacing:1.6px;font-weight:950}.success-card h1{margin:14px 0 12px;font-size:42px;line-height:1}.success-datetime{margin:0 0 18px;font-size:21px;font-weight:800;line-height:1.2}.show-staff{font-size:19px;font-weight:800}.visit-box{color:var(--yellow);background:#111;border-radius:24px;margin:26px auto 18px;padding:18px}.visit-box span{font-size:14px;font-weight:800;display:block}.visit-box strong{font-size:56px}.admin-page{background:#f3f3f3;min-height:100vh;padding:28px}.admin-shell{max-width:1180px;margin:0 auto}.admin-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.admin-logo{width:180px;height:auto}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.header-actions a{color:#111;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 12px;font-size:13px;font-weight:700;text-decoration:none}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat,.panel{background:#fff;border-radius:18px;padding:20px;box-shadow:0 6px 22px #0000000d}.stat span{color:#666;font-size:13px;font-weight:800;display:block}.stat strong{font-size:34px}.stat small{margin-left:8px;font-weight:800}.panel{margin-bottom:18px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:12px 10px}th{text-transform:uppercase;letter-spacing:.5px;color:#666;font-size:12px}.admin-login{margin:10vh auto}.hour-row{grid-template-columns:64px 1fr 36px;align-items:center;gap:10px;margin:10px 0;display:grid}.hour-track{background:#eee;border-radius:999px;height:18px;overflow:hidden}.hour-fill{background:var(--yellow);border:1px solid #111;border-radius:999px;height:100%}@media (max-width:820px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-header{flex-direction:column}}@media (max-width:520px){.success-card h1{font-size:36px}.success-datetime{font-size:18px}.stats-grid{grid-template-columns:1fr}.admin-page{padding:16px}}