#cr-payroll-v31{--crp-bg:#fff5e9;--crp-soft:#ffe6c7;--crp-accent:#96500c;--crp-line:#d7e2ed;--crp-text:#15253d;--crp-muted:#53667c;color:var(--crp-text);background:var(--crp-bg);padding:16px;border:1px solid var(--crp-line);border-radius:20px;min-width:0;max-width:100%;box-sizing:border-box}
#cr-payroll-v31 *{box-sizing:border-box}
#cr-payroll-v31[data-section=assigned]{--crp-bg:#edf5ff;--crp-soft:#deecff;--crp-accent:#1769b0}
#cr-payroll-v31[data-section=totals]{--crp-bg:#edf8f1;--crp-soft:#d9efe2;--crp-accent:#176d46}
#cr-payroll-v31[data-section=visibility]{--crp-bg:#f5efff;--crp-soft:#e9ddff;--crp-accent:#7044ab}
#cr-payroll-v31 h2{margin:8px 0 14px;font-size:22px}#cr-payroll-v31 h3{margin:0 0 8px;font-size:16px}
#cr-payroll-v31 p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#cr-payroll-v31 button{margin:0;border:1px solid var(--crp-line);border-radius:10px;padding:10px 12px;min-height:44px;background:#fff;color:var(--crp-text);font:inherit;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
#cr-payroll-v31 button:disabled{opacity:.5;cursor:default}
#cr-payroll-v31 button:focus-visible,#cr-payroll-v31 summary:focus-visible{outline:3px solid var(--crp-accent);outline-offset:3px}
#cr-payroll-v31 button[aria-pressed=true]{background:var(--crp-soft);border-color:var(--crp-accent);color:var(--crp-accent)}
#cr-payroll-v31 .crp-primary{background:var(--crp-accent);color:#fff;border-color:transparent}
#cr-payroll-v31 input,#cr-payroll-v31 select{font:inherit;font-size:16px;max-width:100%;min-width:0}
#cr-payroll-v31 .crp-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
#cr-payroll-v31 .crp-navigation button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:12px;padding:16px 10px;min-height:170px;border-radius:18px;box-shadow:0 4px 11px #15304b0d;font-size:14px;font-weight:600}
#cr-payroll-v31 .crp-navigation small{font-weight:400;color:var(--crp-muted);font-size:12px}
#cr-payroll-v31 .crp-navigation [data-nav=register]{background:#fff0da;border-color:#e8cba2}
#cr-payroll-v31 .crp-navigation [data-nav=assigned]{background:#e5f1ff;border-color:#b7d3ef}
#cr-payroll-v31 .crp-navigation [data-nav=totals]{background:#def3e6;border-color:#abd5bc}
#cr-payroll-v31 .crp-navigation [data-nav=visibility]{background:#eee3ff;border-color:#d0baeb}
#cr-payroll-v31 .crp-navigation [aria-pressed=true]{outline:2px solid var(--crp-accent);outline-offset:2px;box-shadow:0 6px 16px #1736501a}
#cr-payroll-v31 .crp-art{display:flex;align-items:center;justify-content:center;width:78px;height:70px;background:#ffffff70;border:1px solid #ffffff90;border-radius:20px}
#cr-payroll-v31 .crp-art img{display:block;width:54px;height:54px}
#cr-payroll-v31 .crp-card,#cr-payroll-v31 .crp-metric{background:#fff;border:1px solid var(--crp-line);border-radius:16px;padding:18px;margin:14px 0;min-width:0}
#cr-payroll-v31 .crp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#cr-payroll-v31 .crp-week{margin:14px 0}
#cr-payroll-v31 .crp-muted,#cr-payroll-v31 .crp-role{font-size:12px;color:var(--crp-muted)}
#cr-payroll-v31 .crp-warning{color:#86500d;background:#fff1d8;padding:12px;border-radius:10px;font-size:13px;overflow-wrap:anywhere}
#cr-payroll-v31 .crp-notice{color:#176d46}
#cr-payroll-v31 .crp-search{display:block;margin:12px 0;font-size:13px;font-weight:400}
#cr-payroll-v31 .crp-search input{display:block;width:100%;margin-top:6px;padding:12px;background:#fff;border:1px solid var(--crp-line);border-radius:10px}
#cr-payroll-v31 .crp-subnav,#cr-payroll-v31 .crp-pairs,#cr-payroll-v31 .crp-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
#cr-payroll-v31 .crp-order-head,#cr-payroll-v31 .crp-concept{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}
#cr-payroll-v31 .crp-order-head>div,#cr-payroll-v31 .crp-concept>div{min-width:0;overflow-wrap:anywhere}
#cr-payroll-v31 .crp-shares{display:grid;grid-template-columns:repeat(var(--crp-columns,3),minmax(0,1fr));gap:8px}
#cr-payroll-v31 .crp-share{min-width:0;text-align:center}
#cr-payroll-v31 .crp-share>strong{display:block;font-size:13px;min-height:38px;margin-top:4px;overflow-wrap:anywhere}
#cr-payroll-v31 .crp-number{display:flex;align-items:center;justify-content:center;gap:2px;margin:8px 0}
#cr-payroll-v31 .crp-number input{width:100%;min-width:0;padding:8px 2px;text-align:center;border:1px solid #b9c9dc;border-radius:8px;background:#f4f7fb;font-size:16px}
#cr-payroll-v31 .crp-steps{display:flex;flex-direction:column;gap:2px}
#cr-payroll-v31 .crp-steps button{min-height:22px;min-width:22px;padding:0 4px;font-size:12px;border-radius:5px}
#cr-payroll-v31 [data-money-field]{font-size:13px;color:var(--crp-accent)}
#cr-payroll-v31 .crp-validation{font-size:12px;color:#176d46;min-height:19px}
#cr-payroll-v31 .crp-invalid{color:#a05414}
#cr-payroll-v31 .crp-badge{display:inline-flex;max-width:100%;border-radius:18px;padding:5px 8px;background:#e2f4eb;color:#176d46;font-size:12px;font-weight:600}
#cr-payroll-v31 .crp-special{background:#fff0d5;color:#86500d}
#cr-payroll-v31 details{margin-top:12px;border-top:1px solid var(--crp-line);padding-top:8px}
#cr-payroll-v31 summary{padding:10px 0;color:var(--crp-accent);cursor:pointer;font-size:14px}
#cr-payroll-v31 .crp-concept{border-top:1px solid var(--crp-line);padding:18px 0}
#cr-payroll-v31 .crp-date-heading{margin-top:18px}
#cr-payroll-v31 .crp-empty{padding:18px 0;color:var(--crp-muted)}
#cr-payroll-v31 .crp-days{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:5px 0 12px}
#cr-payroll-v31 .crp-days button{flex:0 0 92px;font-size:13px}
#cr-payroll-v31 .crp-days small{display:block;font-size:11px;margin-top:4px}
#cr-payroll-v31 .crp-batch{padding:16px;background:var(--crp-soft);border-radius:16px;margin:12px 0}
#cr-payroll-v31 .crp-review{margin-top:14px;padding:14px;background:#fff;border-radius:12px;border:1px solid var(--crp-line)}
#cr-payroll-v31 .crp-review button{margin-right:8px}
#cr-payroll-v31 .crp-calendar{max-width:390px;padding:14px;background:#fff;border:1px solid var(--crp-line);border-radius:14px;margin:12px 0}
#cr-payroll-v31 .crp-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center;margin-top:12px}
#cr-payroll-v31 .crp-calendar-grid>span{padding:7px 0;font-size:12px;color:var(--crp-muted)}
#cr-payroll-v31 .crp-calendar-grid button{padding:7px 0;min-width:0;border:0;font-size:13px}
#cr-payroll-v31 .crp-calendar-grid .crp-in-week{background:var(--crp-soft)}
#cr-payroll-v31 .crp-total-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#cr-payroll-v31 .crp-total-tabs button{text-align:left;border-radius:15px;padding:16px;font-weight:600}
#cr-payroll-v31 .crp-total-tabs small{display:block;font-size:12px;color:var(--crp-muted);margin-top:6px;font-weight:400}
#cr-payroll-v31 .crp-metric>strong{display:block;font-size:clamp(28px,4vw,38px);font-weight:600;margin:12px 0;color:var(--crp-accent);overflow-wrap:anywhere}
#cr-payroll-v31 .crp-mine{background:#e2f3e9}
#cr-payroll-v31 .crp-worker-line{padding:12px 0;border-top:1px solid var(--crp-line)}
#cr-payroll-v31 .crp-annual{position:relative;display:flex;align-items:center;gap:20px;overflow:hidden;padding:30px 24px;margin-top:24px;border:2px solid #dfc47c;border-radius:22px;background:linear-gradient(120deg,#0d543e,#167657 62%,#0b4b39);color:#fff8d8;box-shadow:0 8px 24px #155a3d25}
#cr-payroll-v31 .crp-annual>img{width:82px;height:82px;filter:drop-shadow(0 4px 5px #032b2240);flex:none}
#cr-payroll-v31 .crp-annual>div{min-width:0;position:relative;z-index:1}
#cr-payroll-v31 .crp-annual h3{font-size:16px;color:#fff6d8;font-weight:500}
#cr-payroll-v31 .crp-annual strong{display:block;font-size:clamp(34px,5.5vw,64px);line-height:1.15;color:#ffe39a;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;text-shadow:0 2px 1px #123c2a70;margin-top:9px}
#cr-payroll-v31 .crp-cheer{font-size:18px;margin:0 0 9px;color:#fff}
#cr-payroll-v31 .crp-spark{position:absolute;right:16px;top:6px;font-size:80px;color:#ffe5a42b;transform:rotate(10deg)}
#cr-payroll-v31 .crp-celebrate{animation:crp-celebrate .7s ease-out both}
@keyframes crp-celebrate{from{transform:translateY(8px) scale(.985)}to{transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#cr-payroll-v31 .crp-celebrate{animation:none}}
@media(max-width:900px){#cr-payroll-v31 .crp-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#cr-payroll-v31{padding:12px}#cr-payroll-v31 .crp-order-head,#cr-payroll-v31 .crp-concept{grid-template-columns:minmax(0,1fr);gap:14px}#cr-payroll-v31 .crp-card{padding:13px}#cr-payroll-v31 .crp-shares{grid-template-columns:repeat(3,minmax(0,1fr))}#cr-payroll-v31 .crp-annual{gap:12px;padding:22px 16px;align-items:flex-start}#cr-payroll-v31 .crp-annual>img{width:54px;height:54px}#cr-payroll-v31 .crp-total-tabs button{padding:12px}}
@media(max-width:390px){#cr-payroll-v31 .crp-share>strong{font-size:12px}#cr-payroll-v31 .crp-navigation button{font-size:13px;padding:12px 8px;min-height:157px}#cr-payroll-v31 .crp-art{width:65px;height:61px}#cr-payroll-v31 .crp-art img{width:47px;height:47px}#cr-payroll-v31 .crp-annual{flex-direction:column}#cr-payroll-v31 .crp-annual strong{font-size:36px}}
@media print{#cr-payroll-v31 .crp-navigation,#cr-payroll-v31 button,#cr-payroll-v31 .crp-search{display:none!important}}