/* Modern details only; classic markup and styles stay independent. */
#payoutDetailsModern[hidden]{display:none!important}
body[data-payout-view="classic"] #payoutDetailsModern{display:none!important}
:where(body[data-payout-view="modern"]) .pd-backdrop{position:fixed;inset:0;z-index:2400;background:#030711b8;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px;color:#eaf0fa}
:where(body[data-payout-view="modern"]) .pd-dialog{width:min(1120px,100%);height:min(820px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);min-width:0;border:1px solid #3c4662;border-radius:20px;box-shadow:0 32px 120px #0009;background:#111a2b;display:flex;flex-direction:column;overflow:hidden;animation:pd-appear .16s ease-out}
:where(body[data-payout-view="modern"]) .pd-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:25px 30px 20px;flex-shrink:0;background:#141e32}
:where(body[data-payout-view="modern"]) .pd-person{display:flex;gap:15px;align-items:center;min-width:0}
:where(body[data-payout-view="modern"]) .pd-avatar{width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;background:#aa93ff17;border:1px solid #aa93ff33;border-radius:16px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:18px;color:#cebeff}
:where(body[data-payout-view="modern"]) .pd-person-copy{min-width:0}
:where(body[data-payout-view="modern"]) .pd-eyebrow{margin:0 0 7px;font-size:11px;color:#a7b3ca;letter-spacing:.025em;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-eyebrow span{margin:0 6px;color:#aa93ff}
:where(body[data-payout-view="modern"]) .pd-person h2{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:27px;line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0;overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-model{margin:7px 0 0;font-size:11px;color:#aa93ff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
:where(body[data-payout-view="modern"]) .pd-close{display:grid;place-items:center;width:36px;height:36px;min-height:36px;flex-shrink:0;padding:8px;background:#ffffff04;border:1px solid #39415b;border-radius:9px;color:#adb9d0}
:where(body[data-payout-view="modern"]) .pd-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
:where(body[data-payout-view="modern"]) .pd-settlement{display:grid;position:relative;grid-template-columns:1.35fr 1fr 1fr;gap:22px;align-items:center;padding:21px 30px 24px;background:#141e32;border-top:1px solid #ffffff07;flex-shrink:0}
:where(body[data-payout-view="modern"]) .pd-settlement>div:not(.pd-split){min-width:0}
:where(body[data-payout-view="modern"]) .pd-settlement>div>span{display:flex;align-items:center;gap:7px;color:#a7b3ca;font-size:11px;margin-bottom:7px}
:where(body[data-payout-view="modern"]) .pd-settlement strong{display:block;font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(body[data-payout-view="modern"]) .pd-settlement .pd-total strong{font-size:34px;color:#eee7ff}
:where(body[data-payout-view="modern"]) .pd-settlement .pd-cash strong{color:#85d8ba}
:where(body[data-payout-view="modern"]) .pd-settlement .pd-transfer strong{color:#a2caff}
:where(body[data-payout-view="modern"]) .pd-settlement i{height:5px;width:5px;border-radius:50%;background:#3bd19b}
:where(body[data-payout-view="modern"]) .pd-settlement .pd-transfer i{background:#80b9ff}
:where(body[data-payout-view="modern"]) .pd-split{position:absolute;bottom:0;left:0;right:0;height:3px;background:#80b9ff45;overflow:hidden}
:where(body[data-payout-view="modern"]) .pd-settlement .pd-split>span{height:100%;background:#3bd19b7a;display:block}
:where(body[data-payout-view="modern"]) .pd-nav{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:0 30px;border-bottom:1px solid #2b354c;flex-shrink:0;min-width:0;background:#111a2b}
:where(body[data-payout-view="modern"]) .pd-tabs{display:flex;gap:24px;overflow-x:auto;min-width:0;scrollbar-width:thin}
:where(body[data-payout-view="modern"]) .pd-tabs button{padding:19px 0 16px;min-height:54px;font-size:12px;background:none;border:0;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap;color:#a7b3ca;line-height:1.4}
:where(body[data-payout-view="modern"]) .pd-tabs button[aria-selected="true"]{color:#ded1ff;border-color:#aa93ff;font-weight:600}
:where(body[data-payout-view="modern"]) .pd-nav .pd-hidden-toggle{border:1px solid #38425d;background:transparent;padding:6px 10px;min-height:30px;font-size:10px;color:#bca9f5;flex-shrink:0}
:where(body[data-payout-view="modern"]) .pd-body{overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:24px 30px 28px;scrollbar-width:thin;scrollbar-color:#465270 transparent}
:where(body[data-payout-view="modern"]) .pd-body:focus{outline:none}
:where(body[data-payout-view="modern"]) .pd-body:focus-visible{outline:2px solid #aa93ff;outline-offset:-4px}
:where(body[data-payout-view="modern"]) .pd-summary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px}
:where(body[data-payout-view="modern"]) .pd-summary-aside{min-width:0}
:where(body[data-payout-view="modern"]) .pd-section{min-width:0}
:where(body[data-payout-view="modern"]) .pd-section h3{font-size:13px;font-weight:600;margin:0 0 15px;letter-spacing:0;padding:0;border:0;color:#edf0fa}
:where(body[data-payout-view="modern"]) .pd-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
:where(body[data-payout-view="modern"]) .pd-section-heading h3{margin:0}
:where(body[data-payout-view="modern"]) .pd-section-heading>span{color:#8795b1;font-size:10px;white-space:nowrap}
:where(body[data-payout-view="modern"]) .pd-section-heading>strong{color:#d6c9fa;font-weight:600;font-variant-numeric:tabular-nums;font-size:15px}
:where(body[data-payout-view="modern"]) .pd-lines>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff08;min-width:0;font-size:12px;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-lines>div:last-child{border-bottom:0}
:where(body[data-payout-view="modern"]) .pd-lines .label{color:#a7b3ca;overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-lines .value{font-size:13px;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;color:inherit;flex-shrink:0}
:where(body[data-payout-view="modern"]) .pd-calculation{padding:17px 19px;background:#aa93ff09;border:1px solid #aa93ff26;border-radius:12px}
:where(body[data-payout-view="modern"]) .pd-tier>div{background:none!important;border:0!important;padding:0!important;border-radius:0!important;display:flex;flex-direction:column;gap:7px}
:where(body[data-payout-view="modern"]) .pd-tier .label{font-size:11px!important;color:#a7b3ca!important;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-tier .value{font-family:Bahnschrift,"Segoe UI",sans-serif;font-size:27px;color:#cebeff!important;font-weight:500!important;letter-spacing:-.025em}
:where(body[data-payout-view="modern"]) .pd-tier .muted{font-size:11px!important;line-height:1.65;color:#a7b3ca;margin:0!important}
:where(body[data-payout-view="modern"]) .pd-reconciliation{margin-top:24px}
:where(body[data-payout-view="modern"]) .pd-reconciliation h3{margin-bottom:4px}
:where(body[data-payout-view="modern"]) .pd-section-link{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:12px;padding:11px 12px;border:1px solid #aa93ff26;background:#aa93ff07;font-size:11px;color:#cdbafa;text-align:left}
:where(body[data-payout-view="modern"]) .pd-footnote{font-size:11px;color:#8f9bb2;line-height:1.65;margin:16px 0 0}
:where(body[data-payout-view="modern"]) .pd-positive{color:#85d8ba!important}
:where(body[data-payout-view="modern"]) .pd-negative{color:#ff9dad!important}
:where(body[data-payout-view="modern"]) .pd-subtabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:22px}
:where(body[data-payout-view="modern"]) .pd-subtabs button{min-height:32px;padding:7px 13px;font-size:11px;border:1px solid transparent;background:transparent;color:#a7b3ca}
:where(body[data-payout-view="modern"]) .pd-subtabs button[aria-selected="true"]{background:#aa93ff13;border-color:#aa93ff36;color:#d3c2ff}
:where(body[data-payout-view="modern"]) .pd-bonuses{max-width:650px}
:where(body[data-payout-view="modern"]) .pd-correction{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:13px;align-items:start;padding:12px 0;border-bottom:1px solid #ffffff09;font-size:12px;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-correction>strong{white-space:nowrap;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
:where(body[data-payout-view="modern"]) .pd-correction-mark{display:grid;place-items:center;height:23px;width:23px;background:#ffffff04;border:1px solid #ffffff0b;border-radius:6px}
:where(body[data-payout-view="modern"]) .pd-correction-label{overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-long-label{font-weight:400;font-size:inherit;line-height:1.6;overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-long-label summary{cursor:pointer;list-style:none}
:where(body[data-payout-view="modern"]) .pd-long-label summary::-webkit-details-marker{display:none}
:where(body[data-payout-view="modern"]) .pd-long-label summary span{font-size:10px;color:#baa5f5;white-space:nowrap;margin-left:6px}
:where(body[data-payout-view="modern"]) .pd-long-label p{margin:8px 0 0;color:#bec8dc;font-size:inherit;line-height:1.7}
:where(body[data-payout-view="modern"]) .pd-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:17px;color:#97a5bf;font-size:11px}
:where(body[data-payout-view="modern"]) .pd-pagination>div{display:flex;align-items:center;gap:15px}
:where(body[data-payout-view="modern"]) .pd-pagination button{width:31px;height:31px;min-height:31px;padding:0;border:1px solid #38425d;background:transparent;color:#d9cfff}
:where(body[data-payout-view="modern"]) .pd-pagination button:disabled{opacity:.28}
:where(body[data-payout-view="modern"]) .pd-attendance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
:where(body[data-payout-view="modern"]) .pd-attendance-item{padding:15px 17px;border:1px solid #2b354c;border-radius:10px;background:#ffffff02}
:where(body[data-payout-view="modern"]) .pd-attendance-item h4{font-size:12px;font-weight:600;margin:0 0 11px;color:#c9d3e6;overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-attendance-amount{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px;font-variant-numeric:tabular-nums}
:where(body[data-payout-view="modern"]) .pd-attendance-amount strong{font-size:18px;font-family:Bahnschrift,"Segoe UI",sans-serif;font-weight:500;color:#cdbafa}
:where(body[data-payout-view="modern"]) .pd-attendance-amount span{font-size:10px;color:#8f9bb2}
:where(body[data-payout-view="modern"]) .pd-attendance-item p,:where(body[data-payout-view="modern"]) .pd-attendance-item>span{font-size:10px;color:#9faec6;line-height:1.6;margin:4px 0 0}
:where(body[data-payout-view="modern"]) .pd-empty{padding:25px 0;color:#97a5bf;font-size:12px;line-height:1.8;max-width:450px}
:where(body[data-payout-view="modern"]) .pd-loading{min-height:220px;display:flex;align-items:center;justify-content:center;gap:10px;color:#a7b3ca;font-size:12px}
:where(body[data-payout-view="modern"]) .pd-loading>span{height:14px;width:14px;flex-shrink:0;border:2px solid #aa93ff25;border-top-color:#aa93ff;border-radius:50%;animation:pd-spin .8s linear infinite}
:where(body[data-payout-view="modern"]) .pd-error{padding:25px 0;color:#a7b3ca;font-size:12px;line-height:1.7}
:where(body[data-payout-view="modern"]) .pd-error h3{color:#ff9dad;margin:0 0 8px}
:where(body[data-payout-view="modern"]) .pd-error button{margin-top:8px;color:#d3c2ff;border-color:#aa93ff40}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-section{margin:0 0 20px;padding:0;border:0;background:none}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-section:last-child{margin-bottom:0}
:where(body[data-payout-view="modern"]) .pd-extended h4{font-size:13px;font-weight:600;margin:0 0 13px;color:#edf0fa}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#ffffff02;border:1px solid #2b354c;border-radius:10px;padding:14px 16px}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary-item{display:flex;flex-direction:column;gap:7px;padding:0;background:none;border:0;min-width:0}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary .label{font-size:10px;color:#9dabc2;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary .value{font-size:15px;line-height:1.2;color:#c6d3e9;font-variant-numeric:tabular-nums;white-space:nowrap}
:where(body[data-payout-view="modern"]) .pd-extended .hint{font-size:9px;color:#8795b1;line-height:1.4}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table-scroll{max-height:none;overflow-x:auto;overflow-y:visible;border:1px solid #2b354c;border-radius:9px}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table{font-size:12px!important;min-width:0!important;table-layout:fixed;width:100%;border-collapse:collapse}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table th{padding:11px 13px;font-size:9px;letter-spacing:.03em;white-space:normal;background:#172238;position:static;color:#97a7c1;text-align:right;line-height:1.5}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table td{padding:9px 13px;font-size:12px;white-space:nowrap;border-bottom:1px solid #ffffff08;text-align:right;font-variant-numeric:tabular-nums;line-height:1.4}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table :is(th,td):first-child{text-align:left;white-space:normal;overflow-wrap:anywhere}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table th:first-child{width:40%}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table .weekday-label{display:inline;color:#8392ad;font-size:9px;margin:0 0 0 8px}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table .pd-month-total{background:#aa93ff0b!important;color:#d6c8fa;font-weight:600}
:where(body[data-payout-view="modern"]) .pd-extended .daily-table .pd-month-total td{border-top:1px solid #aa93ff35}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-note{font-size:10px;line-height:1.6;margin-top:10px;color:#8f9bb2;padding:0;background:none;border:0}
:where(body[data-payout-view="modern"]) .pd-extended .modal-extra-empty{font-size:12px;color:#97a5bf;padding:20px 0}
@keyframes pd-appear{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pd-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){
  :where(body[data-payout-view="modern"]) .pd-nav{align-items:stretch;gap:0;flex-direction:column;padding-bottom:10px}
  :where(body[data-payout-view="modern"]) .pd-nav .pd-hidden-toggle{align-self:flex-start;margin-top:8px}
  :where(body[data-payout-view="modern"]) .pd-summary-grid{gap:22px;grid-template-columns:1fr 1fr}
  :where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  :where(body[data-payout-view="modern"]) .pd-backdrop{padding:0;align-items:stretch}
  :where(body[data-payout-view="modern"]) .pd-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  :where(body[data-payout-view="modern"]) .pd-header{padding:19px 18px 15px;gap:10px}
  :where(body[data-payout-view="modern"]) .pd-avatar{display:none}
  :where(body[data-payout-view="modern"]) .pd-person h2{font-size:23px}
  :where(body[data-payout-view="modern"]) .pd-eyebrow{font-size:10px;margin-bottom:5px}
  :where(body[data-payout-view="modern"]) .pd-eyebrow span{margin:0 3px}
  :where(body[data-payout-view="modern"]) .pd-model{font-size:10px;margin-top:6px}
  :where(body[data-payout-view="modern"]) .pd-settlement{grid-template-columns:1fr 1fr;gap:14px;padding:15px 18px 19px}
  :where(body[data-payout-view="modern"]) .pd-total{grid-column:1/-1}
  :where(body[data-payout-view="modern"]) .pd-settlement .pd-total{display:flex;align-items:center;justify-content:space-between;gap:10px}
  :where(body[data-payout-view="modern"]) .pd-settlement .pd-total>span{margin:0}
  :where(body[data-payout-view="modern"]) .pd-settlement .pd-total strong{font-size:28px}
  :where(body[data-payout-view="modern"]) .pd-settlement strong{font-size:21px}
  :where(body[data-payout-view="modern"]) .pd-settlement>div>span{font-size:10px;margin-bottom:5px}
  :where(body[data-payout-view="modern"]) .pd-nav{padding:0 18px 10px}
  :where(body[data-payout-view="modern"]) .pd-tabs{gap:20px}
  :where(body[data-payout-view="modern"]) .pd-tabs button{padding:14px 0 12px;min-height:43px;font-size:11px}
  :where(body[data-payout-view="modern"]) .pd-body{padding:20px 18px calc(24px + env(safe-area-inset-bottom))}
  :where(body[data-payout-view="modern"]) .pd-summary-grid{grid-template-columns:1fr;gap:24px}
  :where(body[data-payout-view="modern"]) .pd-lines>div{font-size:11px;padding:10px 0;gap:10px}
  :where(body[data-payout-view="modern"]) .pd-lines .value{font-size:12px}
  :where(body[data-payout-view="modern"]) .pd-calculation{padding:16px}
  :where(body[data-payout-view="modern"]) .pd-correction{grid-template-columns:20px minmax(0,1fr) auto;gap:8px;font-size:11px;padding:13px 0}
  :where(body[data-payout-view="modern"]) .pd-correction>strong{font-size:11px}
  :where(body[data-payout-view="modern"]) .pd-correction-mark{width:19px;height:20px}
  :where(body[data-payout-view="modern"]) .pd-attendance-grid{grid-template-columns:1fr}
  :where(body[data-payout-view="modern"]) .pd-subtabs{gap:2px;margin-bottom:18px}
  :where(body[data-payout-view="modern"]) .pd-subtabs button{padding:6px 10px;font-size:10px}
  :where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary{grid-template-columns:1fr 1fr;padding:13px;gap:16px 10px}
  :where(body[data-payout-view="modern"]) .pd-extended .modal-extra-summary .value{font-size:14px}
  :where(body[data-payout-view="modern"]) .pd-extended .daily-table-scroll--wide .daily-table{min-width:440px!important}
  :where(body[data-payout-view="modern"]) .pd-extended .daily-table :is(th,td){padding:10px 9px}
  :where(body[data-payout-view="modern"]) .pd-extended .daily-table td{font-size:11px}
  :where(body[data-payout-view="modern"]) .pd-extended .daily-table .weekday-label{display:block;margin:4px 0 0}
  :where(body[data-payout-view="modern"]) .pd-extended .daily-table th:first-child{width:43%}
}
@media(prefers-reduced-motion:reduce){:where(body[data-payout-view="modern"]) .pd-dialog,:where(body[data-payout-view="modern"]) .pd-loading>span{animation:none}}