:root{color:#1e2520;background:#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}select{min-width:136px;border:1px solid #cfc7b9;border-radius:6px;padding:8px 32px 8px 10px;color:#23362b;background:#fffdf8}.page-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:40px 0 56px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 6px;color:#4f6b5a;font-size:13px;font-weight:800;text-transform:uppercase}h1,h2{margin:0;line-height:1.1;letter-spacing:0}h1{font-size:40px}h2{font-size:22px}.update-note{max-width:420px;margin:0;color:#66716a;font-size:14px;line-height:1.6;text-align:right}.fixed-url-note{margin:8px 0 0;color:#23362b;font-size:15px;font-weight:700}.fixed-url-note span{padding:2px 8px;border-radius:999px;background:#e7efe6}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card,.panel,.state-box{border:1px solid #d8d1c4;border-radius:8px;background:#fffdf8;box-shadow:0 10px 30px #322a1e0f}.metric-card{min-height:124px;padding:20px}.metric-card p{margin:0 0 18px;color:#66716a;font-size:14px;font-weight:700}.metric-card strong{display:block;color:#21382b;font-size:30px;line-height:1.1}.panel{margin-top:18px;overflow:hidden}.panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #e4ded3}.panel-header span{color:#4f6b5a;font-size:14px;font-weight:800;white-space:nowrap}.comparison-header{align-items:center}.period-controls{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.date-range-control{position:relative;display:grid;gap:6px}.date-range-label{color:#607065;font-size:12px;font-weight:800}.date-range-field{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 32px;align-items:center;min-height:54px;border:1px solid #cfc7b9;border-radius:8px;padding:0 10px 0 16px;background:#fffdf8}.date-range-value{width:100%;min-width:0;height:44px;border:0;padding:0;color:#23362b;background:transparent;outline:0;text-align:left;cursor:pointer}.date-range-value:hover,.date-range-value:focus-visible,.date-range-value.is-active{color:#102418;outline:0}.date-range-separator{color:#a39b90;font-size:17px;font-weight:700;text-align:center}.date-range-calendar{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:6px;padding:0;color:#918a80;background:transparent;cursor:pointer}.date-range-calendar:hover,.date-range-calendar:focus-visible{color:#4f6b5a;background:#f4f1ea;outline:0}.date-range-calendar svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.calendar-popover{position:absolute;top:calc(100% + 10px);z-index:20;width:clamp(320px,38vw,420px);max-width:calc(100vw - 32px);border:1px solid #e5e0d7;border-radius:8px;padding:20px 26px 24px;background:#fff;box-shadow:0 14px 36px #25231f24}.calendar-popover--left{left:0}.calendar-popover--right{right:0}.calendar-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:18px}.calendar-date-input{width:100%;min-width:0;height:50px;border:1px solid #d8d8d8;border-radius:4px;padding:0 16px;color:#222831;background:#fff;font-size:20px;outline:0}.calendar-date-input{border-color:#1677ff}.calendar-month-row{display:grid;grid-template-columns:36px 36px 1fr 36px 36px;align-items:center;gap:4px;margin-bottom:22px}.calendar-month-row button{width:36px;height:36px;border:0;border-radius:6px;padding:0;color:#747a80;background:transparent;font-size:34px;font-weight:700;line-height:1;cursor:pointer}.calendar-month-row button:hover,.calendar-month-row button:focus-visible{color:#1677ff;background:#f2f7ff;outline:0}.calendar-month-row strong{color:#242a32;font-size:22px;text-align:center}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{margin-bottom:8px;padding-bottom:14px;border-bottom:1px solid #ececec}.calendar-weekdays span{color:#777d83;font-size:18px;font-weight:700;text-align:center}.calendar-grid{row-gap:10px}.calendar-day{display:grid;place-items:center;width:42px;height:42px;margin:0 auto;border:0;border-radius:6px;color:#252a31;background:transparent;font-size:22px;cursor:pointer}.calendar-day:hover:not(:disabled),.calendar-day:focus-visible:not(:disabled){color:#1677ff;background:#eef5ff;outline:0}.calendar-day.is-in-range{color:#1677ff;background:#eef5ff}.calendar-day.is-selected{color:#1677ff;background:#f1f1f1;font-weight:800}.calendar-day:disabled{color:#c3c7cc;cursor:not-allowed}.calendar-day--blank{pointer-events:none}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 24px;border-bottom:1px solid #e4ded3}.period-summary-card{min-height:112px;border:1px solid #e4ded3;border-radius:8px;padding:18px;background:#faf7f0}.period-summary-card p,.period-summary-card span{margin:0;color:#66716a;font-size:14px;font-weight:700}.period-summary-card strong{display:block;margin:12px 0 8px;color:#21382b;font-size:28px;line-height:1.1}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:16px 24px;border-bottom:1px solid #eee8de;text-align:left;white-space:nowrap}th{color:#607065;font-size:13px;font-weight:800;background:#faf7f0}td{color:#2c342f;font-size:15px}tbody tr:last-child td{border-bottom:0}.state-box{padding:22px;color:#4f5d53}.state-box--error{color:#8f352d;border-color:#e7b8b1;background:#fff7f5}@media(max-width:760px){.page-shell{width:min(100% - 24px,1120px);padding-top:28px}.page-heading,.panel-header{align-items:flex-start;flex-direction:column}.period-controls{width:100%;grid-template-columns:1fr}.period-controls select,.period-controls input{width:100%}.calendar-popover{width:min(420px,calc(100vw - 48px))}.comparison-grid{grid-template-columns:1fr;padding:16px}.update-note{text-align:left}h1{font-size:32px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:112px;padding:16px}.metric-card strong{font-size:24px}th,td{padding:14px 16px}}@media(max-width:440px){.date-range-field{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 30px;min-height:50px;padding-left:12px}.date-range-value{font-size:13px}.calendar-popover{left:50%;width:calc(100vw - 28px);padding:16px 16px 20px;transform:translate(-50%)}.calendar-date-input{height:44px;padding:0 12px;font-size:15px}.calendar-month-row strong{font-size:18px}.calendar-day{width:36px;height:36px;font-size:18px}.metric-grid{grid-template-columns:1fr}}