#employee-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 28px;background:#e8f3ee;border-bottom:1px solid #c7ddd3;font-size:13px}#employee-name{font-weight:700}#sync-status{margin-right:auto;color:#35584c}#employee-panel button{font-size:12px;padding:7px 12px}#employee-gate{border:0;border-radius:18px;background:#172f3c;color:white;width:min(510px,calc(100% - 32px));padding:36px;box-shadow:0 20px 100px #10232c55}#employee-gate::backdrop{background:#edf2f5f5}#employee-gate h1{font-size:32px;line-height:1.15;color:white;margin:14px 0}#employee-gate p{line-height:1.6}#employee-gate .eyebrow{color:#a5d9c7}#employee-gate label{display:block;margin:18px 0 0;font-size:14px;font-weight:600}#employee-gate input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #bdcfca;border-radius:8px;font:inherit;background:white;color:#172f3c}#employee-gate .checkin-note{font-size:12px;color:#d0e0dc;margin:22px 0}#employee-gate button{width:100%}.checkin-logo{width:160px;max-height:70px;object-fit:contain}#checkin-error{color:#ffc8b5;font-size:13px}#employee-history-dialog{border:0;border-radius:12px;padding:30px;width:min(600px,90%);max-height:80vh}#employee-history-dialog p{line-height:1.6}body:has(#employee-gate[open]){overflow:hidden}@media(max-width:600px){#employee-panel{padding:12px 18px}#employee-gate{padding:24px}#employee-gate h1{font-size:27px}}

.login-page>.workspace{display:none}