@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5}.dark body,html.dark body{background-color:#111827;color:#f9fafb}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.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}.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))}.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-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}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-12{padding-top:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pb-28{padding-bottom:7rem}.pb-32{padding-bottom:8rem}.m-0{margin:0}.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}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.-ml-2{margin-left:-.5rem}.-mt-6{margin-top:-1.5rem}.w-full{width:100%}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.min-h-screen{min-height:100vh}.h-full{height:100%}.h-fit{height:-webkit-fit-content;height:fit-content}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-black{font-weight:900}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-white{color:#fff}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.text-orange-500{color:#f97316}.text-orange-600{color:#ea580c}.text-amber-500{color:#f59e0b}.text-yellow-500{color:#eab308}.text-yellow-600{color:#ca8a04}.bg-white{background-color:#fff}.bg-transparent{background-color:initial}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:#22c55e}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.bg-blue-600{background-color:#2563eb}.bg-orange-50{background-color:#fff7ed}.bg-orange-100{background-color:#ffedd5}.bg-yellow-50{background-color:#fefce8}.bg-yellow-100{background-color:#fef9c3}.bg-yellow-500{background-color:#eab308}.bg-amber-100{background-color:#fef3c7}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-red-500{--tw-gradient-from:#ef4444;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.from-red-600{--tw-gradient-from:#dc2626;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-red-700{--tw-gradient-to:#b91c1c}.to-red-800{--tw-gradient-to:#991b1b}.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.from-gray-900{--tw-gradient-from:#111827;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-gray-100{--tw-gradient-to:#f3f4f6}.to-gray-800{--tw-gradient-to:#1f2937}.via-gray-100{--tw-gradient-stops:var(--tw-gradient-from),#f3f4f6,var(--tw-gradient-to,#0000)}.via-gray-800{--tw-gradient-stops:var(--tw-gradient-from),#1f2937,var(--tw-gradient-to,#0000)}.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-amber-800{--tw-gradient-to:#92400e}.from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-blue-800{--tw-gradient-to:#1e40af}.from-yellow-500{--tw-gradient-from:#eab308;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-yellow-600{--tw-gradient-to:#ca8a04}.from-green-500{--tw-gradient-from:#22c55e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-emerald-600{--tw-gradient-to:#059669}.from-purple-400{--tw-gradient-from:#a78bfa;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-purple-600{--tw-gradient-to:#9333ea}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-dashed{border-style:dashed}.border-transparent{border-color:#0000}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-gray-600{border-color:#4b5563}.border-gray-700{border-color:#374151}.border-red-100{border-color:#fee2e2}.border-red-500{border-color:#ef4444}.border-red-600{border-color:#dc2626}.border-green-100{border-color:#dcfce7}.border-blue-100{border-color:#dbeafe}.border-blue-500{border-color:#3b82f6}.border-orange-100{border-color:#ffedd5}.border-orange-200{border-color:#fed7aa}.border-amber-500{border-color:#f59e0b}.border-yellow-100{border-color:#fef9c3}.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}.rounded-b-\[2rem\]{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.shadow{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.shadow-none{box-shadow:none}.shadow-red-200\/50{box-shadow:0 20px 25px -5px #fecaca80}.shadow-red-500\/20{box-shadow:0 10px 25px -5px #ef444433}.shadow-red-500\/30{box-shadow:0 10px 25px -5px #ef44444d}.shadow-red-900\/20{box-shadow:0 10px 25px -5px #7f1d1d33}.shadow-green-500\/30{box-shadow:0 10px 25px -5px #22c55e4d}.shadow-green-900\/20{box-shadow:0 10px 25px -5px #14532d33}.shadow-blue-500\/30{box-shadow:0 10px 25px -5px #3b82f64d}.shadow-amber-900\/20{box-shadow:0 10px 25px -5px #78350f33}.shadow-yellow-600\/20{box-shadow:0 10px 25px -5px #ca8a0433}.shadow-gray-900\/20{box-shadow:0 10px 25px -5px #11182733}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.top-6{top:1.5rem}.right-0{right:0}.right-6{right:1.5rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-4{left:1rem}.inset-0{bottom:0;left:0;right:0;top:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.transform{transform:translateX(0) translateY(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translateX(-50%)}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translateY(-50%)}.rotate-3{--tw-rotate:3deg}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.opacity-10{opacity:.1}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.outline-none{outline:2px solid #0000;outline-offset:2px}.touch-manipulation{touch-action:manipulation}.shrink-0{flex-shrink:0}.appearance-none{-webkit-appearance:none;appearance:none}.snap-x{scroll-snap-type:x mandatory}.snap-start{scroll-snap-align:start}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce-short{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-short{animation:bounce-short 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .3s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-in{animation:fade-in .3s ease-out}.fade-in{animation-name:fade-in}@keyframes slide-in-from-bottom{0%{transform:translateY(10px)}to{transform:translateY(0)}}.slide-in-from-bottom-5{animation-name:slide-in-from-bottom}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-shadow:0 0 0 4px var(--tw-ring-color);box-shadow:var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-color:#ef4444}.focus\:ring-red-500\/10:focus{--tw-ring-color:#ef44441a}.focus\:ring-red-500\/20:focus{--tw-ring-color:#ef444433}.focus\:ring-red-500\/50:focus{--tw-ring-color:#ef444480}.focus\:border-red-500:focus{border-color:#ef4444}.focus\:bg-white:focus{background-color:#fff}.focus\:outline-none:focus{outline:none}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-red-50:hover{background-color:#fef2f2}.hover\:bg-red-100:hover{background-color:#fee2e2}.hover\:text-red-500:hover{color:#ef4444}.hover\:text-red-600:hover{color:#dc2626}.hover\:text-gray-600:hover{color:#4b5563}.hover\:text-gray-700:hover{color:#374151}.hover\:text-gray-900:hover{color:#111827}.hover\:text-white:hover{color:#fff}.hover\:border-gray-200:hover{border-color:#e5e7eb}.hover\:border-gray-300:hover{border-color:#d1d5db}.hover\:border-red-500:hover{border-color:#ef4444}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:rotate-6:hover{transform:rotate(6deg)}.hover\:opacity-100:hover{opacity:1}.active\:scale-95:active{transform:scale(.95)}.active\:scale-\[0\.98\]:active{transform:scale(.98)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.group:hover .group-hover\:text-red-500{color:#ef4444}.group:hover .group-hover\:text-white{color:#fff}.group:focus-within .group-focus-within\:text-red-500{color:#ef4444}.dark .dark\:bg-gray-700{background-color:#374151}.dark .dark\:bg-gray-800{background-color:#1f2937}.dark .dark\:bg-gray-800\/50{background-color:#1f293780}.dark .dark\:bg-gray-800\/80{background-color:#1f2937cc}.dark .dark\:bg-gray-800\/90{background-color:#1f2937e6}.dark .dark\:bg-gray-900{background-color:#111827}.dark .dark\:bg-red-900\/10{background-color:#7f1d1d1a}.dark .dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark .dark\:bg-red-900\/30{background-color:#7f1d1d4d}.dark .dark\:bg-green-900\/20{background-color:#14532d33}.dark .dark\:bg-green-900\/30{background-color:#14532d4d}.dark .dark\:bg-blue-900\/20{background-color:#1e3a8a33}.dark .dark\:bg-blue-900\/30{background-color:#1e3a8a4d}.dark .dark\:bg-orange-900\/20{background-color:#7c2d1233}.dark .dark\:bg-orange-900\/30{background-color:#7c2d124d}.dark .dark\:bg-yellow-900\/20{background-color:#713f1233}.dark .dark\:bg-amber-900\/20{background-color:#78350f33}.dark .dark\:bg-purple-900\/20{background-color:#581c8733}.dark .dark\:text-white{color:#fff}.dark .dark\:text-gray-100{color:#f3f4f6}.dark .dark\:text-gray-200{color:#e5e7eb}.dark .dark\:text-gray-300{color:#d1d5db}.dark .dark\:text-gray-400{color:#9ca3af}.dark .dark\:text-gray-500{color:#6b7280}.dark .dark\:text-red-400{color:#f87171}.dark .dark\:text-green-400{color:#4ade80}.dark .dark\:text-blue-300{color:#93c5fd}.dark .dark\:text-blue-400{color:#60a5fa}.dark .dark\:text-orange-400{color:#fb923c}.dark .dark\:text-yellow-200{color:#fef08a}.dark .dark\:text-yellow-300{color:#fde047}.dark .dark\:text-yellow-400{color:#facc15}.dark .dark\:text-amber-300{color:#fcd34d}.dark .dark\:text-purple-300{color:#d8b4fe}.dark .dark\:border-gray-600{border-color:#4b5563}.dark .dark\:border-gray-700{border-color:#374151}.dark .dark\:border-gray-700\/50{border-color:#37415180}.dark .dark\:border-red-900\/30{border-color:#7f1d1d4d}.dark .dark\:border-red-900\/50{border-color:#7f1d1d80}.dark .dark\:border-green-900\/30{border-color:#14532d4d}.dark .dark\:border-blue-900\/30{border-color:#1e3a8a4d}.dark .dark\:border-orange-900\/50{border-color:#7c2d1280}.dark .dark\:hover\:bg-gray-600:hover{background-color:#4b5563}.dark .dark\:hover\:bg-gray-700:hover{background-color:#374151}.dark .dark\:hover\:bg-gray-750:hover{background-color:#2d3748}.dark .dark\:hover\:bg-gray-800:hover{background-color:#1f2937}.dark .dark\:hover\:bg-gray-800\/50:hover{background-color:#1f293780}.dark .dark\:hover\:bg-red-900\/20:hover{background-color:#7f1d1d33}.dark .dark\:hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.dark .dark\:hover\:border-gray-600:hover{border-color:#4b5563}.dark .dark\:hover\:border-red-500:hover{border-color:#ef4444}.dark .dark\:hover\:text-gray-300:hover{color:#d1d5db}.dark .dark\:hover\:text-white:hover{color:#fff}.dark .dark\:focus\:bg-gray-800:focus{background-color:#1f2937}.dark .dark\:focus\:ring-gray-600:focus{--tw-ring-color:#4b5563}.dark .dark\:shadow-none{box-shadow:none}@media (min-width:640px){.sm\:block{display:block}.sm\:hidden{display:none}}@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\:flex-row{flex-direction:row}}@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))}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.dark ::-webkit-scrollbar-thumb{background:#4b5563}.dark ::-webkit-scrollbar-thumb:hover{background:#6b7280}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:2.5rem}::placeholder{color:#9ca3af;opacity:1}.dark ::placeholder{color:#6b7280}::selection{background-color:#fecaca;color:#991b1b}.dark ::selection{background-color:#7f1d1d;color:#fef2f2}@supports (padding:max(0px)){.safe-area-inset-bottom{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}:root{--admin-bg:#f8fafc;--admin-card:#fff;--admin-border:#e2e8f0;--admin-text:#1e293b;--admin-text-muted:#64748b;--admin-primary:#dc2626;--admin-primary-light:#fef2f2;--admin-success:#16a34a;--admin-success-light:#f0fdf4;--admin-warning:#ea580c;--admin-warning-light:#fff7ed;--admin-info:#2563eb;--admin-info-light:#eff6ff;--admin-radius:12px;--admin-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;--admin-shadow-lg:0 4px 12px #0000001a}.dark{--admin-bg:#0f172a;--admin-card:#1e293b;--admin-border:#334155;--admin-text:#f1f5f9;--admin-text-muted:#94a3b8;--admin-primary-light:#dc262626;--admin-success-light:#16a34a26;--admin-warning-light:#ea580c26;--admin-info-light:#2563eb26}.admin-panel{background:#f8fafc;background:var(--admin-bg);color:#1e293b;color:var(--admin-text);min-height:100vh}.admin-header{background:#fff;background:var(--admin-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.admin-header,.header-left{align-items:center;display:flex}.header-left{gap:1rem}.admin-logo{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 4px 12px #dc26264d;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.admin-header h1{color:#1e293b;color:var(--admin-text);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin:0}.admin-header p{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;margin:0}.header-right{align-items:center;display:flex;gap:.5rem}.logout-btn{background:#fef2f2;background:var(--admin-primary-light);border:none;border-radius:10px;color:#dc2626;color:var(--admin-primary);cursor:pointer;padding:.625rem;transition:all .2s}.logout-btn:hover{background:#dc2626;background:var(--admin-primary);color:#fff}.admin-tabs{-webkit-overflow-scrolling:touch;background:#fff;background:var(--admin-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;gap:.25rem;overflow-x:auto;padding:.75rem 1rem}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:#e2e8f0;background:var(--admin-border);color:#1e293b;color:var(--admin-text)}.admin-tab.active{background:#fef2f2;background:var(--admin-primary-light);color:#dc2626;color:var(--admin-primary)}.admin-content{margin:0 auto;max-width:1400px;padding:1.5rem}.admin-content h2{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.5rem}.admin-content h2,.admin-content h3{color:#1e293b;color:var(--admin-text)}.admin-content h3{font-size:1rem;font-weight:600;margin:1.5rem 0 1rem}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{margin:0}.section-desc{color:#64748b;color:var(--admin-text-muted);font-size:.875rem;margin:.25rem 0 0}.filters{flex-wrap:wrap}.filters,.search-box{display:flex;gap:.75rem}.search-box{align-items:center;background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;padding:.625rem 1rem;transition:all .2s}.search-box:focus-within{border-color:#dc2626;border-color:var(--admin-primary);box-shadow:0 0 0 3px #dc26261a}.search-box svg{color:#64748b;color:var(--admin-text-muted)}.search-box input{background:none;border:none;color:#1e293b;color:var(--admin-text);font-size:.875rem;min-width:180px;outline:none}.search-box input::placeholder{color:#64748b;color:var(--admin-text-muted)}.filters select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--admin-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;color:#1e293b;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.625rem 2.5rem .625rem 1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;background:var(--admin-card);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);display:flex;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-orange .stat-icon{background:#fff7ed;background:var(--admin-warning-light);color:#ea580c;color:var(--admin-warning)}.stat-green .stat-icon{background:#f0fdf4;background:var(--admin-success-light);color:#16a34a;color:var(--admin-success)}.stat-blue .stat-icon{background:#eff6ff;background:var(--admin-info-light);color:#2563eb;color:var(--admin-info)}.stat-yellow .stat-icon{background:#fef9c3;color:#ca8a04}.dark .stat-yellow .stat-icon{background:#ca8a0426}.stat-content{flex:1 1;min-width:0}.stat-value{color:#1e293b;color:var(--admin-text);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.stat-label{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;font-weight:500;margin:.25rem 0 0}.recent-orders{background:#fff;background:var(--admin-card);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);overflow:hidden}.order-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;gap:1rem;padding:1rem 1.25rem;transition:background .2s}.order-row:last-child{border-bottom:none}.order-row:hover{background:#f8fafc;background:var(--admin-bg)}.order-info{flex:1 1;min-width:0}.order-id{color:#1e293b;color:var(--admin-text);display:block;font-weight:700}.order-type{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;text-transform:capitalize}.order-amount{color:#1e293b;color:var(--admin-text);font-size:.875rem;font-weight:600}.order-status{border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.375rem .875rem;text-transform:uppercase}.orders-stats{-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.stat-pill{align-items:center;background:#fff;background:var(--admin-card);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);cursor:pointer;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem;transition:all .2s}.stat-pill:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.stat-pill .stat-number{color:#1e293b;color:var(--admin-text);font-size:1.5rem;font-weight:800}.stat-pill .stat-text{color:#64748b;color:var(--admin-text-muted);font-size:.7rem;letter-spacing:.05em;margin-top:.25rem;text-transform:uppercase}.stat-pill.pending{background:#fff7ed;background:var(--admin-warning-light);border-color:#ea580c;border-color:var(--admin-warning)}.stat-pill.pending .stat-number{color:#ea580c;color:var(--admin-warning)}.stat-pill.processing{background:#eff6ff;background:var(--admin-info-light);border-color:#2563eb;border-color:var(--admin-info)}.stat-pill.processing .stat-number{color:#2563eb;color:var(--admin-info)}.stat-pill.delivered{background:#f0fdf4;background:var(--admin-success-light);border-color:#16a34a;border-color:var(--admin-success)}.stat-pill.delivered .stat-number{color:#16a34a;color:var(--admin-success)}.orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.orders-header h2{color:#1e293b;color:var(--admin-text);font-size:1.5rem;font-weight:700;margin:0}.orders-controls{display:flex;flex-wrap:wrap;gap:.75rem}.filter-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--admin-card);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748b'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:10px;color:#1e293b;color:var(--admin-text);cursor:pointer;font-size:.875rem;padding:.625rem 2.5rem .625rem 1rem}.empty-orders{align-items:center;background:#fff;background:var(--admin-card);border-radius:12px;border-radius:var(--admin-radius);color:#64748b;color:var(--admin-text-muted);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.empty-orders svg{margin-bottom:1rem;opacity:.3}.empty-orders p{font-size:1rem;margin:0}.orders-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.order-card{background:#fff;background:var(--admin-card);border-left:4px solid #e2e8f0;border-left:4px solid var(--admin-border);border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);overflow:hidden;transition:all .2s}.order-card:hover{box-shadow:0 4px 12px #0000001a;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.status-border-pending{border-left-color:#ea580c;border-left-color:var(--admin-warning)}.status-border-processing{border-left-color:#2563eb;border-left-color:var(--admin-info)}.status-border-delivered{border-left-color:#16a34a;border-left-color:var(--admin-success)}.status-border-cancelled{border-left-color:#dc2626}.order-card-header{align-items:center;background:#f8fafc;background:var(--admin-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.order-card-id{align-items:center;color:#1e293b;color:var(--admin-text);display:flex;font-family:monospace;font-size:.875rem;font-weight:700;gap:.5rem}.status-badge{border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.375rem .75rem;text-transform:uppercase}.order-card-body{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;padding:1rem 1.25rem}.order-detail{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#64748b;color:var(--admin-text-muted);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.detail-value{color:#1e293b;color:var(--admin-text);font-size:.875rem;font-weight:600}.detail-value.total{color:#16a34a;color:var(--admin-success);font-size:1rem}.detail-value.capitalize{text-transform:capitalize}.order-card-footer{background:#f8fafc;background:var(--admin-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);justify-content:space-between;padding:.875rem 1.25rem}.order-card-footer,.order-date{align-items:center;display:flex}.order-date{color:#64748b;color:var(--admin-text-muted);font-size:.75rem;gap:.375rem}.order-actions{display:flex;gap:.5rem}.action-btn{align-items:center;background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.action-btn:hover{background:#e2e8f0;background:var(--admin-border);color:#1e293b;color:var(--admin-text)}.action-btn.view{background:#eff6ff;background:var(--admin-info-light);border-color:#0000;color:#2563eb;color:var(--admin-info)}.action-btn.view:hover{background:#2563eb;background:var(--admin-info);color:#fff}.action-btn.deliver{background:#16a34a;background:var(--admin-success);border-color:#0000;color:#fff}.action-btn.deliver:hover{background:#15803d}@media (max-width:640px){.orders-stats{display:grid;grid-template-columns:repeat(2,1fr)}.stat-pill{min-width:auto}.orders-header{align-items:stretch}.orders-controls,.orders-header{flex-direction:column}.filter-select,.search-box{width:100%}.order-card-body,.orders-list{grid-template-columns:1fr}}.clients-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.client-card{background:#fff;background:var(--admin-card);border:1px solid #0000;border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);cursor:pointer;padding:1.5rem;transition:all .3s}.client-card:hover{border-color:#dc2626;border-color:var(--admin-primary);box-shadow:0 4px 12px #0000001a;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.client-header{gap:1rem;margin-bottom:1.25rem}.client-avatar,.client-header{align-items:center;display:flex}.client-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff;font-size:1.125rem;font-weight:800;height:48px;justify-content:center;width:48px}.client-info h4{color:#1e293b;color:var(--admin-text);font-size:1rem;font-weight:700;margin:0}.client-id{color:#64748b;color:var(--admin-text-muted);font-family:monospace;font-size:.75rem}.client-type{border-radius:6px;font-size:.7rem;font-weight:700;margin-left:auto;padding:.375rem .75rem;text-transform:uppercase}.type-particulier{background:#eff6ff;background:var(--admin-info-light);color:#2563eb;color:var(--admin-info)}.type-entreprise{background:#f0fdf4;background:var(--admin-success-light);color:#16a34a;color:var(--admin-success)}.client-details{color:#64748b;color:var(--admin-text-muted);font-size:.8rem;line-height:2;margin-bottom:1.25rem}.client-details strong{color:#1e293b;color:var(--admin-text)}.loyalty-bronze{color:#b45309}.loyalty-silver{color:#64748b}.loyalty-gold{color:#ca8a04}.loyalty-platinum{color:#7c3aed}.client-actions{display:flex;gap:.75rem}.btn-secondary{align-items:center;background:#f8fafc;background:var(--admin-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .2s}.btn-secondary:hover{background:#e2e8f0;background:var(--admin-border);border-color:#0000}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{background:#fff;background:var(--admin-card);border-radius:12px;border-radius:var(--admin-radius);border-top:4px solid;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);padding:1.5rem}.product-mazout{border-top-color:#ef4444}.product-pellets{border-top-color:#f59e0b}.product-adblue{border-top-color:#3b82f6}.product-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.product-mazout .product-header{color:#ef4444}.product-pellets .product-header{color:#f59e0b}.product-adblue .product-header{color:#3b82f6}.product-header h3{color:#1e293b;color:var(--admin-text);font-size:1.125rem;font-weight:700;margin:0}.product-price{margin-bottom:1.25rem}.price-display{align-items:center;display:flex;gap:.75rem}.price-display .price{color:#1e293b;color:var(--admin-text);font-size:1.75rem;font-weight:800;letter-spacing:-.02em}.price-display button{background:#f8fafc;background:var(--admin-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;padding:.5rem;transition:all .2s}.price-display button:hover{background:#e2e8f0;background:var(--admin-border);color:#1e293b;color:var(--admin-text)}.price-edit{align-items:center;display:flex;gap:.5rem}.price-edit input{background:#fff;background:var(--admin-card);border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text);font-size:1.125rem;font-weight:700;padding:.625rem .875rem;width:120px}.price-edit input:focus{border-color:#dc2626;border-color:var(--admin-primary);outline:none}.save-btn{background:#16a34a;background:var(--admin-success)}.cancel-btn,.save-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.625rem}.cancel-btn{background:#dc2626;background:var(--admin-primary)}.product-info{font-size:.875rem;line-height:1.75;margin-bottom:1.25rem}.product-info,.volume-discounts h4{color:#64748b;color:var(--admin-text-muted)}.volume-discounts h4{font-size:.7rem;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.discount-row{border-bottom:1px dashed #e2e8f0;border-bottom:1px dashed var(--admin-border);color:#1e293b;color:var(--admin-text);display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.discount-row:last-child{border-bottom:none}.empty-state{background:#fff;background:var(--admin-card);border-radius:12px;border-radius:var(--admin-radius);color:#64748b;color:var(--admin-text-muted);padding:4rem 2rem;text-align:center}.empty-state svg{margin-bottom:1rem;opacity:.5}.depannage-list{grid-gap:1rem;display:grid;gap:1rem}.depannage-card{background:#fff;background:var(--admin-card);border-left:4px solid #eab308;border-radius:12px;border-radius:var(--admin-radius);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;box-shadow:var(--admin-shadow);padding:1.5rem}.depannage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.depannage-id{color:#1e293b;color:var(--admin-text);font-family:monospace;font-weight:700}.depannage-status{border-radius:6px;font-size:.7rem;font-weight:700;padding:.375rem .75rem;text-transform:uppercase}.depannage-info{color:#64748b;color:var(--admin-text-muted);font-size:.875rem;line-height:1.75;margin-bottom:1.25rem}.depannage-info strong{color:#1e293b;color:var(--admin-text)}.depannage-actions{display:flex;gap:.75rem}.btn-call{align-items:center;background:#16a34a;background:var(--admin-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;text-decoration:none;transition:all .2s}.btn-call:hover{background:#15803d}.btn-done{align-items:center;background:#f8fafc;background:var(--admin-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-done:hover{background:#e2e8f0;background:var(--admin-border)}@media (max-width:1024px){.table-header,.table-row{grid-template-columns:1.2fr 1fr 1fr 1fr .8fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row span:nth-child(4),.table-row span:nth-child(5){display:none}}@media (max-width:768px){.admin-header{padding:1rem}.admin-header h1{font-size:1rem}.admin-tabs{padding:.5rem}.admin-tab span{display:none}.admin-tab{padding:.75rem}.admin-content{padding:1rem}.admin-content h2{font-size:1.25rem}.section-header{align-items:stretch;flex-direction:column}.filters{width:100%}.search-box{flex:1 1}.search-box input{min-width:0;width:100%}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-header span:nth-child(6),.table-row span:nth-child(4),.table-row span:nth-child(5),.table-row span:nth-child(6){display:none}.clients-grid,.products-grid{grid-template-columns:1fr}.depannage-actions{flex-direction:column}}.container-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.container-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1rem;transition:all .2s}.dark .container-card{background:#1f2937;border-color:#374151}.container-card.selected{background:#eff6ff;border-color:#3b82f6}.dark .container-card.selected{background:#3b82f626}.container-card svg{color:#3b82f6}.container-name{color:#111827;font-size:.875rem;font-weight:700}.dark .container-name{color:#fff}.container-price{color:#6b7280;font-size:.75rem}.quantity-selector{align-items:center;display:flex;gap:1rem;justify-content:center}.quantity-selector button{background:#f3f4f6;border:none;border-radius:12px;color:#374151;cursor:pointer;font-size:1.5rem;font-weight:700;height:48px;transition:all .2s;width:48px}.dark .quantity-selector button{background:#374151;color:#fff}.quantity-selector button:hover{background:#e5e7eb}.quantity-selector span{color:#111827;font-size:2.5rem;font-weight:800;min-width:60px;text-align:center}.dark .quantity-selector span{color:#fff}.quantity-total{color:#6b7280;font-size:.875rem;margin-top:.5rem;text-align:center}.pellets-header{background:linear-gradient(135deg,#f59e0b,#d97706)!important}.adblue-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-content{animation:modalSlideIn .3s ease;background:#fff;background:var(--admin-card);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h3{color:#1e293b;color:var(--admin-text);font-size:1.125rem;font-weight:700;margin:0}.modal-close{background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--admin-text-muted);cursor:pointer;padding:.5rem;transition:all .2s}.modal-close:hover{background:#e2e8f0;background:var(--admin-border);color:#1e293b;color:var(--admin-text)}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-footer{background:#f8fafc;background:var(--admin-bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1.25rem 1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#64748b;color:var(--admin-text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group select{background:#f8fafc;background:var(--admin-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text);font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#dc2626;border-color:var(--admin-primary);box-shadow:0 0 0 3px #dc26261a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{align-items:center;background:#fff;background:var(--admin-card);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:8px;color:#1e293b;color:var(--admin-text);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-cancel:hover{background:#e2e8f0;background:var(--admin-border)}.btn-save{align-items:center;background:#16a34a;background:var(--admin-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-save:hover{background:#15803d}@media (max-width:640px){.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}}.service-form{background:#f3f4f6;min-height:100vh;padding-bottom:100px}.dark .service-form{background:#111827}.form-header{align-items:center;color:#fff;display:flex;gap:1rem;padding:1rem 1.5rem}.form-header,.mazout-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.depannage-header{background:linear-gradient(135deg,#f59e0b,#d97706)}.pellets-header{background:linear-gradient(135deg,#f59e0b,#b45309)}.adblue-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.form-header .back-btn{align-items:center;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:.5rem}.form-header h1{align-items:center;display:flex;flex:1 1;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.step-indicator{background:#fff3;border-radius:1rem;font-size:.75rem;padding:.375rem .75rem}.form-content{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px;padding:1.5rem}.form-content h3{align-items:center;color:#111827;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.dark .form-content h3{color:#fff}.tank-selector{margin-bottom:1rem}.tank-selector>label{color:#6b7280;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;text-transform:uppercase}.tank-list{-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.tank-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;transition:all .2s;white-space:nowrap}.dark .tank-card{background:#1f2937;border-color:#374151}.tank-card.selected{background:#fef2f2;border-color:#ef4444}.dark .tank-card.selected{background:#ef444433}.tank-card .tank-name{color:#111827;font-weight:600}.dark .tank-card .tank-name{color:#fff}.tank-card .tank-level{background:#f3f4f6;border-radius:1rem;color:#6b7280;font-size:.75rem;padding:.125rem .5rem}.fill-type-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.fill-option{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1rem;text-align:left;transition:all .2s}.dark .fill-option{background:#374151;border-color:#4b5563}.fill-option:disabled{cursor:not-allowed;opacity:.5}.fill-option.selected{background:#fef2f2;border-color:#ef4444}.dark .fill-option.selected{background:#ef444433}.fill-title{color:#111827;display:block;font-size:.875rem;font-weight:700;margin-bottom:.25rem}.dark .fill-title{color:#fff}.fill-desc{color:#6b7280;font-size:.75rem}.quantity-input{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.quantity-input input{background:#0000;border:none;border-bottom:3px solid #e5e7eb;color:#111827;font-size:2.5rem;font-weight:800;outline:none;padding:.5rem;text-align:center;transition:border-color .2s;width:150px}.dark .quantity-input input{border-color:#4b5563;color:#fff}.quantity-input input:focus{border-color:#ef4444}.quantity-input input.disabled{background:#f3f4f6;border-radius:.5rem;cursor:not-allowed;opacity:.5}.dark .quantity-input input.disabled{background:#374151}.quantity-input .unit{color:#6b7280;font-size:1.25rem;font-weight:600}.quick-amounts{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.quick-amounts button{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.dark .quick-amounts button{background:#374151;border-color:#4b5563;color:#9ca3af}.quick-amounts button:disabled{cursor:not-allowed;opacity:.4}.quick-amounts button.selected{background:#ef4444;border-color:#ef4444;color:#fff}.validation-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.dark .validation-error{background:#dc262626;border-color:#dc26264d;color:#f87171}.tank-info{align-items:center;background:#eff6ff;border-radius:.5rem;color:#3b82f6;display:flex;font-size:.75rem;gap:.5rem;margin-top:1rem;padding:.75rem}.dark .tank-info{background:#3b82f626;color:#60a5fa}.ultra-option{background:linear-gradient(135deg,#fef2f2,#fff7ed)!important;border:1px solid #fecaca!important}.dark .ultra-option{background:linear-gradient(135deg,#ef44441a,#f973161a)!important;border-color:#ef44444d!important}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox-label input{accent-color:#ef4444;height:20px;width:20px}.checkbox-content{align-items:center;display:flex;gap:.5rem}.checkbox-content strong{color:#111827;display:block;font-size:.875rem}.dark .checkbox-content strong{color:#fff}.checkbox-content span{color:#6b7280;display:block;font-size:.75rem}.price-preview{background:linear-gradient(135deg,#1f2937,#111827)!important;color:#fff!important}.price-row{border-bottom:1px solid #ffffff1a;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.price-row:last-child{border-bottom:none}.price-row.discount{color:#4ade80}.price-row.ultra{color:#fbbf24}.price-row.total{border-top:1px solid #fff3;font-size:1rem;font-weight:700;margin-top:.5rem;padding-top:.75rem}.price-row.total strong{font-size:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.select-group{margin-bottom:1rem}.select-group label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.select-group select{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.75rem 1rem;width:100%}.dark .select-group select{background:#374151;border-color:#4b5563;color:#fff}.delay-options>label,.hose-options label{color:#6b7280;display:block;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.delay-options,.options-row{display:flex;flex-wrap:wrap;gap:.5rem}.delay-options button,.options-row button{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;flex:1 1;font-size:.75rem;min-width:60px;padding:.625rem .5rem;text-align:center;transition:all .2s}.dark .delay-options button,.dark .options-row button{background:#374151;border-color:#4b5563;color:#9ca3af}.delay-options button.selected,.options-row button.selected{background:#111827;border-color:#111827;color:#fff}.dark .delay-options button.selected,.dark .options-row button.selected{background:#fff;color:#111827}.delay-options button{flex-direction:column;padding:1rem}.delay-options button strong{display:block;font-size:.875rem}.delay-options button span{display:block;font-size:.75rem;opacity:.7}.order-summary{background:#f9fafb!important}.dark .order-summary{background:#1f2937!important}.summary-row{border-bottom:1px solid #e5e7eb;display:flex;font-size:.875rem;justify-content:space-between;padding:.5rem 0}.dark .summary-row{border-color:#374151}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #e5e7eb;font-size:1rem;margin-top:.5rem;padding-top:.75rem}.dark .summary-row.total{border-color:#374151}.guarantee-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;color:#16a34a;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem}.dark .guarantee-badge{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.form-actions{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 12px #0000001a;display:flex;gap:.75rem;left:0;padding:1rem 1.5rem;position:fixed;right:0}.dark .form-actions{background:#1f2937;border-color:#374151}.form-actions button{flex:1 1}.success-screen{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.dark .success-screen{background:#111827}.success-icon{align-items:center;animation:bounceIn .5s ease;background:#dcfce7;border-radius:50%;color:#22c55e;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;width:80px}.success-icon.warning{background:#fef3c7;color:#f59e0b}.dark .success-icon{background:#22c55e33}.dark .success-icon.warning{background:#f59e0b33}.success-screen h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.dark .success-screen h2{color:#fff}.success-screen>p{color:#6b7280;margin:0 0 1.5rem;max-width:280px}.success-total{background:#fff;border-radius:.75rem;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:.25rem;margin-bottom:1.5rem;padding:1rem 2rem}.dark .success-total{background:#1f2937}.success-total span{color:#6b7280;font-size:.875rem}.success-total strong{color:#111827;font-size:1.5rem}.dark .success-total strong{color:#fff}.urgent-card{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:.75rem;color:#92400e;display:flex;gap:1rem;margin:1rem 1.5rem;padding:1rem}.dark .urgent-card{background:#f59e0b33;border-color:#f59e0b66;color:#fcd34d}.urgent-card div{flex:1 1}.urgent-card p{font-size:.875rem;margin:0}.call-now{background:#f59e0b;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none}.problem-types{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.problem-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem;transition:all .2s}.dark .problem-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.problem-btn.selected{background:#fef3c7;border-color:#f59e0b;color:#92400e}.dark .problem-btn.selected{background:#f59e0b33;color:#fcd34d}.urgency-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.urgency-btn{background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;padding:.75rem;text-align:center;transition:all .2s}.dark .urgency-btn{background:#374151;border-color:#4b5563}.urgency-btn.selected{border-width:2px}.urgency-normal.selected{background:#f0fdf4;border-color:#22c55e}.urgency-urgent.selected{background:#fef3c7;border-color:#f59e0b}.urgency-critique.selected{background:#fef2f2;border-color:#ef4444}.dark .urgency-normal.selected{background:#22c55e26}.dark .urgency-urgent.selected{background:#f59e0b26}.dark .urgency-critique.selected{background:#ef444426}.urgency-label{color:#111827;display:block;font-size:.875rem;font-weight:700}.dark .urgency-label{color:#fff}.urgency-desc{color:#6b7280;display:block;font-size:.75rem}.form-content textarea{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-family:inherit;font-size:.875rem;outline:none;padding:.75rem 1rem;resize:vertical;width:100%}.dark .form-content textarea{background:#374151;border-color:#4b5563;color:#fff}.form-content textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.urgent-call{background:#fef3c7;border-radius:.75rem;margin:1.5rem 0;padding:1rem}.dark .urgent-call{background:#f59e0b26}.urgent-call p{color:#92400e;font-size:.875rem;margin:0 0 .75rem}.dark .urgent-call p{color:#fcd34d}.call-btn{align-items:center;background:#f59e0b;border-radius:.5rem;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.call-note{color:#78350f!important;font-size:.75rem!important;margin-top:.5rem!important}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.fill-type-options,.form-row,.problem-types,.urgency-options{grid-template-columns:1fr}.quantity-input input{font-size:2rem}}
/*# sourceMappingURL=main.4b885852.css.map*/