.ops-monthly-card{background:linear-gradient(120deg,#eef6f3,#fff 75%);border:1px solid #d9e7e2;border-radius:14px;padding:24px;margin:0 0 22px;color:#244c4a;min-width:0}.ops-monthly-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.ops-monthly-eyebrow{font-size:12px;color:#66827d;letter-spacing:.04em}.ops-monthly-head h2{font-size:19px;margin:6px 0 0;line-height:1.4}.ops-monthly-badge{font-size:12px;padding:6px 10px;background:#e0ede7;border-radius:20px;white-space:nowrap}.ops-monthly-values{display:grid;grid-template-columns:1fr 1fr auto;gap:22px;margin-bottom:20px}.ops-monthly-values span{display:block;color:#68827d;font-size:12px;margin-bottom:8px}.ops-monthly-values strong{font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ops-monthly-values .achieved strong{color:#19756c}.ops-monthly-rate{text-align:right}.ops-monthly-track{background:#dfeae6;height:9px;border-radius:10px;overflow:hidden}.ops-monthly-track>span{display:block;height:100%;background:#278576;border-radius:10px;transition:width .2s}.ops-monthly-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:12px;color:#49706a;flex-wrap:wrap}.ops-monthly-hint{font-size:12px;color:#738982;line-height:1.7;margin:10px 0 0}.ops-monthly-warning{font-size:12px;line-height:1.7;color:#966134;background:#fff6e8;border-radius:6px;padding:8px 10px;margin:12px 0 0}.ops-monthly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:16px;margin-bottom:22px}.ops-monthly-grid .ops-monthly-card{margin-bottom:0}.ops-monthly-preview-note{font-size:12px;color:#a35f3d;margin:0 0 10px}.ops-allocation{border-top:1px solid #e6ecf0;padding-top:18px;margin-top:18px}.ops-allocation h3{font-size:15px;margin:0 0 7px}.ops-allocation-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:680px;margin:14px 0}.ops-allocation-fields label{display:grid;gap:8px;color:#587088;font-size:13px}.ops-allocation-fields input{width:100%;box-sizing:border-box}.ops-allocation-fields output{font-size:19px;color:#19756c;padding-top:7px;font-variant-numeric:tabular-nums}.ops-encouragement{display:block;font-size:12px;line-height:1.8;color:#6b8279;margin:-4px 0 10px}.ops-monthly-target-input{max-width:460px;margin:22px 0}.ops-monthly-target-input label{display:grid;gap:10px;font-size:14px;font-weight:600}.ops-monthly-target-input input{font-size:25px!important;padding:15px!important;width:100%;box-sizing:border-box}.ops-monthly-target-input small{display:block;font-size:12px;color:#778ba0;font-weight:400;margin-top:10px}.ops-target-status{font-size:13px;line-height:1.6}.ops-target-intro input[type=month]{min-width:165px}.ops-monthly-readonly{font-size:26px;font-weight:700;margin-top:18px}.ops-monthly-details{font-size:13px;color:#6c8095;line-height:1.8}.ops-monthly-details summary{cursor:pointer}.ops-monthly-details p{margin:8px 0}
.ops-month-allocation{border:1px solid #dce8e3;background:#f6faf8;border-radius:10px;padding:20px;margin-top:22px}.ops-month-allocation h3{margin:0 0 6px;font-size:15px}.ops-allocation-fields>div{display:grid;gap:8px;font-size:13px;color:#587088}.ops-allocation-fields output{display:block}.ops-allocation-fields small{font-size:12px;color:#7e918e}.ops-allocation-report{background:#f6faf8;border-radius:8px;padding:12px 15px;margin-top:14px;line-height:1.7;font-size:13px;color:#587088}.ops-review-metrics{grid-template-columns:1.4fr 1fr 1fr}
@media(max-width:600px){.ops-monthly-card{padding:18px 16px;border-radius:11px}.ops-monthly-head{gap:8px}.ops-monthly-head h2{font-size:17px}.ops-monthly-badge{padding:5px 7px;font-size:11px}.ops-monthly-values{grid-template-columns:1fr 1fr;gap:17px}.ops-monthly-values strong{font-size:20px}.ops-monthly-rate{grid-column:1/-1;text-align:left;display:flex;align-items:center;justify-content:space-between}.ops-monthly-rate span{margin:0}.ops-allocation-fields{grid-template-columns:1fr;gap:14px}.ops-monthly-target-input input{font-size:22px!important}.ops-target-intro{flex-wrap:wrap}.ops-encouragement{margin-top:0}.ops-month-allocation{padding:15px}.ops-review-metrics{grid-template-columns:1fr 1fr}.ops-review-metrics .main{grid-column:1/-1}}
