*{box-sizing:border-box}body{margin:0;background:#0b0b0d;color:#f4f4f1;font:15px/1.6 Inter,sans-serif}main{max-width:540px;margin:6vh auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between}.wordmark{font:700 24px Syne,sans-serif}.wordmark span{color:#c0bcff}header p,footer,.intro{color:#aaaab3}h1{font:600 clamp(32px,7vw,44px)/1.15 Syne,sans-serif;letter-spacing:-.04em}form,#staff-time-clock{padding:24px;border:1px solid #35353b;border-radius:14px;background:#161619}label{display:block;margin-bottom:6px}input{width:100%;padding:12px;background:#0b0b0d;color:#fff;border:1px solid #45454d;border-radius:6px;font:inherit;margin-bottom:18px}button{min-height:46px;border:1px solid #f4f4f1;border-radius:7px;background:#f4f4f1;color:#111;font:600 14px Inter,sans-serif;padding:12px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}form button,#staff-time-clock button{width:100%}#staff-time-clock{flex-direction:column;gap:16px}#staff-time-clock p{color:#bdbdc4}#employee-feedback{color:#e2ba8e}#employee-logout{margin-top:20px;background:transparent;color:#ddd;border-color:#45454d}footer{font-size:12px;margin-top:28px}:focus-visible{outline:2px solid #c0bcff;outline-offset:4px}[hidden]{display:none!important}
input { font-size: 16px; }