@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap);*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.top-3{top:.75rem}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.col-span-3{grid-column:span 3/span 3}.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-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[300px\]{height:300px}.h-fit{height:-webkit-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[250px\]{min-width:250px}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-blue-500\/20{border-color:#3b82f633}.border-danger-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.border-t-blue-500{--tw-border-opacity:1;border-top-color:#3b82f6;border-top-color:rgb(59 130 246/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-amber-500\/20{background-color:#f59e0b33}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-danger-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-500\/30{background-color:#22c55e4d}.bg-green-600\/80{background-color:#16a34acc}.bg-indigo-500{--tw-bg-opacity:1;background-color:#6366f1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-pink-500{--tw-bg-opacity:1;background-color:#ec4899;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-primary-600{--tw-bg-opacity:1;background-color:#0284c7;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600\/80{background-color:#9333eacc}.bg-red-500{--tw-bg-opacity:1;background-color:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/20{background-color:#ef444433}.bg-success-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-teal-500{--tw-bg-opacity:1;background-color:#14b8a6;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white\/5{background-color:#ffffff0d}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-500\/20{background-color:#eab30833}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 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:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from:#06b6d4 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 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:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 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:#ec489900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-sky-500{--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:#0ea5e900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-900{--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#581c87 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-amber-700{--tw-gradient-to:#b45309 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-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-sky-600{--tw-gradient-to:#0284c7 var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-violet-700{--tw-gradient-to:#6d28d9 var(--tw-gradient-to-position)}.object-contain{object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.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-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-amber-300{--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.text-amber-400{--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-danger-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-pink-400{--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.text-primary-400{--tw-text-opacity:1;color:#38bdf8;color:rgb(56 189 248/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:#0284c7;color:rgb(2 132 199/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:#ffffff4d}.text-white\/40{color:#fff6}.text-white\/50{color:#ffffff80}.text-white\/60{color:#fff9}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-white\/40::placeholder{color:#fff6}.placeholder-white\/50::placeholder{color:#ffffff80}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring-2{--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)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-lg,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.transition{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,.transition-all{transition-duration:.15s;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)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body,html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.fade-in{animation:fadeIn .5s ease-in-out forwards}.slide-in{animation:slideIn .3s ease-out forwards}.slide-up{animation:slideUp .4s ease-out forwards}.scale-in{animation:scaleIn .2s ease-out forwards}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:1}.app-gradient{animation:gradient 6s ease infinite;background:linear-gradient(to bottom right,#0f172a,#4a044e,#0f172a);background-size:200% 200%}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:scale-110:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-danger-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-gray-900:hover{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.hover\:bg-green-500\/30:hover{background-color:#22c55e4d}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-primary-700:hover{--tw-bg-opacity:1;background-color:#0369a1;background-color:rgb(3 105 161/var(--tw-bg-opacity,1))}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-red-500\/30:hover{background-color:#ef44444d}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-success-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-yellow-500\/30:hover{background-color:#eab3084d}.hover\:from-amber-600:hover{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:#d9770600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-sky-600:hover{--tw-gradient-from:#0284c7 var(--tw-gradient-from-position);--tw-gradient-to:#0284c700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:to-amber-700:hover{--tw-gradient-to:#b45309 var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.hover\:to-sky-700:hover{--tw-gradient-to:#0369a1 var(--tw-gradient-to-position)}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.hover\:text-primary-300:hover{--tw-text-opacity:1;color:#7dd3fc;color:rgb(125 211 252/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:text-white\/80:hover{color:#fffc}.hover\:text-yellow-400:hover{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.focus\:border-danger-400:focus{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.focus\:border-primary-500:focus{--tw-border-opacity:1;border-color:#0ea5e9;border-color:rgb(14 165 233/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.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-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-blue-500\/50:focus{--tw-ring-color:#3b82f680}.focus\:ring-danger-400:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.focus\:ring-danger-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(14 165 233/var(--tw-ring-opacity,1))}.focus\:ring-success-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-white\/20:focus{--tw-ring-color:#fff3}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.active\:translate-y-0:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.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-row{flex-direction:row}.md\:items-center{align-items:center}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.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\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.dashboard{animation:fadeIn .3s ease;max-width:100%;padding:20px}.dashboard-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:24px;padding:24px}.header-content{align-items:center;justify-content:space-between}.header-title h1{font-size:24px;font-weight:600;margin:0 0 8px}.header-title p{font-size:15px;margin:0;opacity:.9}.header-actions{gap:12px}.refresh-button{background-color:#fff3;border:none;border-radius:6px;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s}.refresh-button:hover{background-color:#ffffff4d}.refresh-button.refreshing svg{animation:spin 1s linear infinite}.time-range-selector{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff1a;border:1px solid var(--glass-border);border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px}.time-range-selector option{background-color:#334155;color:#fff}.last-updated{font-size:12px;margin-top:12px;opacity:.8;text-align:right}.kpi-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.kpi-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;display:flex;padding:20px;transition:all .3s}.kpi-card:hover{box-shadow:0 4px 25px -5px #0000001a,0 10px 25px -5px #0000000a;transform:translateY(-3px)}.kpi-icon{align-items:center;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;margin-right:16px;width:48px}.kpi-icon.revenue{background:var(--primary-gradient)}.kpi-icon.pending{background:var(--accent-gradient)}.kpi-icon.average{background:var(--success-gradient)}.kpi-icon.conversion{background:var(--secondary-gradient)}.kpi-content{flex:1 1}.kpi-content h3{color:#ffffffb3;font-size:14px;font-weight:500;margin:0}.kpi-value{color:#fff;font-size:22px;font-weight:600;margin-top:5px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.dashboard-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;display:flex;flex-direction:column;overflow:hidden;transition:all .3s}.dashboard-card:hover{box-shadow:0 4px 25px -5px #0000001a,0 10px 25px -5px #0000000a}.card-header{padding:16px 20px}.card-header h2{color:#fff;font-size:16px;font-weight:600;margin:0}.card-body{flex:1 1;padding:20px}.chart-card{grid-column:span 2}.chart-container{height:300px;position:relative}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.status-item{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;display:flex;flex-direction:column;padding:16px;text-align:center}.status-item.paid{background-color:#22c55e1a}.status-item.pending{background-color:#f973161a}.status-item.overdue{background-color:#ef44441a}.status-icon{align-items:center;border-radius:50%;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.status-item.paid .status-icon{color:#22c55e}.status-item.pending .status-icon{color:#f97316}.status-item.overdue .status-icon{color:#ef4444}.status-content h3{color:#ffffffb3;font-size:14px;font-weight:500;margin:0 0 8px}.status-value{color:#fff;font-size:22px;font-weight:600}.status-bar{background-color:#ffffff1a;border-radius:4px;display:flex;height:8px;overflow:hidden}.status-segment{height:100%}.status-segment.paid{background-color:#22c55e}.status-segment.pending{background-color:#f97316}.status-segment.overdue{background-color:#ef4444}.category-card{height:auto}.documents-card{grid-column:span 3}.documents-table{border-collapse:collapse;width:100%}.documents-table td,.documents-table th{border-bottom:1px solid #ffffff1a;color:#fff;padding:12px 16px;text-align:left}.documents-table th{color:#ffffffb3;font-size:14px;font-weight:500}.documents-table td{color:#fff}.status-badge{border-radius:9999px;font-size:12px;padding:4px 10px}.status-badge.paid{background-color:#22c55e33;color:#4ade80}.status-badge.pending{background-color:#f9731633;color:#fb923c}.status-badge.overdue{background-color:#ef444433;color:#f87171}.no-data{color:#ffffffb3;font-style:italic;padding:24px;text-align:center}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.action-button{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px;transition:all .2s}.action-button:hover{background-color:#ffffff1a;transform:translateY(-2px)}.action-button svg{color:#60a5fa}.clients-card,.products-card{height:100%}.view-all{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:14px;font-weight:500}.top-list{list-style:none;margin:0;padding:0}.top-list-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:12px 0}.top-list-item:last-child{border-bottom:none}.rank{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fffc;display:flex;font-size:14px;font-weight:600;height:26px;justify-content:center;margin-right:12px;width:26px}.info{flex:1 1}.info h3{color:#fff;font-size:15px;font-weight:500;margin:0}.details{color:#ffffffb3;font-size:13px;margin-top:4px}.indicator{color:#4ade80}.badge .stock{background-color:#22c55e33;border-radius:9999px;color:#4ade80;display:inline-block;font-size:12px;padding:4px 8px}.badge .stock.low{background-color:#ef444433;color:#f87171}.demo-data-button{align-items:center;background-color:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin-left:12px;padding:8px 12px;transition:all .2s}.demo-data-button:hover{background-color:#ffffff4d}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.chart-card,.documents-card{grid-column:span 2}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.chart-card,.documents-card{grid-column:span 1}.kpi-section{grid-template-columns:repeat(2,1fr)}.header-content{align-items:flex-start;flex-direction:column}.header-actions{margin-top:16px;width:100%}}@media (max-width:480px){.actions-grid,.kpi-section,.status-grid{grid-template-columns:1fr}.dashboard{padding:12px}.dashboard-header{padding:16px}.documents-table-wrapper{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.documents-table{min-width:500px}.documents-table td,.documents-table th{font-size:13px;padding:8px 10px}.hide-on-mobile{display:none}.chart-container{height:250px}.kpi-card{margin-bottom:10px;padding:15px}.kpi-icon{height:40px;margin-right:12px;width:40px}.kpi-value{font-size:18px}.top-list-item{padding:10px 0}.action-button{padding:15px}.flex.flex-wrap.justify-between.items-center.text-white\/60.text-sm.mt-6{align-items:flex-start;flex-direction:column;gap:10px}.flex.justify-between.items-center.mb-6{align-items:flex-start;flex-direction:column;gap:15px}.flex.justify-between.items-center.mb-6 button{justify-content:center;width:100%}.mobile-full-width{width:100%}.mobile-flex-col{align-items:flex-start;flex-direction:column;gap:10px}.mobile-mt-2{margin-top:8px}}.document-preview{background:#fff;min-height:100vh;padding:0;position:relative}.preview-actions{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:200}.action-buttons{display:flex;gap:.75rem}.btn{border:2px solid #0000;text-decoration:none}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:#64748b;border-color:#64748b}.btn-secondary:hover{background:#475569;border-color:#475569;box-shadow:0 4px 12px #64748b4d}.btn-outline{border-color:#e2e8f0}.btn-outline:hover{border-color:#3b82f6}.btn-success{border-color:#10b981}.document-container{background:#fff;display:flex;justify-content:center;max-width:100%;min-height:100vh;overflow-x:auto;padding:1.5rem;position:relative}.document-paper{-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"liga","clig","kern";aspect-ratio:210/297;background:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a,0 20px 25px #0000000d;box-sizing:border-box;font-family:Arial,sans-serif;-webkit-font-kerning:normal;font-kerning:normal;font-size:14px;font-variant-ligatures:common-ligatures;line-height:1.4;margin-bottom:2rem;max-height:none;max-width:210mm;min-height:297mm;min-width:210mm;overflow:visible;padding:15mm;position:relative;width:210mm}.document-paper,.document-paper *{-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.document-paper *{-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"kern";-webkit-font-kerning:normal;font-kerning:normal}.document-header{align-items:flex-start;background:#fff;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1rem}.company-letterhead{flex:1 1;margin-right:2rem}.company-letterhead-full{background:#fff;margin-bottom:2rem;padding:1rem;width:100%}.company-header-row{background:#fff;margin-bottom:1rem;min-height:100px;position:relative}.company-logo-section{left:0;position:absolute;top:0}.company-logo{flex-direction:column;text-align:center}.company-logo,.logo-circle{align-items:center;display:flex}.logo-circle{background:linear-gradient(135deg,#3b82f6,#1e40af);border:2px solid #3b82f6;border-radius:50%;height:80px;justify-content:center;margin-bottom:.5rem;width:80px}.logo-circle .logo-text{color:#fff;font-size:.625rem;font-weight:600}.logo-text{color:#374151;font-size:.625rem;font-weight:600}.logo-details{color:#374151;font-size:.75rem;line-height:1.2}.port-text,.region-text{font-weight:500;margin:.1rem 0}.company-main-info{padding-top:10px;text-align:center;width:100%}.company-arabic-name{color:#1e40af;direction:rtl;font-size:1.2rem;font-weight:700;margin-bottom:4px}.company-french-name{color:#1e40af;font-size:1.1rem;font-weight:700;margin-bottom:8px}.company-activity-description{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.company-services{color:#374151;font-size:.8rem;font-style:italic;margin-bottom:.5rem}.company-legal-info{background:#0000;border-top:1px solid #e2e8f0;color:#374151;font-size:.7rem;line-height:1.4;padding-top:.75rem}.legal-info-line{margin:.3rem 0;text-align:center}.legal-info-line strong{color:#1f2937;font-weight:600}.blue-line-separator{background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:2px;height:3px;margin:.75rem 0 0;width:100%}.company-contact-line{text-align:center}.company-digital-line{display:flex;gap:2rem;justify-content:center}.company-digital-line span{white-space:nowrap}.document-info{flex:1 1;text-align:right}.document-title{color:#1e40af;font-size:1.5rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem}.document-details{color:#64748b;font-size:.875rem}.document-details p{margin:.5rem 0}.client-section{margin-bottom:2rem}.section-title{color:#1e40af;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin:0 0 1rem;text-transform:uppercase}.client-details{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.client-details p{font-size:.875rem}.items-table-section{margin:1rem 0;max-height:calc(100% - 180mm);overflow:visible;width:100%}.items-table{border-collapse:collapse;font-size:.85rem;margin-bottom:0;max-height:80mm;table-layout:fixed;width:100%}.items-table tr:empty{height:.5rem}.totals-section{margin:-.5rem 0 0 52%}.amount-in-words{clear:both;display:block;margin-bottom:1.5rem;margin-top:-2rem;position:relative;text-align:left;width:100%;z-index:15}.amount-in-words p{word-wrap:break-word;color:#000;display:block;font-size:.9rem;font-weight:500;line-height:1.1;margin:0;overflow-wrap:break-word;padding:0;text-align:left;white-space:normal}@media print{.table-footer{break-inside:avoid;clear:both!important;margin-bottom:3rem!important;margin-top:.5rem!important;padding:0!important;page-break-inside:avoid;position:relative!important;width:100%!important;z-index:5!important}}.items-table th{background-color:#f8f9fa;font-size:.85rem;font-weight:600;padding:.5rem .3rem}.items-table td,.items-table th{border:1px solid #000;color:#000!important;text-align:center}.items-table td{border-bottom:none;border-top:none;height:25px;padding:.4rem .3rem}.items-table tbody tr:last-child td{border-bottom:1px solid #000}.items-table th:first-child{width:5%}.items-table th:nth-child(2){width:10%}.items-table th:nth-child(3){width:30%}.items-table th:nth-child(4),.items-table th:nth-child(5){width:5%}.items-table th:nth-child(6),.items-table th:nth-child(7){width:20.5%}.items-table.quote-request th:first-child{width:5%}.items-table.quote-request th:nth-child(2){width:40%}.items-table.quote-request th:nth-child(3),.items-table.quote-request th:nth-child(4){width:5%}.items-table.quote-request th:nth-child(5),.items-table.quote-request th:nth-child(6){width:22.5%}.items-table.long-item-codes th:nth-child(2){width:12%}.items-table.long-item-codes th:nth-child(3){width:28%}.items-table.long-item-codes th:nth-child(6),.items-table.long-item-codes th:nth-child(7){width:18.5%}.items-table.very-long-item-codes th:nth-child(2){width:14%}.items-table.very-long-item-codes th:nth-child(3){width:26%}.items-table.very-long-item-codes th:nth-child(6),.items-table.very-long-item-codes th:nth-child(7){width:17.5%}.items-table.wide-numbers th:nth-child(5){width:5%}.items-table.wide-numbers th:nth-child(3){width:30%}.items-table.long-item-codes.wide-numbers th:nth-child(2){width:12%}.items-table.long-item-codes.wide-numbers th:nth-child(5){width:5%}.items-table.long-item-codes.wide-numbers th:nth-child(3){width:28%}.items-table.long-item-codes.wide-numbers th:nth-child(6),.items-table.long-item-codes.wide-numbers th:nth-child(7){width:18.5%}.items-table.very-long-item-codes.wide-numbers th:nth-child(2){width:14%}.items-table.very-long-item-codes.wide-numbers th:nth-child(5){width:5%}.items-table.very-long-item-codes.wide-numbers th:nth-child(3){width:26%}.items-table.very-long-item-codes.wide-numbers th:nth-child(6),.items-table.very-long-item-codes.wide-numbers th:nth-child(7){width:17.5%}.totals-section{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;margin:.5rem 0 3rem 52%;position:relative;width:48%;z-index:10}.totals-table{border-bottom:1px solid #000;border-collapse:collapse;border-top:1px solid #000;font-size:.85rem;line-height:1.5;table-layout:fixed;width:100%}.totals-table tr{height:30px!important;min-height:30px!important}.totals-table td{border:1px solid #000;border-bottom:none;border-top:none;display:table-cell;line-height:1.5;padding:.15rem .6rem;vertical-align:middle}.totals-table tr:first-child td{border-top:1px solid #000}.totals-table tr:last-child td{border-bottom:1px solid #000}.total-label{background-color:#f8f9fa;color:#000!important;display:table-cell;font-weight:600;padding:.15rem .6rem .15rem 1rem;position:relative;text-align:left;vertical-align:middle;width:50%}.total-label:after{display:none}.total-value{background-color:#fff;color:#000!important;display:table-cell;padding:.15rem 1rem;text-align:left;vertical-align:middle;white-space:nowrap;width:50%}.net-total .total-label,.net-total .total-value{background-color:#e9ecef;font-weight:700}.table-footer{clear:both;display:block!important;font-size:.9rem;margin:0 0 1rem;padding-bottom:.2rem;position:relative;visibility:visible!important;width:100%;z-index:2}.document-preview[data-document-type=shipping-slip] .table-footer{margin-bottom:1.5rem;padding-bottom:1rem}.table-footer p{font-size:.9rem;padding:.2rem 0;white-space:normal}.additional-info{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.additional-info p{color:#374151;font-size:.875rem;margin:.5rem 0}.notes-section{bottom:43mm;left:15mm;margin:0;padding:0;position:absolute;right:15mm;width:calc(100% - 30mm)}.notes-title{color:#000!important;display:block;filter:none!important;font-size:.9rem;font-style:normal;font-weight:600;margin-bottom:.1rem;text-align:left;text-shadow:none!important;white-space:nowrap}.notes-content{color:#444;font-size:.9rem;line-height:1.5;padding:.5rem 0;white-space:pre-line}.document-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:.75rem;margin-top:3rem;padding-top:1rem;text-align:center}.document-footer p{margin:.25rem 0}@page{size:A4;margin:0}@media print{@page{size:A4;margin:0!important}.preview-actions,.signature-canvas-overlay,.signature-overlay{display:none!important}body{overflow:hidden!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body,html{height:100%!important;width:100%!important}@page :first{margin:0!important}@page :left{margin:0!important}@page :right{margin:0!important}.document-container,.document-preview,body,html{background:#fff!important;margin:0!important;padding:0!important}.document-container{display:block!important;height:100%!important;width:100%!important}.document-paper{background:#fff!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;font-family:Arial,sans-serif!important;font-size:14px!important;height:297mm!important;line-height:1.4!important;margin:0!important;max-height:297mm!important;min-height:297mm!important;overflow:hidden!important;padding:15mm!important;page-break-inside:avoid;width:210mm!important}.recipient-box{border:1px solid #3b82f6!important}*{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-feature-settings:"kern" 1,"kern"!important;-webkit-font-kerning:normal!important;font-kerning:normal!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;text-rendering:optimizeLegibility!important}}@media (min-width:1200px){.document-container{align-items:flex-start;padding:2rem}.document-paper{margin-bottom:3rem;min-height:297mm;transform:scale(1.1);transform-origin:top center;width:210mm}}@media (min-width:769px) and (max-width:1199px){.document-container{padding:1.5rem}.document-paper{margin-bottom:2rem;min-height:297mm;transform:scale(1);width:210mm}}@media (max-width:768px){.preview-actions{align-items:stretch;flex-direction:column;gap:1rem}.action-buttons{justify-content:center}.document-container{padding:.5rem;transform-origin:top center}.document-paper{margin:0 auto -180mm;max-width:210mm;min-height:297mm;min-width:210mm;padding:15mm;transform:scale(.4);transform-origin:top center;width:210mm}.document-header{flex-direction:column;gap:1.5rem}.document-info{text-align:left}.items-table{font-size:.75rem}.items-table td,.items-table th{padding:.5rem .25rem}.totals-table{min-width:250px}}@media (max-width:480px){.btn{font-size:.75rem;padding:.5rem 1rem}.items-table td:nth-child(2),.items-table th:nth-child(2){display:none}.company-name{font-size:1.5rem}.document-title{font-size:1.25rem}}.document-footer-contact{background:#fff;border-top:1px solid #000;clear:both;font-size:.6rem;line-height:1.3;margin-top:1rem;padding-top:.5rem;text-align:center}.contact-line{color:#000;font-size:.6rem;line-height:1.3;margin:.2rem 0}.contact-line strong{color:#000;font-weight:600}.email-link{color:#1e40af;text-decoration:none}.website-link{color:#1e40af;text-decoration:underline}.new-document-header{background:#fff;margin-bottom:0;margin-top:-1rem;padding:8px 0;width:100%}.header-content{align-items:flex-start;display:flex;justify-content:center;margin-bottom:.5rem;padding:0 8px;position:relative}.left-section{align-items:center;display:flex;flex-direction:column;left:8px;min-width:80px;position:absolute;top:0}.company-logo-new,.logo-image{margin-bottom:0}.logo-image{height:80px;object-fit:contain;width:80px}.logo-subtitle{color:#374151;font-size:.75rem;line-height:1.2;text-align:center}.center-section{padding-top:.5rem;position:relative;text-align:center;width:100%}.company-name-arabic{color:#1e40af;direction:rtl;font-size:1.4rem;font-weight:700;margin-bottom:3px}.company-name-french{color:#1e40af;font-size:1.3rem;font-weight:700;margin-bottom:2px;margin-top:-4px}.company-activity{color:#000!important;font-size:.95rem;font-weight:600;margin-bottom:.2rem}.company-services-italic{color:#000!important;font-size:.9rem;font-style:italic;font-weight:600;margin-bottom:.5rem}.small-separator-line{background:#e2e8f0;height:1px;margin:.25rem auto .5rem;width:80%}.company-details-inline{margin-bottom:.5rem;text-align:center}.company-details{margin-bottom:1rem;text-align:center}.details-line{color:#000;font-size:.75rem;line-height:1.4;margin:.25rem 0}.details-line strong{color:#000;font-weight:600}.blue-separator-line{background:#3b82f6;clear:both;height:2px;margin-top:.5rem;width:100%}.document-title-section{margin:0 0 .5rem;padding:0;text-align:center}.document-title-main{color:#1e40af!important;display:inline-block;font-size:1.6rem;font-weight:700;letter-spacing:.1em;margin:0;padding-bottom:.2rem;text-transform:uppercase}.simple-footer{bottom:15mm;left:15mm;padding:0;position:absolute;right:15mm;width:calc(100% - 30mm);z-index:10}.table-footer p{word-wrap:break-word;color:#000;display:block!important;font-weight:500;line-height:1.4;margin:0;overflow-wrap:break-word;padding:0;text-align:left}.document-preview[data-document-type=invoice] .simple-footer,.document-preview[data-document-type=shipping-slip] .simple-footer{bottom:15mm;left:15mm;position:absolute;right:15mm;width:calc(100% - 30mm)}.footer-separator{background:#000;height:1px;margin-bottom:.5rem;margin-top:-.4rem;width:100%}.footer-content{font-size:.9rem;line-height:1.4;margin-top:-.1rem;text-align:center}.footer-line{color:#000;margin:.2rem 0}.footer-line strong{font-weight:600}.email-text,.website-text{color:#1e40af}.document-info-grid{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0 0 .8rem;padding:0 .5rem}.document-info-left{display:flex;flex-direction:column;gap:.2rem}.info-row{align-items:center;display:flex;font-size:.8rem;gap:.3rem;line-height:1.2;margin-bottom:.1rem}.info-label{color:#000!important;font-weight:700;min-width:100px}.document-info-left .info-value{color:#000!important;font-size:.8rem;font-weight:300}.info-row.problem-description{background-color:#f9f9f9;border-radius:4px;margin-top:.5rem;padding:.5rem}.info-row.problem-description .info-label{color:#555;font-weight:700;margin-bottom:.3rem}.info-row.problem-description .info-value{white-space:pre-wrap}.document-info-right{align-items:flex-start;display:flex;justify-content:flex-start}.recipient-box{border:1px solid #3b82f6;border-radius:.5rem;margin-left:4%;margin-top:0;max-width:420px;padding:.8rem;width:100%}.recipient-content{display:flex;flex-direction:column;gap:.2rem}.recipient-name{align-items:center;color:#1e293b;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.2rem;text-align:center}.doit-label{color:#1e293b;font-size:.8rem;font-weight:600}.recipient-address{color:#000!important;font-size:.8rem;font-weight:300;margin-bottom:.3rem;text-align:center}.recipient-details{display:flex;flex-direction:column;gap:.05rem;text-align:left}.detail-row{align-items:flex-start;display:flex;font-size:.8rem;line-height:1.2;margin-bottom:.1rem}.recipient-details .detail-label{color:#000!important;font-weight:700!important;margin-right:.5rem;min-width:80px}.recipient-details .detail-value{color:#000!important;flex:1 1;font-weight:300}@media print{.document-info-grid{margin:1rem 0;page-break-inside:avoid}.recipient-box{border-color:#000}}.signature-overlay{pointer-events:none;position:absolute;z-index:100}.signature-canvas-overlay{background:#0000;cursor:crosshair;pointer-events:all}.document-preview.signing .document-container{cursor:crosshair}@media print{.signature-canvas-overlay,.signature-overlay{display:none}}.stamp-preview{pointer-events:none;transition:all .2s ease}.stamp-outer-circle{align-items:center;background:#0000;border:2px solid #0052cc;border-radius:50%;display:flex;height:160px;justify-content:center;position:relative;transform:rotate(-15deg);width:160px}.stamp-inner-circle{border:1px solid #0052cc;border-radius:50%;height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px}.stamp-inner-content{align-items:center;border-radius:50%;color:#0052cc;display:flex;flex-direction:column;height:140px;justify-content:center;padding:10px;position:relative;text-align:center;width:140px}.stamp-company-name{font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.stamp-company-name,.stamp-details{position:relative;text-transform:uppercase;z-index:2}.stamp-details{display:flex;flex-direction:column;font-size:9px;gap:2px;letter-spacing:.5px}.stamp-nif,.stamp-rc{font-weight:600}.stamp-date{font-size:8px;margin-top:3px}.stamp-outer-circle:before{border:1px dotted #0052cc;border-radius:50%;content:"";height:145px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:145px}.stamp-inner-content:before{top:15px}.stamp-inner-content:after,.stamp-inner-content:before{color:#0052cc;content:"★";font-size:10px;position:absolute}.stamp-inner-content:after{bottom:15px}.stamp-bottom-text,.stamp-top-text{color:#0052cc;font-size:8px;letter-spacing:1px;position:absolute;text-align:center;text-transform:uppercase;width:100%}.stamp-top-text{top:20px;transform:rotate(-5deg)}.stamp-bottom-text{bottom:20px;transform:rotate(5deg)}@media print{.stamp-preview{print-color-adjust:exact;-webkit-print-color-adjust:exact}.stamp-inner-circle,.stamp-inner-content,.stamp-inner-content:after,.stamp-inner-content:before,.stamp-outer-circle,.stamp-outer-circle:before{border-color:#0052cc;color:#0052cc}}.proforma-info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.proforma-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.proforma-left,.proforma-right{display:flex;flex-direction:column;gap:.75rem}.proforma-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.proforma-item:last-child{border-bottom:none}.proforma-label{color:#374151;flex:1 1;font-weight:600;margin-right:1rem}.proforma-value{color:#1f2937;flex:0 0 auto;font-weight:500;max-width:60%;text-align:right}@media print{.simple-footer{bottom:15mm!important;break-inside:avoid;left:15mm!important;margin-top:0!important;page-break-inside:avoid;position:absolute!important;right:15mm!important;width:calc(100% - 30mm)!important}.notes-section{bottom:43mm!important;margin:0!important}.notes-section,.table-footer{left:15mm!important;padding:0!important;position:absolute!important;right:15mm!important;width:calc(100% - 30mm)!important}.table-footer{bottom:40mm!important;z-index:5!important}.table-footer p{display:block!important;margin:0!important;padding:0!important}.footer-separator{color-adjust:exact!important;background:#000!important;border:none!important;border-top:1px solid #000!important;height:1px!important;print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important;width:100%!important}.proforma-info-section{background:#0000;border:1px solid #374151;margin:1rem 0;page-break-inside:avoid}.proforma-item{border-bottom-color:#6b7280}.proforma-label,.proforma-value{font-size:12px}}@media (max-width:768px){.proforma-info-grid{gap:1rem;grid-template-columns:1fr}.proforma-item{align-items:flex-start;flex-direction:column;gap:.25rem}.proforma-value{max-width:100%;text-align:left}}@media print{.items-table{margin-bottom:0!important;max-height:80mm!important}.totals-section{margin:-.5rem 0 0 52%!important}.table-footer{break-inside:avoid;clear:both!important;margin-bottom:3rem!important;margin-top:0!important;padding:0!important;page-break-inside:avoid;position:relative!important;width:100%!important;z-index:5!important}.table-footer p{padding:0!important;white-space:normal!important}.table-footer{margin-bottom:3rem!important;margin-top:0!important}.table-footer p{padding:0!important}.amount-in-words{margin-bottom:2rem!important;margin-top:-2rem!important;position:relative!important;width:100%!important;z-index:15!important}.amount-in-words,.amount-in-words p{display:block!important;text-align:left!important}.amount-in-words p{line-height:1.1!important;margin:0!important;overflow:visible!important;padding:0!important;visibility:visible!important;white-space:normal!important}.totals-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important}.totals-table td{border-left:1px solid #000!important;border-right:1px solid #000!important;height:30px!important;min-height:30px!important}.total-label,.totals-table td{display:table-cell!important;line-height:1.5!important;vertical-align:middle!important}.total-label{padding:.15rem .6rem .15rem 1rem!important}.total-value{display:table-cell!important;line-height:1.5!important;padding:.15rem 1rem!important;vertical-align:middle!important}.totals-table tr:first-child td{border-top:1px solid #000!important}.totals-table tr:last-child td{border-bottom:1px solid #000!important}}.attachment-details-section{margin:.5rem 0 1.5rem;page-break-inside:auto;width:100%}.attachment-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.attachment-info-column{display:flex;flex-direction:column;gap:.4rem}.attachment-info-row{align-items:flex-start;display:flex;gap:.5rem;line-height:1.3}.attachment-info-label{color:#333;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:140px}.attachment-info-value{color:#000;font-size:.85rem}.attachment-section-subtitle{border-bottom:1px solid #e2e8f0;color:#1e40af;font-size:.95rem;font-weight:600;margin:1rem 0 .5rem;padding-bottom:.25rem;page-break-after:avoid}.attachment-timeline{margin-bottom:1rem}.attachment-technical{margin-bottom:1rem;page-break-inside:auto}.attachment-text-section{margin-bottom:.8rem;page-break-inside:avoid}.attachment-text-title{color:#4b5563;font-size:.85rem;font-weight:600;margin:0 0 .3rem;page-break-after:avoid}.attachment-text-content{color:#000;font-size:.85rem;line-height:1.4;margin:0;white-space:pre-line}.attachment-additional{margin-bottom:1rem}.cahier-des-charges-section{margin:.5rem 0 1.5rem;page-break-before:auto;page-break-inside:auto;width:100%}.cahier-des-charges-section .section-title{color:#1e40af;font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;page-break-after:avoid;text-transform:uppercase}.specifications-table{border-collapse:collapse;font-size:.8rem;margin-bottom:1.5rem;width:100%}.specifications-table th{background-color:#f8f9fa;font-size:.8rem;font-weight:600}.specifications-table td,.specifications-table th{border:1px solid #000;color:#000!important;padding:.4rem .5rem;text-align:left}.specifications-table th:first-child{width:15%}.specifications-table th:nth-child(2){width:25%}.specifications-table th:nth-child(3){width:50%}.specifications-table th:nth-child(4){width:10%}@media print{.document-paper{height:auto!important;max-height:none!important;min-height:0!important}.attachment-details-section,.attachment-technical,.cahier-des-charges-section{page-break-inside:auto}.attachment-section-subtitle{color:#1e40af!important;page-break-after:avoid}.attachment-text-title{page-break-after:avoid}.attachment-text-section{page-break-inside:avoid}.attachment-info-label{color:#333!important}.attachment-info-value,.attachment-text-content{color:#000!important}.simple-footer{bottom:15mm!important;left:15mm!important;position:absolute!important;right:15mm!important;width:calc(100% - 30mm)!important}}.requirements-info{color:#444;font-size:.9em;line-height:1.3;margin-top:5px}.requirements-info strong{font-weight:600}@media (max-width:768px){.document-actions{flex-wrap:wrap;gap:.5rem;justify-content:center}.document-actions button{flex:1 1;font-size:.85rem;min-width:100px;padding:.5rem}.document-actions button svg{margin-right:.25rem}.document-preview-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.document-preview-actions button{flex:1 1;font-size:.85rem;min-width:0;padding:.5rem;white-space:nowrap}.document-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none}.document-tabs::-webkit-scrollbar{display:none}.form-grid{grid-template-columns:1fr}.form-buttons,.form-navigation{flex-direction:column;gap:.5rem}.form-buttons{display:flex;width:100%}.form-buttons button svg{height:18px;width:18px}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{font-size:.9rem;padding:.5rem 1rem}.flex.items-center.justify-between{flex-wrap:wrap;gap:.5rem}.document-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.document-action-buttons button{padding:.5rem}.document-action-buttons button,button.bg-blue-600,button.bg-green-600,button.bg-violet-600{align-items:center;display:flex;flex:1 1;font-size:.85rem;justify-content:center;min-width:0;white-space:nowrap}button.bg-blue-600,button.bg-green-600,button.bg-violet-600{padding:.5rem .75rem}}@media (max-width:480px){.document-actions button{font-size:.75rem;padding:.4rem}.document-actions button span{display:none}.document-actions button svg{margin-right:0}.preview-buttons{flex-direction:column;width:100%}.preview-buttons button{width:100%}button.bg-blue-600,button.bg-green-600,button.bg-violet-600{font-size:.75rem;padding:.4rem .6rem}button.bg-blue-600 svg,button.bg-green-600 svg,button.bg-violet-600 svg{height:16px;margin-right:0;width:16px}button.bg-blue-600 span,button.bg-green-600 span,button.bg-violet-600 span{display:none}}@media (max-width:768px){button.bg-blue-600 span,button.bg-green-600 span,button.bg-violet-600 span{display:none}button.bg-blue-600 svg,button.bg-green-600 svg,button.bg-violet-600 svg{margin-right:0}button.bg-blue-600,button.bg-green-600,button.bg-violet-600{justify-content:center;min-width:42px;padding:.5rem}.document-preview-actions{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.back-button{align-items:center;display:flex;font-size:.85rem;justify-content:center;padding:.5rem;width:100%}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.download-button,.save-button{align-items:center;display:flex;flex:1 1;font-size:.85rem;justify-content:center;min-width:0;padding:.5rem;white-space:nowrap}.download-button svg,.save-button svg{margin-right:.25rem}}@media (max-width:480px){.back-button,.download-button,.save-button{font-size:.75rem;padding:.4rem}.back-button svg,.download-button svg,.save-button svg{height:16px;margin-right:0;width:16px}.back-button span,.download-button span,.save-button span{display:none}}@media (max-width:768px){.back-button span,.download-button span,.save-button span{display:none}.back-button svg,.download-button svg,.save-button svg{margin-right:0}.back-button,.download-button,.save-button{justify-content:center;min-width:42px;padding:.5rem}}.document-creation{max-width:100%;padding:0}.page-title{align-items:center;color:#fff;display:flex;font-size:2.25rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.title-icon{background:#fff3;border-radius:.75rem;color:#0ea5e9;height:2.5rem;padding:.5rem;width:2.5rem}.page-subtitle{color:#fff;font-size:1.125rem;font-weight:400;margin:.25rem 0 0}.creation-content{display:flex;flex-direction:column;gap:2rem;width:100%}.document-categories{display:flex;flex-direction:column;gap:1rem}.document-categories>.category-section{display:block}.category-section{background:#0000;border-radius:1.25rem;margin-top:1rem;overflow:hidden;transition:all .3s ease}.category-section:first-child{margin-top:0}.category-section:hover{box-shadow:0 8px 25px #0ea5e926;transform:translateY(-2px)}.category-header{background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;display:flex;margin-bottom:.5rem;overflow:hidden;padding:1rem 2rem;position:relative}.category-header:before{background:radial-gradient(circle at top right,#fff3,#0000 70%);content:"";height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.category-header>span{font-weight:800;letter-spacing:.05em;text-transform:uppercase}.category-header>span,.category-title{color:#fff!important;font-size:1.25rem;margin:0}.category-title{font-weight:700;position:relative;z-index:1}.beta-badge{animation:pulseGlow 2s ease-in-out infinite;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#3b82f6;color:var(--category-color,#3b82f6);display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:.2rem .5rem;text-transform:uppercase}@keyframes pulseGlow{0%,to{box-shadow:0 2px 4px #0000001a;transform:scale(1)}50%{box-shadow:0 4px 8px #0003,0 0 10px #ffffff4d;transform:scale(1.05)}}.category-line{display:none}.documents-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1rem}.document-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;gap:1.25rem;min-height:120px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.document-card:before{background:#3b82f6;background:var(--doc-color,#3b82f6);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:4px}.document-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.document-card:hover:before{opacity:1}.document-card.selected{background:#fff3;border-color:#3b82f6;border-color:var(--doc-color,#3b82f6);box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.document-card.selected:before{opacity:1}.document-icon{align-items:center;background:#fff3;border-radius:1rem;color:#3b82f6;color:var(--doc-color,#3b82f6);display:flex;flex-shrink:0;height:3.5rem;justify-content:center;transition:all .3s ease;width:3.5rem}.document-card.selected .document-icon,.document-card:hover .document-icon{background:#3b82f6;background:var(--doc-color,#3b82f6);color:#fff;transform:scale(1.05)}.document-content{flex:1 1}.document-card .document-title{color:#fff;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.document-subtitle{color:#ffffffe6;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.document-description{color:#ffffffb3;font-size:.875rem;line-height:1.5;margin:0}.document-arrow{color:#ffffff80;transform:translateX(0);transition:all .2s ease}.document-card.selected .document-arrow,.document-card:hover .document-arrow{color:#fff;transform:translateX(4px)}.creation-panel{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 8px 32px #0000001a;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.panel-header{border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem}.selected-icon{align-items:center;border-radius:1rem;display:flex;flex-shrink:0;height:4rem;justify-content:center;width:4rem}.panel-info{flex:1 1}.panel-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.panel-subtitle{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.panel-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.panel-actions{display:flex;flex-direction:column;gap:.75rem}.create-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);font-size:1rem;font-weight:600;padding:1rem 1.5rem}.create-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.header-navigation{align-items:center;display:flex;flex:1 1;gap:1.5rem}.page-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #2563eb;border-radius:1rem;justify-content:space-between;margin-bottom:2rem;padding:2rem}.btn-back,.page-header{align-items:center;display:flex}.btn-back{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;color:#64748b;cursor:pointer;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-back:hover{background:#e2e8f0;color:#475569;transform:translateX(-2px)}.header-actions,.header-info{align-items:center;display:flex;gap:.75rem}.header-actions{margin-left:auto}.header-actions .btn{align-items:center;border:1px solid #0000;border-radius:.75rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.header-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.document-form{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;box-shadow:0 8px 32px #0000001a;padding:2rem}.section-title{border-bottom:1px solid #fff3;margin:0 0 1.5rem}.section-subtitle{border-bottom:1px solid #fff3;color:#fff;font-size:.95rem;margin:1.2rem 0 .5rem;padding-bottom:.5rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group label{font-weight:500;margin-bottom:.25rem}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:initial}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:initial;border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f64d}.form-group input.readonly{background:#ffffff0d;color:#ffffff80;cursor:not-allowed}.form-group input.readonly-input{background-color:#ffffff0d;border-color:#ffffff1a;color:#ffffff80;cursor:not-allowed}.client-info{display:none}.client-details p{color:#374151;margin:.25rem 0}.client-details p:first-child{color:#1e293b;font-weight:600}.items-container{display:flex;flex-direction:column;gap:1rem}.item-row{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff12;border:1px solid #ffffff26;border-radius:.75rem;display:flex;padding:1.5rem;position:relative}.item-fields,.item-row{align-items:end;gap:1rem}.item-fields{grid-gap:1rem;display:grid;flex:1 1;grid-template-columns:2fr 100px 150px 150px}.btn-remove{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-remove:hover:not(:disabled){background:#fecaca;transform:scale(1.05)}.btn-remove:disabled{cursor:not-allowed;opacity:.5}.add-item{align-items:center;align-self:flex-start;background:#8b5cf64d;border:1px dashed #8b5cf699;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.add-item:hover{background:#8b5cf666;border-color:#8b5cf6cc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.totals-container{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.taxes-config{grid-gap:1.25rem;background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding:1rem}.taxes-config,.totals-summary{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.totals-summary{background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;padding:1.5rem}.total-line{align-items:center;border-bottom:1px solid #ffffff26;color:#ffffffe6;display:flex;font-weight:500;justify-content:space-between;padding:.75rem 0}.total-line:last-child{border-bottom:none}.total-line.discount{color:#16a34a;font-weight:600}.total-line.total{border-top:2px solid #3b82f6b3;color:#fff;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem;text-shadow:0 1px 3px #0003}.form-actions{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:1rem;padding:2rem}.btn{border:1px solid #0000;display:flex}.btn-primary{background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f666}.btn-secondary{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.btn-secondary:hover{background:#e5e7eb;color:#374151}.btn-outline{background:#fff;border-color:#3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6}.btn-success{background:#10b981;border:2px solid #10b981}.btn-success:hover{background:#059669;border-color:#059669;box-shadow:0 4px 12px #10b9814d}.document-card.disabled{background:#ffffff0d;cursor:not-allowed;opacity:.6}.document-card.disabled:hover{background:#ffffff0d;border-color:#ffffff1a;box-shadow:none;transform:none}.document-card.disabled .document-icon{background:#ffffff1a;color:#fff6}.document-card.disabled:hover .document-icon{background:#ffffff1a;color:#fff6;transform:none}.coming-soon{color:#ffa500e6;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-top:.5rem;text-transform:uppercase}.checkbox-group{align-items:center;flex-direction:row!important;gap:.5rem}.checkbox-group label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-group input[type=checkbox]{margin:0;transform:scale(1.1);width:auto}@media (max-width:1200px){.documents-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:1024px){.documents-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1rem}.totals-container{gap:1.5rem;grid-template-columns:1fr}.item-fields{gap:1rem;grid-template-columns:1fr}.item-row{align-items:stretch;flex-direction:column}.btn-remove{align-self:flex-end}}@media (max-width:768px){.page-header{padding:1.5rem 1rem}.page-title{font-size:1.5rem}.title-icon{height:2rem;padding:.4rem;width:2rem}.page-subtitle{font-size:.9rem}.document-card{min-height:100px;padding:1.25rem}.document-icon{height:2.75rem;width:2.75rem}.category-header{padding:1rem 1.5rem}.documents-grid{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.document-form{padding:0 .5rem}.form-section{margin-bottom:1rem;padding:1.25rem}.form-grid{gap:.75rem}.form-grid,.taxes-config{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:.75rem;padding:1rem}.header-navigation{align-items:flex-start;flex-direction:column;gap:1rem;padding-top:3rem}.btn{justify-content:center;width:100%}}@media (max-width:480px){.document-card{align-items:center;flex-direction:column;gap:.75rem;padding:1.25rem .75rem}.document-card,.document-content{text-align:center}.document-arrow{display:none}.document-title{font-size:1rem}.document-description,.document-subtitle{font-size:.8rem}.panel-header{flex-direction:column;gap:1rem;text-align:center}.panel-actions{gap:.5rem}.btn{font-size:.875rem;padding:.625rem 1rem}.section-title{align-items:flex-start;flex-direction:column;font-size:1.125rem;gap:.5rem}.item-row{gap:.5rem}.item-row,.totals-summary{padding:.75rem}.form-group label{font-size:.875rem}.form-group input,.form-group select,.form-group textarea{font-size:.875rem;padding:.5rem}.page-header{border-radius:.75rem;margin-bottom:1rem;padding:1rem}.page-title{font-size:1.25rem}.page-subtitle{font-size:.8rem}.title-icon{border-radius:.5rem;height:1.75rem;padding:.35rem;width:1.75rem}.form-section{border-radius:1rem;margin-bottom:1rem;padding:1rem}.taxes-config{gap:.5rem;padding:.75rem}.toggle-label.tax-toggle-btn{padding:.5rem .75rem}.toggle-text{font-size:.8rem}.category-header{padding:.75rem 1rem}.category-title{font-size:1rem}.document-preview-section{max-height:400px}.preview-container .document-container{transform:scale(.6);width:166%}.tabs-navigation{overflow-x:auto;padding-bottom:5px;white-space:nowrap}.tabs-navigation .tab-button{font-size:.8rem;padding:6px 10px}}.section-subtitle{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #3b82f6;border-radius:0 .5rem .5rem 0;color:#374151;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem;padding:.75rem 1rem}.form-section.algerian-invoice{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #059669}.form-section.algerian-proforma{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.form-section.algerian-quote-request{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #f59e0b}.form-group input[required],.form-group select[required]{border-left:3px solid #dc2626}.form-group input[required]:focus,.form-group select[required]:focus{border-left-color:#059669;box-shadow:0 0 0 3px #0596691a}.regulatory-indicator{align-items:center;background:#059669;border-radius:1rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;margin-left:.5rem;padding:.25rem .75rem}.regulatory-indicator.algeria{background:linear-gradient(135deg,#059669,#047857)}.regulatory-indicator:before{content:"🇩🇿";font-size:.8rem}.help-text{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.help-text.regulatory{color:#059669;font-weight:500}.help-text.warning{color:#dc2626;font-weight:500}.toggle-group{display:flex;flex-direction:column;gap:.5rem}.toggle-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.toggle-label.tax-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;overflow:hidden;padding:.75rem 1rem;position:relative}.toggle-label.tax-toggle-btn:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.toggle-label.tax-toggle-btn.active{background:#3b82f633;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.toggle-label input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.toggle-label input[type=checkbox].visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.toggle-text{font-weight:600;position:relative;white-space:nowrap;z-index:1}.toggle-input,.toggle-text{color:#fff;font-size:.875rem}.toggle-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;box-shadow:inset 0 2px 4px #0000000d;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.toggle-input:focus{background:#ffffff14;border-color:#3b82f699;box-shadow:0 0 0 3px #3b82f633,inset 0 2px 4px #0000000d;outline:none}.status-indicator{align-items:center;border-radius:1rem;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-indicator.draft{background:#f3f4f6;color:#374151}.status-indicator.sent{background:#dbeafe;color:#1d4ed8}.status-indicator.accepted{background:#d1fae5;color:#065f46}.status-indicator.rejected{background:#fee2e2;color:#991b1b}.status-indicator.expired{background:#fecaca;color:#dc2626}.document-creation-container{display:flex;gap:2rem;height:calc(100vh - 200px);min-height:600px}.document-form-section{flex:1 1;overflow-y:auto;padding-right:1rem}.document-preview-section{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 4px 6px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.preview-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.preview-header .preview-actions{display:flex;gap:.75rem}.preview-header .preview-actions .btn{font-size:.875rem;padding:.5rem 1rem}.preview-container{background:#f8fafc;flex:1 1;overflow-y:auto;padding:1rem}.preview-container .preview-actions{display:none}.preview-container .document-container{transform:scale(.8);transform-origin:top left;width:125%}@media (max-width:1400px){.document-creation-container{flex-direction:column;height:auto}.document-preview-section{max-height:600px}.preview-container .document-container{transform:scale(.9);width:111%}}@media (max-width:768px){.document-creation-container{flex-direction:column;gap:1rem}.document-form-section{padding-right:0}.document-preview-section{max-height:500px}.preview-container .document-container{transform:scale(.7);width:143%}.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}.preview-header .preview-actions{justify-content:space-between;width:100%}.preview-header .preview-actions .btn{flex:1 1;font-size:.8rem;padding:.5rem}.documents-grid{gap:.75rem;grid-template-columns:1fr}.document-card{min-height:100px;padding:1rem}.item-fields{grid-template-columns:1fr!important}.item-row{flex-direction:column;padding:1rem}.btn-remove{align-self:flex-end;margin-top:.5rem}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.header-navigation{align-items:flex-start;flex-direction:column;gap:.75rem}.header-actions{flex-wrap:wrap;gap:.5rem;width:100%}.header-actions .btn{flex:1 1;font-size:.8rem;justify-content:center;min-width:120px;padding:.5rem}}.horizontal-group{align-items:center;flex-direction:row;gap:1rem}.horizontal-group .toggle-input{margin-top:0;width:120px}.tabs-navigation{border-bottom:1px solid #e5e7eb;margin-bottom:15px}.tabs-navigation .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-weight:500;padding:8px 15px;transition:all .2s}.tabs-navigation .tab-button:hover{background-color:#f1f5f9;color:#334155}.tabs-navigation .tab-button.active{background-color:#f1f5f9;border-bottom-color:#3b82f6;color:#3b82f6}button.bg-blue-600,button.bg-green-600,button.bg-purple-600,button.bg-violet-600{align-items:center;display:flex;gap:.5rem;justify-content:center}@media (max-width:768px){button[class*=bg-blue-600] span,button[class*=bg-green-600] span,button[class*=bg-purple-600] span,button[class*=bg-violet-600] span{display:none!important}button[class*=bg-blue-600] svg,button[class*=bg-green-600] svg,button[class*=bg-purple-600] svg,button[class*=bg-violet-600] svg{margin-right:0!important}button[class*=bg-blue-600],button[class*=bg-green-600],button[class*=bg-purple-600],button[class*=bg-violet-600]{justify-content:center!important;min-width:42px!important;padding:.5rem!important}.preview-actions .btn span{display:none!important}.preview-actions .btn svg{margin-right:0!important}.preview-actions .btn{justify-content:center!important;min-width:42px!important;padding:.5rem!important}button:has(span:contains("Aperçu")) span,button:has(span:contains("Générer PDF")) span,button:has(span:contains("Sauvegarder")) span{display:none!important}}.tabs-navigation{display:flex;gap:1rem;margin-bottom:1.5rem;padding:.25rem}.tab-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.tab-button:hover{background:#ffffff26}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:1px solid #ffffff4d;box-shadow:0 4px 12px #3b82f64d}.modal-content{overflow:hidden}.client-form{max-height:calc(85vh - 4rem);overflow-y:auto;padding:1.5rem}.form-section-title{border-bottom:1px solid #ffffff1a;margin:1.5rem 0 1rem;padding-bottom:.5rem}.form-section-title h3{color:#fff;font-size:1rem;font-weight:600;margin:0}.form-group,.form-row{margin-bottom:1rem}.form-group small{display:block}.required-note{color:#ffffff80;font-size:.75rem;font-weight:400;margin-left:.25rem}.form-actions{margin-top:1.5rem}.clients-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:768px){.clients-grid,.form-row{grid-template-columns:1fr}.tabs-navigation{flex-wrap:wrap;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.tab-button{flex:1 1;font-size:.8rem;min-width:120px;padding:.6rem 1rem}.modal-content{max-height:90vh;width:95%}.client-form{padding:1rem}.filter-bar{align-items:stretch!important;flex-direction:column;gap:.75rem!important;padding:1rem!important}.filter-bar>div{width:100%}.search-input{width:100%!important}.filter-dropdown{width:100%}.view-mode-toggle{justify-content:center;margin-top:.5rem;width:100%}.pagination-controls{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem!important}.pagination-info{font-size:.8rem;margin-bottom:.5rem;text-align:center;width:100%}.refresh-button{height:36px;right:.5rem;top:.5rem;width:36px}}@media (max-width:640px){.clients-table{display:block;width:100%}.clients-table thead{display:none}.clients-table tbody{display:block;width:100%}.clients-table tr{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.clients-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0;text-align:right}.clients-table td:last-child{border-bottom:none}.clients-table td:before{color:#ffffffb3;content:attr(data-label);font-weight:600;text-align:left}.client-actions{justify-content:center;padding-top:.5rem}.modal-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.modal-header h2{font-size:1.1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.client-card{padding:.75rem!important}.client-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.client-card-content{padding:.75rem!important}.client-info-grid{gap:.5rem!important;grid-template-columns:1fr!important}.client-info-item{padding:.5rem!important}.client-status-badge,.client-type-badge{font-size:.7rem!important;padding:.2rem .5rem!important}}@media (max-width:380px){.tab-button{font-size:.75rem;min-width:100px;padding:.5rem .75rem}.clients-table td:before{font-size:.8rem}.clients-table td{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:.25rem;text-align:left}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:.6rem}}.modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:800px;overflow:hidden;width:100%}.modal-header{padding:1rem 1.5rem}.modal-header h2{font-weight:600}.modal-close-button{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.modal-close-button:hover{background-color:#ffffff1a;color:#fff}.modal-form{max-height:70vh;overflow-y:auto;padding:1.5rem}.form-grid{grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-label{color:#fff;display:block;font-weight:500}.form-input{background-color:#ffffff1a;border-radius:.75rem;padding:.75rem 1rem;transition:all .2s}.form-input:focus{background-color:#ffffff26;box-shadow:0 0 0 2px #3b82f640}.form-input::placeholder{color:#ffffff80}.form-select{-webkit-appearance:none;appearance:none;background-color:#ffffff1a;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5rem;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:.875rem;overflow:hidden;padding:.75rem 2.5rem .75rem 1rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap;width:100%}.form-select:focus{background-color:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.form-select option{background-color:#334155;color:#fff}.form-textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:.875rem;padding:.75rem 1rem;transition:all .2s;width:100%}.form-textarea:focus{background-color:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.form-footer{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-cancel{border-radius:.75rem}.btn-cancel,.btn-submit{cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-submit{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.75rem;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-submit:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.full-width{grid-column:1/-1}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.modal-container{max-height:90vh}.modal-form{max-height:calc(90vh - 60px)}.form-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{text-align:center;width:100%}}@media (max-width:768px){.data-table{min-width:800px;width:100%}.data-table thead{display:table-header-group}.data-table tbody tr{background-color:initial;border:none;display:table-row;margin-bottom:0}.data-table tbody td{border-bottom:1px solid #ffffff0d;display:table-cell;justify-content:flex-start;text-align:left}.data-table tbody td:before{content:none}.table-horizontal-scroll:after{animation:fadeInOut 1.5s infinite alternate;color:#ffffff80;content:"→";font-size:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.archives-table,.categories-table,.clients-table,.employees-table,.products-table{min-width:800px}body,html{overflow-x:hidden;width:100%}.data-table{min-width:800px;width:100%}.stats-card{padding:.75rem}.stats-card p.text-2xl{font-size:1.25rem}.filter-bar{align-items:stretch;flex-direction:column}.filter-dropdowns{flex-wrap:wrap;justify-content:space-between}.filter-select{flex:1 1 45%;font-size:.85rem;min-width:0}.action-buttons{flex-wrap:wrap;gap:.5rem}.action-buttons button{font-size:.85rem;padding:.5rem}.form-grid{grid-template-columns:1fr}.modal-container{max-height:90vh;overflow-y:auto;width:95%}.pagination-controls{align-items:center;flex-direction:column;gap:.5rem}.client-actions,.employee-actions,.product-actions{display:flex;flex-direction:row;justify-content:flex-end}.client-grid,.employee-grid,.product-grid{grid-template-columns:1fr}}@media (max-width:480px){.stats-card p.text-2xl{font-size:1.1rem}.filter-select{font-size:.75rem}.action-buttons button{font-size:.75rem;padding:.4rem}.action-buttons button svg{height:16px;width:16px}}@media (max-width:768px){.filter-bar{overflow:visible;padding:.5rem;width:100%}.search-input{max-width:100%;width:100%}.filter-dropdowns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;width:100%}.bg-white\/10.border.border-white\/20.rounded-xl.px-4.py-2.text-white,.filter-select{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:0;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.view-mode-toggle{margin-left:auto;margin-right:auto;margin-top:.5rem}.bg-white\/10.backdrop-blur-lg.rounded-3xl.p-6.border.border-white\/20{margin-bottom:1rem;overflow:visible;padding:1rem}.flex.flex-col.md\:flex-row.gap-4.items-center.justify-between.filter-bar{gap:.5rem}.relative.flex-1.max-w-md{max-width:100%;width:100%}.flex.items-center.gap-4{flex-wrap:wrap;justify-content:space-between;width:100%}.grid.grid-cols-1.md\:grid-cols-5.gap-6{display:flex;flex-direction:column;gap:.5rem}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{font-size:.9rem;padding:.5rem 1rem}.flex.space-x-1.overflow-x-auto.hide-scrollbar{justify-content:center;padding:.25rem}.flex.space-x-1.overflow-x-auto.hide-scrollbar button{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:480px){.bg-white\/10.border.border-white\/20.rounded-xl.px-4.py-2.text-white,.filter-select{font-size:.75rem;padding:.4rem}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{font-size:.8rem;padding:.4rem .8rem}.flex.space-x-1.overflow-x-auto.hide-scrollbar button span{font-size:.75rem}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#1e293bf2;border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;width:100%}.modal-content,.modal-content.large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-header h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:.25rem;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.employee-form{overflow-y:auto;padding:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;padding:.75rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f633}.form-group small{color:#ffffff80}.form-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;padding-top:1rem}.btn{border-radius:.5rem;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary{border:none;box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 4px 8px #3b82f666}.btn-secondary:hover{background:#fff3}@media (max-width:768px){.form-row{grid-template-columns:1fr}.modal-content.large{margin:1rem;width:95%}.employee-form{padding:1rem}.filter-bar{align-items:stretch!important;flex-direction:column;gap:.75rem!important;padding:1rem!important}.filter-bar>div{width:100%}.search-input{width:100%!important}.filter-dropdown{width:100%}.view-mode-toggle{justify-content:center;margin-top:.5rem;width:100%}.pagination-controls{flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem!important}.pagination-info{font-size:.8rem;margin-bottom:.5rem;text-align:center;width:100%}.employee-grid{gap:1rem!important;grid-template-columns:1fr!important}.refresh-button{height:36px;right:.5rem;top:.5rem;width:36px}.form-group{margin-bottom:.75rem}.form-group label{margin-bottom:.25rem}.btn{padding:.6rem 1.2rem}}@media (max-width:640px){.employees-table{display:block;width:100%}.employees-table thead{display:none}.employees-table tbody{display:block;width:100%}.employees-table tr{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.employees-table td{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0;text-align:right}.employees-table td:last-child{border-bottom:none}.employees-table td:before{color:#ffffffb3;content:attr(data-label);flex-basis:40%;font-weight:600;padding-right:.5rem;text-align:left}.employee-actions{justify-content:center;padding-top:.5rem}.modal-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1rem}.modal-header h2{font-size:1.1rem}.form-actions{flex-direction:column}.form-actions button{width:100%}.tabs-navigation{overflow-x:auto;padding-bottom:5px;white-space:nowrap}.employee-card{padding:.75rem!important}.employee-info{align-items:flex-start!important;flex-direction:column;gap:.5rem}.employee-avatar{height:3rem!important;margin-right:0!important;width:3rem!important}.employee-details{padding:.75rem!important}.employee-contact{align-items:flex-start!important;flex-direction:column;gap:.25rem}.employee-contact-item{font-size:.8rem!important}}@media (max-width:380px){.employees-table td{align-items:flex-start;flex-direction:column;gap:.25rem;text-align:left}.employees-table td:before{flex-basis:100%;font-size:.8rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:.6rem}.btn{font-size:.8rem;padding:.5rem 1rem}}@media (max-width:768px){.filter-bar{overflow:visible;padding:.5rem;width:100%}.search-input{max-width:100%;width:100%}.filter-dropdowns{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;width:100%}.bg-white\/10.border.border-white\/20.rounded-xl.px-4.py-2.text-white,.filter-select{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:0;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.view-mode-toggle{margin-left:auto;margin-right:auto;margin-top:.5rem}.bg-white\/10.backdrop-blur-lg.rounded-3xl.p-6.border.border-white\/20{margin-bottom:1rem;overflow:visible;padding:1rem}.flex.flex-col.md\:flex-row.gap-4.items-center.justify-between.filter-bar{gap:.5rem}.relative.flex-1.max-w-md{max-width:100%;width:100%}.flex.items-center.gap-4{flex-wrap:wrap;justify-content:space-between;width:100%}.grid.grid-cols-1.md\:grid-cols-5.gap-6{display:flex;flex-direction:column;gap:.5rem}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{font-size:.9rem;padding:.5rem 1rem}}@media (max-width:480px){.bg-white\/10.border.border-white\/20.rounded-xl.px-4.py-2.text-white,.filter-select{font-size:.75rem;padding:.4rem}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{font-size:.8rem;padding:.4rem .8rem}}.products{max-width:100%;overflow-x:hidden;padding:0;width:100%}.products-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:1rem;margin-bottom:2rem;overflow:hidden;width:100%}.products-table{border-collapse:initial;border-spacing:0;width:100%}.products-table thead{background-color:#ffffff0d}.products-table th{border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;font-weight:600;padding:1rem 1.25rem;text-align:left;white-space:nowrap}.products-table tbody tr{border-bottom:1px solid #ffffff1a;transition:background-color .2s}.products-table tbody tr:hover{background-color:#ffffff0d}.products-table tbody tr:last-child{border-bottom:none}.products-table td{color:#ffffffe6;font-size:.9rem;padding:1.25rem;vertical-align:middle}.product-info-cell{max-width:300px}.product-name{color:#fff;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.product-sku{color:#fff9;font-size:.8rem;margin-bottom:.25rem}.product-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#ffffffb3;display:-webkit-box;font-size:.8rem;overflow:hidden;text-overflow:ellipsis}.type-badge{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:500;padding:.35rem .75rem;text-align:center}.type-badge.product{background-color:#3b82f633;color:#dbeafe}.type-badge.service{background-color:#f59e0b33;color:#fef3c7}.price-cell{white-space:nowrap}.price{color:#fff;font-weight:600}.unit{color:#fff9;font-size:.8rem}.stock-cell{text-align:center}.stock{color:#fff;font-weight:600}.stock.low{color:#ef4444}.stock-unlimited{color:#fff9;font-size:1.5rem}.status-badge{border-radius:1rem;display:inline-block;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.status-badge.active{background-color:#16a34a33;color:#86efac}.status-badge.inactive{background-color:#dc262633;color:#fca5a5}.actions-cell{white-space:nowrap}.action-icon{align-items:center;background:none;border:none;border-radius:.375rem;color:#fff9;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s}.action-icon:hover{background-color:#ffffff1a}.action-icon.edit:hover{color:#3b82f6}.action-icon.delete:hover{color:#dc2626}.no-products{color:#fff9;padding:2rem;text-align:center}.filter-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1.5rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-input{flex:1 1;max-width:350px;position:relative}.search-input input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:.875rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s;width:100%}.search-input input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f64d;outline:none}.search-input input::placeholder{color:#ffffff80}.filter-select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;font-size:.875rem;max-width:180px;min-width:140px;padding:.75rem;transition:all .2s}.filter-select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f64d;outline:none}.view-mode-toggle{background-color:#ffffff1a;border-radius:.75rem;display:flex;padding:.25rem}.products-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(5,1fr);margin-bottom:2rem}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;gap:1rem;padding:1.5rem}.stat-icon,.stat-item{align-items:center;display:flex}.stat-icon{border-radius:.75rem;color:#fff;height:3rem;justify-content:center;width:3rem}.stat-number{color:#fff;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:#fff9;font-size:.875rem;font-weight:500}.refresh-button{background:#3b82f633;border:1px solid #3b82f64d;display:flex;height:40px;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.refresh-button:hover{background:#3b82f64d;transform:rotate(180deg)}.products-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden;transition:all .2s ease}.product-card:hover{border-color:#ffffff4d;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}.card-content{flex-grow:1;padding:1.5rem}h3.product-name{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 .75rem}.product-footer{align-items:center;background:#ffffff0d;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 1.5rem}@media (max-width:1200px){.products-stats{gap:1rem;grid-template-columns:repeat(3,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.filter-bar{gap:.75rem;padding:1rem}.search-filters{flex-direction:column;width:100%}.filter-select,.search-input{max-width:none;width:100%}.filter-select{min-width:100%}.view-mode-toggle{justify-content:center;margin-top:.5rem;width:100%}.products-stats{gap:.75rem;grid-template-columns:repeat(2,1fr)}.stat-item{padding:1rem}.stat-icon{height:2.5rem;width:2.5rem}.stat-number{font-size:1.25rem}.refresh-button{height:36px;right:.5rem;top:.5rem;width:36px}.products-table{display:block;width:100%}.products-table thead{display:none}.products-table tbody{display:block;width:100%}.products-table tr{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.products-table td{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:.5rem 0;text-align:right}.products-table td:last-child{border-bottom:none}.products-table td:before{color:#ffffffb3;content:attr(data-label);flex-basis:40%;font-weight:600;padding-right:.5rem;text-align:left}.product-actions{justify-content:center;padding-top:.5rem}}@media (max-width:640px){.products-stats{gap:.5rem;grid-template-columns:1fr}.stat-item{padding:.75rem}.product-card{margin-bottom:1rem}.card-header{padding:.75rem 1rem}.card-content{padding:1rem}.product-footer{padding:.75rem 1rem}.products-table td{align-items:flex-start;flex-direction:column;gap:.25rem;text-align:left}.products-table td:before{flex-basis:100%;font-size:.8rem}.product-name{font-size:.9rem}.product-description{font-size:.75rem}.status-badge,.type-badge{font-size:.7rem;padding:.25rem .5rem}.modal-content{max-height:90vh;width:95%}.modal-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem}.modal-header h2{font-size:1rem}.form-actions{flex-direction:column;gap:.5rem}.form-actions button{font-size:.8rem;padding:.6rem 1rem;width:100%}}@media (max-width:380px){.stat-icon{height:2rem;width:2rem}.stat-number{font-size:1rem}.stat-label{font-size:.7rem}.card-header{padding:.5rem .75rem}.card-content{padding:.75rem}h3.product-name{font-size:1rem;margin-bottom:.5rem}.product-description{font-size:.7rem}.product-footer{font-size:.7rem;padding:.5rem .75rem}}.categories-table-body tr:hover{background-color:#ffffff0d}.refresh-button{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;margin-left:8px;padding:4px;transition:all .2s ease;vertical-align:middle}.refresh-button:hover{background-color:#fff3}.spin-animation{animation:spin 1s ease}@media (max-width:768px){.categories-table thead{display:none}.categories-table tbody tr{background-color:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;display:block;margin-bottom:1rem}.categories-table tbody td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.75rem;text-align:right}.categories-table tbody td:before{color:#ffffffb3;content:attr(data-label);font-weight:700;padding-right:1rem;text-align:left}.category-row-actions{justify-content:flex-end}}.table-horizontal-scroll{-webkit-overflow-scrolling:touch;position:relative;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin;width:100%}.table-horizontal-scroll::-webkit-scrollbar{height:6px}.table-horizontal-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.table-horizontal-scroll::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}@media (max-width:768px){.categories-table{min-width:800px;width:100%}.categories-table thead{display:table-header-group}.categories-table tbody tr{background-color:initial;border:none;display:table-row;margin-bottom:0}.categories-table tbody td{border-bottom:1px solid #ffffff0d;display:table-cell;justify-content:flex-start;text-align:left}.categories-table tbody td:before{content:none}.table-horizontal-scroll:after{animation:fadeInOut 1.5s infinite alternate;color:#ffffff80;content:"→";font-size:20px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}@keyframes fadeInOut{0%{opacity:.3}to{opacity:.8}}}.status-container{display:inline-block;position:relative}.status-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293bf2;border:1px solid #fff3;border-radius:.5rem;box-shadow:0 4px 25px #0000004d;left:0;max-height:250px;overflow-y:auto;position:absolute;top:calc(100% + 5px);width:200px;z-index:2000}.status-dropdown-header{background-color:#0003;border-bottom:1px solid #ffffff1a;color:#fff;font-size:.9rem;font-weight:500;padding:10px 12px}.status-dropdown-item{align-items:center;color:#fff;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s}.status-dropdown-item:hover{background-color:#ffffff1a}.status-dropdown-item.active{background-color:#ffffff26}.status-dropdown-icon{align-items:center;border-radius:50%;display:flex;height:22px;justify-content:center;margin-right:10px;width:22px}.status-update-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;bottom:20px;box-shadow:0 4px 25px #00000040;color:#fff;font-size:14px;padding:12px 20px;position:fixed;right:20px;z-index:2000}.status-update-toast,.status-update-toast.status-paid{background-color:#10b981e6}.status-update-toast.status-pending{background-color:#f59e0be6}.status-update-toast.status-overdue{background-color:#ef4444e6}.status-update-toast.status-draft{background-color:#64748be6}.status-update-toast.status-deleted{background-color:#ef4444e6}.document-preview-modal{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;position:fixed;right:0;top:0;z-index:9999}.document-preview-modal .modal-content{background:#1e293bf2;border:1px solid #fff3;border-radius:1rem;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;width:100%}.document-preview-modal .document-preview-container{background:#1e293bf2}.preview-document-wrapper{max-height:calc(90vh - 140px);min-height:400px;overflow:auto;padding:0!important;position:relative}.preview-document-wrapper .document-preview{transform-origin:top center}.preview-document-wrapper .document-preview .document-paper{box-shadow:0 10px 30px #0000004d;margin:0 auto;transform:scale(.8);transform-origin:top center}.preview-document-wrapper .preview-actions{display:none!important}.document-preview-modal .modal-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.document-preview-modal .modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.document-preview-modal .close-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.document-preview-modal .close-btn:hover{background:#ffffff1a;color:#fff}.document-preview-modal .modal-body{color:#ffffffe6;flex:1 1;overflow-y:auto;padding:1.5rem}.document-preview-details{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.preview-detail{color:#ffffffb3;display:flex;flex-direction:column;font-size:.95rem;gap:.25rem}.preview-detail strong{color:#fff;font-weight:600}.document-preview-items{border-top:1px solid #ffffff1a;padding-top:1.5rem}.document-preview-modal .modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.filter-dropdown{align-items:center;display:flex;min-width:150px;position:relative}.filter-dropdown select{overflow:hidden;padding:.5rem 2.5rem .5rem 1rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.top-filter-button{align-items:center;background-color:#ffffff1a;border:1px solid #fff3;border-radius:9999px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;justify-content:center;min-width:150px;padding:.5rem 1.5rem;position:relative;transition:all .2s}.top-filter-button:hover{background-color:#ffffff26}.top-filter-button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:.75rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:.75rem}.document-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.document-actions button{flex-shrink:0;transition:all .2s ease}.document-actions button:hover{box-shadow:0 3px 10px #0003;transform:translateY(-2px)}.action-button-tooltip{position:relative}.action-button-tooltip:hover:after{background-color:#000c;border-radius:.25rem;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;margin-bottom:5px;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}@media (max-width:768px){.document-preview-modal{padding:1rem}.document-preview-modal .modal-content{max-height:90vh;max-width:100%}.document-preview-details{grid-template-columns:1fr}.document-actions{flex-wrap:wrap;justify-content:flex-start}.filter-bar{align-items:stretch!important;flex-direction:column;gap:.75rem!important}.filter-bar>div{width:100%}.search-input{width:100%!important}.filter-dropdown{width:100%}.top-filter-button{justify-content:space-between;padding:.75rem 1rem;width:100%}.tabs-container{overflow-x:auto;padding-bottom:5px;white-space:nowrap}.pagination-controls{flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-info{margin-bottom:.5rem;text-align:center;width:100%}}@media (max-width:640px){.archives-table{display:block;width:100%}.archives-table thead{display:none}.archives-table tbody{display:block;width:100%}.archives-table tr{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;display:block;margin-bottom:1rem;padding:1rem}.archives-table td{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0;text-align:right}.archives-table td:last-child{border-bottom:none}.archives-table td:before{color:#ffffffb3;content:attr(data-label);font-weight:600;text-align:left}.document-actions{justify-content:center;padding-top:.5rem}.status-dropdown{border-radius:1rem 1rem 0 0;bottom:0;left:0;max-height:300px;position:fixed;right:0;top:auto;width:100%;z-index:2001}.status-update-toast{left:20px;right:20px;text-align:center}}.settings{padding:0}.language-selector-highlight{animation:pulse-light 2s infinite;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:2px solid #3b82f633;border-radius:1rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}@keyframes pulse-light{0%{box-shadow:0 0 0 0 #3b82f633}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.language-selector-content{text-align:center}.language-selector-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.language-buttons{display:flex;gap:1rem;justify-content:center}.language-button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:.75rem 2rem;transition:all .2s ease}.language-button:first-child,.language-button:last-child{background-color:#f1f5f9;color:#334155}.language-button:last-child{font-family:Dubai,Droid Arabic Kufi,Noto Sans Arabic,sans-serif}.language-button.active:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.language-button.active:last-child{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.language-button:hover{transform:translateY(-2px)}.language-setting-highlight{position:relative;z-index:1}.language-setting-highlight:before{animation:pulse-light 2s infinite;background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-radius:.75rem;content:"";inset:-8px;pointer-events:none;position:absolute;z-index:-1}.settings-container{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;box-shadow:0 4px 6px #0000000d;overflow:hidden}.settings-tabs{background:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;overflow-x:auto}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;padding:1.25rem 2rem;transition:all .3s ease;white-space:nowrap}.tab:hover{background:#3b82f60d;color:#3b82f6}.tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.settings-content{padding:2rem;width:100%}.settings-section{max-width:none;width:100%}.section-title{border-bottom:2px solid #f1f5f9;color:#1e293b;padding-bottom:.75rem}.subsection-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:1.5rem 0 1rem;padding-bottom:.5rem}.subsection-title:before{background:#3b82f6;border-radius:2px;content:"";height:20px;width:4px}.form-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width:1200px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1600px){.form-grid{grid-template-columns:repeat(4,1fr)}}.form-group label{color:#374151}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;font-size:.875rem;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #0000001a;transform:translateY(-1px)}.form-group small{color:#64748b;font-size:.75rem;margin-top:.25rem}.tax-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.tax-info p{color:#0369a1;font-size:.875rem;margin:0}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;font-weight:500!important;gap:.5rem;margin-bottom:0!important}.checkbox-label input[type=checkbox]{cursor:pointer;margin:0;width:auto}.notifications-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:768px){.notifications-grid{grid-template-columns:1fr}}.notification-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1.75rem;transition:all .2s ease}.notification-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.notification-info h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.notification-info p{color:#64748b;font-size:.875rem;margin:0}.toggle-slider{background-color:#cbd5e1}.settings-actions{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.unsaved-notice{color:#f59e0b;font-size:.875rem;font-weight:500}.unsaved-notice span{align-items:center;display:flex;gap:.5rem}.btn.pulse{animation:pulse 2s infinite}@media (max-width:768px){.settings-content{padding:1rem}.form-grid{gap:1.5rem;grid-template-columns:1fr}.form-group.full-width{grid-column:1}.settings-tabs{flex-direction:column}.tab{border-bottom:1px solid #f1f5f9;border-right:none;padding:.75rem 1rem}.tab.active{border-bottom-color:#f1f5f9;border-left:3px solid #3b82f6}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem}.settings-actions{align-items:stretch;gap:1rem}.checkbox-group,.settings-actions{flex-direction:column}}@media (max-width:480px){.settings-content{padding:.75rem}.section-title{font-size:1.125rem}.notification-item{padding:1rem}}.design-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.design-preview h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.header-preview{border-radius:.75rem;margin-bottom:1rem;min-height:120px;padding:1.5rem;transition:all .3s ease}.preview-content{gap:1rem}.preview-content,.preview-logo{align-items:center;display:flex}.preview-logo{background:#0000001a;border-radius:.5rem;flex-shrink:0;height:60px;justify-content:center;width:60px}.preview-logo.center{margin:0 auto}.preview-logo.right{margin-left:auto}.logo-placeholder{color:#6b7280;font-size:.75rem;font-weight:600}.preview-company-info{flex:1 1}.preview-company-info h4{font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.preview-company-info p{font-size:.875rem;margin:0;opacity:.8}.section-description{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.form-group input[type=color]{border-radius:.5rem;cursor:pointer;height:40px;padding:4px;width:60px}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.tab[data-tab=design]{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:.5rem .5rem 0 0;color:#fff}.tab[data-tab=design]:hover{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.templates-library{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.templates-library h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.library-description{color:#64748b;font-size:.875rem;margin-bottom:1.5rem}.templates-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.template-card{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;cursor:pointer;overflow:hidden;padding:1rem;transition:all .3s ease}.template-card:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.template-card.selected{background:#f8fafc;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f633}.template-preview{border-radius:.5rem;height:160px;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative}.template-preview.modern-blue{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #1e88e5}.template-preview.classic-gray{background:#fff;border:1px solid #d1d5db}.template-preview.elegant-blue{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.template-preview.minimal-green{background:#fff;border-top:2px solid #10b981}.template-preview.corporate-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.template-preview.creative-red{background:linear-gradient(45deg,#fff5f5,#fef2f2 50%,#fff)}.template-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem}.template-header.gradient{background:linear-gradient(90deg,#1e88e51a,#0000);border-radius:.5rem;margin:-.5rem -.5rem 1rem;padding:.5rem}.template-header.minimal{border-bottom:1px solid #e5e7eb}.template-header.corporate{border-bottom:2px solid #f59e0b;justify-content:space-between;padding-bottom:.5rem}.template-header.creative{background:#ef44440d;margin:-.5rem -.5rem 1rem;padding:.5rem;transform:skew(-2deg)}.template-logo{border-radius:.25rem;flex-shrink:0;height:24px;width:24px}.template-logo.blue{background:#1e88e5}.template-logo.gray{background:#374151}.template-logo.purple{background:#1e88e5}.template-logo.green{background:#10b981}.template-logo.orange{background:#f59e0b}.template-logo.red{background:#ef4444}.template-info{flex:1 1}.template-info.centered{margin:0 auto;text-align:center}.template-info.angled{transform:skew(2deg)}.template-title{font-size:.75rem;font-weight:700;margin-bottom:.25rem}.template-title.blue{color:#1e88e5}.template-title.gray{color:#374151}.template-title.purple{color:#1e88e5}.template-title.green{color:#10b981}.template-title.orange{color:#f59e0b}.template-title.red{color:#ef4444}.template-subtitle{color:#64748b;font-size:.625rem}.template-contact{text-align:right}.contact-line{background:#d1d5db;border-radius:1px;height:2px;margin-bottom:.25rem}.contact-line:first-child{margin-left:auto;width:40px}.contact-line:last-child{margin-left:auto;width:60px}.template-content{flex:1 1}.template-content.minimal{padding-top:.5rem}.template-content.creative{transform:skew(-1deg)}.template-line{background:#e5e7eb;border-radius:1.5px;height:3px;margin-bottom:.5rem}.template-line.thin{height:2px}.template-line.short{width:60%}.template-line.angled{background:linear-gradient(90deg,#ef4444,#fca5a5);transform:skew(-1deg)}.template-separator{background:#d1d5db;height:1px;margin:.5rem 0}.template-details{text-align:center}.template-details h4{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.template-details p{color:#64748b;font-size:.75rem;line-height:1.4;margin:0}@media (max-width:768px){.templates-grid{grid-template-columns:1fr}.template-preview{height:140px}}.numbering-description{color:#64748b;font-size:.875rem;font-style:italic;margin-bottom:1.5rem}.numbering-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;padding:1.5rem;transition:all .3s ease}.numbering-category:hover{border-color:#fff3;box-shadow:0 10px 40px #00000026;transform:translateY(-2px)}.category-title{align-items:center;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;margin:0 0 1.25rem;padding-bottom:.75rem}.numbering-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.numbering-item{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000000d;padding:1rem;transition:all .2s ease}.numbering-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.numbering-item label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.numbering-item input{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease;width:100%}.numbering-item input[type=text]{color:#1e293b;font-weight:600;text-transform:uppercase}.numbering-item input[type=number]{color:#059669;font-weight:600}.numbering-item input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.numbering-item input:last-child{margin-bottom:0}@media (max-width:1024px){.numbering-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.numbering-grid-prefix{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.numbering-item-prefix{background-color:#ffffff1a;border:1px solid #ffffff1a;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;padding:1rem;transition:all .3s ease}.numbering-item-prefix:hover{border-color:#fff3;box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.numbering-item-prefix label{color:#fffc;display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.numbering-item-prefix input[type=text]{background-color:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-family:Courier New,monospace;font-size:1rem;font-weight:600;padding:.75rem;text-transform:uppercase;transition:all .2s ease;width:100%}.numbering-item-prefix input[type=text]:focus{background-color:#ffffff1a;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640;outline:none}.more-categories-button{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f0;border-radius:1rem;margin-top:2rem;padding:1.5rem;text-align:center}.more-categories-button .btn-outline{background:#fff;border:2px solid #3b82f6;color:#3b82f6;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease}.more-categories-button .btn-outline:hover{background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-2px)}.categories-summary{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.category-chip{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #cbd5e1;border-radius:1rem;color:#475569;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s ease}.category-chip:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-1px)}.total-documents-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;margin-top:2rem;padding:2rem;text-align:center}.total-documents-summary h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem}.total-documents-summary p{font-size:1rem;line-height:1.5;margin:0 0 1.5rem;opacity:.9}.documents-count{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.count-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:2rem;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.count-badge:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.numbering-grid,.numbering-grid-prefix{grid-template-columns:1fr}.numbering-category{padding:1rem}.category-title{font-size:.875rem}.categories-summary{gap:.375rem}.category-chip{font-size:.7rem;padding:.25rem .5rem}}.bank-account-inputs{border:1px solid #3b82f64d;gap:1rem;margin-top:.5rem;padding:1rem;width:100%}.bank-account-inputs input,.bank-account-inputs select{background-color:#ffffff26;border:2px solid #fff6;font-size:1rem;min-height:45px;padding:.75rem 1rem;transition:all .2s ease}.bank-account-inputs input:focus,.bank-account-inputs select:focus{border-color:#3b82f6cc;outline:none}.bank-account-inputs .account-number{font-family:monospace;font-weight:500;letter-spacing:.5px}.bank-account-inputs .bank-select,.bank-account-inputs .wilaya-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;font-weight:500;padding-right:2.5rem}.bank-account-3{margin-top:-.5rem!important}@media (max-width:768px){.bank-account-inputs{gap:.75rem;padding:.75rem}.bank-account-inputs input,.bank-account-inputs select{font-size:.9rem;min-height:40px;padding:.6rem .8rem}.field-subtitle{font-size:.8rem;margin-bottom:.3rem;padding:.25rem .4rem;text-align:center}}@media (max-width:480px){.bank-account-inputs{gap:.5rem;padding:.5rem}.field-subtitle{font-size:.75rem;margin-bottom:.25rem;padding:.2rem .3rem}.bank-account-inputs input,.bank-account-inputs select{font-size:.85rem;min-height:38px;padding:.5rem .6rem}}.secondary-name-input{border:1px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.secondary-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.logo-upload-container{display:flex;flex-direction:column;gap:1rem}.current-logo{align-items:center;background-color:#f8fafc;border:1px dashed #e2e8f0;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.logo-preview{max-height:100px;max-width:200px;object-fit:contain}.remove-logo{background-color:#fee2e2;border:none;border-radius:.25rem;color:#dc2626;cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.remove-logo:hover{background-color:#fecaca}.logo-upload-button{align-items:center;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.logo-upload-button:hover{background-color:#dbeafe;border-color:#93c5fd}.logo-tip{color:#64748b;font-size:.75rem;margin:0}.btn-secondary{background-color:#f0f2f5;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#e4e6e9}.settings-actions{align-items:center;display:flex;margin-top:20px}.space-y-6>*+*{margin-top:1.5rem}.bg-white\/10{background-color:#ffffff1a}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.rounded-3xl{border-radius:1.5rem}.border-white\/20{border-color:#fff3}.form-group{margin-bottom:1.5rem}.form-group label{color:#fff;display:block;text-shadow:0 1px 2px #0003}.form-group input,.form-group select,.form-group textarea{background-color:#ffffff1f;border:1px solid #ffffff40;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:1rem;font-weight:500;padding:.75rem 1rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#ffffff2e;border-color:#3b82f6cc;box-shadow:0 0 0 2px #3b82f64d;outline:none}.toggle{display:inline-block;height:1.5rem;position:relative;width:3rem}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#fff3;border-radius:1.5rem;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:.1875rem;box-shadow:0 2px 4px #0003;content:"";height:1.125rem;left:.1875rem;position:absolute;transition:.3s;width:1.125rem}.toggle input:checked+.toggle-slider{background-color:#3b82f6}.toggle input:checked+.toggle-slider:before{transform:translateX(1.5rem)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}h2.text-xl.font-bold.text-white{font-size:1.5rem;letter-spacing:.02em;text-shadow:0 0 15px #ffffff4d}.category-title,.form-group small,.library-description,.logo-tip,.numbering-description,.section-description{color:#ffffffe6!important;font-weight:500}.category-title,.section-title,h3,h4{color:#fff;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 4px #00000040}.small-text,small{color:#ffffffd9}.field-label{color:#fff!important;font-size:1rem;font-weight:600;text-shadow:0 1px 2px #0003}.field-label-title{color:#fff!important;font-size:1.05rem;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 3px #00000040}label{text-shadow:0 1px 2px #0003}.checkbox-label,.logo-upload-container label,label,label[for]{color:#fff!important;font-weight:600}.category-title,.section-title,.text-white,h2,h3,h4,h5{color:#fff!important}.form-group>label:first-child,.logo-upload-container label,.secondary-name-input+label,div>label:first-child{color:#fff!important;font-weight:600;text-shadow:0 1px 2px #0003}.logo-tip,.secondary-name-input,.section-description,small{color:#fffffff2!important}.form-group>label:first-child:not(.field-subtitle){background:linear-gradient(90deg,#3b82f64d,#7c3aed33);border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;padding:.4rem 1rem}.bank-account-inputs input:focus,.bank-account-inputs select:focus{box-shadow:0 0 0 3px #3b82f640}.form-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.form-grid .form-group.full-width{grid-column:1/-1}@media (max-width:768px){.grid.grid-cols-1.md\:grid-cols-3.gap-6{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}}.flex.space-x-1.overflow-x-auto.hide-scrollbar{-ms-overflow-style:none;padding-bottom:.5rem;scrollbar-width:none}.flex.space-x-1.overflow-x-auto.hide-scrollbar::-webkit-scrollbar{display:none}@media (max-width:768px){.flex.space-x-1.overflow-x-auto.hide-scrollbar button span{display:none}.flex.space-x-1.overflow-x-auto.hide-scrollbar button{justify-content:center;min-width:50px;padding:.75rem}}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.form-grid{gap:1rem;grid-template-columns:1fr}}.bank-account-inputs{background-color:#00000026;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.bank-account-inputs input,.bank-account-inputs select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.flex.items-center.space-x-4{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.flex.flex-col.md\:flex-row.gap-4.items-center.justify-between{gap:1rem}.flex.items-center.space-x-4{justify-content:space-between;width:100%}.flex.items-center.space-x-4 button{flex:1 1;justify-content:center;padding:.75rem;white-space:nowrap}}.relative.flex-1.max-w-md{max-width:100%;width:100%}.profile-card{background-color:#ffffff1a;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.profile-header{gap:1rem}.profile-avatar{font-size:1.5rem;height:60px;width:60px}.profile-info h2{font-size:1.25rem}.profile-info p{font-size:.875rem;margin:.25rem 0 0}.profile-field label{color:#ffffffb3;margin-bottom:.5rem}.change-password-btn,.profile-edit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.5rem;display:flex;font-size:.875rem;padding:.75rem 1.5rem;transition:all .2s ease}.change-password-btn:hover,.profile-edit-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.profile-form .form-group{margin-bottom:1rem}.profile-form .form-group label{align-items:center;color:#ffffffb3;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:.5rem}.profile-form .form-group input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;padding:.75rem;width:100%}.profile-form .form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel,.btn-save{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-cancel{background-color:#ffffff1a}.btn-save:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.btn-cancel:hover{background-color:#ffffff26;transform:translateY(-2px)}.section-title{gap:.75rem;margin-bottom:1.5rem}.profile-password-section{gap:1rem}.profile-password-section p{margin:0}.password-form{display:flex;flex-direction:column;gap:1rem}.profile-message{border-radius:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.profile-message.success{background-color:#10b98133;color:#10b981}.profile-message.error{background-color:#ef444433;color:#ef4444}.grid.grid-cols-1.md\:grid-cols-3.gap-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (max-width:768px){.grid.grid-cols-1.md\:grid-cols-3.gap-4{grid-template-columns:1fr}}.field-label-title{color:#fff;display:block;font-weight:600;margin-bottom:.5rem}.bg-white\/10.backdrop-blur-lg.rounded-3xl.p-6.border.border-white\/20.mt-6{margin-top:1.5rem}.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2,button.bg-gradient-to-r.from-blue-600.to-purple-600.text-white.px-6.py-3.rounded-xl.font-semibold.hover\:from-blue-700.hover\:to-purple-700.transition-all.duration-300.flex.items-center.space-x-2{align-items:center;display:flex;justify-content:center}@media (max-width:768px){.flex.flex-col.md\:flex-row.gap-4.items-center.justify-between{gap:1rem}.bg-amber-500\/20.text-amber-300.px-4.py-2.rounded-lg.flex.items-center{justify-content:center;width:100%}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.transition-all{transition-duration:.3s;transition-property:all}.profile-container{animation:fadeIn .3s ease;max-width:100%;padding:20px}.profile-header-section{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:24px;padding:24px}.profile-header-content{align-items:center;display:flex;justify-content:space-between}.profile-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.subtitle{color:#fffc;font-size:15px;margin:0;opacity:.9}.profile-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:24px;transition:all .3s ease}.profile-card:hover{border-color:#fff3;box-shadow:0 10px 40px #00000026;transform:translateY(-2px)}.profile-header{align-items:center;display:flex;margin-bottom:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:3px solid #fff3;border-radius:50%;box-shadow:0 8px 16px #00000026;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;margin-right:1.5rem;transition:transform .3s ease,box-shadow .3s ease;width:80px}.profile-avatar:hover{box-shadow:0 12px 24px #0003;transform:scale(1.05)}.profile-info{flex:1 1}.profile-info h2{color:#fff;font-size:1.4rem;font-weight:600;margin:0}.profile-info p{color:#ffffffb3;font-size:.9rem;margin:.3rem 0 0}.profile-details{padding:.5rem 0}.profile-field{margin-bottom:1rem}.profile-field label{align-items:center;color:#fffc;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.form-group label .icon,.profile-field label .icon{color:#3b82f6cc}.profile-field p{color:#fff;font-size:1rem;margin:0;padding:.5rem 0}.change-password-btn,.profile-edit-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.625rem 1.25rem;transition:all .2s}.logout-btn{background:#ef44441a;border:1px solid #ef444433;color:#fff}.change-password-btn:hover,.profile-edit-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.logout-btn:hover{background:#ef444433;border-color:#ef44444d;box-shadow:0 4px 12px #ef44441a;transform:translateY(-1px)}.password-form,.profile-form{display:flex;flex-direction:column;gap:1rem}.form-group label{align-items:center;color:#fffc;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.form-group input{background-color:#ffffff0d;border:1px solid #fff3;border-radius:.75rem;color:#fff;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus{background-color:#ffffff1a;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 0 20px #3b82f626;outline:none}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-cancel,.btn-save{border-radius:.375rem;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-save{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;box-shadow:0 4px 12px #3b82f64d;color:#fff}.btn-save:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 6px 15px #3b82f666;transform:translateY(-1px)}.btn-cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-cancel:hover{background:#fff3;transform:translateY(-1px)}.section-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem;margin-top:0}.section-title svg{color:#3b82f6cc}.profile-password-section{display:flex;flex-direction:column}.profile-password-section p{color:#ffffffb3;margin-bottom:1rem;margin-top:0}.profile-message{align-items:center;animation:fadeIn .3s ease;border-radius:.75rem;display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.profile-message.success{background-color:#dcfce7;border:1px solid #bbf7d0;color:#166534}.profile-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#b91c1c}@media (max-width:768px){.profile-container{padding:15px}.profile-header-section{padding:16px}.form-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-save{width:100%}}@media (max-width:480px){.profile-header{align-items:center;flex-direction:column;text-align:center}.profile-avatar{margin-bottom:1rem;margin-right:0}.profile-info{text-align:center}}.setup-wizard{min-height:100vh;overflow:hidden;position:relative}.setup-background{background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.gradient-overlay{background:radial-gradient(ellipse at center,#3b82f626 0,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0}.setup-progress{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:100}.progress-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:800px}.progress-step{align-items:center;color:#fff9;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;transition:all .3s ease}.progress-step.active{color:#ffffffe6}.progress-step.completed{color:#10b981}.step-number{align-items:center;background:#ffffff26;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 8px #0003;color:#ffffffe6;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;transition:all .3s ease;width:36px}.progress-step.active .step-number{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f6;color:#fff}.progress-step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.step-title{font-weight:500}.progress-step:nth-child(4) .step-number{background:#3b82f640;border-color:#3b82f680;box-shadow:0 0 10px #3b82f64d}.progress-step:nth-child(4) .step-title{font-weight:600}.setup-content{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-left:2rem;padding-right:2rem;padding-top:100px}.setup-page{margin:0 auto;max-width:800px;width:100%}.setup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;margin:1.5rem 0;max-height:none;min-height:calc(100vh - 180px);overflow-y:auto;padding:2rem}.setup-card .setup-form{overflow:hidden}.company-config .setup-form{overflow-y:auto;padding-right:.5rem}.setup-form::-webkit-scrollbar{width:8px}.setup-form::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.setup-form::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #ffffff1a;border-radius:10px}.setup-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 0 8px #3b82f666}.setup-form::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.setup-form{scrollbar-color:#3b82f6 #ffffff1a;scrollbar-width:thin}.form-grid::-webkit-scrollbar,.horizontal-welcome::-webkit-scrollbar{width:8px}.form-grid::-webkit-scrollbar-track,.horizontal-welcome::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.form-grid::-webkit-scrollbar-thumb,.horizontal-welcome::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #ffffff1a;border-radius:10px}.form-grid::-webkit-scrollbar-thumb:hover,.horizontal-welcome::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 0 8px #3b82f666}.setup-header{margin-bottom:2rem;text-align:center}.welcome-logo{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:20px;box-shadow:0 10px 30px #3b82f64d;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.setup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:.75rem}.setup-subtitle{color:#ffffffb3;font-size:1.125rem;font-weight:400;line-height:1.6}.setup-form{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-label{align-items:center;color:#ffffffe6;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.required-marker{color:#ef4444;font-size:.75rem}.form-input,.form-select,.form-textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:.875rem;padding:.875rem 1rem;transition:all .3s ease}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff26;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f633;outline:none;transform:translateY(-1px)}.form-textarea{min-height:100px;resize:vertical}.form-error{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.file-upload{border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;padding:2rem;text-align:center;transition:all .3s ease}.file-upload:hover{background:#3b82f60d;border-color:#3b82f6}.file-upload-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.file-upload-icon{color:#fff9;height:48px;width:48px}.file-upload-text{color:#fffc;font-weight:500}.file-upload-hint{color:#ffffff80;font-size:.75rem}.setup-actions{flex-shrink:0;gap:1rem;margin-bottom:1rem;margin-top:2rem!important;padding-top:1rem;width:100%}.btn-setup,.setup-actions{align-items:center;display:flex;justify-content:center}.btn-setup{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:600;gap:.5rem;min-width:120px;padding:.875rem 2rem;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.btn-secondary:hover{background:#ffffff26;color:#fff}.btn-setup:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.features-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.feature-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;gap:1rem;padding:1.5rem}.feature-icon{color:#3b82f6;flex-shrink:0;height:24px;margin-top:.25rem;width:24px}.feature-content h3{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-content p{color:#ffffffb3;font-size:.875rem;line-height:1.5}.horizontal-welcome{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;gap:3rem;height:calc(100vh - 180px);margin:1.5rem 0;overflow:hidden;padding:2rem}.welcome-left{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-right:1rem}.brand-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.brand-logo-compact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 25px #3b82f64d;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.brand-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.brand-tagline-compact{color:#ffffffb3;font-size:.9rem;font-weight:500;margin:.25rem 0 0}.welcome-description h2{color:#fff;font-size:1.5rem;font-weight:600;line-height:1.3;margin:0 0 1rem}.welcome-description p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.quality-section h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1rem}.benefits-compact{display:flex;flex-direction:column;gap:.5rem}.benefit-compact{align-items:center;color:#fffc;display:flex;font-size:.9rem;gap:.5rem}.benefit-compact svg{color:#10b981;flex-shrink:0}.cta-button-compact{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 6px 20px #3b82f666;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.cta-button-compact:hover{box-shadow:0 10px 30px #3b82f680;transform:translateY(-2px)}.btn-secondary-setup{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;border:1px solid #fff3!important;box-shadow:0 6px 20px #0003!important;color:#ffffffe6!important}.btn-secondary-setup:hover{background:linear-gradient(135deg,#ffffff26,#ffffff14)!important;border-color:#ffffff4d!important;box-shadow:0 10px 30px #0000004d!important}.btn-secondary-setup:disabled,.cta-button-compact:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-secondary-setup:disabled:hover,.cta-button-compact:disabled:hover{box-shadow:0 6px 20px #3b82f633!important;transform:none!important}.welcome-right{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-left:1rem}.features-compact h3{color:#fff;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.features-grid-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.feature-card-compact{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:1.25rem 1rem;transition:all .3s ease}.feature-card-compact:hover{background:#ffffff14;border-color:#3b82f64d}.feature-icon-compact{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:10px;color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:.75rem;width:40px}.feature-content-compact h4{color:#fff;font-size:.95rem;font-weight:600;margin:0 0 .5rem}.feature-content-compact p{color:#ffffffb3;font-size:.8rem;line-height:1.4;margin:0}.badges-compact{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.badge{border-radius:10px;color:#fff;display:flex;font-size:.8rem;gap:.5rem;padding:.5rem 1rem}.badge.professional{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 3px 10px #f59e0b4d}.badge.secure{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b9814d}.badge.fast{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 3px 10px #8b5cf64d}@media (max-width:768px){.setup-card{margin:1rem;padding:2rem 1.5rem}.setup-title{font-size:2rem}.form-grid{grid-template-columns:1fr}.progress-container{align-items:flex-start;flex-direction:column;gap:1rem}.progress-step{justify-content:flex-start;width:100%}.setup-actions{flex-direction:column-reverse;gap:1rem}.btn-setup{width:100%}.horizontal-welcome{flex-direction:column;gap:2rem;height:calc(100vh - 140px);margin:1rem;padding:1.5rem}.welcome-left,.welcome-right{flex:none;padding:0}.brand-header{gap:.75rem;margin-bottom:1rem}.brand-logo-compact{height:50px;width:50px}.brand-logo-compact img{height:40px;width:40px}.brand-title-compact{font-size:2rem}.brand-tagline-compact{font-size:.8rem}.welcome-description h2{font-size:1.25rem}.welcome-description p{font-size:.9rem}.features-compact h3,.quality-section h3{font-size:1.1rem}.features-grid-compact{gap:.75rem;grid-template-columns:1fr;margin-bottom:1rem}.feature-card-compact{padding:1rem .75rem}.feature-icon-compact{height:36px;width:36px}.feature-content-compact h4{font-size:.9rem}.feature-content-compact p{font-size:.75rem}.benefits-compact{gap:.4rem}.benefit-compact{font-size:.85rem}.badges-compact{gap:.5rem;margin-top:1rem}.badge{font-size:.75rem;padding:.4rem .75rem}.cta-button-compact{font-size:.9rem;padding:.75rem 1.5rem}}@media (max-width:480px){.setup-content{padding-left:1rem;padding-right:1rem}.setup-card{padding:1.5rem 1rem}.setup-title{font-size:1.75rem}.horizontal-welcome{gap:1.5rem;height:calc(100vh - 120px);margin:.5rem;padding:1rem}.brand-title-compact{font-size:1.75rem}.brand-tagline-compact{font-size:.75rem}.welcome-description h2{font-size:1.1rem}.welcome-description p{font-size:.85rem}.features-compact h3,.quality-section h3{font-size:1rem}.feature-icon-compact{height:32px;width:32px}.feature-content-compact h4{font-size:.85rem}.feature-content-compact p{font-size:.7rem}.benefit-compact{font-size:.8rem}.badge{font-size:.7rem;padding:.35rem .6rem}.cta-button-compact{font-size:.85rem;padding:.6rem 1.25rem}}:root{--primary-gradient:linear-gradient(135deg,#0ea5e9,#0284c7);--secondary-gradient:linear-gradient(135deg,#d946ef,#c026d3);--accent-gradient:linear-gradient(135deg,#f97316,#ea580c);--success-gradient:linear-gradient(135deg,#22c55e,#16a34a);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--glass-bg:#ffffff1a;--glass-border:#fff3}body{font-family:Inter,sans-serif}html[lang=ar] body{font-family:Noto Sans Arabic,Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2rem;font-weight:700}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}.btn{align-items:center;border-radius:.75rem;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s}.btn:focus{box-shadow:0 0 0 3px #3b82f680;outline:none}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#d946ef,#c026d3);background:var(--secondary-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-secondary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#f97316,#ea580c);background:var(--accent-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-accent:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--success-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-success:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--danger-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#fff}.btn-danger:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.btn-outline{background-color:initial;border:2px solid;color:#64748b}.btn-outline:hover{background-color:currentColor;color:#fff}.btn-ghost{background-color:initial;color:#64748b}.btn-ghost:hover{background-color:#f1f5f91a}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid #fff3;border-radius:1rem;box-shadow:0 2px 15px -3px #00000012,0 10px 20px -2px #0000000a;transition:all .3s}.card:hover{box-shadow:0 4px 25px -5px #0000001a,0 10px 25px -5px #0000000a}.dark .card{background-color:#1e293bcc;border-color:#1e293b80}.form-input{background-color:#ffffff0d;border:1px solid #fff3;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640;outline:none}.form-input::placeholder{color:#fff6}.table-modern{border-collapse:initial;border-spacing:0;width:100%}.table-modern th{border-bottom:1px solid #ffffff1a;color:#ffffffb3;font-weight:500;text-align:left}.table-modern td,.table-modern th{font-size:.875rem;padding:.75rem 1rem}.table-modern td{border-bottom:1px solid #ffffff0d;color:#fff}.table-modern tbody tr:hover{background-color:#ffffff0d}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--primary-gradient);color:#fff}.badge-secondary{background:linear-gradient(135deg,#d946ef,#c026d3);background:var(--secondary-gradient);color:#fff}.badge-success{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--success-gradient);color:#fff}.badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--danger-gradient);color:#fff}.badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-indicator{border-radius:50%;display:inline-block;height:.75rem;margin-right:.5rem;width:.75rem}.status-success{background:#22c55e}.status-pending{background:#f59e0b}.status-danger{background:#ef4444}.fade-in{animation:fadeIn .5s ease-in-out}.slide-in{animation:slideIn .3s ease-out}.slide-up{animation:slideUp .4s ease-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rtl{direction:rtl;text-align:right}.rtl .mr-3{margin-left:.75rem;margin-right:0}.rtl .ml-3{margin-left:0;margin-right:.75rem}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}select{-webkit-appearance:none;appearance:none;background-color:initial!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;overflow:hidden;padding-right:2.5rem;text-overflow:ellipsis;white-space:nowrap}select option{background-color:#334155;color:#fff}select:focus{border-color:#3b82f6b3;box-shadow:0 0 0 3px #3b82f64d;outline:none}
/*# sourceMappingURL=main.54c2758e.css.map*/