:root{--bg:#FFFBF3;--teal:#0F766E;--teal2:#134E4A;--leaf:#65A30D;--red:#E11D48;--amber:#D97706}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--bg);background-image:radial-gradient(circle at 10% 0%,#d1fae533 0,transparent 40%),radial-gradient(circle at 90% 100%,#fde68a33 0,transparent 40%);color:#1c1917}
.card{background:#fff;border:1px solid #e7e5e4;border-radius:1rem;box-shadow:0 2px 10px #0f766e0d}
.inp{border:1px solid #d6d3d1;border-radius:.6rem;padding:.4rem .6rem;width:100%;background:#fffdf8;font-size:.9rem}
.inp:focus{outline:2px solid #0f766e55;border-color:var(--teal)}
.lbl{font-size:.78rem;color:#57534e;font-weight:600;margin-bottom:.15rem;display:block}
.chk{display:flex;gap:.4rem;align-items:flex-start;padding:.3rem .5rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;border:1px solid transparent}
.chk:hover{background:#f0fdfa}
.chk.on{background:#ccfbf1;border-color:#5eead4}
.chk.key{font-weight:700}
.bar{height:.6rem;border-radius:1rem;background:linear-gradient(90deg,var(--teal),#2dd4bf)}
.fade{animation:fade .35s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.bob{animation:bob 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}
.pulse{animation:pulse 1.2s infinite}
.btn{padding:.45rem .9rem;border-radius:.7rem;font-weight:700;font-size:.85rem;transition:.15s}
.btn:active{transform:scale(.97)}
table.t td,table.t th{border:1px solid #e7e5e4;padding:.3rem .4rem;font-size:.8rem}
@media print{
 .noprint{display:none!important}
 body{background:#fff}
 .card{box-shadow:none;border:1px solid #999;break-inside:avoid}
 .printonly{display:block!important}
}
.printonly{display:none}