:root{--forest:#123f2c;--green:#227647;--cream:#f3f6f1;--ink:#1f3027;--muted:#65736b;--line:#dce4de;--amber:#b56515;--red:#b73737}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream);min-height:100vh}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;background:var(--forest);padding:max(48px,env(safe-area-inset-top)) 22px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.brand{width:min(100%,460px);margin:0 auto 28px}.kicker{color:#b8d49c;font-weight:900;letter-spacing:4px}.brand h1{color:#fff;font-size:clamp(40px,12vw,58px);line-height:1;margin:4px 0}.brand p{color:#dbe8df;font-size:19px;margin:8px 0}.login-card{width:min(100%,460px);margin:0 auto;background:#fff;border-radius:20px;padding:22px;display:grid;gap:10px;box-shadow:0 20px 60px #06211666}.test-badge{justify-self:start;color:#8a4b08;background:#fff0d4;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:900}.login-card label{font-weight:800;margin-top:4px}.login-card small{text-align:center;color:var(--muted)}input{width:100%;border:1px solid #cbd7ce;border-radius:12px;padding:14px;background:#f8faf8;font-size:17px;color:var(--ink)}input:focus{outline:3px solid #7bb89255;border-color:var(--green)}.button{border:0;border-radius:12px;min-height:50px;padding:12px 16px;color:#fff;font-weight:900}.primary{background:var(--green)}.amber{background:var(--amber)}.danger{background:var(--red)}.button:disabled{opacity:.5}.error{color:#a52020;font-weight:700;min-height:1.2em;margin:0}.app{min-height:100vh;padding-bottom:calc(32px + env(safe-area-inset-bottom))}header{background:var(--forest);color:#fff;padding:max(16px,env(safe-area-inset-top)) 18px 16px;display:flex;justify-content:space-between;align-items:center}header h1{font-size:21px;margin:0}header p{font-size:11px;font-weight:800;color:#bad1c2;margin:4px 0 0}.text-button{background:none;border:0;color:#fff;font-weight:800;padding:10px 0}nav{position:sticky;top:0;z-index:4;background:#fff;display:flex;border-bottom:1px solid var(--line)}nav button{flex:1;border:0;border-bottom:3px solid transparent;background:none;padding:15px 4px;font-size:11px;font-weight:900;color:#77827b}nav button.active{color:#205f3a;border-bottom-color:#2f7b4c}.panel{display:none;padding:14px;max-width:760px;margin:auto}.active-panel{display:block}.summary{background:#dcebd4;border-radius:18px;padding:20px;display:flex;flex-direction:column;margin-bottom:12px}.summary span{font-size:12px;font-weight:900;letter-spacing:1.5px;color:#31563e}.summary strong{font-size:38px;color:#143f2a}.summary small{color:#4f6858}.card-list{display:grid;gap:12px}.card{background:#fff;border:1px solid #e1e7e2;border-radius:16px;padding:16px}.employee-top,.employee-row,.event{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.employee-name{font-size:19px;font-weight:900}.state{font-size:14px;font-weight:800;margin-top:5px}.state.NOT_CLOCKED_IN{color:#64748b}.state.WORKING{color:#16794d}.state.ON_BREAK{color:#b45309}.hours{font-size:18px;font-weight:900}.actions{display:flex;gap:8px;margin-top:14px}.actions .button{flex:1}.empty{text-align:center;padding:28px}.empty h2{margin:0}.empty p{color:var(--muted);line-height:1.5}.form-card{display:grid;gap:10px;margin-bottom:20px}.form-card h2,.panel>h2{margin:0 0 4px;font-size:20px}.employee-row{align-items:center}.employee-row small{display:block;color:var(--muted);margin-top:4px}.deactivate{border:0;background:none;color:#a22f2f;font-weight:800}.totals{color:#496052;font-weight:700;margin:5px 0 10px}.event{border-top:1px solid #e7ece8;padding:11px 0}.event strong{font-size:14px}.event small{display:block;color:#718078;margin-top:2px}.event time{font-size:12px;color:#54645b;text-align:right;max-width:50%}.notice{position:sticky;top:48px;z-index:5;max-width:730px;margin:10px auto -4px;padding:12px 14px;border-radius:10px;background:#fff0d4;color:#79440c;font-weight:700}.loading{position:fixed;inset:0;z-index:20;background:#0c271dbb;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading[hidden]{display:none}.loading span{width:42px;height:42px;border:4px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{margin-top:10px}.login-page{flex-direction:row;align-items:center;gap:50px}.brand,.login-card{margin:0}.timesheet-card{grid-column:span 2}}