{"product_id":"time-card-calculator","title":"Time Card Calculator","description":"\u003cstyle\u003e\n.tcc-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  container-type: inline-size;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--ink);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  background: var(--surface);\n}\n.tcc-calculator,\n.tcc-calculator *,\n.tcc-calculator *::before,\n.tcc-calculator *::after {\n  box-sizing: border-box;\n}\n.tcc-calculator * {\n  min-width: 0;\n}\n.tcc-calculator a {\n  color: var(--primary);\n  text-underline-offset: 2px;\n}\n.tcc-calculator a:hover {\n  text-decoration-thickness: 2px;\n}\n.tcc-calculator button,\n.tcc-calculator input,\n.tcc-calculator select,\n.tcc-calculator textarea {\n  font: inherit;\n}\n.tcc-calculator button,\n.tcc-calculator summary,\n.tcc-calculator input,\n.tcc-calculator select,\n.tcc-calculator textarea {\n  min-height: 44px;\n}\n.tcc-calculator button,\n.tcc-calculator summary {\n  cursor: pointer;\n}\n.tcc-calculator :focus-visible {\n  outline: 3px solid rgba(29, 78, 216, .35);\n  outline-offset: 2px;\n}\n.tcc-calculator .tcc-header {\n  display: grid;\n  gap: 12px;\n  padding: 24px;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.tcc-calculator .tcc-header-copy,\n.tcc-calculator .tcc-header-copy \u003e *,\n.tcc-calculator .tcc-toolbar \u003e *,\n.tcc-calculator .tcc-workspace \u003e *,\n.tcc-calculator .tcc-row-grid \u003e *,\n.tcc-calculator .tcc-result-grid \u003e *,\n.tcc-calculator .tcc-breakdown-grid \u003e *,\n.tcc-calculator .tcc-chart-cluster \u003e *,\n.tcc-calculator .tcc-field-grid \u003e *,\n.tcc-calculator .tcc-education \u003e * {\n  min-width: 0;\n}\n.tcc-calculator .tcc-header h2 {\n  margin: 0;\n  font-size: 24px;\n  line-height: 1.25;\n  font-weight: 700;\n  letter-spacing: -.02em;\n}\n.tcc-calculator .tcc-header p {\n  margin: 0;\n  color: var(--muted);\n}\n.tcc-calculator .tcc-summary-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.tcc-calculator .tcc-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  min-height: 32px;\n  padding: 5px 10px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: var(--surface);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-pill strong {\n  color: var(--ink);\n  font-weight: 700;\n}\n.tcc-calculator .tcc-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n  margin: 16px 0;\n}\n.tcc-calculator .tcc-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  min-width: 0;\n  padding: 11px 18px;\n  border: 1px solid #8491a3;\n  border-radius: 6px;\n  background: var(--surface);\n  color: var(--ink);\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 1.2;\n  white-space: nowrap;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.tcc-calculator .tcc-button:hover {\n  border-color: #64748b;\n  box-shadow: 0 2px 5px rgba(15, 23, 42, .10);\n}\n.tcc-calculator .tcc-button:active {\n  transform: translateY(1px);\n}\n.tcc-calculator .tcc-button-download {\n  border-color: var(--accent);\n  background: var(--accent);\n  color: #ffffff;\n}\n.tcc-calculator .tcc-button-download:hover,\n.tcc-calculator .tcc-button-download:active {\n  border-color: var(--accent-hover);\n  background: var(--accent-hover);\n}\n.tcc-calculator .tcc-button-small {\n  min-height: 40px;\n  padding: 8px 12px;\n  font-size: 13px;\n}\n.tcc-calculator .tcc-status {\n  min-height: 22px;\n  margin: -4px 0 12px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.tcc-calculator .tcc-status[data-state=\"error\"] {\n  color: #b91c1c;\n}\n.tcc-calculator .tcc-workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 16px;\n}\n.tcc-calculator .tcc-card,\n.tcc-calculator .tcc-advanced,\n.tcc-calculator .tcc-education {\n  min-width: 0;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.tcc-calculator .tcc-card {\n  padding: 20px;\n}\n.tcc-calculator .tcc-section-head {\n  display: grid;\n  gap: 4px;\n  margin-bottom: 16px;\n}\n.tcc-calculator .tcc-section-head h3,\n.tcc-calculator .tcc-advanced summary,\n.tcc-calculator .tcc-education h3 {\n  margin: 0;\n  font-size: 18px;\n  line-height: 1.35;\n  font-weight: 650;\n}\n.tcc-calculator .tcc-section-head p,\n.tcc-calculator .tcc-helper,\n.tcc-calculator .tcc-caption,\n.tcc-calculator .tcc-note,\n.tcc-calculator .tcc-validation {\n  margin: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.45;\n}\n.tcc-calculator .tcc-rows {\n  display: grid;\n  gap: 12px;\n}\n.tcc-calculator .tcc-row {\n  display: grid;\n  gap: 10px;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  background: var(--tint);\n}\n.tcc-calculator .tcc-row-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n}\n.tcc-calculator .tcc-field {\n  display: grid;\n  align-content: start;\n  gap: 6px;\n  min-width: 0;\n}\n.tcc-calculator .tcc-field label,\n.tcc-calculator .tcc-fieldset legend,\n.tcc-calculator .tcc-checkbox-label {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n}\n.tcc-calculator .tcc-control {\n  width: 100%;\n  min-width: 0;\n  padding: 10px 11px;\n  border: 1px solid #8491a3;\n  border-radius: 6px;\n  background: #ffffff;\n  color: var(--ink);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.25;\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-control:hover {\n  border-color: #64748b;\n}\n.tcc-calculator .tcc-control[aria-invalid=\"true\"] {\n  border-color: #dc2626;\n  background: #fff7f7;\n}\n.tcc-calculator .tcc-control:disabled {\n  cursor: not-allowed;\n  background: #f1f5f9;\n  color: #64748b;\n}\n.tcc-calculator textarea.tcc-control {\n  min-height: 92px;\n  resize: vertical;\n}\n.tcc-calculator .tcc-row-actions,\n.tcc-calculator .tcc-inline-actions {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 8px;\n}\n.tcc-calculator .tcc-remove-row {\n  justify-self: start;\n  color: #b91c1c;\n  background: #fff7f7;\n  border-color: #fecaca;\n}\n.tcc-calculator .tcc-form-options {\n  display: grid;\n  gap: 14px;\n  margin-top: 16px;\n  padding-top: 16px;\n  border-top: 1px solid var(--border);\n}\n.tcc-calculator .tcc-field-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));\n  gap: 12px;\n}\n.tcc-calculator .tcc-checkbox-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.tcc-calculator .tcc-checkbox-row input {\n  width: 20px;\n  height: 20px;\n  min-height: 20px;\n  margin: 2px 0 0;\n  accent-color: var(--primary);\n}\n.tcc-calculator .tcc-checkbox-copy {\n  display: grid;\n  gap: 2px;\n  min-width: 0;\n}\n.tcc-calculator .tcc-results-card {\n  align-self: start;\n}\n.tcc-calculator .tcc-primary-result {\n  display: grid;\n  gap: 4px;\n  padding: 18px;\n  border: 1px solid #bfdbfe;\n  border-radius: 8px;\n  background: #eff6ff;\n}\n.tcc-calculator .tcc-primary-result span {\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.tcc-calculator .tcc-primary-result strong {\n  font-size: 30px;\n  line-height: 1.15;\n  font-weight: 700;\n  letter-spacing: -.025em;\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-result-grid,\n.tcc-calculator .tcc-breakdown-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 10px;\n  margin-top: 12px;\n}\n.tcc-calculator .tcc-result-box,\n.tcc-calculator .tcc-breakdown-box {\n  display: grid;\n  align-content: start;\n  gap: 4px;\n  min-height: 92px;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  background: var(--surface);\n}\n.tcc-calculator .tcc-result-box span,\n.tcc-calculator .tcc-breakdown-box span {\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.tcc-calculator .tcc-result-box strong,\n.tcc-calculator .tcc-breakdown-box strong {\n  font-size: 20px;\n  line-height: 1.25;\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.tcc-calculator .tcc-result-message {\n  margin-top: 12px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.tcc-calculator .tcc-breakdown-section,\n.tcc-calculator .tcc-chart-card,\n.tcc-calculator .tcc-table-card,\n.tcc-calculator .tcc-advanced,\n.tcc-calculator .tcc-education {\n  margin-top: 16px;\n}\n.tcc-calculator .tcc-chart-card {\n  display: grid;\n  gap: 16px;\n}\n.tcc-calculator .tcc-chart-cluster {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  justify-content: center;\n  align-items: start;\n  gap: 20px;\n  max-width: 980px;\n  width: 100%;\n  margin: 0 auto;\n}\n.tcc-calculator .tcc-chart-plot {\n  display: grid;\n  place-items: center;\n  min-width: 0;\n  width: 100%;\n}\n.tcc-calculator .tcc-chart-svg {\n  display: block;\n  width: 100%;\n  max-width: 680px;\n  height: auto;\n  min-height: 250px;\n  overflow: visible;\n}\n.tcc-calculator .tcc-chart-empty {\n  width: 100%;\n  max-width: 680px;\n  padding: 18px;\n  border: 1px dashed #cbd5e1;\n  border-radius: 7px;\n  background: var(--tint);\n  color: var(--muted);\n  text-align: center;\n  font-size: 13px;\n  font-weight: 600;\n}\n.tcc-calculator .tcc-legend {\n  display: grid;\n  align-content: start;\n  gap: 10px;\n  min-width: 0;\n  max-width: 320px;\n  margin: 0 auto;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n  background: var(--tint);\n}\n.tcc-calculator .tcc-legend-title {\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--ink);\n}\n.tcc-calculator .tcc-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(70px, auto) auto auto;\n  align-items: center;\n  justify-content: start;\n  gap: 8px 12px;\n  min-width: 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-legend-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.tcc-calculator .tcc-legend-value,\n.tcc-calculator .tcc-legend-percent {\n  color: var(--ink);\n  white-space: nowrap;\n}\n.tcc-calculator .tcc-chart-data {\n  min-width: 0;\n}\n.tcc-calculator .tcc-chart-caption {\n  margin-top: 0;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.tcc-calculator .tcc-safe-chart-stack .tcc-chart-cluster {\n  grid-template-columns: minmax(0, 1fr) !important;\n  gap: 20px !important;\n}\n.tcc-calculator .tcc-safe-chart-stack .tcc-legend {\n  margin: 0 auto !important;\n}\n.tcc-calculator .tcc-safe-chart-stack .tcc-chart-caption {\n  margin-top: 16px !important;\n}\n.tcc-calculator .tcc-table-overflow,\n.tcc-calculator .tcc-chart-table-overflow {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n}\n.tcc-calculator table {\n  width: 100%;\n  min-width: 720px;\n  border-collapse: collapse;\n  font-size: 13px;\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-chart-table {\n  min-width: 560px;\n}\n.tcc-calculator th,\n.tcc-calculator td {\n  padding: 10px 12px;\n  border-bottom: 1px solid var(--border);\n  text-align: left;\n  vertical-align: top;\n}\n.tcc-calculator th {\n  background: #f1f5f9;\n  color: var(--ink);\n  font-weight: 700;\n  white-space: nowrap;\n}\n.tcc-calculator td {\n  color: #334155;\n}\n.tcc-calculator td.tcc-number,\n.tcc-calculator th.tcc-number {\n  text-align: right;\n}\n.tcc-calculator tbody tr:last-child td,\n.tcc-calculator tfoot tr:last-child td {\n  border-bottom: 0;\n}\n.tcc-calculator tfoot td {\n  background: #f8fafc;\n  color: var(--ink);\n  font-weight: 700;\n}\n.tcc-calculator .tcc-table-note {\n  margin-top: 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.tcc-calculator .tcc-safe-table-stack .tcc-table-note {\n  margin-top: 20px !important;\n}\n.tcc-calculator .tcc-advanced {\n  overflow: visible;\n}\n.tcc-calculator .tcc-advanced summary {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 10px;\n  padding: 16px 20px;\n  list-style: none;\n}\n.tcc-calculator .tcc-advanced summary::-webkit-details-marker {\n  display: none;\n}\n.tcc-calculator .tcc-advanced summary::before {\n  content: \"+\";\n  display: inline-grid;\n  place-items: center;\n  width: 24px;\n  height: 24px;\n  border: 1px solid var(--border);\n  border-radius: 5px;\n  color: var(--primary);\n  font-size: 18px;\n  line-height: 1;\n  font-weight: 700;\n}\n.tcc-calculator .tcc-advanced[open] summary::before {\n  content: \"−\";\n}\n.tcc-calculator .tcc-advanced-body {\n  display: grid;\n  gap: 16px;\n  padding: 0 20px 20px;\n}\n.tcc-calculator .tcc-fieldset {\n  display: grid;\n  gap: 10px;\n  min-width: 0;\n  margin: 0;\n  padding: 14px;\n  border: 1px solid var(--border);\n  border-radius: 7px;\n}\n.tcc-calculator .tcc-radio-grid {\n  display: grid;\n  gap: 8px;\n}\n.tcc-calculator .tcc-radio-row {\n  display: flex;\n  align-items: flex-start;\n  gap: 9px;\n  min-width: 0;\n}\n.tcc-calculator .tcc-radio-row input {\n  width: 18px;\n  height: 18px;\n  min-height: 18px;\n  margin: 2px 0 0;\n  accent-color: var(--primary);\n}\n.tcc-calculator .tcc-radio-row label {\n  min-width: 0;\n  font-size: 14px;\n  font-weight: 600;\n}\n.tcc-calculator .tcc-education {\n  padding: 24px;\n}\n.tcc-calculator .tcc-education h2 {\n  margin: 0 0 12px;\n  font-size: 24px;\n  line-height: 1.3;\n  font-weight: 700;\n}\n.tcc-calculator .tcc-education h3 {\n  margin-top: 24px;\n}\n.tcc-calculator .tcc-education p,\n.tcc-calculator .tcc-education li {\n  color: #334155;\n}\n.tcc-calculator .tcc-education p {\n  margin: 8px 0 0;\n}\n.tcc-calculator .tcc-education ul,\n.tcc-calculator .tcc-education ol {\n  margin: 8px 0 0;\n  padding-left: 22px;\n}\n.tcc-calculator .tcc-education li + li {\n  margin-top: 6px;\n}\n.tcc-calculator .tcc-numeric {\n  font-variant-numeric: tabular-nums;\n}\n.tcc-calculator .tcc-hidden {\n  display: none !important;\n}\n@container (min-width: 640px) {\n  .tcc-calculator .tcc-row-grid {\n    grid-template-columns: minmax(150px, 1.2fr) repeat(3, minmax(120px, 1fr));\n  }\n  .tcc-calculator .tcc-chart-cluster {\n    grid-template-columns: minmax(0, 680px) minmax(220px, 280px);\n    gap: 24px;\n  }\n}\n@container (min-width: 900px) {\n  .tcc-calculator .tcc-workspace {\n    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);\n    align-items: start;\n  }\n  .tcc-calculator .tcc-result-grid,\n  .tcc-calculator .tcc-breakdown-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (max-width: 639px) {\n  .tcc-calculator .tcc-card,\n  .tcc-calculator .tcc-header,\n  .tcc-calculator .tcc-education {\n    padding: 16px;\n  }\n  .tcc-calculator .tcc-toolbar {\n    align-items: stretch;\n  }\n  .tcc-calculator .tcc-button {\n    flex: 1 1 auto;\n  }\n  .tcc-calculator .tcc-button-download {\n    flex: 1 1 100%;\n  }\n  .tcc-calculator .tcc-result-grid,\n  .tcc-calculator .tcc-breakdown-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .tcc-calculator .tcc-legend-row {\n    grid-template-columns: 12px minmax(70px, auto) auto;\n  }\n  .tcc-calculator .tcc-legend-percent {\n    grid-column: 2 \/ 4;\n  }\n  .tcc-calculator .tcc-chart-caption {\n    margin-top: 16px;\n  }\n}\n@container (max-width: 399px) {\n  .tcc-calculator .tcc-row-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .tcc-calculator .tcc-toolbar .tcc-button {\n    flex-basis: 100%;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"tcc-calculator\" data-calculator-root\u003e\n  \u003cheader class=\"tcc-header\"\u003e\n    \u003cdiv class=\"tcc-header-copy\"\u003e\n      \u003ch2\u003eTime Card Calculator\u003c\/h2\u003e\n      \u003cp\u003eTrack a weekly time card, deduct breaks, apply rounding, estimate overtime, and export a payroll-ready Excel workbook.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-summary-pills\" aria-label=\"Live time card summary\"\u003e\n      \u003cspan class=\"tcc-pill\"\u003eTotal \u003cstrong data-tcc-pill=\"total\"\u003e8:00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"tcc-pill\"\u003eDays \u003cstrong data-tcc-pill=\"days\"\u003e1\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"tcc-pill\"\u003eOvertime \u003cstrong data-tcc-pill=\"overtime\"\u003e0:00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"tcc-pill\"\u003ePay \u003cstrong data-tcc-pill=\"pay\"\u003eOff\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"tcc-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"tcc-button tcc-button-download\" type=\"button\" data-tcc-action=\"download\"\u003e\u003cspan aria-hidden=\"true\"\u003e⇩\u003c\/span\u003e\u003cspan\u003eDownload Excel\u003c\/span\u003e\u003c\/button\u003e\n    \u003cbutton class=\"tcc-button\" type=\"button\" data-tcc-action=\"reset\"\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"tcc-status\" data-tcc-status aria-live=\"polite\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"tcc-workspace\"\u003e\n    \u003csection class=\"tcc-card tcc-input-card\" aria-labelledby=\"tcc-input-title\"\u003e\n      \u003cdiv class=\"tcc-section-head\"\u003e\n        \u003ch3 id=\"tcc-input-title\"\u003eWeekly time entries\u003c\/h3\u003e\n        \u003cp\u003eEnter clock-in, clock-out, and unpaid break time. Common 12-hour and 24-hour formats are accepted.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-rows\" data-tcc-rows\u003e\u003c\/div\u003e\n      \u003cdiv class=\"tcc-inline-actions\" style=\"margin-top:12px\"\u003e\n        \u003cbutton class=\"tcc-button tcc-button-small\" type=\"button\" data-tcc-action=\"copy-first\"\u003eCopy first row down\u003c\/button\u003e\n        \u003cbutton class=\"tcc-button tcc-button-small\" type=\"button\" data-tcc-action=\"add-row\"\u003eAdd shift row\u003c\/button\u003e\n        \u003cbutton class=\"tcc-button tcc-button-small\" type=\"button\" data-tcc-action=\"clear-rows\"\u003eClear time entries\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-form-options\"\u003e\n        \u003cdiv class=\"tcc-field-grid\"\u003e\n          \u003cdiv class=\"tcc-field\"\u003e\n            \u003clabel for=\"tcc-rounding\"\u003eRound clock times\u003c\/label\u003e\n            \u003cselect class=\"tcc-control\" id=\"tcc-rounding\" data-tcc-field=\"rounding\"\u003e\n              \u003coption value=\"0\"\u003eNo rounding\u003c\/option\u003e\n              \u003coption value=\"5\"\u003eNearest 5 minutes\u003c\/option\u003e\n              \u003coption value=\"10\"\u003eNearest 10 minutes\u003c\/option\u003e\n              \u003coption value=\"15\"\u003eNearest 15 minutes\u003c\/option\u003e\n              \u003coption value=\"30\"\u003eNearest 30 minutes\u003c\/option\u003e\n              \u003coption value=\"60\"\u003eNearest hour\u003c\/option\u003e\n            \u003c\/select\u003e\n            \u003cp class=\"tcc-helper\"\u003eRounding is applied to clock-in and clock-out before the break is deducted.\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"tcc-field\"\u003e\n            \u003clabel for=\"tcc-report-header\"\u003eReport header\u003c\/label\u003e\n            \u003cinput class=\"tcc-control\" id=\"tcc-report-header\" data-tcc-field=\"report-header\" type=\"text\" autocomplete=\"off\" placeholder=\"Employee or project name\"\u003e\n            \u003cp class=\"tcc-helper\"\u003eOptional text included in the on-screen report and Excel summary.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcc-field\"\u003e\n          \u003clabel for=\"tcc-report-notes\"\u003eReport notes\u003c\/label\u003e\n          \u003ctextarea class=\"tcc-control\" id=\"tcc-report-notes\" data-tcc-field=\"report-notes\" placeholder=\"Optional notes for payroll, invoicing, or approval\"\u003e\u003c\/textarea\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcc-checkbox-row\"\u003e\n          \u003cinput id=\"tcc-show-blank\" data-tcc-field=\"show-blank\" type=\"checkbox\"\u003e\n          \u003cdiv class=\"tcc-checkbox-copy\"\u003e\n            \u003clabel class=\"tcc-checkbox-label\" for=\"tcc-show-blank\"\u003eShow blank rows in the report\u003c\/label\u003e\n            \u003cspan class=\"tcc-helper\"\u003eLeave this off for a compact report that lists only completed shifts.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"tcc-card tcc-results-card\" aria-labelledby=\"tcc-results-title\"\u003e\n      \u003cdiv class=\"tcc-section-head\"\u003e\n        \u003ch3 id=\"tcc-results-title\"\u003eLive results\u003c\/h3\u003e\n        \u003cp\u003eTotals update as you type.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-primary-result\"\u003e\n        \u003cspan\u003eTotal net work time\u003c\/span\u003e\n        \u003cstrong data-tcc-result=\"total\"\u003e8:00\u003c\/strong\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-result-grid\"\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003eDecimal hours\u003c\/span\u003e\u003cstrong data-tcc-result=\"decimal\"\u003e8.00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003eBreaks deducted\u003c\/span\u003e\u003cstrong data-tcc-result=\"breaks\"\u003e0:30\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003eRegular hours\u003c\/span\u003e\u003cstrong data-tcc-result=\"regular\"\u003e8:00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003eOvertime hours\u003c\/span\u003e\u003cstrong data-tcc-result=\"overtime\"\u003e0:00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003ePaid hours\u003c\/span\u003e\u003cstrong data-tcc-result=\"paid-hours\"\u003e8:00\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"tcc-result-box\"\u003e\n\u003cspan\u003eGross pay\u003c\/span\u003e\u003cstrong data-tcc-result=\"gross-pay\"\u003eNot included\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-result-message\" data-tcc-result=\"message\"\u003eOne completed shift produces 8:00 of net work time after a 0:30 break.\u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"tcc-card tcc-breakdown-section\" aria-labelledby=\"tcc-breakdown-title\"\u003e\n    \u003cdiv class=\"tcc-section-head\"\u003e\n      \u003ch3 id=\"tcc-breakdown-title\"\u003eTime breakdown\u003c\/h3\u003e\n      \u003cp\u003eReview the components that reconcile to the weekly total.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-breakdown-grid\"\u003e\n      \u003cdiv class=\"tcc-breakdown-box\"\u003e\n\u003cspan\u003eGross scheduled time\u003c\/span\u003e\u003cstrong data-tcc-breakdown=\"gross-time\"\u003e8:30\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"tcc-breakdown-box\"\u003e\n\u003cspan\u003eUnpaid breaks\u003c\/span\u003e\u003cstrong data-tcc-breakdown=\"breaks\"\u003e0:30\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"tcc-breakdown-box\"\u003e\n\u003cspan\u003eNet work time\u003c\/span\u003e\u003cstrong data-tcc-breakdown=\"net\"\u003e8:00\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"tcc-breakdown-box\"\u003e\n\u003cspan\u003eUnpaid capped time\u003c\/span\u003e\u003cstrong data-tcc-breakdown=\"unpaid\"\u003e0:00\u003c\/strong\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tcc-card tcc-chart-card\" data-tcc-chart-card aria-labelledby=\"tcc-chart-title\"\u003e\n    \u003cdiv class=\"tcc-section-head\"\u003e\n      \u003ch3 id=\"tcc-chart-title\"\u003eHours by day\u003c\/h3\u003e\n      \u003cp\u003eStacked bars separate regular and overtime hours for each completed shift.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-chart-cluster\"\u003e\n      \u003cdiv class=\"tcc-chart-plot\" data-tcc-chart-plot\u003e\n        \u003cdiv class=\"tcc-chart-empty tcc-hidden\" data-tcc-chart-empty\u003eEnter at least one complete shift to see the chart.\u003c\/div\u003e\n        \u003csvg class=\"tcc-chart-svg\" data-tcc-chart-svg role=\"img\" aria-labelledby=\"tcc-chart-title tcc-chart-desc\" viewbox=\"0 0 680 320\" preserveaspectratio=\"xMidYMid meet\"\u003e\u003c\/svg\u003e\n        \u003cspan class=\"tcc-hidden\" id=\"tcc-chart-desc\" data-tcc-chart-desc\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-legend\" data-tcc-chart-legend aria-label=\"Chart legend\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-chart-data\" data-tcc-chart-data\u003e\u003c\/div\u003e\n    \u003cdiv class=\"tcc-chart-caption\" data-tcc-chart-caption\u003eRegular time accounts for all 8:00 currently recorded.\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"tcc-card tcc-table-card\" data-tcc-table-card aria-labelledby=\"tcc-table-title\"\u003e\n    \u003cdiv class=\"tcc-section-head\"\u003e\n      \u003ch3 id=\"tcc-table-title\"\u003eDetailed time card\u003c\/h3\u003e\n      \u003cp\u003eThe table and exported workbook use the same calculated rows.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-table-overflow\" data-tcc-table-wrapper\u003e\n      \u003ctable class=\"tcc-report-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eDay \/ date\u003c\/th\u003e\n            \u003cth\u003eClock-in\u003c\/th\u003e\n            \u003cth\u003eClock-out\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003eGross\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003eBreak\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003eRegular\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003eOvertime\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003eNet\u003c\/th\u003e\n            \u003cth class=\"tcc-number\"\u003ePay\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody data-tcc-table-body\u003e\u003c\/tbody\u003e\n        \u003ctfoot data-tcc-table-foot\u003e\u003c\/tfoot\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"tcc-table-note\" data-tcc-table-note\u003eClock times are rounded first when a rounding rule is selected. Breaks are then subtracted, and overtime or pay caps are applied to the resulting net time.\u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdetails class=\"tcc-advanced\" data-tcc-advanced\u003e\n    \u003csummary\u003ePay and overtime settings \u003cspan class=\"tcc-pill\" data-tcc-pay-state\u003eOff\u003c\/span\u003e\u003c\/summary\u003e\n    \u003cdiv class=\"tcc-advanced-body\"\u003e\n      \u003cdiv class=\"tcc-checkbox-row\"\u003e\n        \u003cinput id=\"tcc-include-pay\" data-tcc-field=\"include-pay\" type=\"checkbox\"\u003e\n        \u003cdiv class=\"tcc-checkbox-copy\"\u003e\n          \u003clabel class=\"tcc-checkbox-label\" for=\"tcc-include-pay\"\u003eInclude payment information\u003c\/label\u003e\n          \u003cspan class=\"tcc-helper\"\u003eEnable this to calculate regular pay, overtime pay, or capped payable hours.\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tcc-field-grid\"\u003e\n        \u003cdiv class=\"tcc-field\"\u003e\n          \u003clabel for=\"tcc-base-rate\"\u003eBase pay rate per hour\u003c\/label\u003e\n          \u003cinput class=\"tcc-control\" id=\"tcc-base-rate\" data-tcc-field=\"base-rate\" data-tcc-mask=\"currency\" type=\"text\" inputmode=\"decimal\" value=\"$15.00\" autocomplete=\"off\"\u003e\n          \u003cp class=\"tcc-helper\"\u003eUse the employee's ordinary hourly rate before any overtime multiplier.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcc-field\"\u003e\n          \u003clabel for=\"tcc-overtime-rate\"\u003eOvertime multiplier\u003c\/label\u003e\n          \u003cinput class=\"tcc-control\" id=\"tcc-overtime-rate\" data-tcc-field=\"overtime-rate\" type=\"text\" inputmode=\"decimal\" value=\"1.5\" autocomplete=\"off\"\u003e\n          \u003cp class=\"tcc-helper\"\u003eA value of 1.5 means time-and-a-half; 2 means double time.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cfieldset class=\"tcc-fieldset\"\u003e\n        \u003clegend\u003eOvertime or pay-cap rule\u003c\/legend\u003e\n        \u003cdiv class=\"tcc-radio-grid\"\u003e\n          \u003cdiv class=\"tcc-radio-row\"\u003e\n\u003cinput id=\"tcc-mode-base\" name=\"tcc-overtime-mode\" data-tcc-field=\"overtime-mode\" type=\"radio\" value=\"base\" checked\u003e\u003clabel for=\"tcc-mode-base\"\u003eNo overtime premium; pay all worked hours at the base rate\u003c\/label\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"tcc-radio-row\"\u003e\n\u003cinput id=\"tcc-mode-cap-day\" name=\"tcc-overtime-mode\" data-tcc-field=\"overtime-mode\" type=\"radio\" value=\"cap-day\"\u003e\u003clabel for=\"tcc-mode-cap-day\"\u003eNo pay above a maximum number of hours per day\u003c\/label\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"tcc-radio-row\"\u003e\n\u003cinput id=\"tcc-mode-cap-week\" name=\"tcc-overtime-mode\" data-tcc-field=\"overtime-mode\" type=\"radio\" value=\"cap-week\"\u003e\u003clabel for=\"tcc-mode-cap-week\"\u003eNo pay above a maximum number of hours per week\u003c\/label\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"tcc-radio-row\"\u003e\n\u003cinput id=\"tcc-mode-ot-day\" name=\"tcc-overtime-mode\" data-tcc-field=\"overtime-mode\" type=\"radio\" value=\"ot-day\"\u003e\u003clabel for=\"tcc-mode-ot-day\"\u003ePay overtime after a daily threshold\u003c\/label\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"tcc-radio-row\"\u003e\n\u003cinput id=\"tcc-mode-ot-week\" name=\"tcc-overtime-mode\" data-tcc-field=\"overtime-mode\" type=\"radio\" value=\"ot-week\"\u003e\u003clabel for=\"tcc-mode-ot-week\"\u003ePay overtime after a weekly threshold\u003c\/label\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/fieldset\u003e\n      \u003cdiv class=\"tcc-field-grid\"\u003e\n        \u003cdiv class=\"tcc-field\"\u003e\n          \u003clabel for=\"tcc-daily-threshold\"\u003eDaily threshold in hours\u003c\/label\u003e\n          \u003cinput class=\"tcc-control\" id=\"tcc-daily-threshold\" data-tcc-field=\"daily-threshold\" type=\"text\" inputmode=\"decimal\" value=\"8\" autocomplete=\"off\"\u003e\n          \u003cp class=\"tcc-helper\"\u003eUsed by daily cap and daily overtime modes.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tcc-field\"\u003e\n          \u003clabel for=\"tcc-weekly-threshold\"\u003eWeekly threshold in hours\u003c\/label\u003e\n          \u003cinput class=\"tcc-control\" id=\"tcc-weekly-threshold\" data-tcc-field=\"weekly-threshold\" type=\"text\" inputmode=\"decimal\" value=\"40\" autocomplete=\"off\"\u003e\n          \u003cp class=\"tcc-helper\"\u003eUsed by weekly cap and weekly overtime modes.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/details\u003e\n\n  \u003csection class=\"tcc-education\" aria-labelledby=\"tcc-education-title\"\u003e\n    \u003ch2 id=\"tcc-education-title\"\u003eHow to use and interpret a time card\u003c\/h2\u003e\n    \u003cp\u003eThis calculator estimates net work hours from daily clock-in and clock-out times, subtracts unpaid breaks, optionally rounds punch times, and can estimate regular pay, overtime pay, or a maximum payable-hours policy. It is useful for reviewing a weekly timesheet, preparing an invoice, checking a payroll draft, or documenting a work schedule. It is not a substitute for an employer's official timekeeping system or legal advice about wage-and-hour rules.\u003c\/p\u003e\n\n    \u003ch3\u003eEntering each shift\u003c\/h3\u003e\n    \u003cp\u003e\u003cstrong\u003eDay \/ date\u003c\/strong\u003e identifies the row in the report. The initial example uses Monday through Sunday, but the field can hold an actual date, a project label, or another short identifier. Keep labels unique when possible so exported rows are easy to audit. \u003cstrong\u003eClock-in\u003c\/strong\u003e and \u003cstrong\u003eclock-out\u003c\/strong\u003e accept common formats such as 8:30AM, 5:00 PM, 08:30, 17:00, 830, or 17.30. An end time earlier than the start is treated as a shift crossing noon or midnight, depending on whether the entries use 12-hour or 24-hour notation.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eBreak deduction\u003c\/strong\u003e is unpaid time removed from the gross shift. Enter a duration such as 0:30, 30m, or 0.5h. A higher break value lowers net hours one-for-one. A break cannot reduce a shift below zero; if the break is longer than the shift, the calculator flags the row and treats net work time as zero. The copy action repeats the first row's clock times and break across the remaining rows, while Add shift row supports split schedules or longer pay periods.\u003c\/p\u003e\n\n    \u003ch3\u003eRounding and report options\u003c\/h3\u003e\n    \u003cp\u003e\u003cstrong\u003eRound clock times\u003c\/strong\u003e rounds the start and end punches separately to the nearest selected interval. Breaks are deducted after rounding. Rounding can move a punch up or down, so applying it consistently matters. The U.S. Department of Labor discusses time rounding and warns that a practice should not systematically undercount employee time in its guidance on \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/fact-sheets\/53-healthcare-hours-worked\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ehours worked and rounding\u003c\/a\u003e. Confirm the policy that applies to the worker and jurisdiction before using rounded values for payroll.\u003c\/p\u003e\n    \u003cp\u003e\u003cstrong\u003eReport header\u003c\/strong\u003e and \u003cstrong\u003eReport notes\u003c\/strong\u003e are optional descriptive fields. They do not affect the math, but they are included in the Excel workbook and make a time card easier to identify. \u003cstrong\u003eShow blank rows\u003c\/strong\u003e keeps incomplete days in the detailed report; turn it off to show only worked shifts.\u003c\/p\u003e\n\n    \u003ch3\u003ePay and overtime settings\u003c\/h3\u003e\n    \u003cp\u003e\u003cstrong\u003eInclude payment information\u003c\/strong\u003e activates the pay model. The \u003cstrong\u003ebase pay rate\u003c\/strong\u003e is the ordinary hourly amount. The \u003cstrong\u003eovertime multiplier\u003c\/strong\u003e applies only to hours classified as overtime; 1.5 represents time-and-a-half. The daily and weekly thresholds define where a cap or overtime classification starts. In weekly modes, hours are allocated in row order, so place shifts in chronological order.\u003c\/p\u003e\n    \u003cp\u003eThe five rule choices serve different analytical purposes. Base-rate mode pays every net hour at the ordinary rate. Daily cap mode makes hours above the daily limit unpaid. Weekly cap mode stops payable hours after the weekly limit. Daily overtime mode classifies hours above each day's threshold as overtime. Weekly overtime mode classifies hours after the cumulative weekly threshold as overtime. Federal U.S. overtime rules commonly use more than 40 hours in a workweek for covered, non-exempt employees, but exemptions and state rules can change the outcome. Review the Department of Labor's \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/fact-sheets\/23-flsa-overtime-pay\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eovertime fact sheet\u003c\/a\u003e, its overview of \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/fact-sheets\/22-flsa-hours-worked\" target=\"_blank\" rel=\"noopener noreferrer\"\u003ewhat counts as hours worked\u003c\/a\u003e, and applicable \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/state\" target=\"_blank\" rel=\"noopener noreferrer\"\u003estate labor laws\u003c\/a\u003e.\u003c\/p\u003e\n\n    \u003ch3\u003eReading the results\u003c\/h3\u003e\n    \u003cp\u003e\u003cstrong\u003eTotal net work time\u003c\/strong\u003e is gross scheduled time minus break deductions after any punch rounding. The hours-and-minutes result is best for human review, while \u003cstrong\u003eDecimal hours\u003c\/strong\u003e is convenient for payroll multiplication and invoicing. For example, 7:45 equals 7.75 decimal hours. \u003cstrong\u003eRegular hour\ns\u003c\/strong\u003e and \u003cstrong\u003eOvertime hours\u003c\/strong\u003e partition paid time under the selected rule. \u003cstrong\u003ePaid hours\u003c\/strong\u003e excludes any time removed by a pay cap. \u003cstrong\u003eGross pay\u003c\/strong\u003e equals regular hours times the base rate plus overtime hours times the base rate and overtime multiplier.\u003c\/p\u003e\n    \u003cp\u003eThe time breakdown cross-checks the calculation: gross scheduled time minus unpaid breaks equals net work time. If a cap is active, unpaid capped time explains why paid hours can be lower than net hours. The daily chart shows regular and overtime portions of each completed shift. The table exposes the exact inputs and outputs row by row, and the total row should reconcile to the summary cards. The Department of Labor's \u003ca href=\"https:\/\/www.dol.gov\/agencies\/whd\/fact-sheets\/21-flsa-recordkeeping\" target=\"_blank\" rel=\"noopener noreferrer\"\u003erecordkeeping guidance\u003c\/a\u003e explains why accurate records of actual hours matter.\u003c\/p\u003e\n\n    \u003ch3\u003eCommon mistakes and practical checks\u003c\/h3\u003e\n    \u003cul\u003e\n      \u003cli\u003eDo not mix 12-hour and 24-hour notation ambiguously in the same row. Adding AM or PM is the clearest choice for 12-hour times.\u003c\/li\u003e\n      \u003cli\u003eEnter only unpaid break time. Paid rest periods generally should remain part of work time when the applicable rules require that treatment.\u003c\/li\u003e\n      \u003cli\u003eDo not round the final weekly total if the governing policy rounds individual punches. The order of operations can change the result.\u003c\/li\u003e\n      \u003cli\u003eReview overnight shifts carefully. A clock-out earlier than clock-in is treated as occurring later, not as a negative duration.\u003c\/li\u003e\n      \u003cli\u003eUse the Excel export after finalizing inputs. It captures the current rows, settings, results, breakdown, and notes at the moment of download.\u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp\u003eFor a reliable workflow, compare the detailed table to source punches, confirm break deductions, verify the overtime rule, and retain the exported workbook with the underlying approval or payroll record. A zero result usually means the row is incomplete, invalid, or fully offset by a break; a negative result is never displayed.\u003c\/p\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909484585203,"sku":"time-card-calculator","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/time-card-calculator.webp?v=1783935448","url":"https:\/\/financialmodelslab.com\/products\/time-card-calculator","provider":"Financial Models Lab","version":"1.0","type":"link"}