:root{
  --green:#0f6848;
  --bg:#eef5f1;
  --card:#ffffff;
  --text:#0a1d16;
  --muted:#6a7b74;
  --border:#e5ece9;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, "Segoe UI", Tahoma, Arial;
  background: var(--bg);
  color:var(--text);
  text-align:right;
}

.hdr{
  background:var(--green);
  color:#fff;
  padding:16px 12px;
  text-align:center;
  position:sticky; top:0; z-index:5;
  box-shadow:0 2px 10px #0002;
}
.hdr h1{margin:0;font-size:22px;font-weight:800;letter-spacing:.2px}
.subdate{opacity:.95;font-size:14px;margin-top:4px}

.wrap{max-width:820px;margin:14px auto 40px;padding:0 12px}
.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  padding:12px;
  margin:10px 0;
}
h2{margin:0 0 10px 0; font-size:18px; font-weight:800}

.row{
  display:flex; align-items:center; gap:10px;
  padding:6px 0; border-bottom:1px dashed var(--border);
}
.row:last-child{border-bottom:none}
.lbl{color:var(--muted); min-width:160px}
.val{font-weight:800; font-size:20px; direction:ltr}
.unit{color:#555}
.total .lbl{font-weight:800; color:#0a1d16}

.amount{
  flex:0 0 160px; padding:10px 12px; border:1px solid var(--border);
  border-radius:10px; direction:ltr; font-weight:800;
}
.select{
  padding:10px 12px; border:1px solid var(--border); border-radius:10px;
}

.actions{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.btn{
  border:none; background:#fff; color:#111; padding:10px 14px; border-radius:10px; font-weight:700; cursor:pointer;
  border:1px solid var(--border);
}
.btn.ghost{background:#0000}

.list{list-style:none; margin:0; padding:0}
.item{
  display:grid; grid-template-columns: auto 140px 34px; gap:10px; align-items:center;
  padding:8px 0; border-bottom:1px dashed var(--border);
}
.item:last-child{border-bottom:none}
.name{font-weight:700}
.input{
  width:100%; padding:10px 12px; border:1px solid var(--border); border-radius:10px; direction:ltr; font-weight:800;
}
.input[disabled]{background:#f6f6f6; color:#666}
.ck input{width:18px; height:18px; vertical-align:-3px}

.hint{display:block; color:var(--muted); margin-top:6px}