/* =========================================================================
   assets/offline-tailwind.css
   Version 100% hors-ligne – Toutes les utilités Tailwind utilisées par le projet
   ========================================================================= */

/* ---- Reset ---- */
*,::before,::after{box-sizing:border-box;margin:0;padding:0}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Inter','Tajawal',sans-serif;background:#f9fafb;color:#1f2937}
img,svg{display:block;max-width:100%}
button{cursor:pointer;background:none;border:none}

/* ---- Container ---- */
.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}

/* ---- Layout ---- */
.block{display:block}.inline-block{display:inline-block}.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.grid{display:grid}.hidden{display:none !important}
.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}
.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}
.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}
.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}
.space-y-1> *+*{margin-top:.25rem}.space-y-2> *+*{margin-top:.5rem}.space-y-3> *+*{margin-top:.75rem}.space-y-4> *+*{margin-top:1rem}
.min-w-0{min-width:0}

.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))}

@media(min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sm\:flex-row{flex-direction:row}.sm\:inline{display:inline}
}
@media(min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
  .md\:flex{display:flex !important}.md\:flex-row{flex-direction:row}
  .md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:block{display:block}
  .md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}
}
@media(min-width:1024px){
  .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\:flex{display:flex !important}
}

/* ---- Sizing ---- */
.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-60{width:15rem}.w-72{width:18rem}.w-80{width:20rem}.w-96{width:24rem}.w-64{width:16rem}.w-56{width:14rem}
.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-40{height:10rem}.h-60{height:15rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}
.max-h-40{max-height:10rem}.max-h-\[90vh\]{max-height:90vh}.max-h-80{max-height:20rem}.max-h-60{max-height:15rem}
.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}
.min-h-screen{min-height:100vh}.min-h-\[90vh\]{min-height:90vh}

/* ---- Spacing ---- */
.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}
.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}
.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}
.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}
.p-1{padding:.25rem}.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-1{padding-left:.25rem;padding-right:.25rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-8{padding-top:2rem}.pb-2{padding-bottom:.5rem}.pr-1{padding-right:.25rem}.pr-11{padding-right:2.75rem}

/* ---- Typography ---- */
.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}
.text-\[10px\]{font-size:10px}.text-\[9px\]{font-size:9px}.text-\[11px\]{font-size:11px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}
.font-medium{font-weight:500}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-mono{font-family:ui-monospace,monospace}
.leading-tight{line-height:1.2}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}
.underline{text-decoration:underline}

/* ---- Colors Text ---- */
.text-white{color:#fff}
.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}
.text-pink-400{color:#f472b6}.text-pink-500{color:#ec4899}.text-pink-600{color:#db2777}
.text-blue-300{color:#93c5fd}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}
.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}
.text-orange-400{color:#fb923c}.text-orange-500{color:#f97316}.text-orange-600{color:#ea580c}.text-orange-700{color:#c2410c}
.text-yellow-400{color:#facc15}.text-yellow-700{color:#a16207}
.text-purple-600{color:#9333ea}.text-purple-700{color:#7e22ce}
.text-red-200{color:#fecaca}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}
.text-transparent{color:transparent}

/* ---- Colors Bg (with opacity var) ---- */
.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}
.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}
.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}
.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}
.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}
.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248 / var(--tw-bg-opacity))}
.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255 / var(--tw-bg-opacity))}
.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244 / var(--tw-bg-opacity))}
.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232 / var(--tw-bg-opacity))}
.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237 / var(--tw-bg-opacity))}
.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255 / var(--tw-bg-opacity))}
.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242 / var(--tw-bg-opacity))}
.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231 / var(--tw-bg-opacity))}
.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}
.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243 / var(--tw-bg-opacity))}
.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195 / var(--tw-bg-opacity))}
.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213 / var(--tw-bg-opacity))}
.bg-purple-100{--tw-bg-opacity:1;background-color:rgb(243 232 255 / var(--tw-bg-opacity))}
.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226 / var(--tw-bg-opacity))}
.bg-blue-400{background-color:#60a5fa}.bg-pink-400{background-color:#f472b6}.bg-green-400{background-color:#4ade80}
.bg-green-500{background-color:#22c55e}.bg-blue-500{background-color:#3b82f6}.bg-red-500{background-color:#ef4444}
.bg-opacity-10{--tw-bg-opacity:0.1}

.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-70{--tw-bg-opacity:0.7}

/* ---- Gradient System ---- */
.bg-gradient-to-br{--tw-gradient-to-position: ;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.bg-gradient-to-r{--tw-gradient-to-position: ;background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-clip-text{-webkit-background-clip:text;background-clip:text}
.from-pink-400{--tw-gradient-from:#f472b6 var(--tw-gradient-from-position);--tw-gradient-to:rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgb(236 72 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-teal-400{--tw-gradient-from:#2dd4bf var(--tw-gradient-from-position);--tw-gradient-to:rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:rgb(129 140 248 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-900{--tw-gradient-from:#312e81 var(--tw-gradient-from-position);--tw-gradient-to:rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:rgb(74 222 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-red-400{--tw-gradient-from:#f87171 var(--tw-gradient-from-position);--tw-gradient-to:rgb(248 113 113 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-orange-500{--tw-gradient-to:rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f97316 var(--tw-gradient-via-position),var(--tw-gradient-to)}
.via-pink-400{--tw-gradient-to:rgb(244 114 182 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#f472b6 var(--tw-gradient-via-position),var(--tw-gradient-to)}
.via-purple-900{--tw-gradient-to:rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}
.via-blue-900{--tw-gradient-to:rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}
.via-yellow-300{--tw-gradient-to:rgb(253 224 71 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fde047 var(--tw-gradient-via-position),var(--tw-gradient-to)}
.to-pink-400{--tw-gradient-to:#f472b6 var(--tw-gradient-to-position)}
.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}
.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}
.to-pink-900{--tw-gradient-to:#831843 var(--tw-gradient-to-position)}
.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}
.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}
.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}
.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}
.to-indigo-900{--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}
.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}
.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}
.to-blue-400{--tw-gradient-to:#60a5fa var(--tw-gradient-to-position)}
.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}
.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}
.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}
.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}
.to-yellow-50{--tw-gradient-to:#fefce8 var(--tw-gradient-to-position)}
.to-yellow-300{--tw-gradient-to:#fde047 var(--tw-gradient-to-position)}
.to-green-300{--tw-gradient-to:#86efac var(--tw-gradient-to-position)}
.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}
.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}

/* ---- Borders ---- */
.border{border-width:1px;border-style:solid;border-color:#e5e7eb}
.border-2{border-width:2px;border-style:solid;border-color:#e5e7eb}
.border-t{border-top-width:1px;border-style:solid;border-color:#e5e7eb}
.border-b{border-bottom-width:1px;border-style:solid;border-color:#e5e7eb}
.border-b-2{border-bottom-width:2px;border-style:solid}
.border-l{border-left-width:1px;border-style:solid;border-color:rgba(0,0,0,0.1)}
.border-dashed{border-style:dashed}
.border-transparent{border-color:transparent}
.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}
.border-pink-400{border-color:#f472b6}.border-pink-500{border-color:#ec4899}
.border-blue-400{border-color:#60a5fa}.border-green-400{border-color:#4ade80}
.border-yellow-400{border-color:#facc15}.border-orange-200{border-color:#fed7aa}
.border-red-200{border-color:#fecaca}.border-red-400{border-color:#f87171}
.border-green-200{border-color:#bbf7d0}.border-blue-200{border-color:#bfdbfe}
.border-purple-200{border-color:#e9d5ff}.border-orange-100{border-color:#ffedd5}

/* ---- Radius ---- */
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}

/* ---- Shadow ---- */
.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.06)}.shadow{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.08)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.15),0 4px 6px -2px rgba(0,0,0,.06)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.15),0 10px 10px -5px rgba(0,0,0,.06)}.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.30)}

/* ---- Position ---- */
.sticky{position:sticky}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}
.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.top-6{top:1.5rem}.top-10{top:2.5rem}.top-20{top:5rem}.top-1\/2{top:50%}.top-1\/3{top:33.333%}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.left-0{left:0}.left-10{left:2.5rem}.bottom-0{bottom:0}.inset-0{top:0;right:0;bottom:0;left:0}
.z-10{z-index:10}.z-50{z-index:50}.z-\[90\]{z-index:90}.z-\[95\]{z-index:95}.z-\[97\]{z-index:97}.z-\[98\]{z-index:98}.z-\[100\]{z-index:100}.z-\[200\]{z-index:200}
.-top-2{top:-.5rem}.-right-2{right:-.5rem}.right-1\/4{right:25%}

.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}
.transition{transition:all .2s ease}.drop-shadow{filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.drop-shadow-lg{filter:drop-shadow(0 8px 8px rgba(0,0,0,.3))}
.-translate-y-1\/2{transform:translateY(-50%)}

.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}
.whitespace-nowrap{white-space:nowrap}.flex-shrink-0{flex-shrink:0}
.border-collapse{border-collapse:collapse}.list-disc{list-style-type:disc}.pl-5{padding-left:1.25rem}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}