:root{--tap: 48px;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#0f172a}.login{max-width:22rem;margin:20vh auto;display:grid;gap:1rem;padding:1.5rem}.login input,.login button,.quickadd input,.quickadd select,.quickadd button,.quickupdate input,.quickupdate button{min-height:var(--tap);font-size:1rem;padding:0 .75rem;border-radius:.6rem;border:1px solid #cbd5e1}.login button,.quickadd button,.quickupdate button{background:#0f766e;color:#fff;border:0;font-weight:600}.pill{color:#fff;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;text-transform:capitalize}.tabs{position:sticky;top:0;display:flex;gap:.25rem;overflow-x:auto;background:#fff;padding:.5rem;border-bottom:1px solid #e2e8f0}.tabs button{min-height:var(--tap);border:0;background:transparent;font-size:.95rem;padding:0 .75rem;border-radius:.5rem}.tabs button.active{background:#0f766e;color:#fff}.item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:.6rem;margin:.4rem 0}.dot{width:.7rem;height:.7rem;border-radius:999px;flex:0 0 auto}.err{color:#dc2626}.wrap{padding:.75rem;max-width:40rem;margin:0 auto}@media print{.tabs,.quickupdate,.quickadd,.noprint{display:none!important}}