:root{--green:#2e7d32;--green-d:#1b5e20;--straw:#fdf6e3;--soil:#795548;--wheat:#e9c46a}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--straw);background-image:radial-gradient(circle at 10% 10%,rgba(233,196,106,.25),transparent 40%),repeating-linear-gradient(135deg,rgba(121,85,72,.03) 0 12px,transparent 12px 24px);font-size:18px;color:#3e2723;min-height:100vh}
.card{background:#fff;border-radius:20px;box-shadow:0 4px 18px rgba(62,39,35,.08);border:1px solid #efe3c4;padding:18px;animation:rise .4s ease both}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.btn{min-height:56px;border-radius:16px;padding:0 20px;font-weight:700;transition:transform .1s,filter .2s}
.btn:active{transform:scale(.97)}
.btn:disabled{opacity:.4;cursor:not-allowed}
.btn-g{background:var(--green);color:#fff}.btn-g:hover{filter:brightness(1.1)}
.btn-s{background:var(--soil);color:#fff}
.btn-o{background:#fff;border:2px solid var(--green);color:var(--green)}
.inp{min-height:52px;border:2px solid #e6d8b5;border-radius:14px;padding:0 12px;width:100%;background:#fffdf7;font-size:18px}
.inp:focus{outline:none;border-color:var(--green)}
.lbl{font-weight:700;margin-bottom:6px;display:block;color:var(--soil)}
.h2{font-size:28px;font-weight:900;color:var(--green-d)}
.bar{height:16px;border-radius:99px;background:#efe6cf;overflow:hidden}
.bar>div{height:100%;border-radius:99px;transition:width .6s}
.sheep{animation:bob 1.6s ease-in-out infinite;display:inline-block}
@keyframes bob{50%{transform:translateY(-6px) rotate(-4deg)}}
table td,table th{padding:8px 6px;border-bottom:1px solid #f0e6cc}
#print-area{display:none}
@media print{
  body{background:#fff}
  .no-print{display:none!important}
  #print-area{display:block!important;font-size:14px}
}