/* Mahroch 0.6.1 | charcoal + lemon | presentation only */
@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/Vazirmatn-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:dark;--bg:#181818;--surface:#252525;--surface-2:#202020;--ink:#f5f5f0;--muted:#b5b5af;--line:#3c3c39;--primary:#edfa30;--primary-2:#d8e727;--accent:#edfa30;--brand:#edfa30;--green:#a7e0b9;--danger:#ffabb4;--warning:#f7cf85;--expense-green:#edfa30;--expense-soft:#303323;--expense-error:#ffabb4;--radius:24px;--shadow:none}
.mr-ui,.mr-ui button,.mr-ui input,.mr-ui select,.mr-ui textarea{font-family:Vazirmatn,Tahoma,sans-serif}
.mr-ui{background:var(--bg);color:var(--ink);font-size:16px;line-height:1.8;accent-color:var(--accent);padding-bottom:110px}
.mr-ui *{box-sizing:border-box}.mr-ui [hidden]{display:none!important}
.mr-ui a{color:var(--ink);text-underline-offset:5px}.mr-ui button,.mr-ui a,.mr-ui summary{touch-action:manipulation}
.mr-ui button,.mr-ui summary{cursor:pointer}.mr-ui button:disabled{cursor:default;opacity:.55}
.mr-ui :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.mr-ui .skip-link{background:var(--accent);color:#181818;z-index:100}.mr-ui .skip-link:focus{top:12px}
.mr-ui h1{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.5;letter-spacing:-.04em;font-weight:700}
.mr-ui h2{font-size:1.1rem;line-height:1.6}.mr-ui h3{line-height:1.7}
.mr-ui :is(.muted,.hint,.intro,.optional,.loaded-note,.history-meta,.history-note,.account-note){color:var(--muted)}
.mr-ui .eyebrow{color:var(--accent);font-weight:400;font-size:.8rem}
.mr-ui :is(.topbar,body>header){background:var(--bg);border-bottom:1px solid #30302e;box-shadow:none;height:84px;padding:12px 28px;gap:16px}
body.mr-ui>header{background:var(--bg);border-bottom:1px solid #30302e;min-height:80px;padding:12px 28px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.mr-ui .brand-mark{background:var(--accent);color:#181818;box-shadow:none;border-radius:14px}
.mr-ui .brand-row strong,.mr-ui .brand{font-size:.95rem}.mr-ui .brand-row span{color:var(--muted)}
.mr-ui .brand-row .brand-mark{color:#181818}.mr-ui .brand-row div{gap:2px}
.mr-ui .topbar-actions{display:flex;align-items:center;gap:8px}
.mr-ui .layout{display:block;min-height:0}.mr-ui .content{max-width:1280px;padding:28px 28px 24px}
.mr-ui .sidebar{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;background:none;border:0;padding:18px 28px 0;max-width:1280px;margin:auto}
.mr-ui .sidebar a{padding:8px 16px;min-height:44px;border-radius:30px;color:var(--muted);background:#252525;font-size:.85rem}
.mr-ui .sidebar a.active,.mr-ui .sidebar a:hover{background:#393b29;color:var(--accent)}
.mr-ui .sidebar a[href='/expenses']{display:none}
.mr-ui .page-head{align-items:center;margin-bottom:24px}.mr-ui .page-head>.muted{max-width:600px}
.mr-ui :is(.expense-layout,.monthly-layout){max-width:1280px;padding:32px 28px 24px}
.mr-ui.mr-page-operations main{max-width:1280px;margin:28px auto;padding:0 28px 24px}
.mr-ui :is(.expense-columns,.monthly-columns,.work-grid){gap:24px;align-items:start}
.mr-ui .two-column{gap:20px}.mr-ui .work-grid{margin-top:24px}
.mr-ui :is(.panel,.card,.expense-card,.auth-card){background:var(--surface);border:1px solid #343432;border-radius:24px;box-shadow:none}
.mr-ui :is(.panel,.card){padding:24px;margin-bottom:20px;min-width:0}
.mr-ui :is(.history-empty,.history-entry,.history-row,.history-item,.job-row){background:var(--surface);border-color:var(--line);border-radius:18px}
.mr-ui :is(.history-item,.job-row){margin-top:12px;padding:16px;background:#2e2e2d;border:0;gap:12px}
.mr-ui .job-row>div{min-width:0}.mr-ui .job-row span{color:var(--muted)}
.mr-ui :is(.history-row,.history-entry){padding:16px;margin-bottom:10px;overflow-wrap:anywhere}
.mr-ui .history-row{background:#2e2e2d}.mr-ui .history-entry-head{flex-wrap:wrap}
.mr-ui :is(.section-title,.section-top,.history-title){gap:12px;flex-wrap:wrap;align-items:center}
.mr-ui :is(.history-empty,#jobs>.muted){padding:32px 16px;color:var(--muted);font-size:.88rem}
.mr-ui .kpi-grid{gap:14px;margin-bottom:24px}
.mr-ui .kpi{position:relative;min-height:155px;border:0;border-radius:24px;padding:22px;align-content:end;gap:4px;overflow-wrap:anywhere;background:#2a2a29}
.mr-ui .kpi span,.mr-ui .kpi small{color:#bfbfb7}.mr-ui .kpi strong{font-size:clamp(1.35rem,2.6vw,2rem);font-weight:700;line-height:1.5;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mr-ui .kpi:first-child{background:var(--accent);color:#191b0e}.mr-ui .kpi:first-child span,.mr-ui .kpi:first-child small{color:#424622}
.mr-ui .kpi.warning{border:0}.mr-ui .kpi.warning strong{color:var(--warning)}
.mr-kpi-icon{position:absolute;top:16px;inset-inline-end:16px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff0a}
.mr-kpi-icon svg{width:17px;height:17px}.mr-ui .kpi:first-child .mr-kpi-icon{background:#0000000b;color:#191b0e}
.mr-ui :is(button,.primary-button,.secondary-button,.ghost-button,.file-button,.download-link,.receipt-button){min-height:48px;border-radius:14px;box-shadow:none;font-weight:700}
.mr-ui button,.mr-ui :is(.secondary-button,.ghost-button,.file-button){background:#30302e;border:1px solid #484844;color:var(--ink)}
.mr-ui :is(button,.secondary-button,.ghost-button,.file-button):hover:not(:disabled){background:#3d3d39;border-color:#62625b}
.mr-ui :is(.primary,.primary-button,.expense-submit,#preview-button){background:var(--accent);color:#191b0e;border-color:var(--accent);min-height:54px}
.mr-ui :is(.primary,.primary-button,.expense-submit,#preview-button):hover:not(:disabled){background:#dbe72b;color:#191b0e;border-color:#dbe72b}
.mr-ui .expense-submit:disabled{background:#454637;color:#c4c5b3}
.mr-ui button[aria-pressed=true],.mr-ui .monthly-tabs button[aria-pressed=true],.mr-ui .shortcuts button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#191b0e}
.mr-ui :is(input:not([type=radio]):not([type=checkbox]),select,textarea){background:#1e1e1d;color:var(--ink);border:1px solid #686861;border-radius:14px;min-height:50px;font-size:16px;max-width:100%;padding:11px 14px}
.mr-ui input::placeholder,.mr-ui textarea::placeholder{color:#a5a59c;opacity:1}
.mr-ui :is(input,select,textarea):focus{border-color:var(--accent)}
.mr-ui :is(input,select,textarea)[aria-invalid=true]{border-color:var(--danger)}
.mr-ui input[type=file]::file-selector-button{font:inherit;margin-inline-end:12px;padding:8px 12px;background:#36372e;color:var(--accent);border:0;border-radius:8px;cursor:pointer}
.mr-ui textarea{resize:vertical}.mr-ui :is(form,fieldset,.field,.form-section){min-width:0}
.mr-ui :is(.form-error,.error,.field-error,#status.error,.submit-message.error,.danger){color:var(--danger)}
.mr-ui :is(#status.success,.live-dot){color:#a7e0b9}
.mr-ui :is(.status-line,#status,#result-message){color:var(--ink);overflow-wrap:anywhere}
.mr-ui .amount-field{background:#2e3024;border-color:#454a2a;padding:24px 28px}
.mr-ui .amount-field>label{color:var(--accent);font-weight:400}
.mr-ui .amount-input input{border:0;border-bottom:1px solid #74785b;border-radius:0;background:transparent;padding:4px 0;color:var(--accent);font-size:clamp(2rem,6vw,2.8rem);font-weight:700}
.mr-ui .amount-input>span{color:#c9cca9}.mr-ui .amount-field small{color:#c9cca9}
.mr-ui .connection-message{background:var(--surface);color:var(--muted)}
.mr-ui :is(.form-section,.submit-bar){background:var(--surface)}
.mr-ui .segment-control{background:#1e1e1d;padding:5px;border-radius:16px;gap:4px}
.mr-ui .segment-control span{color:var(--muted);min-height:48px;border-radius:12px;font-size:.82rem}
.mr-ui .segment-control input:checked+span{background:var(--accent);color:#191b0e;box-shadow:none}
.mr-ui .shortcuts button{border-radius:24px;font-weight:400}
.mr-ui :is(.split-box,.expense-summary,#preview,.salary-totals){background:#303323;border-color:#555c34;color:#e2e8b7}
.mr-ui :is(.submit-message.success){background:#25372d;border-color:#44634f;color:#b3ecc4}
.mr-ui :is(.submit-message.warning,.duplicate-box,.salary-warning){background:#3c3321;border-color:#716044;color:#f5d89d}
.mr-ui .receipt-button{color:var(--ink);border-color:#77776e;font-weight:400}
.mr-ui .receipt-item button{background:#30302e;color:var(--danger)}
.mr-ui .monthly-tabs{background:#222221;border-radius:18px;padding:6px;max-width:none;gap:6px}
.mr-ui .monthly-tabs button{background:transparent;border-color:transparent;color:var(--muted);border-radius:12px}
.mr-ui .choices{gap:10px}.mr-ui .choices button{text-align:start;display:flex;align-items:center;gap:10px;min-height:70px;font-weight:400;padding:14px;font-size:.85rem;border-color:#454541;background:#2c2c2b}
.mr-choice-icon{display:grid;place-items:center;flex:0 0 30px;height:30px;color:var(--muted)}.mr-choice-icon svg{width:21px;height:21px}
.mr-ui .choices button[aria-pressed=true] .mr-choice-icon{color:#191b0e}
.mr-ui .choices button[aria-pressed=true]{font-weight:700;background:var(--accent);color:#191b0e;border-color:var(--accent)}
.mr-ui .actions button{background:#303323;color:var(--accent);border-color:#657032}
.mr-ui :is(.download,.download-link){background:#303b2c;color:#c2eeac;border:1px solid #516947;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.mr-ui :is(.download,.download-link):hover{background:#3b4935;color:#dbffca}
.mr-ui .badge{background:#3a3a36;color:#e5e5d9;font-size:.75rem;font-weight:400}
.mr-ui :is(.badge.completed,.badge.confirmed,.badge.resolved){background:#2a4432;color:#b5efc8}
.mr-ui .badge.running{background:#293c50;color:#b9dfff}
.mr-ui :is(.badge.failed,.badge.open){background:#4b2d32;color:#ffbac3}
.mr-ui :is(.badge.partial,.badge.notified,.badge.unknown,.badge.processing){background:#493c26;color:#f9dda2}
.mr-ui .table-wrap{border-radius:16px}.mr-ui th{background:#2e2e2b;color:#bebeb4;font-weight:400}.mr-ui td{border-color:var(--line)}
.mr-ui tbody tr:hover{background:#30302e}.mr-ui .table-wrap tr{background:transparent}
.mr-ui .complete-panel-link{display:none}
.mr-ui :is(.expense-nav,.monthly-nav,.mobile-panel-nav){display:none!important}
.mr-ui .mr-nav{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:min(460px,calc(100% - 24px));background:#292928;border:1px solid #41413d;border-radius:26px;padding:8px 12px;box-shadow:0 10px 40px #0005}
.mr-ui .mr-nav a{padding:3px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:64px;border-radius:16px;font-size:.7rem;color:var(--muted);text-decoration:none;white-space:nowrap;font-weight:400}
.mr-nav .mr-nav-icon{display:grid;place-items:center;width:40px;height:36px;border-radius:12px}
.mr-nav svg{width:22px;height:22px;stroke-width:1.7}
.mr-ui .mr-nav a[aria-current=page]{color:var(--ink)}.mr-nav a[aria-current=page] .mr-nav-icon{background:var(--accent);color:#181818}
.mr-ui .mr-nav a:hover{background:#373734;color:var(--ink)}
.mr-ui .mr-nav a[aria-current=page]:hover .mr-nav-icon{background:#dbe72b}
.mr-ui.mr-page-login{padding:24px;background:#181818;min-height:100svh}
.mr-ui .auth-card{padding:36px;border-radius:30px;border-color:#41413b;box-shadow:0 24px 80px #0003}
.mr-ui .auth-card .brand-mark{width:64px;height:64px;border-radius:20px;margin-bottom:28px}
.mr-ui .auth-card input{margin-bottom:12px}.mr-ui .auth-card form{gap:10px}
.mr-ui .auth-card .primary-button{margin-top:14px}
@media(min-width:1100px){
 body.mr-ui:not(.mr-page-login){padding-inline-start:208px;padding-bottom:32px}
 body.mr-ui>header{margin-inline-start:-208px}
 .mr-ui .mr-nav{top:112px;bottom:auto;inset-inline-start:20px;left:auto;transform:none;width:168px;display:flex;flex-direction:column;border-radius:22px;padding:10px;box-shadow:none}
 .mr-ui .mr-nav a{flex-direction:row;justify-content:flex-start;gap:12px;min-height:62px;padding:8px;font-size:.85rem}
 .mr-ui .mr-nav .mr-nav-icon{flex-shrink:0}
 .mr-ui .expense-columns{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
}
@media(max-width:1099px){.mr-ui .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mr-ui .two-column{grid-template-columns:1fr}}
@media(max-width:760px){
 .mr-ui{padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 body.mr-ui>header{min-height:72px;height:72px;padding:10px 18px;gap:10px;position:sticky;top:0;z-index:30}
 .mr-ui .brand-row strong,.mr-ui .brand{font-size:.83rem}.mr-ui .brand-row span:not(.brand-mark){display:none}
 .mr-ui .topbar .brand-mark{display:grid;width:36px;height:36px;border-radius:12px;font-size:1rem;flex-shrink:0}
 .mr-ui .brand-row{gap:9px}.mr-ui .topbar-actions .dashboard-expense-link{display:none}
 .mr-ui .topbar-actions button,.mr-ui header>.ghost-button{font-size:.8rem;padding:8px 12px;min-height:44px}
 .mr-ui.mr-page-operations>header>nav{display:none}
 .mr-ui :is(.content,.expense-layout,.monthly-layout){padding:22px 16px 16px}
 .mr-ui.mr-page-operations main{margin:24px auto;padding:0 16px 16px}
 .mr-ui .sidebar{padding:14px 16px 0;gap:6px;flex-wrap:nowrap;overflow:auto;scrollbar-width:none}
 .mr-ui .sidebar a{font-size:.76rem;white-space:nowrap;padding:8px 13px}
 .mr-ui .page-head{gap:16px;align-items:stretch;flex-direction:column}.mr-ui .page-head .muted{font-size:.88rem}
 .mr-ui .period-field{flex-direction:row;align-items:center;justify-content:space-between;font-size:.83rem}
 .mr-ui .period-field input{width:140px;min-height:46px;text-align:center}
 .mr-ui .kpi-grid{gap:10px;margin-bottom:20px}.mr-ui .kpi{border-radius:22px;min-height:157px;padding:18px 16px}
 .mr-ui .kpi strong{font-size:clamp(1.1rem,4.4vw,1.6rem)}.mr-ui .kpi span{font-size:.76rem}.mr-ui .kpi small{font-size:.72rem}
 .mr-ui :is(.panel,.card){padding:20px 16px;border-radius:22px;margin-bottom:16px}
 .mr-ui :is(.expense-columns,.monthly-columns,.work-grid){grid-template-columns:1fr;gap:16px}
 .mr-ui .actions-panel{gap:16px}.mr-ui .actions-panel h2{width:100%}.mr-ui .action-buttons{display:grid;width:100%;grid-template-columns:1fr;gap:10px}
 .mr-ui .action-buttons>*{width:100%;max-width:100%;min-height:48px;white-space:normal;font-size:.88rem}
 .mr-ui .action-buttons label[for=branch]{min-height:auto}.mr-ui .actions-panel>.muted{font-size:.8rem}
 .mr-ui .section-title h2,.mr-ui .section-top h2{font-size:1rem}.mr-ui .section-title button,.mr-ui .section-top button{font-size:.78rem;padding:8px 12px}
 .mr-ui .monthly-heading{gap:16px;align-items:stretch;flex-direction:column}.mr-ui .monthly-heading input{flex:1;width:110px}
 .mr-ui .monthly-tabs{gap:3px;padding:4px;border-radius:16px}.mr-ui .monthly-tabs button{font-size:.75rem;padding:10px 4px;line-height:1.6}
 .mr-ui .expense-card{border-radius:24px;overflow:visible}.mr-ui .connection-message{border-radius:24px 24px 0 0;padding:12px 18px;font-size:.8rem}
 .mr-ui .amount-field{padding:20px}.mr-ui .form-section{padding:22px 18px 12px}
 .mr-ui .submit-bar{position:static;padding:12px 18px 20px;border:0;border-radius:0 0 24px 24px}
 .mr-ui .expense-intro{margin-bottom:20px}.mr-ui .expense-intro .muted{font-size:.88rem}
 .mr-ui .expense-history{margin-top:12px}.mr-ui .history-title .eyebrow{font-size:.73rem}
 .mr-ui .choices{gap:8px}.mr-ui .choices button{min-height:76px;gap:7px;padding:10px;font-size:.76rem;border-radius:16px}
 .mr-ui .mr-choice-icon{flex-basis:24px}.mr-ui .mr-choice-icon svg{width:20px}
 .mr-ui .mr-nav{bottom:0;width:100%;border:0;border-top:1px solid #40403b;border-radius:24px 24px 0 0;padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));gap:0;box-shadow:0 -10px 30px #18181855}
 .mr-ui .mr-nav a{min-height:64px;font-size:.68rem;padding:0}.mr-ui .mr-nav .mr-nav-icon{height:38px;width:42px}
 .mr-ui .table-wrap{overflow:visible}.mr-ui .table-wrap table{min-width:0;display:block;width:100%}
 .mr-ui .table-wrap thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
 .mr-ui .table-wrap tbody{display:grid;gap:12px;width:100%}
 .mr-ui .table-wrap tr{display:block;border:1px solid #42423e;background:#2d2d2b;border-radius:16px;padding:8px 12px;max-width:100%}
 .mr-ui .table-wrap td{display:flex;justify-content:space-between;gap:12px;white-space:normal;overflow-wrap:anywhere;padding:10px 0;font-size:.85rem;text-align:start;border-color:#43433e}
 .mr-ui .table-wrap td::before{content:attr(data-label);color:var(--muted);font-size:.75rem;min-width:60px;flex-shrink:0}
 .mr-ui .table-wrap td[colspan]{display:block;color:var(--muted)}.mr-ui .table-wrap td[colspan]::before,.mr-ui .table-wrap td:has(a)::before{display:none}
 .mr-ui .table-wrap td:last-child{border-bottom:0}.mr-ui .table-wrap td a{width:100%}
 .mr-ui :is(#reports,#accounts,#differences,#overview,#result-card,#job-details){scroll-margin-top:90px}
 .mr-ui .job-row{padding:14px}.mr-ui .job-row button{font-size:.8rem}.mr-ui .job-row .badge{flex-shrink:0}
 .mr-ui .history-item{padding:16px}.mr-ui .event pre{font-size:.86rem}
 .mr-ui .auth-card{padding:28px 24px}.mr-ui.mr-page-login{padding:20px}
}
@media(max-width:360px){.mr-ui .brand-row .brand-mark{display:none}.mr-ui .kpi{padding:16px 12px}.mr-ui .choices button{flex-direction:column;align-items:flex-start;gap:4px}.mr-ui .monthly-tabs button{font-size:.7rem}.mr-ui .number-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.mr-ui *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* MahRoch UI 0.6.5: keep the dark form control, use a readable native menu. */
.mr-ui select{
  line-height:1.35;
  color-scheme:light;
}
.mr-ui select option,
.mr-ui select optgroup{
  color:#181818;
  background-color:#fff;
  font-family:Vazirmatn,Tahoma,sans-serif;
  font-size:16px;
  line-height:normal;
}
.mr-ui select option{padding:5px 12px}