:root{--g:#1f4d3a;--s:#e0a526;--snow:#f7f5ef;--r:#b3261e}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{margin:0;background:var(--snow);background-image:radial-gradient(circle at 90% 0%,#e6efe9 0,transparent 40%),linear-gradient(180deg,#f7f5ef,#efeadd);min-height:100vh;color:#1b2a22}
.mount{background:linear-gradient(160deg,var(--g),#143426);position:relative;overflow:hidden}
.mount:after{content:"";position:absolute;inset:auto 0 0 0;height:28px;background:linear-gradient(135deg,transparent 33%,#f7f5ef 33%,#f7f5ef 66%,transparent 66%) 0 0/28px 28px;opacity:.12;pointer-events:none}
.chip{transition:all .15s}
.chip:active{transform:scale(.95)}
.chip.on{background:var(--g);color:#fff;border-color:var(--g)}
.chip.bad{background:var(--r);color:#fff;border-color:var(--r)}
.step{width:44px;height:44px;border-radius:12px;background:var(--g);color:#fff;font-size:22px;font-weight:900}
.btn{border-radius:14px;padding:12px 6px;font-weight:800;font-size:14px}
.inp{width:100%;border:1px solid #d6d3d1;border-radius:12px;padding:10px 12px;background:#fff}
.inp:focus{outline:none;box-shadow:0 0 0 2px var(--s)}
.empty{text-align:center;padding:48px 12px;color:#78716c;background:#fff;border-radius:16px;border:1px dashed #d6d3d1}
.fade{animation:fd .35s ease both}
@keyframes fd{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.blink{animation:bl 1.6s ease-in-out infinite}
@keyframes bl{50%{opacity:.8}}
.ad{border:2px solid var(--s);background:linear-gradient(135deg,#fff8e6,#fff)}
.bar{background:linear-gradient(90deg,var(--s),var(--g))}
.printonly{display:none}
@media print{.noprint{display:none!important}body{background:#fff}.printonly{display:block;font-size:13px;line-height:1.9}main{display:block!important}}