:root{--m-brand:#3f6e67;--m-brand-strong:#315b55;--m-soft:#e4f0ee;--m-bg:#faf8f6;--m-surface:#fff;--m-border:#e9e3de;--m-text:#2b3332;--m-muted:#71807d;--m-radius:18px;--m-shadow:0 10px 28px -16px rgb(45 74 70 / 28%)}
body.monthly-page{min-height:100vh;color:var(--m-text);background:radial-gradient(circle at 6% 0%,var(--m-soft),transparent 34%),var(--m-bg)}
.monthly-page .monthly-shell{width:min(100% - 48px,1160px);margin:auto}.monthly-page .monthly-topbar{color:#fff;background:linear-gradient(180deg,#4b7e76,var(--m-brand));box-shadow:0 2px 12px rgb(45 74 70 / 18%)}.monthly-page .monthly-topbar .monthly-shell{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:24px}.monthly-page .monthly-wordmark{font-weight:800;letter-spacing:.08em}.monthly-page .monthly-wordmark small{display:block;color:#d9ece8;font-size:11px;font-weight:500;letter-spacing:.04em}.monthly-page .monthly-nav{display:flex;flex-wrap:wrap;gap:4px}.monthly-page .monthly-nav a{padding:8px 10px;border-radius:8px;color:#e7f3f0;font-size:13px;font-weight:700;text-decoration:none}.monthly-page .monthly-nav a[aria-current="page"],.monthly-page .monthly-nav a:hover{color:#fff;background:rgb(255 255 255 / 16%)}
.monthly-page main.monthly-shell{padding:36px 0 72px}.monthly-page .panel{border-color:var(--m-border);border-radius:var(--m-radius);background:linear-gradient(180deg,#fff,#fdfcfb);box-shadow:var(--m-shadow)}.monthly-page .site-header{display:none}.monthly-page .eyebrow{color:var(--m-brand)}.monthly-page h1{font-size:clamp(30px,4vw,42px)}.monthly-page h2{font-size:clamp(21px,2.4vw,27px)}.monthly-page .primary-button,.monthly-page .secondary-button{width:auto;min-height:44px;margin:0;border-radius:11px;font-weight:800}.monthly-page .primary-button{border-color:var(--m-brand);background:linear-gradient(180deg,#63988f,#5a9088);box-shadow:var(--m-shadow)}.monthly-page .secondary-button{border-color:#dcd3cc;color:var(--m-brand);background:#fff}.monthly-page input,.monthly-page select,.monthly-page textarea{border-color:#dcd3cc;border-radius:11px}.monthly-page input:focus,.monthly-page select:focus,.monthly-page textarea:focus,.monthly-page button:focus-visible,.monthly-page a:focus-visible{outline:3px solid rgb(90 144 136 / 45%);outline-offset:2px}.monthly-page .table-wrap{border-color:var(--m-border);border-radius:12px}.monthly-page .table-wrap th{color:var(--m-brand);background:#f1f8f6}.monthly-page .notice{border-left-color:#5a9088;color:var(--m-brand);background:#f2f8f7}.monthly-page dialog{border-color:var(--m-border);border-radius:18px;box-shadow:var(--m-shadow)}.monthly-page dialog::backdrop{background:rgb(43 51 50 / 42%)}
@media(max-width:800px){.monthly-page .monthly-topbar .monthly-shell{align-items:flex-start;flex-direction:column;padding:12px 0;gap:6px}.monthly-page .monthly-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.monthly-page .material-layout,.monthly-page .monthly-batch-layout,.monthly-page .monthly-review-layout{padding-top:0}}@media(max-width:500px){.monthly-page .monthly-shell{width:min(100% - 24px,1160px)}.monthly-page main.monthly-shell{padding-top:22px}.monthly-page .panel{padding:18px;border-radius:15px}.monthly-page .dialog-actions,.monthly-page .actions{flex-direction:column}.monthly-page .primary-button,.monthly-page .secondary-button{width:100%}.monthly-page .monthly-nav .secondary-button{width:auto}}
.monthly-page .monthly-batch-layout > section.panel{grid-column:1 / -1;grid-row:1;min-width:0}.monthly-page .monthly-batch-layout > div{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;min-width:0}.monthly-page .monthly-batch-layout > div > .panel{min-width:0}.monthly-page .monthly-batch-layout > div > .panel[style]{margin-top:0!important}.monthly-page .table-action{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;font-size:13px;white-space:nowrap}.monthly-page .monthly-page-heading{grid-column:1 / -1;margin:0 0 4px}.monthly-page .material-layout > div{min-width:0}.monthly-page .material-layout > div > .panel{min-width:0}
@media(max-width:800px){.monthly-page .monthly-batch-layout > div{grid-template-columns:1fr}.monthly-page .monthly-batch-layout > section.panel{grid-column:auto}.monthly-page .monthly-batch-layout > div{grid-column:auto;grid-row:auto}.monthly-page .material-layout > .monthly-page-heading{grid-column:auto}.monthly-page .material-layout > div{grid-column:auto}}