.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.reports-board{padding:15px;min-height:450px}
.reports-board .panel-title{padding:8px 6px 14px}
.reports-board .panel-title p{color:var(--muted);font-size:12px;margin:0}
.reports-board a{color:var(--green)}
.reports-board h4{margin:20px 0 8px;font-size:14px;color:var(--green)}
.reports-board h4 small{color:var(--muted);font-weight:400}
.rp-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}
.rp-tabs a{padding:12px 14px;font-size:13px;border-bottom:2px solid transparent;text-decoration:none;color:var(--ink);white-space:nowrap}
.rp-tabs a small{background:#eef0ee;border-radius:99px;padding:1px 7px;margin-left:4px;font-size:10px}
.rp-tabs a.active{border-color:#0b654a;font-weight:700;color:var(--green)}
.rp-range{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}
.rp-range>a,.rp-metrics a{padding:7px 13px;border-radius:99px;background:#f3f4f3;text-decoration:none;font-size:12px}
.rp-range>a.active,.rp-metrics a.active{background:#0b654a;color:#fff}
.rp-custom{display:flex;gap:8px;align-items:flex-end;margin-left:auto}
.rp-custom label{margin:0;flex-direction:row;align-items:center;gap:6px;font-size:11px}
.rp-custom input{font-size:12px;padding:6px 8px;height:auto}
.rp-period{font-size:12px;color:var(--muted);margin:10px 0}
.rp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}
.rp-cards article{background:#f5f8ee;border:1px solid #e5ebdd;border-radius:9px;padding:13px}
.rp-cards span{display:block;font-size:11px;color:var(--muted)}
.rp-cards b{font-size:19px;color:var(--green)}
.rp-na{color:#8a8f87;font-size:12px;font-weight:600;font-style:italic}
.rp-metrics{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.rp-chart{margin:0;border:1px solid var(--line);border-radius:10px;padding:12px}
.rp-chart svg{width:100%;height:200px;display:block}
.rp-chart figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:6px}
.rp-note{color:var(--muted);font-size:12px;margin:10px 0}
.rp-insights{background:#f7f8f4;border-left:3px solid #b6ed4d;border-radius:6px;padding:4px 16px 10px;margin-top:16px}
.rp-insights ul{margin:0;padding-left:18px;font-size:13px;line-height:1.8}
.rp-empty{display:grid;gap:8px;justify-items:center;text-align:center;color:var(--muted);padding:28px;border:1px dashed var(--line);border-radius:10px}
.rp-empty b{color:var(--ink);font-size:15px}
.rp-table{overflow:auto;border:1px solid var(--line);border-radius:9px}
.rp-table table{width:100%;border-collapse:collapse;font-size:12px}
.rp-table th{text-align:left;font-size:10px;color:#65725f;background:#fafbf7;padding:11px 12px;white-space:nowrap}
.rp-table td{padding:11px 12px;border-top:1px solid var(--line);vertical-align:top}
.rp-table td small{display:block;color:var(--muted)}
.rp-table tfoot td{background:#fafbf7;font-weight:700}
.rp-bar{position:relative;min-width:110px}
.rp-barfill{position:absolute;left:12px;top:50%;height:16px;transform:translateY(-50%);background:#d6efbf;border-radius:3px;max-width:calc(100% - 24px)}
.rp-bar i{position:relative;font-style:normal;padding-left:2px}
.rp-empty-cell{text-align:center;color:var(--muted);padding:26px}
.rp-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:16px}
.rp-save{display:flex;gap:6px;margin-left:auto}
.rp-save input{font-size:12px;padding:8px 10px;height:auto}
.rp-row-actions{display:flex;gap:6px}
.rp-row-actions form{margin:0}
.rp-form{display:grid;gap:2px;margin:10px 0}
.rp-inline{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.rp-inline input,.rp-inline select{font-size:12px;padding:8px 10px;height:auto}
.reports-board code{background:#f3f4f3;padding:1px 6px;border-radius:5px;font-size:11px}

.reports-board{padding:22px;min-height:0}.reports-board>.panel-title{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.reports-board>.panel-title h3{font-size:19px;margin:0 0 6px}.reports-board .panel-title p{line-height:1.7;max-width:700px}.rp-demo-notice{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;background:#eef7df;border:1px solid #d3e5b9;border-radius:10px;margin-bottom:18px}.rp-demo-notice b{font-size:10px;letter-spacing:1.2px;color:#436729}.rp-demo-notice p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#60754e}.rp-demo-notice a{font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.rp-tabs{padding:4px;background:#f1f5ec;border:0;border-radius:10px;margin-bottom:20px;gap:5px}.rp-tabs a{padding:10px 16px;border:0;border-radius:7px;font-size:12px}.rp-tabs a.active{background:#114f3b;color:#fff}.rp-range{padding:16px;border:1px solid #e0e7d9;border-radius:11px;background:#fafcf7;gap:7px;align-items:center}.rp-range>a{font-size:11px;padding:9px 12px;border-radius:7px;background:#edf2e7}.rp-custom{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-left:auto}.rp-custom label,.rp-form label{display:flex;flex-direction:column;gap:6px;align-items:stretch;margin:0;font-size:11px;font-weight:600}.rp-custom input,.rp-form input:not([type=hidden]),.rp-form select{position:static;box-sizing:border-box;display:block;width:100%;min-width:0;height:40px;margin:0;padding:9px 11px;border:1px solid #dce3d5;border-radius:7px;background:#fff;font:inherit;font-weight:400}.rp-custom button{height:40px;margin:0}.rp-period{margin:16px 0;font-size:12px}.rp-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.rp-cards article{background:#fff;border:1px solid #e0e8d9;border-radius:12px;padding:18px;min-width:0;position:relative;overflow:hidden}.rp-cards article:first-child{background:#103e30;border-color:#103e30}.rp-cards article:first-child span{color:#b5cbb5}.rp-cards article:first-child b{color:#c1f26b}.rp-cards span{font-size:11px;margin-bottom:10px}.rp-cards b{font-size:25px;letter-spacing:-.6px;overflow-wrap:anywhere}.rp-cards article:after{content:'';position:absolute;right:0;top:0;width:4px;height:100%;background:#dceec6}.rp-cards article:first-child:after{background:#b5eb68}.rp-metrics a{border-radius:7px;font-size:11px;padding:8px 12px}.rp-chart{padding:20px;border-radius:12px;background:linear-gradient(#fcfef8,#fff)}.rp-chart svg{height:220px}.rp-chart figcaption{gap:8px;line-height:1.5}.rp-insights{margin:18px 0;padding:16px 18px;border:1px solid #dfe9d2;border-left:4px solid #9ecc5b;border-radius:10px;background:#f7faf2}.reports-board .rp-insights h4{margin:0 0 9px}.rp-insights ul{font-size:12px;line-height:1.9}.reports-board h4{font-size:16px;margin:24px 0 12px}.reports-board h4 small{font-size:11px}.rp-table{margin-top:12px;border-radius:11px}.rp-table table{min-width:720px}.rp-table th{padding:13px 14px;font-size:10px;background:#f2f6ec;letter-spacing:.3px}.rp-table td{padding:15px 14px;line-height:1.7;vertical-align:middle}.rp-table td:first-child{min-width:180px}.rp-table tbody tr:hover{background:#fafcf6}.rp-table tfoot{background:#f2f6eb}.rp-note{font-size:11px;line-height:1.8}.rp-actions{padding:16px;background:#f6f9f1;border:1px solid #e1e8d8;border-radius:11px;gap:10px;align-items:center;margin-top:18px}.rp-actions>a,.rp-row-actions>a{display:inline-flex;text-decoration:none;align-items:center;min-height:38px;font-size:11px;padding:9px 12px}.rp-save{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.rp-save input{min-width:160px;max-width:230px;height:39px;box-sizing:border-box;margin:0;border:1px solid #dce3d4;border-radius:7px;padding:9px 12px;font-size:11px}.rp-save button{min-height:39px}.rp-form{gap:14px;align-items:flex-end;padding:16px;background:#f8faf4;border:1px solid #e2e9da;border-radius:10px}.rp-form label{min-width:120px;flex:1}.rp-form button{min-height:40px;margin:0}
@media(max-width:1100px){.rp-custom{margin-left:0;width:100%;padding-top:8px}.rp-save{margin-left:0}.rp-cards b{font-size:22px}}
@media(max-width:650px){.reports-board{padding:14px}.rp-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rp-cards article{padding:14px}.rp-custom label{flex:1;min-width:110px}.rp-chart{padding:12px}.rp-chart svg{height:170px}.rp-tabs a{padding:9px;font-size:11px}.rp-demo-notice{align-items:flex-start}.rp-save input{max-width:none;flex:1}.rp-chart figcaption{font-size:9px}}
