.pay-periods{border:1px solid #ffffff12;border-radius:14px;padding:22px;margin:18px 0;color:#e5e0d2;min-width:0}.pay-periods header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pay-periods h2{font-size:19px;margin:0}.pay-periods header span,.pay-periods p,.pay-periods summary{font-size:12px;line-height:1.6;color:#aaa28c}.pay-period-worker{margin-top:20px}.pay-period-worker h3{font-size:14px}.pay-period-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.pay-period-grid article{padding:18px;border:1px solid #d1bc6025;border-radius:12px;background:#ffffff03;display:grid;gap:10px;min-width:0}.pay-period-grid small{color:#bba455;font-size:10px;letter-spacing:.08em}.pay-period-grid b{font-size:13px}.pay-period-grid strong{font-size:26px;color:#e0ca7b}.pay-period-grid span{font-size:12px;color:#aaa28c;line-height:1.6}.pay-periods details{margin-top:14px}.pay-periods summary{cursor:pointer}.pay-periods button{background:#d3bc63;color:#111;border:0;border-radius:8px;padding:11px 14px;cursor:pointer;font-size:12px}.pay-periods button:disabled{opacity:.5}.pay-period-confirm{border-top:1px solid #ffffff20;margin-top:20px;padding-top:18px;display:grid;gap:14px;max-width:520px}.pay-period-confirm label{display:grid;gap:8px;font-size:12px}.pay-period-confirm input,.pay-period-confirm select{min-height:42px;border:1px solid #ffffff25;border-radius:8px;background:#0b0b0b;color:#eee;padding:10px;width:100%}@media(max-width:600px){.pay-periods{padding:16px}.pay-period-grid{grid-template-columns:minmax(0,1fr)}.pay-period-confirm input,.pay-period-confirm select{font-size:16px}}.pay-period-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;background:#11110e;color:#eee8da;border:1px solid #d3bc6355;border-radius:16px;padding:24px;box-shadow:0 24px 100px #0009}.pay-period-dialog::backdrop{background:#000b;backdrop-filter:blur(3px)}.pay-period-dialog .pay-period-confirm{margin:0;padding:0;border:0;max-width:none}.pay-period-dialog h3{margin:0;font-size:19px;line-height:1.4}.pay-period-error{color:#efaaaa!important;background:#351919;padding:12px;border-radius:8px}.pay-period-dialog button[type=button]{background:#ffffff0a;color:#d1cbbb;border:1px solid #ffffff20}body:has(.pay-period-dialog[open]){overflow:hidden}@media(max-width:600px){.pay-period-dialog{padding:20px;width:calc(100vw - 24px)}}.pay-period-worker>summary{display:flex;justify-content:space-between;gap:16px;padding:14px 0;list-style:disclosure-closed}.pay-period-worker>summary b{color:#eee;font-size:14px}.pay-filter,.pay-period-worker>summary span{font-size:12px}.pay-filter{display:grid;gap:8px;margin:14px 0;max-width:300px}.pay-filter select{background:#111;color:#eee;border:1px solid #ffffff20;padding:10px;border-radius:8px}.pay-history{padding:12px 0;border-bottom:1px solid #ffffff10;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.pay-history small{width:100%}.pay-history a{color:#ddc67a;font-size:12px}.pay-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pay-split button{grid-column:1/-1}.pay-warning{color:#efb880!important}@media(max-width:600px){.pay-period-worker>summary{flex-direction:column;gap:5px}.pay-filter select{font-size:16px}.pay-split{grid-template-columns:1fr}}