:root{font-family:Tahoma,Arial,sans-serif;color:#172338;background:#f3f5f8;font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:28px}h1{font-size:30px;margin:4px 0 10px;letter-spacing:-.8px}h1 span{color:#64748b;font-weight:400}.eyebrow{font-size:11px;color:#536c80;letter-spacing:1px;margin:0}nav,.presets,.views{display:flex;gap:8px;flex-wrap:wrap}a{color:#19658b;text-decoration:none;align-self:center;padding:10px}button,input,select{font:inherit;border:1px solid #cbd5df;border-radius:7px;padding:10px 12px;background:white;color:#24374d}button{cursor:pointer;min-height:40px}button:hover{background:#eaf1f6}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:3px solid #38a5d0;outline-offset:2px}.filters{background:white;border:1px solid #dce2e9;border-radius:10px;padding:20px}form{display:flex;flex-wrap:wrap;align-items:end;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#526175}#employee{min-width:220px;max-width:100%}#load{background:#155e75;border-color:#155e75;color:white;font-weight:bold}.presets{align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f3}.presets span{font-size:12px;color:#65758a;margin-right:8px}.presets button{font-size:12px;padding:6px 12px;min-height:34px}.muted{color:#64748b;font-size:12px;line-height:1.7}#message{color:#176b80;line-height:1.6}#message.error{color:#ad3434}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #dce2e9;border-bottom:1px solid #dce2e9;margin:18px 0;background:white}.metrics>div{padding:20px;border-right:1px solid #e3e8ee}.metrics>div:last-child{border:0}.metrics span{font-size:12px;color:#627187}.metrics strong{display:block;font-size:28px;font-variant-numeric:tabular-nums;margin-top:8px}.metrics>div:nth-child(2) strong{color:#a36719}.metrics>div:last-child strong{color:#a44939}.notice{font-size:12px;line-height:1.8;padding:12px 16px;border-left:3px solid #d99e35;background:#fff9ed;color:#775727}.views{margin-top:24px}.views button[aria-pressed=true]{background:#172b40;color:white;border-color:#172b40}.table-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0}h2{font-size:16px;margin:0}.table-scroll{overflow:auto;max-height:65vh;border:1px solid #dce2e9;border-radius:8px;background:white}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}th,td{padding:12px;border-bottom:1px solid #e7ecf1;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}th{position:sticky;top:0;background:#eaf0f5;font-weight:600;z-index:2}th:first-child,td:first-child{text-align:left}#reportTable.matrix th:first-child,#reportTable.matrix td:first-child{position:sticky;left:0;z-index:1;background:white;min-width:210px;max-width:280px;white-space:normal}#reportTable.matrix th:first-child{z-index:3;background:#eaf0f5}td small{color:#748295;display:block;margin-top:4px}tbody tr:hover td{background:#f4f8fb}.sunday{background:#fff3ef}.warning{color:#a94b21;font-weight:bold}.empty{text-align:center!important;padding:40px;color:#6b7a8d}tfoot td{font-weight:bold;background:#edf3f7}.num{color:#a36719}.bar{height:5px;border-radius:2px;background:#38a0b4;min-width:1px}#metricLabel{flex-direction:row;align-items:center}#metricLabel[hidden]{display:none}@media(max-width:760px){main{padding:16px}header{align-items:start;flex-direction:column;gap:8px}h1{font-size:24px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics>div{padding:14px}.metrics strong{font-size:24px}form label{flex:1;min-width:130px}#employee{min-width:0;width:100%}.filters{padding:14px}.views button{flex:1;min-width:135px;font-size:12px}.table-heading{flex-wrap:wrap}}
@media print{@page{size:landscape;margin:10mm}:root{background:white;color:black}main{padding:0;max-width:none}nav,.filters,.views,#message,#metricLabel{display:none!important}h1{font-size:20px}.table-scroll{max-height:none;overflow:visible;border:0}th,td{font-size:9px;padding:5px;white-space:normal;position:static!important}table{width:100%}.metrics strong{font-size:20px}.notice{font-size:9px}header{margin-bottom:8px}thead{display:table-header-group}tr{break-inside:avoid}}
