:root{--bg: #f5f6f4;--surface: #ffffff;--ink: #1b2428;--muted: #5a666b;--line: #d6dbdc;--accent: #0b5d6b;--accent-ink: #ffffff;--accent-soft: #e1f0f2;--good: #1d6b3a;--good-bg: #e3f3e8;--warn: #8a5a00;--warn-bg: #fdf0d2;--bad: #a3231f;--bad-bg: #fbe4e2;--info: #1d4f8a;--info-bg: #e2ecf8;--radius: 6px;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Naskh Arabic,Noto Sans Arabic,sans-serif;font-size:15px;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.45}h1{font-size:1.5rem;margin:0}h2{font-size:1.15rem;margin:0 0 var(--s3)}h3{font-size:1rem;margin:var(--s4) 0 var(--s2)}.small-h{margin:0 0 var(--s2)}a{color:var(--accent)}.muted{color:var(--muted)}.num{text-align:end;font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:focus-visible{outline:3px solid #f2a900;outline-offset:2px}.skip-link{position:absolute;inset-inline-start:var(--s2);inset-block-start:-4rem;background:var(--accent);color:var(--accent-ink);padding:var(--s2) var(--s3);z-index:100}.skip-link:focus{inset-block-start:var(--s2)}.topbar{display:flex;align-items:center;gap:var(--s4);padding-block:var(--s2);padding-inline:var(--s4);background:var(--accent);color:var(--accent-ink);flex-wrap:wrap}.topbar .brand{font-weight:700}.topbar nav{display:flex;gap:var(--s1);flex:1}.topbar nav a{color:var(--accent-ink);text-decoration:none;padding:var(--s2) var(--s3);border-radius:var(--radius)}.topbar nav a:hover{background:#ffffff26}.topbar nav a.active{background:#ffffff40;font-weight:600;text-decoration:underline;text-underline-offset:4px}.topbar-end{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-inline-start:auto}.topbar select{color:var(--ink)}.topbar .btn-ghost{color:var(--accent-ink);border-color:#ffffff80}.who{opacity:.9}.page{padding-block:var(--s5);padding-inline:var(--s4);max-inline-size:1500px;margin-inline:auto}.page.narrow{max-inline-size:40rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-block-end:var(--s4);flex-wrap:wrap}.head-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.crumb{margin-block:0 var(--s2)}.btn{font:inherit;cursor:pointer;padding-block:var(--s2);padding-inline:var(--s4);border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;display:inline-block;min-block-size:2.25rem}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-danger{background:var(--bad);color:#fff;border-color:var(--bad)}.btn-danger-ghost{color:var(--bad);border-color:var(--bad)}.btn-ghost{background:transparent}.btn-small{padding-block:var(--s1);padding-inline:var(--s3);min-block-size:1.9rem;font-size:.9rem}input,select,textarea{font:inherit;color:inherit;padding-block:var(--s2);padding-inline:var(--s3);border:1px solid #8a9599;border-radius:var(--radius);background:var(--surface);max-inline-size:100%}input[type=checkbox]{inline-size:1.1rem;block-size:1.1rem;padding:0}input[aria-invalid=true]{border-color:var(--bad);border-width:2px}textarea{inline-size:100%}.field{display:flex;flex-direction:column;gap:var(--s1);margin-block-end:var(--s3)}.field label{font-weight:600;font-size:.9rem}.field small,.field .err{color:var(--muted)}.field .err{color:var(--bad);font-weight:600}.field.inline{flex-direction:row;align-items:center;gap:var(--s2);margin:0}.inline-form{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;margin-block:var(--s2)}.inline-form .field{margin:0}.form-wrap{align-items:flex-end}.check-inline{display:inline-flex;align-items:center;gap:var(--s2)}.check-grid{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4);margin-block:var(--s2)}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3);min-inline-size:0}legend{font-weight:600;padding-inline:var(--s2)}.hint-inline{font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);margin-block-end:var(--s4)}.plain-list{list-style:none;margin:0;padding:0}.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--s2) var(--s4);margin:0}.kv dt{color:var(--muted)}.kv dd{margin:0}.state{padding:var(--s4);text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.state-error{color:var(--bad);background:var(--bad-bg);border-radius:var(--radius);flex-direction:row;justify-content:center;flex-wrap:wrap}.state-empty{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface)}.state-empty p{margin:0}.spinner{display:inline-block;inline-size:1rem;block-size:1rem;border:2px solid var(--line);border-block-start-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}.chip,.badge{display:inline-flex;align-items:center;gap:var(--s1);padding-block:2px;padding-inline:var(--s2);border-radius:999px;font-size:.85rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge{background:#eceff0;color:var(--ink);font-weight:500}.chip-icon{font-weight:700}.chip-good,.badge-good{background:var(--good-bg);color:var(--good);border-color:#9bcfae}.chip-warn,.badge-warn{background:var(--warn-bg);color:var(--warn);border-color:#e3c57e}.chip-bad,.badge-bad{background:var(--bad-bg);color:var(--bad);border-color:#e2a5a2}.chip-info{background:var(--info-bg);color:var(--info);border-color:#a7c1e3}.chip-neutral{background:#eceff0;color:var(--muted);border-color:var(--line)}.notice{padding:var(--s3);border-radius:var(--radius);margin-block:var(--s3);border:1px solid}.notice p{margin:0 0 var(--s2)}.notice-info{background:var(--info-bg);color:var(--info);border-color:#a7c1e3}.notice-good{background:var(--good-bg);color:var(--good);border-color:#9bcfae}.notice-warn{background:var(--warn-bg);color:var(--warn);border-color:#e3c57e}.notice-bad{background:var(--bad-bg);color:var(--bad);border-color:#e2a5a2}.table-wrap{overflow-x:auto;margin-block:var(--s3);position:relative}table{border-collapse:collapse;inline-size:100%;background:var(--surface)}caption{text-align:start;font-weight:600;padding-block:var(--s2)}th,td{padding-block:var(--s2);padding-inline:var(--s3);border-block-end:1px solid var(--line);text-align:start;vertical-align:middle}th[scope=col]{background:#eef1f1;font-size:.85rem;position:sticky;inset-block-start:0}th.num,td.num{text-align:end}th[scope=row]{font-weight:600}tfoot th,tfoot td{border-block-start:2px solid var(--ink);font-weight:700}.row-actions{display:flex;gap:var(--s2);flex-wrap:wrap}.lines input{inline-size:7.5rem;padding-inline:var(--s2)}.lines input.num{text-align:end}details{margin-block:var(--s2)}summary{cursor:pointer;font-weight:600;padding-block:var(--s1)}.modal{border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4);inline-size:min(34rem,94vw)}.modal::backdrop{background:#141e2280}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s3);margin-block-start:var(--s4)}.auth-page{min-block-size:100vh;display:grid;place-content:center;padding:var(--s4);gap:var(--s3)}.auth-lang{justify-self:end}.auth-card{inline-size:min(26rem,94vw)}.auth-card h1{margin-block-end:var(--s2)}.dropzone{border:2px dashed #8a9599;border-radius:var(--radius);padding:var(--s5);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s2);background:var(--bg)}.dropzone p{margin:0;font-weight:600}.dropzone.is-over{border-color:var(--accent);background:var(--accent-soft)}.tabs{display:flex;gap:var(--s1);border-block-end:2px solid var(--line)}.tab{font:inherit;cursor:pointer;background:none;border:0;padding-block:var(--s2);padding-inline:var(--s4);border-block-end:3px solid transparent;margin-block-end:-2px}.tab.is-active{border-block-end-color:var(--accent);font-weight:700;color:var(--accent)}.review-grid>*,.detail-split>*{min-inline-size:0}.review-grid{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:var(--s4);align-items:start}.review-list{position:sticky;inset-block-start:var(--s2);max-block-size:calc(100vh - 2rem);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s3)}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-block-end:var(--s3)}.filters>*{min-inline-size:0}.filters>:nth-child(-n+2){grid-column:1 / -1}.filters .field{margin:0}.filters .field input,.filters .field select{inline-size:100%;min-inline-size:0}.site-group h2{font-size:.95rem;margin-block:var(--s3) var(--s2);padding-block-end:var(--s1);border-block-end:1px solid var(--line)}.bill-row-wrap{position:relative}.bill-row{font:inherit;text-align:start;inline-size:100%;display:grid;grid-template-columns:1fr auto;gap:2px var(--s3);padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;margin-block-end:var(--s1)}.bill-row:hover{border-color:var(--accent)}.bill-row.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 4px 0 0 var(--accent)}[dir=rtl] .bill-row.is-selected{box-shadow:inset -4px 0 0 var(--accent)}.bill-ref{font-weight:700}.bill-period{text-align:end;color:var(--muted)}.bill-row .num{text-align:start;font-size:.9rem}.bill-amount{font-weight:600}.tip{display:none;position:absolute;inset-inline:var(--s2);inset-block-start:calc(100% - 4px);z-index:20;background:#20292d;color:#fff;padding:var(--s3);border-radius:var(--radius);font-size:.85rem;box-shadow:0 6px 18px #00000040}.tip ul{margin:var(--s1) 0 0;padding-inline-start:var(--s4)}.bill-row-wrap:hover .tip,.bill-row-wrap:focus-within .tip{display:block}.detail-head{display:flex;align-items:center;gap:var(--s3)}.detail-head h2{margin:0}.checks{list-style:none;padding:0;margin-block:var(--s2);display:grid;gap:var(--s1)}.check-bad{color:var(--bad)}.check-warn{color:var(--warn)}.check-good{color:var(--good);font-weight:600}.detail-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s4);align-items:start}.viewer{position:sticky;inset-block-start:var(--s2);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s2)}.viewer-bar{display:flex;gap:var(--s1);flex-wrap:wrap;margin-block-end:var(--s2)}.viewer-stage{overflow:hidden;block-size:75vh;min-block-size:20rem;background:#2b3235;border-radius:var(--radius);display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);place-items:center;cursor:grab;touch-action:none}.viewer-stage:active{cursor:grabbing}.viewer-stage img{inline-size:100%;block-size:100%;object-fit:contain;-webkit-user-select:none;user-select:none;transform-origin:center}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:0 var(--s3)}.bill-form form{margin-block-end:var(--s4)}.accept{border-block-start:1px solid var(--line);padding-block-start:var(--s3);display:grid;gap:var(--s2);justify-items:start}.accept h3{margin:0}.panel .card{margin-block-end:var(--s3)}.filters-row{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:flex-start}.filters-row fieldset{flex:1 1 24rem}@media (max-width: 1100px){.review-grid,.detail-split{grid-template-columns:minmax(0,1fr)}.review-list,.viewer{position:static;max-block-size:none}.viewer-stage{block-size:50vh}}@media (max-width: 760px){.topbar,.page{padding-inline:var(--s3)}}.help{display:inline-block;vertical-align:middle;margin-inline-start:var(--s1);position:relative;font-weight:400;text-transform:none}.help-btn{font:inherit;font-size:.8rem;font-weight:700;line-height:1;cursor:help;inline-size:26px;block-size:26px;min-inline-size:24px;min-block-size:24px;padding:0;border-radius:50%;border:1.5px solid var(--accent);background:var(--surface);color:var(--accent);display:inline-grid;place-items:center}.help-btn:hover,.help-btn[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.help-pop{position:fixed;z-index:300;inline-size:min(21rem,calc(100vw - 16px));padding-block:6px;text-align:start;font-size:.875rem;font-weight:400;line-height:1.45;white-space:normal}.help-body{display:block;background:#20292d;color:#fff;padding:var(--s3);border-radius:var(--radius);box-shadow:0 6px 18px #0000004d}.label-row{display:flex;align-items:center;gap:var(--s1);flex-wrap:wrap}.label-row .help{margin-inline-start:0}.page-intro{margin-block:0 var(--s4);font-size:1.05rem;color:var(--ink);max-inline-size:60rem}.auth-card .page-intro{font-size:1rem;color:var(--muted)}.tab-hint{margin-block:0 var(--s3)}h2 .help,h3 .help{font-size:.9rem}th .help{margin-inline-start:var(--s1)}.link-btn{font:inherit;background:none;border:0;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer}.steps-card{background:var(--accent-soft);border-color:#b5d6db}.steps-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap}.steps-head h2{margin:0}.steps{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s3)}.steps li{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.steps li.is-current{border:2px solid var(--accent);padding:calc(var(--s3) - 1px)}.step-no{flex:none;inline-size:1.8rem;block-size:1.8rem;border-radius:50%;display:grid;place-items:center;background:var(--muted);color:#fff;font-weight:700}.is-current .step-no{background:var(--accent)}.step-now{color:var(--accent);white-space:nowrap}.steps-show{margin-block:0 var(--s3)}.legend summary{font-weight:700}.legend-list{display:grid;gap:var(--s2);margin-block-start:var(--s2)}.legend-list li{display:grid;grid-template-columns:8rem 1fr;gap:var(--s3);align-items:start}.reason{margin-block:var(--s2) 0;color:var(--ink);font-weight:600}.know{margin-block:var(--s3)}.know ul{margin-block:var(--s2);padding-inline-start:var(--s5)}.lang-picker{display:inline-flex;align-items:center;gap:var(--s2)}.lang-label{font-weight:600;font-size:.9rem}.auth-access{margin-block-start:var(--s4);padding-block-start:var(--s3);border-block-start:1px solid var(--line)}.auth-access h2{font-size:1rem;margin-block-end:var(--s1)}.auth-access p{margin:0}@media (max-width: 760px){.steps{grid-template-columns:1fr}.legend-list li{grid-template-columns:1fr;gap:var(--s1)}.tabs{overflow-x:auto;max-inline-size:100%}.tab{white-space:nowrap;padding-inline:var(--s3)}.kv{grid-template-columns:1fr;gap:0}.kv dd{margin-block-end:var(--s2);overflow-wrap:anywhere}.topbar-end{flex-wrap:wrap}}