.UserPayrollDetailView[data-v-59f90002]{width:100%;min-height:420px}.toolbar[data-v-59f90002]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:14px;padding:12px 14px;border:1px solid #edf2fa;border-radius:8px;background:#fbfcff}.toolbar-label[data-v-59f90002]{color:#4b5568;font-size:12px;font-weight:600}.payroll-rule-field[data-v-59f90002]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.paye-period-notice[data-v-59f90002]{--paye-accent:#2563eb;--paye-surface:#eff6ff;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px;min-height:46px;padding:7px 12px 7px 10px;border:1px solid color-mix(in srgb,var(--paye-accent) 22%,#fff);border-radius:7px;background:var(--paye-surface);-webkit-box-shadow:inset 3px 0 0 var(--paye-accent);box-shadow:inset 3px 0 0 var(--paye-accent);color:#334155;-webkit-transition:background .16s ease,border-color .16s ease;transition:background .16s ease,border-color .16s ease}.paye-period-notice--fortnightly[data-v-59f90002]{--paye-accent:#0f766e;--paye-surface:#f0fdfa}.paye-period-notice--monthly[data-v-59f90002]{--paye-accent:#a16207;--paye-surface:#fffbeb}.paye-period-notice__dot[data-v-59f90002]{width:9px;height:9px;border-radius:50%;background:var(--paye-accent);-webkit-box-shadow:0 0 0 4px color-mix(in srgb,var(--paye-accent) 16%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--paye-accent) 16%,transparent)}.paye-period-notice__content[data-v-59f90002]{display:grid;grid-template-columns:auto auto;-webkit-column-gap:7px;-moz-column-gap:7px;column-gap:7px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;line-height:1.2}.paye-period-notice__eyebrow[data-v-59f90002]{grid-column:1/-1;margin-bottom:2px;color:var(--paye-accent);font-size:10px;font-weight:700;letter-spacing:.06em}.paye-period-notice__content strong[data-v-59f90002]{color:#1e293b;font-size:13px}.paye-period-notice__content span[data-v-59f90002]:last-child{color:#64748b;font-size:11px}.hourly-input-wrap[data-v-59f90002]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}