:root { --ink:#1f2933; --muted:#5b6b7f; --line:#cbd5e1; --navy:#1b3556; --teal:#1f7a8c; --bg:#f6f8fa; --bad:#b42318; --ok:#067647; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, "Segoe UI", Tahoma, "Noto Naskh Arabic", sans-serif; color:var(--ink); background:var(--bg); line-height:1.7; }
header { background:var(--navy); color:#fff; padding:14px 16px; display:flex; justify-content:space-between; align-items:center; gap:12px; }
header h1 { font-size:17px; margin:0; }
header small { opacity:.8; display:block; font-size:12px; }
main { max-width:560px; margin:0 auto; padding:16px; }
section { background:#fff; border:1px solid var(--line); border-radius:10px; padding:14px; margin-bottom:14px; }
h2 { font-size:15px; margin:0 0 10px; color:var(--navy); }
label { display:block; font-size:13px; color:var(--muted); margin:8px 0 3px; }
input, select, textarea { width:100%; font:inherit; padding:10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); }
input:focus, select:focus, textarea:focus, button:focus-visible { outline:2px solid var(--teal); outline-offset:1px; }
button { font:inherit; font-weight:600; background:var(--teal); color:#fff; border:0; border-radius:8px; padding:10px 16px; margin-top:12px; cursor:pointer; }
button.ghost { background:transparent; color:#fff; border:1px solid rgba(255,255,255,.5); margin:0; padding:6px 12px; }
button.line { background:#fff; color:var(--navy); border:1px solid var(--line); }
#msg { min-height:24px; font-size:14px; margin:0 0 10px; }
#msg.err { color:var(--bad); } #msg.ok { color:var(--ok); }
table { width:100%; border-collapse:collapse; font-size:14px; margin-top:8px; }
th, td { text-align:right; padding:8px 6px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
.row { display:flex; gap:8px; } .row > * { flex:1; min-width:0; }
input[type=date] { min-width:0; -webkit-appearance:none; appearance:none; height:44px; text-align:right; }
button.mini { margin:0 0 0 4px; padding:4px 10px; font-size:13px; background:#fff; color:var(--navy); border:1px solid var(--line); }
.off td { color:var(--muted); }
[hidden] { display:none !important; }
.mt { margin-top:18px; }
.center { text-align:center; }