.homeTimecard{margin:24px 32px;padding:24px;border:1px solid #71604466;border-radius:22px;background:linear-gradient(120deg,#21182b,#0e0b16);color:#f3ecf5;min-width:0}
.homeTimecardHeading,.homeTimecardMeter,.homeTimecardStamps{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.homeTimecardHeading small{color:#c9b47e;letter-spacing:.16em;font-size:10px}.homeTimecard h2{margin:5px 0 18px;font-size:24px}.homeTimecard a{font-size:12px;color:#dcc6e4;text-decoration:none}.homeTimecardMeter strong{font-variant-numeric:tabular-nums;font-size:clamp(30px,5vw,48px);font-weight:500;letter-spacing:.02em}.homeTimecardMeter p,.homeTimecardNote{color:#b3a6be;font-size:12px;line-height:1.7}.homeTimecardMeter span{font-size:13px;color:#cabdd4}.homeTimecard .punchStatus{display:inline-block;color:#e9d9aa;background:#cab0801a;border-radius:20px;padding:5px 12px}.homeTimecard progress{width:100%;height:6px;appearance:none;margin:20px 0;background:#3b2b44;border:none;border-radius:8px;overflow:hidden}.homeTimecard progress::-webkit-progress-bar{background:#3b2b44}.homeTimecard progress::-webkit-progress-value{background:linear-gradient(90deg,#ad89ca,#e6b4d6)}.homeTimecard progress::-moz-progress-bar{background:#ba92cc}.homeTimecard label{display:block;font-size:12px;margin-bottom:8px}.homeTimecard input{width:100%;box-sizing:border-box;border:1px solid #695271;border-radius:9px;background:#110d19;color:#eee;padding:12px;font-size:16px}.homeTimecardStamps{font-size:12px;color:#bdb0c7;margin:14px 0}.homeTimecardActions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.homeTimecardActions button{min-height:44px;border:1px solid #74567b;border-radius:10px;color:#f9f1fa;background:#3c254a;font:inherit;font-size:13px;cursor:pointer}.homeTimecardActions button:first-child{background:linear-gradient(120deg,#8559a3,#a66d96)}.homeTimecardActions button:disabled{opacity:.35;cursor:default}.homeTimecardActions .reportButton{background:#1d1629}.homeTimecard [role=alert]{color:#ffc8cc}.homeTimecardNote{margin:16px 0 0}.homeTimecard~.hero{min-height:290px}.homeTimecard~.hero .copy{padding-bottom:30px}
@media(max-width:700px){.homeTimecard{margin:16px 12px;padding:18px}.homeTimecardActions{grid-template-columns:repeat(2,minmax(0,1fr))}.homeTimecardMeter{align-items:flex-start}.homeTimecardMeter strong{font-size:34px}.homeTimecardHeading{gap:0}.homeTimecardHeading a{margin-bottom:16px}}