:root{--cream:#FBF7EF;--green:#3F7D3A;--deep:#24451f;--hay:#E8B64C;--brick:#C0392B;--ink:#2b2a24}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--cream);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(232,182,76,.18),transparent 40%),radial-gradient(circle at 100% 100%,rgba(63,125,58,.12),transparent 45%);min-height:100vh}
.hdr{background:linear-gradient(135deg,var(--deep),var(--green));position:relative;overflow:hidden}
.hdr:after{content:"";position:absolute;inset:auto 0 0 0;height:22px;
background:repeating-linear-gradient(100deg,transparent 0 6px,rgba(232,182,76,.35) 6px 8px);opacity:.6}
.card{background:#fff;border-radius:18px;box-shadow:0 2px 0 rgba(36,69,31,.08),0 10px 30px -12px rgba(36,69,31,.25);border:1px solid #eee3cc}
.chip{transition:all .15s;border:2px solid #e6dcc5;background:#fffdf8}
.chip:hover{border-color:var(--hay)}
.chip.on{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-1px)}
.inp{width:100%;border:1.5px solid #e6dcc5;border-radius:12px;padding:.55rem .8rem;background:#fffdf8;outline:none}
.inp:focus{border-color:var(--green)}
.btn{border-radius:12px;padding:.55rem 1rem;font-weight:700;transition:transform .1s}
.btn:active{transform:scale(.96)}
.fade{animation:fade .4s ease both}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.moo{animation:moo 1.6s ease both}
@keyframes moo{0%{opacity:0;transform:scale(.5) rotate(-10deg)}20%{opacity:1;transform:scale(1.1)}80%{opacity:1}100%{opacity:0;transform:translateY(-30px)}}
@media print{.noprint{display:none!important}body{background:#fff}.card{box-shadow:none}}