.mr-report,.mr-overview { --mr-ink:var(--emf-ink,#26465b); --mr-muted:var(--emf-muted,#7b8fa2); --mr-blue:var(--emf-blue,#0868cf); --mr-line:#dfe8f0; --mr-soft:#f6f9fc; color:var(--mr-ink); font:inherit; font-size:12px; line-height:1.45; min-width:0; }
.mr-report *,.mr-overview * { box-sizing:border-box; }
.mr-report button,.mr-report input,.mr-report select,.mr-overview button { font-family:inherit; }
.mr-report button,.mr-overview button,.mr-report summary { cursor:pointer; }
.mr-report button:focus-visible,.mr-report input:focus-visible,.mr-report select:focus-visible,.mr-report summary:focus-visible,.mr-overview button:focus-visible { outline:2px solid #3188d8; outline-offset:3px; }
.mr-header { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; margin-bottom:18px; }
.mr-header h1 { margin:0 0 7px; font-size:25px; font-weight:750; line-height:1.25; letter-spacing:-.5px; }
.mr-header p { margin:0; color:var(--mr-muted); font-size:12px; }
.mr-read-only { display:inline-flex; align-items:center; gap:5px; border:1px solid var(--mr-line); background:#fff; border-radius:7px; color:#7990a2; font-size:10px; padding:6px 9px; white-space:nowrap; }
.mr-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:13px 15px; margin-bottom:14px; border:1px solid var(--mr-line); border-radius:12px; background:#fff; }
.mr-month { display:flex; align-items:center; gap:5px; }
.mr-month>label { display:flex; align-items:center; gap:7px; color:#7b93a6; min-width:195px; }
.mr-month select { border:1px solid var(--mr-line); border-radius:8px; background:#fff; color:#42637d; font-size:12px; padding:8px 9px; min-height:35px; flex:1; max-width:100%; }
.mr-icon-button { display:inline-flex; align-items:center; justify-content:center; border:1px solid transparent; background:transparent; color:#69869f; border-radius:7px; min-width:30px; min-height:32px; padding:5px; }
.mr-icon-button:hover:not(:disabled) { background:#edf5fc; border-color:#d4e4f1; }.mr-icon-button:disabled { opacity:.35; cursor:default; }
.mr-search { display:flex; align-items:center; flex:1; min-width:240px; gap:8px; border:1px solid var(--mr-line); border-radius:8px; padding:0 10px; color:#8ca2b5; }
.mr-search input { min-width:0; width:100%; border:0; padding:9px 0; outline:0; background:transparent; color:#496b85; font-size:12px; }.mr-search input::placeholder { color:#93a5b5; }
.mr-search:focus-within { border-color:#75abe0; box-shadow:0 0 0 2px #3988d710; }
.mr-reset,.mr-link { border:0; background:transparent; color:var(--mr-blue); font-size:11px; padding:5px 0; text-align:left; }
.mr-link { display:inline-flex; align-items:center; gap:5px; }.mr-link:hover,.mr-reset:hover { text-decoration:underline; }
.mr-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
.mr-kpi { min-width:0; background:#fff; border:1px solid var(--mr-line); border-radius:12px; padding:14px 15px; box-shadow:0 2px 5px #21446106; border-top:3px solid #5394dc; }
.mr-kpi:nth-child(2) { border-top-color:#7f96ba; }.mr-kpi:nth-child(3) { border-top-color:#bdad86; }.mr-kpi:nth-child(4) { border-top-color:#56a791; }
.mr-kpi>span { display:block; color:#70879d; font-size:11px; }.mr-kpi>strong { display:block; color:#29485f; font-size:22px; font-weight:750; line-height:1.25; font-variant-numeric:tabular-nums; margin:9px 0 5px; white-space:nowrap; }.mr-kpi>small { display:block; font-size:10px; color:#8a9eaf; }
.mr-kpi.mr-negative { border-top-color:#d68c80; }.mr-kpi.mr-negative>strong { color:#bf6557; }
.mr-period-note { display:flex; align-items:flex-start; gap:7px; margin:0 0 15px; color:#8096a9; font-size:10px; padding:0 2px; }.mr-period-note svg { flex-shrink:0; margin-top:1px; }
.mr-panel { min-width:0; background:#fff; border:1px solid var(--mr-line); border-radius:13px; overflow:hidden; box-shadow:0 2px 5px #21446106; }
.mr-tabs { display:flex; flex-wrap:wrap; gap:5px; padding:13px 15px; border-bottom:1px solid var(--mr-line); }
.mr-tabs button { display:inline-flex; align-items:center; gap:7px; border:1px solid transparent; border-radius:8px; background:transparent; color:#7891a6; font-size:11px; font-weight:600; padding:8px 11px; }
.mr-tabs button:hover { background:#f4f8fc; }.mr-tabs button[aria-pressed="true"] { color:var(--mr-blue); border-color:#cbe2f7; background:#edf6ff; }
.mr-tabs button>span { min-width:19px; padding:1px 5px; border-radius:5px; background:#edf2f7; color:#8096a9; font-size:10px; text-align:center; }.mr-tabs button[aria-pressed="true"]>span { background:#dcecff; color:#5b8dbb; }
.mr-section-head { display:flex; align-items:center; gap:12px; justify-content:space-between; padding:15px 18px 12px; }.mr-section-head h2 { margin:0 0 4px; font-size:14px; font-weight:700; }.mr-section-head p { margin:0; color:#8b9cab; font-size:10px; }
.mr-total-count { color:#879daf; font-size:10px; white-space:nowrap; }
.mr-grid { display:grid; grid-template-columns:minmax(230px,2.3fr) repeat(4,minmax(96px,1fr)) 74px; align-items:center; gap:10px; }
.mr-column-head { padding:10px 18px; background:#f6f9fc; border-block:1px solid #e5edf4; color:#8095aa; font-size:10px; font-weight:600; }
.mr-column-head>*:not(:first-child) { text-align:right; }
.mr-client { border-bottom:1px solid #e5edf4; }.mr-client:last-child { border-bottom:0; }
.mr-client>summary { list-style:none; padding:15px 18px; }.mr-client>summary::-webkit-details-marker,.mr-document>summary::-webkit-details-marker { display:none; }.mr-client>summary::marker,.mr-document>summary::marker { content:''; }.mr-client>summary:hover { background:#f9fbfe; }.mr-client[open]>summary { background:#f1f7fd; }
.mr-client-title { display:flex; align-items:center; gap:9px; min-width:0; }.mr-chevron { flex-shrink:0; color:#7fa1bd; transition:transform .15s; }.mr-client[open]>summary .mr-chevron,.mr-document[open]>summary .mr-document-chevron { transform:rotate(90deg); }
.mr-client-title>div { min-width:0; }.mr-client-title strong { display:block; color:#41617b; font-size:12px; font-weight:700; overflow-wrap:anywhere; }.mr-client-title small { display:block; margin-top:3px; color:#8fa1b1; font-size:10px; }
.mr-value { display:block; text-align:right; color:#526f87; font-size:11px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.mr-value>small { display:none; }.mr-value strong { font-size:inherit; font-weight:600; }
.mr-value.mr-positive { color:#358873; }.mr-value.mr-negative { color:#bb695e; }.mr-value.mr-muted { color:#92a2b0; }
.mr-details { border-top:1px solid #dce8f3; padding:12px 18px 15px 42px; background:#f8fbfe; }
.mr-document { border:1px solid #dfe9f2; border-radius:9px; background:#fff; margin-bottom:9px; overflow:hidden; }.mr-document:last-child { margin-bottom:0; }
.mr-document>summary { display:flex; justify-content:space-between; align-items:center; gap:14px; list-style:none; padding:11px 12px; }
.mr-document>summary:hover { background:#f8fbff; }.mr-document-identity { display:flex; align-items:flex-start; gap:8px; min-width:0; }.mr-document-chevron { color:#87a3b9; flex-shrink:0; margin-top:3px; transition:transform .15s; }
.mr-document-identity strong { font-size:11px; display:block; color:#486981; overflow-wrap:anywhere; }.mr-document-identity small { display:block; margin-top:3px; color:#91a1ae; font-size:10px; }
.mr-document-badges { display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin-top:5px; }.mr-tag { display:inline-flex; align-items:center; gap:4px; font-size:9px; border-radius:4px; padding:2px 5px; color:#6891ad; background:#edf4f9; }.mr-tag-warning { color:#a1814c; background:#fff5e6; }.mr-tag-muted { color:#8698a7; background:#f2f5f8; }
.mr-document-numbers { display:grid; grid-template-columns:repeat(4,minmax(78px,1fr)); gap:14px; text-align:right; flex-shrink:0; }.mr-document-numbers span { display:block; font-size:9px; color:#9aabb8; margin-bottom:3px; }.mr-document-numbers strong { font-size:11px; font-weight:600; color:#59768e; white-space:nowrap; }
.mr-document-numbers .mr-positive strong { color:#358873; }.mr-document-numbers .mr-negative strong { color:#bb695e; }
.mr-document-body { padding:11px 12px; border-top:1px solid #e5edf4; background:#fcfdff; }.mr-document-body>p { margin:0 0 9px; font-size:10px; color:#8399aa; }
.mr-document-actions { display:flex; flex-wrap:wrap; gap:12px; padding-bottom:8px; }
.mr-expenses { border:1px solid #e4ebf2; border-radius:7px; background:#fff; overflow:hidden; }
.mr-expense { width:100%; display:grid; grid-template-columns:78px minmax(180px,1fr) 115px 22px; gap:10px; align-items:center; text-align:left; padding:10px 11px; border:0; border-bottom:1px solid #e7eef4; background:transparent; color:#628096; font-size:10px; }
.mr-expense:last-child { border-bottom:0; }button.mr-expense:hover { background:#f1f7fc; }.mr-expense>span { min-width:0; }.mr-expense strong { color:#58738a; font-size:10px; font-weight:600; }.mr-expense>span:nth-child(2)>strong { display:block; overflow-wrap:anywhere; }.mr-expense small { display:block; margin-top:3px; color:#96a7b4; font-size:9px; }.mr-expense-amount { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }.mr-expense>svg { color:#9ab0c1; justify-self:end; }
.mr-warning { display:flex; align-items:flex-start; gap:6px; padding:9px 11px; margin:0 0 10px; font-size:10px; line-height:1.5; color:#9c804f; border:1px solid #efe1c7; border-radius:7px; background:#fffbf2; }.mr-warning>svg { flex-shrink:0; margin-top:1px; }
.mr-standalone { padding:0 18px 17px; }.mr-standalone>.mr-expenses { margin-top:4px; }
.mr-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; padding:44px 20px; text-align:center; color:#9bafc0; }.mr-empty h3 { font-size:14px; font-weight:600; color:#68859c; margin:11px 0 5px; }.mr-empty p { font-size:11px; color:#94a6b5; margin:0; max-width:430px; }
.mr-footnote { display:flex; gap:12px; align-items:flex-start; justify-content:space-between; border-top:1px solid #e3ebf2; background:#fbfcfe; padding:11px 18px; font-size:10px; color:#91a3b2; }
.mr-overview { margin:0 0 18px; padding:16px 18px; border:1px solid var(--mr-line); border-radius:12px; background:#fff; }
.mr-overview-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:13px; }.mr-overview-head h2 { display:flex; align-items:center; gap:7px; font-size:14px; font-weight:700; margin:0; color:#41627c; }.mr-overview-head p { font-size:10px; color:#8b9fae; margin:4px 0 0; }
.mr-overview-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }.mr-overview-grid article { padding-left:12px; border-left:2px solid #e3edf5; min-width:0; }.mr-overview-grid span { display:block; font-size:10px; color:#8a9fae; }.mr-overview-grid strong { display:block; margin-top:5px; color:#4b6b84; font-size:16px; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }.mr-overview-grid small { display:block; font-size:9px; color:#92a4b2; margin-top:4px; }.mr-overview-grid .mr-positive strong { color:#3a8a75; }.mr-overview-grid .mr-negative strong { color:#be7164; }
.mr-overview-note { font-size:10px; color:#8d9eac; margin:12px 0 0; line-height:1.5; }
.mr-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:1200px) { .mr-grid { grid-template-columns:minmax(180px,2fr) repeat(4,minmax(85px,1fr)) 63px; gap:7px; }.mr-document-numbers { grid-template-columns:repeat(4,minmax(67px,1fr)); gap:10px; }.mr-kpi>strong { font-size:20px; } }
@media (max-width:950px) { .mr-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.mr-column-head { display:none; }.mr-client>summary { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px 9px; }.mr-client-title { grid-column:1/-1; }.mr-value>small { display:block; font-size:9px; font-weight:400; color:#91a4b3; margin-bottom:3px; }.mr-value { text-align:left; }.mr-details { padding-left:18px; }.mr-document>summary { flex-wrap:wrap; gap:10px; }.mr-document-identity { flex:1 1 100%; }.mr-document-numbers { flex:1; grid-template-columns:repeat(4,minmax(0,1fr)); text-align:left; padding-left:23px; }.mr-overview-grid { gap:10px; }.mr-overview-grid strong { font-size:14px; } }
@media (max-width:640px) { .mr-header h1 { font-size:22px; }.mr-header { margin-bottom:14px; }.mr-header p { font-size:11px; }.mr-read-only { display:none; }.mr-toolbar { padding:11px; gap:9px; }.mr-month { width:100%; }.mr-month>label { flex:1; min-width:0; }.mr-month select { min-width:0; }.mr-search { width:100%; flex-basis:100%; min-width:0; }.mr-search input { font-size:11px; }.mr-kpis { gap:8px; }.mr-kpi { padding:11px; border-radius:9px; }.mr-kpi>span { font-size:10px; }.mr-kpi>strong { font-size:18px; }.mr-kpi>small { font-size:9px; }.mr-period-note { font-size:9px; }.mr-panel { border-radius:10px; }.mr-tabs { padding:9px; gap:3px; }.mr-tabs button { font-size:10px; padding:7px; gap:4px; }.mr-tabs button>span { font-size:9px; min-width:16px; }.mr-section-head { padding:13px 12px 11px; }.mr-section-head h2 { font-size:13px; }.mr-section-head p { font-size:9px; }.mr-total-count { display:none; }.mr-client>summary { padding:13px 12px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }.mr-client-title { grid-column:1/-1; }.mr-client-title strong { font-size:12px; }.mr-client-title small { font-size:9px; }.mr-value { font-size:11px; padding-left:23px; }.mr-value:last-child { grid-column:1/-1; }.mr-value>small { font-size:9px; }.mr-details { padding:10px; }.mr-document>summary { padding:10px; }.mr-document-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.mr-document-body { padding:10px; }.mr-expense { grid-template-columns:minmax(0,1fr) 95px 15px; padding:9px; gap:5px; }.mr-expense>span:first-child { grid-column:1/-1; font-size:9px; }.mr-expense>span:nth-child(2) { grid-column:1; }.mr-expense small { font-size:9px; }.mr-standalone { padding:0 11px 12px; }.mr-warning { padding:8px; font-size:9px; }.mr-footnote { padding:10px 12px; flex-wrap:wrap; font-size:9px; }.mr-overview { padding:13px 12px; }.mr-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px 10px; }.mr-overview-head { align-items:flex-start; }.mr-overview-head h2 { font-size:13px; }.mr-overview-head .mr-link { font-size:10px; }.mr-overview-note { font-size:9px; } }
@media (prefers-reduced-motion:reduce) { .mr-chevron,.mr-document-chevron { transition:none; } }
.mr-document-margin { display:inline-flex; align-items:center; color:#899dad; font-size:10px; }
.mr-document-body .mr-purchases-caption { font-size:10px; color:#8a9fae; margin:3px 0 8px; }
.mr-expense .mr-purchase-reason { color:#aa8851; }
.mr-unallocated-total { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 13px; padding:10px 12px; border:1px solid #e6dcc8; border-radius:8px; background:#fffbf4; color:#9a7d4b; font-size:11px; }.mr-unallocated-total strong { margin-left:auto; font-size:14px; font-variant-numeric:tabular-nums; }.mr-unallocated-total small { color:#b0a189; font-size:10px; }
@media (min-width:641px) { .mr-header { padding-right:60px; } }
@media (max-width:640px) { .mr-header>div { padding-right:45px; }.mr-unallocated-total { font-size:10px; padding:9px; }.mr-unallocated-total strong { font-size:13px; }.mr-unallocated-total small { font-size:9px; } }
.mr-load { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; margin:0 0 16px; padding:15px 18px; border:1px solid #dfe8f0; border-radius:11px; background:#fff; color:#7a91a5; font-family:inherit; font-size:12px; line-height:1.5; }
.mr-load p { margin:0; min-width:0; flex:1 1 260px; overflow-wrap:anywhere; font-size:12px; }
.mr-load[role="alert"] { color:#aa6557; border-color:#eddcd6; background:#fffaf8; }
.mr-load button.secondary { min-height:33px; padding:7px 11px; border:1px solid #d7e4ef; border-radius:7px; background:#f6faff; color:#477491; font:inherit; font-size:11px; font-weight:600; cursor:pointer; }
.mr-load button.secondary:hover { background:#edf5fc; }.mr-load button:focus-visible { outline:2px solid #3188d8; outline-offset:3px; }
@media (max-width:640px) { .mr-load { padding:12px; font-size:11px; }.mr-load p { font-size:11px; flex-basis:100%; } }
/*$vite$:1*/