/* حسابات الرواد — sibling of عمليات الرواد: same header/tab/table language, navy + gold ledger palette */
:root{
  --bg:#f3f6f2; --bg-2:#e6ede7; --card:#ffffff; --card-2:#f5f8f5;
  --border:#c5d6cc; --ink:#13231d; --muted:#5f7569;
  --accent:#0e6b50; --accent-deep:#0a3d2f; --accent-soft:#dcefe6;
  --gold:#b9873f; --gold-bright:#d4a45f; --gold-soft:#f0e3c6;
  --ok:#1f6e4f; --ok-bg:#e3f1e8; --warn:#a15a1c; --warn-bg:#f8ead6;
  --danger:#b4493a; --danger-bg:#faeae4; --info:#2b6f63; --info-bg:#dcefe9;
  --radius:16px; --radius-sm:10px;
  --font-display:"Kufi","Segoe UI",Tahoma,sans-serif;
  --font-body:"Kufi","Segoe UI",Tahoma,sans-serif;
  --shadow-card:0 1px 2px rgba(15,40,30,.06),0 10px 24px -14px rgba(15,40,30,.28);
  --shadow-lift:0 2px 4px rgba(15,40,30,.08),0 18px 34px -16px rgba(15,40,30,.32);
  --head-ink:#f3f6fa; --head-sub:#cfe6db; --cell-ink:#0b1520; --btn:#0e6b50; --thead:#0e6b50;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0b1411; --bg-2:#101c18; --card:#14201c; --card-2:#1a2a24; --border:#2b3f37; --ink:#e7edf3; --muted:#98a9ba;
  --accent:#7fd1ae; --accent-deep:#0d3f31; --accent-soft:#15302a; --gold:#d4ac6c; --gold-bright:#e6c284; --gold-soft:#3a2f1c;
  --ok:#7fceac; --ok-bg:#173226; --warn:#e0a862; --warn-bg:#3a2712; --danger:#eaab9e; --danger-bg:#4a2a22; --info:#86cdb4; --info-bg:#16302a;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 14px 30px -14px rgba(0,0,0,.6); --shadow-lift:0 2px 6px rgba(0,0,0,.5),0 20px 40px -18px rgba(0,0,0,.7);
  --head-ink:#eef3f8; --head-sub:#a9d6c2; --cell-ink:#f2f5f8; --btn:#177a5c; --thead:#0d3f31; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0b1411; --bg-2:#101c18; --card:#14201c; --card-2:#1a2a24; --border:#2b3f37; --ink:#e7edf3; --muted:#98a9ba;
  --accent:#7fd1ae; --accent-deep:#0d3f31; --accent-soft:#15302a; --gold:#d4ac6c; --gold-bright:#e6c284; --gold-soft:#3a2f1c;
  --ok:#7fceac; --ok-bg:#173226; --warn:#e0a862; --warn-bg:#3a2712; --danger:#eaab9e; --danger-bg:#4a2a22; --info:#86cdb4; --info-bg:#16302a;
  --shadow-card:0 1px 2px rgba(0,0,0,.4),0 14px 30px -14px rgba(0,0,0,.6); --shadow-lift:0 2px 6px rgba(0,0,0,.5),0 20px 40px -18px rgba(0,0,0,.7);
  --head-ink:#eef3f8; --head-sub:#a9d6c2; --cell-ink:#f2f5f8; --btn:#177a5c; --thead:#0d3f31; color-scheme:dark}
*{box-sizing:border-box}
::selection{background:var(--gold-soft)}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px;border-radius:4px}
html{direction:rtl}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15.5px;line-height:1.65;min-height:100vh;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,button,nav,th{font-family:var(--font-display)}
#watermark{position:fixed;inset:0;z-index:0;pointer-events:none;display:flex;align-items:center;justify-content:center}
#watermark img{width:min(55vw,55vh);opacity:.05}
header,main{position:relative;z-index:1}
header{background:linear-gradient(160deg,#0e6b50 0%,#0a3d2f 100%);color:var(--head-ink);padding:16px 24px 0;border-bottom:2px solid var(--gold);box-shadow:var(--shadow-lift);position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:stretch;justify-content:space-between;gap:20px}
.header-main{flex:1;min-width:0}
header h1{margin:0 0 2px;font-size:1.4rem;font-weight:800}
header .sub{margin:0 0 12px;color:var(--head-sub);font-size:.82rem}
.brand-logo{height:108px;margin:-4px 0;width:auto;align-self:center;flex-shrink:0}
nav{display:flex;gap:4px;flex-wrap:wrap}
.tab-btn{background:transparent;color:#e3ecf5;border:0;border-radius:10px 10px 0 0;padding:10px 12px;font-weight:700;font-size:.9rem;cursor:pointer;display:inline-flex;gap:7px;align-items:center}
.tab-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.tab-btn:hover{color:#fff}
.tab-btn.active{background:var(--bg);color:var(--accent)}
main{max-width:min(1900px,98vw);margin:0 auto;padding:22px 16px 60px;padding-inline:clamp(16px,2vw,24px)}
.page-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}
.page-head h2{margin:0;font-size:1.5rem;font-weight:800;color:var(--accent)}
.page-head p{margin:4px 0 0;color:var(--muted);font-size:.95rem}