@font-face{font-family:'B Titr';src:local('B Titr'),local('BTitr'),local('B Titr Bold'),local('BTitrBold')}
@font-face{font-family:'Titr';src:local('Titr')}
@font-face{font-family:'Vazirmatn';src:local('Vazirmatn'),local('Vazirmatn Regular'),local('Vazirmatn Medium'),local('Vazirmatn SemiBold')}
@font-face{font-family:'Yekan Bakh';src:local('Yekan Bakh'),local('YekanBakh'),local('Yekan Bakh Medium'),local('Yekan Bakh Bold')}
@font-face{font-family:'IRANSansX';src:local('IRANSansX'),local('IRANSansX Regular'),local('IRANSansX Medium')}
@font-face{font-family:'IRANSans';src:local('IRANSans'),local('IRANSans Regular'),local('IranSans')}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Yekan Bakh','Vazirmatn','IRANSansX','IRANSans','B Titr','Titr',tahoma,Arial,sans-serif;background:#f1f5f9;color:#0f172a}
button,input,select{font:inherit}
button{background:transparent;border:0;color:inherit}
button:focus{outline:none}
button::-moz-focus-inner{border:0}
a,button{-webkit-tap-highlight-color:transparent}
table{border-collapse:collapse}
a{color:inherit;text-decoration:none}

.hidden{display:none}
.block{display:block}
.inline{display:inline}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.place-items-center{place-items:center}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-stretch{align-items:stretch}
.justify-between{justify-content:space-between}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.flex-1{flex:1 1 0%}

.min-h-screen{min-height:100vh}
.min-w-0{min-width:0}
.w-full{width:100%}
.w-4{width:1rem}
.h-4{height:1rem}
.w-5{width:1.25rem}
.h-5{height:1.25rem}
.w-10{width:2.5rem}
.h-10{height:2.5rem}
.w-9{width:2.25rem}
.h-9{height:2.25rem}
.w-64{width:16rem}
.w-72{width:18rem}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-3xl{max-width:48rem}
.max-w-6xl{max-width:72rem}
.mx-auto{margin-left:auto;margin-right:auto}
.lg\\:mx-0{margin-left:0;margin-right:0}

.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.p-8{padding:2rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.pr-64{padding-right:16rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-8{padding-top:2rem;padding-bottom:2rem}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem}
.pb-4{padding-bottom:1rem}
.pt-2{padding-top:.5rem}
.mt-1{margin-top:.25rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-6{margin-bottom:1.5rem}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:.5rem}

.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-base{font-size:1rem;line-height:1.5rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.tracking-tight{letter-spacing:-.025em}
.leading-none{line-height:1}
.leading-7{line-height:1.75rem}
.text-right{text-align:right}
.text-left{text-align:left}

.rounded{border-radius:.25rem}
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}

.border{border-width:1px;border-style:solid;border-color:#e2e8f0}
.border-b{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#e2e8f0}
.border-t{border-top-width:1px;border-top-style:solid;border-top-color:#e2e8f0}
.border-l{border-left-width:1px;border-left-style:solid;border-left-color:#e2e8f0}
.border-slate-200{border-color:#e2e8f0}
.border-slate-800{border-color:#1e293b}
.border-red-200{border-color:#fecaca}
.border-emerald-200{border-color:#a7f3d0}

.bg-white{background-color:#fff}
.bg-slate-50{background-color:#f8fafc}
.bg-slate-100{background-color:#f1f5f9}
.bg-slate-200{background-color:#e2e8f0}
.bg-slate-300{background-color:#cbd5e1}
.bg-slate-800{background-color:#1e293b}
.bg-slate-900{background-color:#0f172a}
.bg-red-50{background-color:#fef2f2}
.bg-red-600{background-color:#dc2626}
.bg-red-700{background-color:#b91c1c}
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-400{background-color:#34d399}
.bg-emerald-500{background-color:#10b981}
.bg-emerald-600{background-color:#059669}
.bg-emerald-700{background-color:#047857}
.bg-indigo-600{background-color:#4f46e5}
.bg-indigo-700{background-color:#4338ca}
.bg-black\\/40{background-color:rgba(0,0,0,.4)}
.bg-white\\/70{background-color:rgba(255,255,255,.7)}
.bg-slate-800\\/60{background-color:rgba(30,41,59,.6)}

.text-white{color:#fff}
.text-slate-100{color:#f1f5f9}
.text-slate-200{color:#e2e8f0}
.text-slate-300{color:#cbd5e1}
.text-slate-500{color:#64748b}
.text-slate-600{color:#475569}
.text-slate-700{color:#334155}
.text-slate-800{color:#1e293b}
.text-slate-900{color:#0f172a}
.text-red-600{color:#dc2626}
.text-red-700{color:#b91c1c}
.text-emerald-600{color:#059669}
.text-emerald-700{color:#047857}

.shadow-sm{box-shadow:0 1px 2px rgba(15,23,42,.06),0 1px 1px rgba(15,23,42,.04)}
.shadow{box-shadow:0 10px 15px rgba(15,23,42,.1),0 4px 6px rgba(15,23,42,.06)}
.shadow-xl{box-shadow:0 20px 25px rgba(15,23,42,.12),0 8px 10px rgba(15,23,42,.08)}

.overflow-x-auto{overflow-x:auto}
.overflow-hidden{overflow:hidden}

.fixed{position:fixed}
.sticky{position:sticky}
.static{position:static}
.inset-0{top:0;right:0;bottom:0;left:0}
.inset-y-0{top:0;bottom:0}
.right-0{right:0}
.top-0{top:0}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.z-60{z-index:60}
.z-70{z-index:70}

.translate-x-full{transform:translateX(100%)}
.translate-x-0{transform:translateX(0)}
.transition-transform{transition:transform .2s ease}
.transition-shadow{transition:box-shadow .2s ease}
.rotate-180{transform:rotate(180deg)}
.cursor-pointer{cursor:pointer}

.backdrop-blur{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.backdrop-blur-sm{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

.hover\\:underline:hover{text-decoration:underline}
.hover\\:bg-slate-200:hover{background-color:#e2e8f0}
.hover\\:bg-slate-50:hover{background-color:#f8fafc}
.hover\\:bg-slate-800:hover{background-color:#1e293b}
.hover\\:bg-slate-800\\/60:hover{background-color:rgba(30,41,59,.6)}
.hover\\:bg-red-100:hover{background-color:#fee2e2}
.hover\\:bg-red-700:hover{background-color:#b91c1c}
.hover\\:bg-emerald-700:hover{background-color:#047857}
.hover\\:bg-indigo-700:hover{background-color:#4338ca}
.hover\\:shadow:hover{box-shadow:0 10px 15px rgba(15,23,42,.1),0 4px 6px rgba(15,23,42,.06)}
.hover\\:text-white:hover{color:#fff}

@media (min-width:640px){
  .sm\\:flex{display:flex}
  .sm\\:flex-row{flex-direction:row}
  .sm\\:items-center{align-items:center}
  .sm\\:justify-between{justify-content:space-between}
  .sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\\:w-64{width:16rem}
  .sm\\:w-44{width:11rem}
}
@media (min-width:768px){
  .md\\:flex-row{flex-direction:row}
  .md\\:items-center{align-items:center}
  .md\\:justify-between{justify-content:space-between}
  .md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1024px){
  .lg\\:hidden{display:none}
  .lg\\:flex{display:flex}
  .lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\\:col-span-1{grid-column:span 1 / span 1}
  .lg\\:col-span-2{grid-column:span 2 / span 2}
  .lg\\:min-w-0{min-width:0}
  .lg\\:translate-x-0{transform:translateX(0)}
  .lg\\:static{position:static}
  .lg\\:z-auto{z-index:auto}
  .lg\\:w-64{width:16rem}
  .lg\\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .lg\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}
}
@media (min-width:1280px){
  .xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}