:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#203047;background:#f4f7fa;font-family:system-ui,Yu Gothic,sans-serif}body{place-items:center;min-height:100vh;margin:0;display:grid}main{box-sizing:border-box;background:#fff;border:1px solid #dbe3ec;border-radius:16px;width:min(680px,100% - 64px);margin:32px 0;padding:32px}.label{color:#24664b;letter-spacing:.08em;font-size:14px;font-weight:700}h1{font-size:clamp(24px,5vw,32px);line-height:1.4}p,li{font-size:16px;line-height:1.9}.note{background:#f0f5fa;border-left:4px solid #426f95;padding:16px}footer{color:#596579;margin-top:24px;font-size:14px}main.wide{width:min(1080px,100% - 32px)}h2{margin-top:30px}a{color:#185d85}form{gap:14px;margin:18px 0;display:grid}label{gap:6px;font-weight:650;display:grid}input,select,textarea,button{box-sizing:border-box;width:100%;min-height:44px;font:inherit;border:1px solid #aebccc;border-radius:8px;padding:10px 12px}button,.button-link{color:#fff;cursor:pointer;background:#24664b;border:0;border-radius:8px;padding:11px 16px;font-weight:700;text-decoration:none}button.secondary{background:#536273}button.danger{background:#9a2c2c}.check{align-items:center;gap:10px;display:flex}.check input{width:auto;min-height:auto}.error,.success,.credential{border-radius:8px;padding:14px 18px}.error{color:#7c1717;background:#fff0f0}.success{color:#164d35;background:#eaf8f0}.credential{background:#fff7dc;border:2px solid #9a6b00}.credential strong{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dbe3ec;padding:10px}.actions{min-width:260px}.actions form{grid-template-columns:1fr auto;gap:6px;margin:5px 0}.actions button{width:auto}.card,.inline-card{border:1px solid #dbe3ec;border-radius:10px;margin:14px 0;padding:16px}.inline-card{grid-template-columns:1fr 2fr auto;align-items:center;gap:10px;display:grid}.inline-card button{width:auto}.metrics{gap:16px;display:flex}.metrics div{background:#f0f5fa;border-radius:10px;flex:1;padding:18px;display:grid}.metrics strong{font-size:32px}.large-code{letter-spacing:.15em;text-align:center;font-size:32px;display:block}.staff-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0;display:grid}.staff-button{text-align:left;color:#fff;background:#24664b;border-radius:8px;gap:4px;min-height:86px;padding:14px;text-decoration:none;display:grid}.staff-button strong{font-size:19px}.staff-button span{opacity:.9;font-size:14px}.selected-staff{text-align:center;background:#f0f5fa;border-radius:12px;gap:6px;padding:24px;display:grid}.selected-staff strong{font-size:28px}.punch-button{min-height:64px;font-size:22px}.punch-button.clock-out{background:#b42318}.punch-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.punch-actions form{margin:0}.punch-button.break-start,.punch-button.break-end{background:#1d5f8a}.break-list{padding-left:22px}.work-details{gap:8px;margin:0;display:grid}.work-details div{grid-template-columns:100px 1fr;gap:12px;display:grid}.work-details dt{font-weight:700}.work-details dd{margin:0}.previous-work-actions{align-items:stretch}.previous-work-actions .button-link{box-sizing:border-box;text-align:center;place-items:center;min-height:64px;font-size:20px;display:grid}.punch-button.danger{background:#9a2c2c}.receipt{overflow-wrap:anywhere;font-size:13px}.break-fields{border:1px solid #dbe3ec;border-radius:10px;gap:12px;padding:16px;display:grid}.break-row{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.break-row button{width:auto}@media (width<=700px){.inline-card{grid-template-columns:1fr}main{padding:22px}.break-row{grid-template-columns:1fr}}