:root{--p:#0d9488;--pd:#0f766e;--a:#f59e0b;}
body{font-family:'Vazirmatn',Tahoma,sans-serif;background:linear-gradient(135deg,#ecfdf5 0%,#f0f9ff 50%,#fefce8 100%);background-attachment:fixed;color:#134e4a;min-height:100vh}
.hdr{background:linear-gradient(135deg,#0d9488,#0f766e 50%,#115e59);position:relative}
.hdr:after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#f59e0b,#10b981,#3b82f6,#f59e0b)}
.card{background:#fff;border-radius:20px;box-shadow:0 18px 40px -18px rgba(13,148,136,.25);border:1px solid #ccfbf1}
.btn{background:var(--p);color:#fff;border-radius:12px;padding:10px 18px;font-weight:700;transition:.2s}
.btn:hover{background:var(--pd);transform:translateY(-1px)}
.btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}
.btn-a{background:var(--a);color:#1c1917}
.btn-a:hover{background:#d97706}
.inp{width:100%;border:1.5px solid #99f6e4;border-radius:12px;padding:9px 12px;background:#f8fffe;outline:none}
.inp:focus{border-color:var(--p);box-shadow:0 0 0 3px #ccfbf1}
.chip{border-radius:999px;padding:5px 13px;font-size:.82rem;border:1.5px solid #99f6e4;background:#fff;white-space:nowrap}
.chip.on{background:var(--p);color:#fff;border-color:var(--p)}
input[type=range]{accent-color:#0d9488;width:100%}
.fade{animation:fade .45s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.wobble:hover{animation:wob .5s}
@keyframes wob{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}
.lockpulse{animation:lp 1.6s infinite}
@keyframes lp{50%{box-shadow:0 0 0 6px rgba(239,68,68,.15)}}
@media print{
 .noprint{display:none!important}
 body{background:#fff}
 .card{box-shadow:none;border:1px solid #ccc}
}