:root{font-family:Arial,"Noto Sans JP",sans-serif;color:#17212b;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}.topbar{height:82px;background:#fff;border-bottom:1px solid #dbe3e8;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,56px);position:sticky;top:0;z-index:5}.eyebrow{font-size:12px;color:#60717e;margin:0 0 3px;text-transform:uppercase}.topbar h1{font-size:22px;margin:0;letter-spacing:0}.primary{border:0;background:#1c4d72;color:#fff;padding:11px 22px;font-size:15px;font-weight:700;border-radius:6px;cursor:pointer}.primary:disabled{opacity:.55;cursor:wait}main{max-width:1440px;margin:0 auto;padding:28px clamp(16px,4vw,56px) 56px}.controls{display:flex;align-items:center;gap:18px;margin-bottom:20px}.controls label{font-size:14px;color:#52616d}.controls input{font:inherit;margin-left:8px;padding:8px;border:1px solid #becbd3;border-radius:5px;background:#fff}.segmented{display:inline-flex;border:1px solid #b9c8d2;border-radius:6px;overflow:hidden}.segmented button{border:0;border-right:1px solid #b9c8d2;background:#fff;padding:9px 18px;font-size:14px;cursor:pointer}.segmented button:last-child{border-right:0}.segmented button.active{background:#1c4d72;color:#fff}.controls #status{margin-left:auto;font-size:13px;color:#52616d}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metrics article{background:#fff;border:1px solid #dbe3e8;border-top:3px solid #1c4d72;padding:18px 20px;min-height:112px}.metrics article.warning{border-top-color:#b65f2a}.metrics span{display:block;font-size:14px;color:#596a76;margin-bottom:12px}.metrics strong{font-size:30px;letter-spacing:0}.metrics small{font-size:13px;margin-left:6px;color:#687984}.panel{background:#fff;border:1px solid #dbe3e8}.panel-head{display:flex;justify-content:space-between;align-items:end;padding:20px 22px 16px;border-bottom:1px solid #e1e7eb}.panel-head h2{font-size:18px;margin:0 0 5px}.panel-head p,.panel-head span{font-size:13px;color:#657681;margin:0}.table-wrap{overflow:auto;max-height:62vh}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;font-variant-numeric:tabular-nums}th,td{padding:8px 9px;border-right:1px solid #e1e7eb;border-bottom:1px solid #e1e7eb;text-align:right;font-size:13px;white-space:nowrap}th{background:#1c4d72;color:#fff;text-align:center;position:sticky;top:0;z-index:2}th:first-child,td:first-child{position:sticky;left:0;z-index:1;text-align:center;font-weight:700;background:#edf3f7}th:first-child{z-index:3;background:#163f5e}td.work{background:#edf6e8}td.total,tfoot td{background:#dae8f2;font-weight:700}tfoot td{position:sticky;bottom:0}td.zero{color:#9aa7af}.error{color:#a43e2b!important}@media(max-width:820px){.topbar{height:72px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{align-items:flex-start;flex-wrap:wrap}.controls #status{width:100%;margin:0}.panel-head{align-items:flex-start;gap:12px;flex-direction:column}.metrics strong{font-size:25px}}@media(max-width:480px){main{padding:18px 12px 40px}.topbar{padding:0 14px}.primary{padding:10px 17px}.metrics{gap:8px}.metrics article{padding:14px;min-height:98px}.controls label{width:100%}}