:root{--g:#1b5e20;--g2:#2e7d32;--g3:#e8f5e9;--y:#f9a825;--r:#c62828;--cream:#fbf7ec;--ink:#1d2a1f}
*{box-sizing:border-box}
body{margin:0;font-family:'Vazirmatn',sans-serif;color:var(--ink);font-size:17px;
background:var(--cream);
background-image:radial-gradient(circle at 10% 0%,rgba(249,168,37,.13),transparent 40%),radial-gradient(circle at 100% 100%,rgba(27,94,32,.12),transparent 45%),
repeating-linear-gradient(45deg,rgba(27,94,32,.025) 0 2px,transparent 2px 14px);min-height:100vh}
.disp{font-family:'Lalezar','Vazirmatn',sans-serif;letter-spacing:0}
.card{background:#fff;border-radius:20px;box-shadow:0 2px 0 rgba(27,94,32,.08),0 10px 30px -12px rgba(27,94,32,.25);border:1px solid rgba(27,94,32,.08)}
.btn{border-radius:14px;padding:.7rem 1.2rem;font-weight:700;transition:transform .12s,box-shadow .12s;cursor:pointer}
.btn:active{transform:scale(.97)}
.btn-g{background:var(--g);color:#fff;box-shadow:0 4px 0 #0d3b10}
.btn-g:hover{background:var(--g2)}
.btn-y{background:var(--y);color:#3a2800;box-shadow:0 4px 0 #b37400}
.btn-o{background:#fff;color:var(--g);border:2px solid var(--g)}
.btn-r{background:var(--r);color:#fff;box-shadow:0 4px 0 #7f1414}
.inp{width:100%;border:2px solid #d7e4d3;border-radius:12px;padding:.55rem .75rem;background:#fcfffb;font-size:16px;font-family:inherit}
.inp:focus{outline:none;border-color:var(--g)}
label.lb{font-size:14px;font-weight:700;color:#3d5a40;display:block;margin-bottom:4px}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.stag>*{animation:fade .5s ease both}
.stag>*:nth-child(2){animation-delay:.08s}.stag>*:nth-child(3){animation-delay:.16s}.stag>*:nth-child(4){animation-delay:.24s}
.chick{display:inline-block;animation:peck .6s infinite alternate}
@keyframes peck{to{transform:rotate(-20deg) translateY(4px)}}
input[type=range]{accent-color:var(--g);width:100%}
table{border-collapse:collapse;width:100%}
th,td{padding:6px 8px;border-bottom:1px solid #edf2ea;text-align:right;font-size:14px}
th{background:var(--g3);color:var(--g);font-weight:900}
.navbtn{display:flex;align-items:center;gap:8px;padding:.6rem .9rem;border-radius:12px;font-weight:700;width:100%;text-align:right}
.navbtn.on{background:var(--g);color:#fff}
.navbtn:not(.on):hover{background:var(--g3)}
.print-only{display:none}
@media print{
  body *{visibility:hidden}
  .print-area,.print-area *{visibility:visible}
  .print-area{position:absolute;inset:0;padding:20px;background:#fff}
  .no-print{display:none!important}
}
.label-box{border:3px double var(--g);border-radius:12px;padding:14px;max-width:420px}
::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#b9cfb4;border-radius:8px}