:root{--bg:#0b0b0d;--panel:#141418;--panel2:#1b1b21;--line:#2a2a33;--text:#f2efe6;--mut:#9a9aa6;--gold:#d4af37;--gold2:#f0d77a;--ok:#3ec28f;--warn:#f5a524;--bad:#ef5b5b;--r:14px;--onacc:#161205;--glow:#1d1a10;--hdr:#0e0e11cc;--hover:#ffffff08;--chipon:#2a2410;--pb:#0b0b0d;--pa:#d4af37;--pa2:#f0d77a;--logo:none}
*{box-sizing:border-box}html,body{margin:0}
body{background:radial-gradient(1200px 600px at 80% -10%,var(--glow) 0,transparent 60%),var(--bg);color:var(--text);font-family:"Segoe UI",Tahoma,"Noto Naskh Arabic",Arial,sans-serif;font-size:15px;min-height:100vh}
a{color:var(--gold)}
h1,h2,h3{margin:0 0 12px;font-weight:700}h2{font-size:20px;color:var(--gold2)}h3{font-size:16px}
button,input,select,textarea{font:inherit;color:inherit}
input,select,textarea{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--gold)}
label{display:block;font-size:13px;color:var(--mut);margin:0 0 5px}
.btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--onacc);border:0;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer}
.btn:disabled{opacity:.5;cursor:wait}.btn.ghost{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn.dark{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--bad);color:#fff}.btn.sm{padding:6px 12px;font-size:13px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:16px}
.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr 1fr}.hide-m{display:none}}@media(max-width:480px){.g2,.g3,.g4{grid-template-columns:1fr}}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sp{flex:1}
header.top{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--hdr);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}
header.top img{height:38px}header.top b{color:var(--gold2)}
nav.tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 16px;border-bottom:1px solid var(--line)}
nav.tabs button{background:transparent;border:1px solid transparent;color:var(--mut);padding:8px 14px;border-radius:999px;cursor:pointer;white-space:nowrap}
nav.tabs button.on{color:var(--onacc);background:var(--gold);font-weight:700}
main{max-width:1100px;margin:0 auto;padding:16px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px}.stat small{color:var(--mut);display:block;margin-bottom:6px}.stat b{font-size:24px;color:var(--gold2)}
table{width:100%;border-collapse:collapse}th,td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:start;vertical-align:middle}th{color:var(--mut);font-size:13px;font-weight:600;white-space:nowrap}
tr.click{cursor:pointer}tr.click:hover{background:var(--hover)}.tw{overflow-x:auto}
.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid}.b-ok{color:var(--ok);border-color:var(--ok)}.b-warn{color:var(--warn);border-color:var(--warn)}.b-bad{color:var(--bad);border-color:var(--bad)}.b-mut{color:var(--mut);border-color:var(--line)}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:7px 16px;cursor:pointer}.chip.on{border-color:var(--gold);color:var(--gold2);background:var(--chipon)}
.mut{color:var(--mut)}.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}.num{font-variant-numeric:tabular-nums}
.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal>div{background:var(--panel);border:1px solid var(--gold);border-radius:var(--r);padding:20px;max-width:440px;width:100%;max-height:92vh;overflow:auto}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--panel2);border:1px solid var(--gold);padding:10px 20px;border-radius:999px;z-index:60}.toast.err{border-color:var(--bad);color:var(--bad)}
.login{max-width:380px;margin:12vh auto;padding:0 16px;text-align:center}.login img{width:120px;margin-bottom:10px}
.found{border:1px solid var(--line);border-radius:10px;margin-top:6px;max-height:200px;overflow:auto}.found div{padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--line)}.found div:hover{background:var(--hover)}
.bar{height:10px;border-radius:99px;background:var(--panel2);overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}
/* receipt */
#receipt{display:none}
.rc{background:#fff;color:#111;width:100%;max-width:420px;margin:auto;padding:22px;border:3px double #b8912a;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.rc .h{text-align:center;border-bottom:2px solid #111;padding-bottom:10px;margin-bottom:12px}.rc .h img{height:64px}.rc .h b{display:block;font-size:18px}
.rc .no{display:flex;justify-content:space-between;font-weight:700}.rc dl{margin:10px 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.rc dt{color:#555}.rc dd{margin:0;font-weight:600}
.rc .amt{text-align:center;border:2px solid #111;padding:10px;margin:12px 0;font-size:22px;font-weight:800;background:#faf3d9}.rc .ft{text-align:center;font-size:12px;color:#444;border-top:1px dashed #888;padding-top:8px}.rc .sg{display:flex;justify-content:space-between;margin-top:26px;font-size:13px}
@media print{body{background:#fff}body>*:not(#receipt){display:none!important}#receipt{display:block!important}.rc{border-color:#b8912a;max-width:none;box-shadow:none}}
.rep-print{display:none}@media print{.rep-print.on{display:block!important;color:#000;background:#fff}}
td.ltr,th.ltr{display:table-cell;direction:ltr;text-align:start}
.tw table{min-width:520px}
.hint{font-size:12px;color:var(--mut);margin-top:6px}

/* ---- printed reports (A4) / receipts (A5) — light, ink-friendly ---- */
@page a5{size:A5;margin:10mm}@page a4{size:A4;margin:9mm}
@media print{#receipt.a5{page:a5}#receipt.a4{page:a4}}
#receipt.a4 *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp{--pd:color-mix(in srgb,var(--pa) 72%,#000);--tint:color-mix(in srgb,var(--pa) 13%,#fff);--tint2:color-mix(in srgb,var(--pa) 6%,#fff);--ink:#17140d;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink)}
.rp .pg{page-break-after:always;break-after:page;position:relative}
.rp .pg:last-child{page-break-after:auto;break-after:auto}
/* cover */
.rp .cover{background:#fff;color:var(--ink);height:262mm;box-sizing:border-box;overflow:hidden;border:2px solid var(--pd);position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}
.rp .cover:before{content:"";position:absolute;inset:3mm;border:1px solid var(--pd);pointer-events:none}
.rp .cover .top{width:100%;background:var(--pd);height:62mm;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.rp .cover .top img{width:30mm;height:30mm;object-fit:contain;padding:4mm;border-radius:50%;background:#fff;margin-bottom:4mm}
.rp .cover .k{letter-spacing:.36em;font-size:11.5px;color:#fff}
.rp .cover .body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:0 16mm 10mm}
.rp .cover h1{font-size:50px;margin:0;color:var(--ink);font-weight:800;letter-spacing:.02em}
.rp .cover .ln{display:flex;align-items:center;gap:3mm;width:80mm;margin:6mm auto 5mm}.rp .cover .ln:before,.rp .cover .ln:after{content:"";flex:1;height:2px;background:var(--pd)}.rp .cover .ln i{width:8px;height:8px;background:var(--pd);transform:rotate(45deg)}
.rp .cover .sub{font-size:22px;color:var(--pd);font-weight:700;margin-bottom:1mm}
.rp .cover .mo{font-size:17px;color:#444;margin-bottom:10mm;letter-spacing:.12em}
.rp .cover .st{display:flex;gap:4mm;justify-content:center;flex-wrap:wrap}.rp .cover .st div{border:1.5px solid var(--pd);background:var(--tint);border-radius:2mm;padding:7px 14px;min-width:40mm}.rp .cover .st small{display:block;color:#555;font-size:10.5px;margin-bottom:2px}.rp .cover .st b{font-size:17px;color:var(--ink)}
.rp .cover table{border-collapse:collapse;margin:8mm auto 0;min-width:140mm;font-size:13px}.rp .cover th{background:var(--tint);color:var(--pd);font-weight:700;font-size:11.5px;border-bottom:2px solid var(--pd)}.rp .cover th,.rp .cover td{padding:7px 12px;text-align:center}.rp .cover td{border-bottom:1px solid #d9d9d9}
/* captain page */
.rp .band{display:flex;align-items:center;gap:6mm;padding:0 0 4mm;margin-bottom:6mm;border-bottom:3px solid var(--pd)}.rp .band img{height:15mm}.rp .band .t{flex:1}.rp .band h2{margin:0;color:var(--ink);font-size:21px}.rp .band span{font-size:12.5px;color:#444}
.rp .info{display:grid;grid-template-columns:repeat(4,1fr);gap:4mm;margin-bottom:5mm}.rp .info div{border:1px solid var(--pd);border-radius:2mm;padding:6px 10px;background:var(--tint2)}.rp .info small{display:block;color:#555;font-size:11px}.rp .info b{font-size:15px}
.rp .sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(60mm,1fr));gap:4mm;margin-bottom:6mm}.rp .sum .c{border:1.5px solid var(--pd);border-radius:2mm;overflow:hidden}.rp .sum .c h4{margin:0;background:var(--tint);color:var(--pd);padding:5px 10px;font-size:13px;border-bottom:1.5px solid var(--pd)}.rp .sum .c dl{margin:0;padding:6px 10px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:13px}.rp .sum .c dd{margin:0;font-weight:700}.rp .sum .c .hl{color:var(--pd);font-size:15px;font-weight:800}
.rp h3{font-size:14px;margin:0 0 4px;border-inline-start:4px solid var(--pd);padding-inline-start:8px}
.rp table.d{width:100%;border-collapse:collapse;font-size:11.5px}.rp table.d th{background:var(--tint);color:var(--ink);padding:6px 5px;font-weight:700;white-space:nowrap;border-top:1.5px solid var(--pd);border-bottom:2px solid var(--pd)}.rp table.d td{padding:5px;border-bottom:1px solid #d6d6d6;text-align:center}.rp table.d tr:nth-child(even) td{background:var(--tint2)}.rp table.d tr{break-inside:avoid}.rp table.d thead{display:table-header-group}.rp table.d tfoot{display:table-row-group}
.rp table.d td.n{text-align:start}.rp table.d tfoot td{background:var(--tint);font-weight:800;border-top:2px solid var(--pd);border-bottom:2px solid var(--pd)}
.rp .sg{display:flex;justify-content:space-around;margin-top:16mm;font-size:12px}.rp .sg div{border-top:1px solid #333;padding-top:4px;min-width:42mm;text-align:center}
.rp .ft{text-align:center;font-size:10px;color:#777;margin-top:10mm}
.rp .ltr{direction:ltr;unicode-bidi:embed}
/* ---- themes (html[data-theme]) ---- */
html[data-theme="sapphire"]{--bg:#070b14;--panel:#0f1626;--panel2:#162036;--line:#25324f;--text:#eaf0ff;--mut:#8e9bbd;--gold:#4f8cff;--gold2:#9cc0ff;--onacc:#06101f;--glow:#162036;--hdr:#070b14e6;--hover:#ffffff0a;--chipon:#10203d;--pb:#070b14;--pa:#4f8cff;--pa2:#9cc0ff;color-scheme:dark}

html[data-theme="emerald"]{--bg:#06100c;--panel:#0d1a14;--panel2:#13261d;--line:#1f3a2c;--text:#e8f5ee;--mut:#8fb0a0;--gold:#2fbf8a;--gold2:#7be3bb;--onacc:#04120c;--glow:#13261d;--hdr:#06100ce6;--hover:#ffffff0a;--chipon:#0f2b1f;--pb:#06100c;--pa:#2fbf8a;--pa2:#7be3bb;color-scheme:dark}

html[data-theme="burgundy"]{--bg:#12070a;--panel:#1d0d12;--panel2:#2a1219;--line:#43202b;--text:#f7e9ec;--mut:#b898a0;--gold:#d44a64;--gold2:#f08ca0;--onacc:#1b050a;--glow:#2a1219;--hdr:#12070ae6;--hover:#ffffff0a;--chipon:#3a121c;--pb:#12070a;--pa:#d44a64;--pa2:#f08ca0;color-scheme:dark}

html[data-theme="amethyst"]{--bg:#0d0814;--panel:#170f22;--panel2:#20152f;--line:#382652;--text:#f1eaf9;--mut:#a998c0;--gold:#a96bff;--gold2:#d2b0ff;--onacc:#12061f;--glow:#20152f;--hdr:#0d0814e6;--hover:#ffffff0a;--chipon:#2a1745;--pb:#0d0814;--pa:#a96bff;--pa2:#d2b0ff;color-scheme:dark}

html[data-theme="graphite"]{--bg:#101113;--panel:#1a1c1f;--panel2:#23262a;--line:#33373d;--text:#eceef1;--mut:#98a0ab;--gold:#c9ced6;--gold2:#eef1f5;--onacc:#141517;--glow:#23262a;--hdr:#101113e6;--hover:#ffffff0a;--chipon:#2b2e33;--pb:#101113;--pa:#c9ced6;--pa2:#eef1f5;color-scheme:dark}

html[data-theme="orange-charcoal"]{--bg:#1c1e22;--panel:#25282d;--panel2:#2e3238;--line:#3d424a;--text:#f3f3f1;--mut:#a3a7ae;--gold:#ff7a1a;--gold2:#ffb067;--onacc:#161102;--glow:#2e3238;--hdr:#1c1e22e6;--hover:#ffffff0a;--chipon:#3a2410;--pb:#1c1e22;--pa:#ff7a1a;--pa2:#ffb067;color-scheme:dark}

html[data-theme="orange-espresso"]{--bg:#1a110c;--panel:#251912;--panel2:#30221a;--line:#4a3527;--text:#f8eee6;--mut:#bba08e;--gold:#ff8a2a;--gold2:#ffc38a;--onacc:#1a0d02;--glow:#30221a;--hdr:#1a110ce6;--hover:#ffffff0a;--chipon:#4a2a12;--pb:#1a110c;--pa:#ff8a2a;--pa2:#ffc38a;color-scheme:dark}

html[data-theme="gold-light"]{--bg:#f6f2e7;--panel:#ffffff;--panel2:#f4efe0;--line:#e3d9b8;--text:#1d1a10;--mut:#6f6850;--gold:#b8912a;--gold2:#8a6d12;--onacc:#ffffff;--glow:#ffffff00;--hdr:#ffffffe6;--hover:#00000008;--chipon:#efe3b8;--pb:#1d1a10;--pa:#b8912a;--pa2:#b8912a;color-scheme:light}

html[data-theme="orange-header"]{--bg:#f5f6f8;--panel:#ffffff;--panel2:#f1f2f5;--line:#e1e4ea;--text:#1d2026;--mut:#69707d;--gold:#e8590c;--gold2:#ff8a3d;--onacc:#ffffff;--glow:#ffffff00;--hdr:#e8590c;--hover:#00000008;--chipon:#ffe3d0;--pb:#1d2026;--pa:#e8590c;--pa2:#e8590c;color-scheme:light}
html[data-theme="orange-header"] header.top,html[data-theme="orange-header"] header.top b{color:#fff}html[data-theme="orange-header"] header.top .mut{color:#ffe3d0}html[data-theme="orange-header"] header.top img{filter:brightness(0) invert(1)}html[data-theme="orange-header"] header.top .btn.dark{background:#ffffff26;border-color:#ffffff55;color:#fff}
html[data-theme="orange-minimal"]{--bg:#ffffff;--panel:#ffffff;--panel2:#faf7f4;--line:#eee5dc;--text:#222222;--mut:#7c726a;--gold:#f26a1b;--gold2:#c2410c;--onacc:#ffffff;--glow:#ffffff00;--hdr:#ffffffe6;--hover:#00000008;--chipon:#ffe9d9;--pb:#222222;--pa:#f26a1b;--pa2:#f26a1b;color-scheme:light}

html[data-theme] h2{color:var(--gold2)}html[data-theme="gold-light"] h2,html[data-theme="orange-minimal"] h2,html[data-theme="orange-header"] h2{color:var(--gold)}
html[data-theme="gold-light"] .stat b,html[data-theme="orange-minimal"] .stat b,html[data-theme="orange-header"] .stat b{color:var(--gold)}html[data-theme="gold-light"] .chip.on,html[data-theme="orange-minimal"] .chip.on,html[data-theme="orange-header"] .chip.on{color:var(--gold)}
.modal{background:#000a}#thbtn{position:fixed;bottom:16px;left:16px;z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:var(--panel);color:var(--gold);font-size:20px;cursor:pointer;box-shadow:0 4px 14px #0006}
.thgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.thit{border:2px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;background:var(--panel2);text-align:center;font-size:13px}.thit.on{border-color:var(--gold)}.thit i{display:flex;height:34px;border-radius:8px;overflow:hidden;margin-bottom:6px;border:1px solid #8884}.thit i b{flex:1}
@media print{#thbtn{display:none!important}}
main{padding-bottom:80px}
#lgbtn{position:fixed;bottom:16px;left:68px;z-index:40;width:44px;height:44px;border-radius:50%;border:1px solid var(--gold);background:var(--panel);color:var(--gold);font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #0006}@media print{#lgbtn{display:none!important}}
html[dir=ltr] .rp .band .t{text-align:left}