/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-300:oklch(.808 .114 19.571);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-red-700:oklch(.505 .213 27.518);--color-green-50:oklch(.982 .018 155.826);--color-green-300:oklch(.871 .15 154.449);--color-green-500:oklch(.723 .219 149.579);--color-green-600:oklch(.627 .194 149.214);--color-green-700:oklch(.527 .154 150.069);--color-blue-500:oklch(.623 .214 259.815);--color-blue-600:oklch(.546 .245 262.881);--color-blue-700:oklch(.488 .243 264.376);--color-gray-50:oklch(.985 .002 247.839);--color-gray-100:oklch(.967 .003 264.542);--color-gray-300:oklch(.872 .01 258.338);--color-gray-400:oklch(.707 .022 261.325);--color-gray-500:oklch(.551 .027 264.364);--color-gray-600:oklch(.446 .03 256.802);--color-gray-700:oklch(.373 .034 259.733);--color-gray-800:oklch(.278 .033 256.848);--color-gray-900:oklch(.21 .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--leading-relaxed:1.625;--radius-lg:.5rem;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}img{display:inline-block}html{font-family:var(--font-serif)}body::-webkit-scrollbar{box-sizing:border-box;background-color:#177e89;margin:0;padding:0;display:none;overflow-x:hidden}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-26{height:calc(var(--spacing)*26)}.h-32{height:calc(var(--spacing)*32)}.h-\[2\.7cm\]{height:2.7cm}.h-full{height:100%}.max-h-96{max-height:calc(var(--spacing)*96)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-64{width:calc(var(--spacing)*64)}.w-\[6\.5cm\]{width:6.5cm}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.min-w-full{min-width:100%}.flex-grow{flex-grow:1}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-black>:not(:last-child)){border-color:var(--color-black)}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-black{border-color:var(--color-black)}.border-current{border-color:currentColor}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-300{border-color:var(--color-green-300)}.border-red-300{border-color:var(--color-red-300)}.border-red-500{border-color:var(--color-red-500)}.border-r-transparent{border-right-color:#0000}.bg-\[\#355f75\]{background-color:#355f75}.bg-\[\#f5f7fa\]{background-color:#f5f7fa}.bg-\[rgb\(34\,197\,94\)\]{background-color:#22c55e}.bg-black{background-color:var(--color-black)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.text-\[\#11599c\]{color:#11599c}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.even\:bg-gray-50:nth-child(2n){background-color:var(--color-gray-50)}@media (hover:hover){.hover\:bg-\[rgb\(22\,163\,74\)\]:hover{background-color:#16a34a}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{.print\:hidden{display:none}}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.login-container{width:100%;height:100vh;display:flex;background-color:#fff;background-color:#a1a1a1}.login-hero{flex:1;background:linear-gradient(#002b4ccc,#002b4ccc),url(/assets/login-B-12S59-.jpg) no-repeat center center;background-size:cover;display:flex;align-items:center;justify-content:center;padding:2rem;color:#f8f9fa}.hero-overlay{max-width:600px;text-align:center}.login-button:disabled{background-color:#b0e0e6!important;cursor:not-allowed;transform:none!important}.hero-overlay h1{font-size:2.5rem;margin-bottom:1rem;font-weight:700;color:#fff}.hero-overlay p{font-size:1.2rem;opacity:.9;color:#fff}.login-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-color:#fff}.login-card{width:100%;max-width:400px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:2.5rem;border:1px solid #e0e0e0}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{font-size:1.8rem;color:#002b4c;margin-bottom:.5rem}.login-header p{color:#6c757d;font-size:.9rem}.login-form{margin-top:1.5rem}.form-groups{margin-bottom:1.5rem}.form-groups label{display:block;margin-bottom:.5rem;font-weight:500;color:#002b4c}.form-groups input{width:100%;padding:.8rem 1rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;transition:all .3s ease;background-color:#fff;font-family:serif}.form-groups input:focus{outline:none;border-color:#00a3c6;box-shadow:0 0 0 3px #00a3c633}.form-groups input::placeholder{color:#adb5bd}.login-button{width:100%;padding:.9rem;background-color:#00a3c6;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;font-family:serif}.login-button:hover{background-color:#0088a6;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-error{background-color:#fee2e2;color:#e63946;padding:.8rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.login-footer{margin-top:2rem;text-align:center;font-size:.9rem;color:#6c757d}.login-footer a{color:#00a3c6;text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media (max-width: 992px){.login-container{flex-direction:column}.login-hero{padding:4rem 2rem;min-height:40vh}.login-content{padding:2rem;min-height:60vh}}@media (max-width: 576px){.login-card{padding:1.5rem;box-shadow:none;border:none}.hero-overlay h1{font-size:2rem}.hero-overlay p{font-size:1rem}.form-group input{padding:.7rem .9rem}.login-button{padding:.8rem}}.centered-loader{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:9999;background:transparent}.blur-background{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border-radius:12px;background:#fff;box-shadow:0 10px 25px #0000001a;animation:fadeIn .3s ease-out}.loader-text{margin-top:15px;font-size:1.1rem;font-weight:500;text-align:center;max-width:250px;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.homeSalesUser{width:100%;background-color:#f5f9fa;min-height:100vh;display:flex;padding:0;gap:10px}.homeSalesContainerUser{flex:7;background-color:#b2c8cb;box-shadow:0 2px 10px #00000014;border-radius:8px;padding:10px;transition:margin-left .3s ease}@media (max-width: 768px){.homeSalesUser{padding:2px;gap:3px}.homeSalesContainerUser{padding:2px}}.navbar{width:100%;background-color:#004953;border-radius:10px;display:flex;justify-content:space-between;padding:10px 15px;color:#333;box-shadow:0 2px 10px #0000001a;margin-bottom:10px}.navbar-top{display:flex;align-items:center;gap:10px}.navbar-logo{height:40px;display:none}.navbar-title{font-size:18px;font-weight:600;color:#fff;margin:0}.navbar-buttons{display:flex;align-items:center;gap:10px}.btn{border:none;color:#fff;padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.primary{background-color:#0087a8}.primary:hover{background-color:#006d8a}.secondary{background-color:#0087a8}.secondary:hover{background-color:#006d8a}.icon{font-size:18px}.button-text{white-space:nowrap}.navbar-right{display:flex;align-items:center;gap:20px}.welcome-message{color:#b2c8cb;font-weight:500;font-size:14px}.profile{position:relative;cursor:pointer}.avatar{font-size:36px;color:#0087a8}.badge{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.dropdown-menu{position:absolute;top:50px;right:0;background-color:#1e2838;border:1px solid #07a6c9;border-radius:5px;padding:10px;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer}.dropdown-icon{color:#07a6c9}@media screen and (max-width: 992px){.navbar-title{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width: 768px){.navbar{flex-direction:column;align-items:center;gap:15px}.navbar-logo{display:block;margin-left:36px;height:35px}.navbar-title{font-size:14px;text-align:center;max-width:100%}.navbar-buttons{flex-wrap:wrap;justify-content:center}.navbar-right{justify-content:center}.btn{padding:8px 12px;font-size:13px}}@media screen and (max-width: 480px){.navbar{padding:15px}.navbar-title{font-size:14px}.btn{font-size:12px}.welcome-message{font-size:13px}}.salesuser-container{width:100%;background-color:#fff;border-radius:10px;padding:8px;box-shadow:0 2px 12px #0000000f;margin:4px;display:flex;flex-direction:column;min-height:calc(100vh - 100px)}.salesuser-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.salesuser-title{color:#004953;font-size:18px;margin:0;border-bottom:2px solid #00a3c6;padding-bottom:6px}.search-input_09{width:100%;padding:8px 12px 8px 36px;border:1px solid #ddd;border-radius:5px;font-size:13px;transition:all .3s ease;background-color:#f5f9fa}.salesuser-table{width:100%;border-collapse:collapse;font-size:.85em;table-layout:fixed}.salesuser-table thead{position:sticky;top:0;z-index:10;background-color:#004953}.salesuser-table thead tr{color:#fff;text-align:left}.salesuser-table th,.salesuser-table td{padding:10px 12px;border:1px solid #e0e0e0;word-wrap:break-word}.salesuser-table th{font-weight:600;letter-spacing:.3px;font-size:13px}.salesuser-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.salesuser-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.salesuser-table tbody tr:hover{background-color:#00a3c61a}.edit-button{border:none;padding:5px 8px;border-radius:4px;background-color:#00a3c6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.edit-button:hover{background-color:#0087a8;transform:scale(1.05)}.product-header{display:flex;align-items:center;gap:6px;cursor:pointer;color:#0077b6;font-size:13px}.salesuser-pagination{margin-top:auto;padding-top:12px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}@media (max-width: 992px){.salesuser-container{padding:10px;min-height:calc(100vh - 110px)}.salesuser-title{font-size:17px}.salesuser-table th,.salesuser-table td{padding:8px 10px;font-size:12px}.address-grid{grid-template-columns:1fr;gap:12px}.product-table th,.product-table td{font-size:11px;padding:5px 8px}.expanded-section h4{font-size:13px}.page-indicator{font-size:12px}}@media (max-width: 767px){.salesuser-container{padding:8px;min-height:calc(100vh - 110px)}.salesuser-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.salesuser-title{font-size:16px;padding-bottom:4px}.search-container{width:100%;max-width:none;min-width:auto}.search-input{padding:7px 10px 7px 32px;font-size:12px}.search-icon{font-size:13px;left:8px}.table-wrapper{max-height:calc(100vh - 220px)}.salesuser-table thead{display:none}.salesuser-table tbody tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;padding:8px}.salesuser-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px;border:none;border-bottom:1px solid #eee;font-size:12px}.salesuser-table tbody td:last-child{border-bottom:none}.salesuser-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:12px;flex:1;font-size:12px}.expanded-row td{display:block;padding:0}.expanded-content{padding:8px}.expanded-section{margin-bottom:12px}.expanded-section h4,.address-grid h5{font-size:12px}.address-grid p{font-size:11px}.contact-badge{font-size:11px;padding:3px 6px}.pagination-button{padding:6px 12px;font-size:12px;min-width:60px}.page-indicator{font-size:11px}.no-results{padding:12px;font-size:13px}}@media (max-width: 480px){.salesuser-table tbody td{flex-direction:column;align-items:flex-start;gap:4px;padding:6px}.salesuser-table tbody td:before{margin-right:0;margin-bottom:3px}.edit-button{padding:4px 6px;font-size:11px}.action-icon{font-size:14px}.salesuser-pagination{gap:8px}.pagination-button{padding:5px 10px;min-width:50px}}@media (max-width: 768px){.sales-container{padding:15px 10px;min-height:calc(100vh - 120px)}.sales-header{flex-direction:column;align-items:stretch;gap:15px}.search-container{width:100%;max-width:none}.sales-table thead{display:none}.sales-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.sales-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee}.sales-table tbody td:last-child{border-bottom:none}.sales-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.action-buttons{justify-content:flex-end}}.homeSales{width:100%;background-color:#f5f9fa;min-height:100vh;display:flex;padding:0;gap:10px}.homeSalesContainer{flex:7;background-color:#b2c8cb;box-shadow:0 2px 10px #00000014;border-radius:8px;padding:10px;transition:margin-left .3s ease}@media (max-width: 768px){.homeSales{padding:2px;gap:3px}.homeSalesContainer{padding:2px}}.sidebarSales{background-color:#004953;color:#fff;flex:1.5;min-height:calc(100vh - 60px);transition:transform .3s ease;border-radius:12px;padding:10px 0;box-shadow:2px 0 10px #0000001a}.topSales{display:flex;flex-direction:column;align-items:center;padding:0 10px 10px}.logoSales-container{width:80%;margin-bottom:15px}.logoSales-image{width:100%;height:auto;border-radius:8px}.centerSales{padding:0 15px}.menuSales{list-style:none;padding:0 15px;margin:0}.menuSales-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;border-radius:8px;margin:5px 0;transition:all .2s;color:#e0f2f3}.menuSales-item:hover{background-color:#195b64;transform:translate(5px)}.menuSales-item.active{background-color:#00a3c6;color:#fff}.menuSales-icon{min-width:30px;font-size:22px;color:#b2c8cb}.menuSales-item.active .menuSales-icon,.menuSales-item:hover .menuSales-icon{color:#fff}.menuSales-text{flex:1;font-size:14px;font-weight:500}.titleSales{font-size:14px;font-weight:500;color:#7fa4a9;margin:20px 0 10px 15px;text-transform:uppercase;letter-spacing:.5px}.submenuSales-item{padding:12px 20px 12px 15px;background-color:#00495380;margin-left:10px;border-left:2px solid #00a3c6}.sidebarSales-toggle{display:none;position:fixed;top:6px;left:5px;background-color:#00a3c6;color:#fff;border:none;padding:8px;border-radius:50%;cursor:pointer;z-index:1001;box-shadow:0 3px 10px #0003;transition:all .3s ease}.sidebarSales-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:none}.sidebarSales-overlay.show{display:block}@media screen and (max-width: 768px){.sidebarSales{position:fixed;top:0;left:0;height:100vh;width:230px;border-radius:10px;transform:translate(-100%);z-index:1000;padding-top:8px}.sidebarSales.open{transform:translate(0)}.sidebarSales-toggle{display:block}.logoSales-container{width:70%}.logoSales-image{padding-left:20px}}@media (min-width: 769px){.sidebarSales-toggle,.sidebarSales-overlay{display:none!important}}.navbarSales{width:100%;background-color:#004953;border-radius:10px;display:flex;justify-content:space-between;padding:10px 15px;color:#333;box-shadow:0 2px 10px #0000001a;margin-bottom:10px}.navbarSales-top{display:flex;align-items:center;gap:10px}.navbarSales-logo{height:40px;display:none}.titleSales_1{font-size:18px;font-weight:600;color:#fff;margin:0}.navbarSales-buttons{display:flex;align-items:center;gap:10px}.btnSales{border:none;color:#fff;padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.primarySales,.primarySales:hover,.secondarySales,.secondarySales:hover{background-color:#0087a8}.iconSales{font-size:18px}.rightSales{display:flex;align-items:center;gap:20px}.welcomeSales{color:#b2c8cb;font-weight:500;font-size:14px}.profileSales{position:relative;cursor:pointer}.avatarSales{font-size:36px;color:#0087a8}.badgeSales{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}@media screen and (max-width: 992px){.titleSales_1{max-width:200px}}@media screen and (max-width: 768px){.navbarSales{flex-direction:column;align-items:center;gap:15px}.navbarSales-logo{display:block;margin-left:36px;margin-bottom:23px;height:35px}.titleSales_1{font-size:14px;text-align:center}.navbarSales-buttons{flex-wrap:wrap;justify-content:center}.rightSales{justify-content:center}.btnSales{padding:8px 12px;font-size:13px}}@media screen and (max-width: 480px){.navbarSales{padding:15px}.titleSales_1{font-size:14px}.btnSales{font-size:12px}.welcomeSales{font-size:13px}}.sales-container3{background-color:#004953;min-height:100vh;height:calc(100vh - 100px);padding:25px 15px;border-radius:12px;display:flex;justify-content:center;align-items:flex-start}.sales-form-container{background-color:#195b64;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:1200px;padding:15px 0 15px 15px;border:1px solid #00a3c6;color:#e0f2f3}.sales-form-header{display:flex;align-items:center;margin-bottom:15px;position:relative}.sales-back-button{background-color:#00a3c6;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sales-back-button:hover{background-color:#0087a8;transform:translate(-2px)}.sales-message{padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:15px;text-align:center}.sales-message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.sales-message.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.sales-form-scroll{max-height:70vh;overflow-y:auto;padding-right:10px}.sales-form-scroll::-webkit-scrollbar{width:8px}.sales-form-scroll::-webkit-scrollbar-track{background:#0d3a42;border-radius:10px}.sales-form-scroll::-webkit-scrollbar-thumb{background:#00a3c6;border-radius:10px}.sales-form-scroll::-webkit-scrollbar-thumb:hover{background:#0087a8}.sales-form-content{display:flex;flex-direction:column}.sales-form-group-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:15px}.sales-form-group{display:flex;flex-direction:column;gap:8px}.sales-form-group label{font-weight:500;color:#b2c8cb;font-size:15px}.sales-form-group input,.sales-form-group select{padding:12px 15px;border:1px solid #00a3c6;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#0d3a42;color:#fff}.sales-form-group input:disabled,.sales-form-group select:disabled{background-color:#1a4a54;color:#b2c8cb;cursor:not-allowed}.sales-form-group input:focus,.sales-form-group select:focus{outline:none;border-color:#b2c8cb;box-shadow:0 0 0 2px #b2c8cb4d}.sales-address-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.sales-address-group{background-color:#0d3a42;padding:15px;border-radius:8px;border:1px solid #00a3c6}.sales-address-group h4{margin-top:0;margin-bottom:15px;color:#b2c8cb;font-size:16px}.sales-address-group input{width:100%;margin-bottom:10px}.sales-checkbox-group{margin:15px 0}.sales-checkbox-group label{display:flex;align-items:center;gap:10px;color:#b2c8cb;cursor:pointer}.sales-checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:#00a3c6}.sales-contact-section{margin-bottom:20px}.sales-contact-group{margin-bottom:14px;background-color:#0d3a42;padding:15px;border-radius:8px;border:1px solid #00a3c6}.sales-contact-group:first-child{background-color:transparent;padding:0;border:none}.sales-contact-input-container{display:flex;gap:10px;width:100%}.sales-contact-input-container input{flex:1;min-width:0;background-color:#0d3a42;padding:12px 15px;border:1px solid #00a3c6;border-radius:6px;color:#fff}.sales-add-btn3{padding:12px 20px;background-color:#3a6931;color:#ddd;border:none;border-radius:5px;font-size:1rem;cursor:pointer;font-weight:700;letter-spacing:.5px;width:auto;min-width:180px;transition:all .2s ease}.sales-add-btn3:hover{background-color:#4a7a41;transform:scale(1.02)}.sales-add-btn3:active{transform:scale(.98)}.sales-remove-btn{padding:12px 20px;background-color:#6b2a2a;color:#ddd;border:none;border-radius:5px;font-size:1rem;cursor:pointer;font-weight:700;letter-spacing:.5px;transition:all .2s ease}.sales-remove-btn:hover{background-color:#7a3232;transform:scale(1.02)}.sales-remove-btn:active{transform:scale(.98)}.sales-products-section{margin-bottom:25px}.sales-products-section h3{color:#b2c8cb;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #00a3c6}.sales-product-item{background-color:#0d3a42;padding:15px;border-radius:8px;border:1px solid #00a3c6;margin-bottom:15px}.sales-product-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:10px}.sales-product-field{display:flex;flex-direction:column;gap:5px}.sales-product-field label{font-size:14px;color:#b2c8cb}.sales-product-field select{background-color:#0d3a42!important;color:#fff!important;border:1px solid #00a3c6!important;padding:10px 12px!important;border-radius:6px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2300a3c6%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px auto!important}.sales-product-field select option{background-color:#195b64!important;color:#fff!important;padding:10px!important}.sales-product-field select option:hover{background-color:#00a3c6!important}.sales-product-field select:focus{outline:none;box-shadow:0 0 0 2px #00a3c64d}.sales-payment-section{background-color:#0d3a42;padding:15px;border-radius:8px;border:1px solid #00a3c6;margin-bottom:20px}.sales-payment-section h3{color:#b2c8cb;margin-top:0;margin-bottom:15px}.sales-payment-methods{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.sales-payment-option{display:flex;align-items:center;gap:8px;cursor:pointer}.sales-payment-option input{margin:0}.sales-file-input-label{display:block;padding:12px 15px;background-color:#00a3c6;color:#fff;border-radius:6px;text-align:center;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.sales-file-input-label:hover{background-color:#0087a8}.sales-file-hint,.sales-file-limit{font-size:13px;color:#b2c8cb;margin-top:-8px}.sales-file-limit{color:#ffa726}.sales-file-preview-container{margin-top:15px;border-top:1px solid #00a3c6}.sales-file-requirements{font-size:12px;color:#b2c8cb;margin-bottom:10px}.sales-file-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:5px;margin-top:10px}.sales-file-preview-item{background-color:#0d3a42;border-radius:6px;overflow:hidden;border:1px solid #00a3c6}.sales-file-thumbnail{height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.sales-file-thumbnail img{width:100%;height:100%;object-fit:cover}.sales-file-info{padding:10px;display:flex;flex-direction:column}.sales-file-name{font-size:13px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-file-preview-item .sales-remove-btn{width:100%;padding:6px;font-size:12px}.sales-form-actions{display:flex;justify-content:center}.sales-submit-btn{padding:12px 84px;background-color:#00a3c6;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.sales-submit-btn:hover{background-color:#0087a8;transform:translateY(-1px)}.sales-error-input{border-color:#ff6b6b!important}.sales-error-message,.sales-error-text{color:#ff6b6b;font-size:13px;margin-top:5px}.sales-upload-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0}.sales-upload-text{font-size:16px;font-weight:500}.sales-upload-button-wrapper{position:relative}.sales-add-btn3{border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.sales-add-btn3:disabled{background-color:#ccc;cursor:not-allowed}.sales-file-input{display:none}.validation-modal-content{text-align:center;padding:20px}.modal-close-btn{margin-top:20px;padding:10px 20px;background-color:#00a3c6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-close-btn:hover{background-color:#0087a8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#195b64;padding:20px;border-radius:8px;max-width:500px;width:90%;box-shadow:0 4px 20px #0000004d;border:1px solid #00a3c6;color:#e0f2f3}.modal-title{margin-top:0;color:#fff;font-size:20px;margin-bottom:15px}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.bg-black{background-color:#000}.bg-opacity-50{opacity:.5}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.z-50{z-index:50}.bg-white{background-color:#fff}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.max-w-md{max-width:28rem}.w-full{width:100%}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-red-600{color:#dc2626}.text-gray-500{color:#6b7280}.hover\:text-gray-700:hover{color:#374151}.h-6{height:1.5rem}.w-6{width:1.5rem}.space-y-3>*+*{margin-top:.75rem}.max-h-96{max-height:24rem}.overflow-y-auto{overflow-y:auto}.border-b{border-bottom-width:1px}.pb-2{padding-bottom:.5rem}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.list-disc{list-style-type:disc}.pl-5{padding-left:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.mt-4{margin-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.rounded{border-radius:.25rem}.hover\:bg-red-700:hover{background-color:#b91c1c}.sales-product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;gap:1rem}.sales-add-btn3,.sales-grand-total{flex:1;padding:.5rem 1rem;font-size:1rem;font-weight:700;border-radius:4px}.sales-grand-total{text-align:right}.sales-online-payment-btn{margin-top:20px;text-align:center}.sales-pay-now-btn{background-color:#4caf50;color:#fff;padding:12px 24px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.sales-pay-now-btn:hover{background-color:#45a049}.payment-success-details{background:#f0fff0;padding:15px;border-radius:5px;margin-bottom:15px;border:1px solid #d4edda}.payment-success-details p{margin:5px 0;color:#155724}.sales-pay-now-btn.disabled{background-color:#6c757d;cursor:not-allowed;opacity:.65}@media (max-width: 480px){.sales-add-btn3,.sales-grand-total{font-size:.9rem;padding:.5rem}}@media (max-width: 768px){.sales-container3{padding:7px}.sales-form-container{padding:15px 10px;width:100%;max-width:370px}.sales-form-group-main,.sales-address-section,.sales-contact-input-container,.sales-product-row{grid-template-columns:1fr}.sales-payment-methods{flex-direction:column;gap:10px}}@media (max-width: 480px){.sales-form-title{font-size:20px}.sales-contact-input-container{flex-direction:column}.sales-remove-btn{width:100%}}.sales-container_2{width:100%;background-color:#fff;border-radius:10px;padding:8px;box-shadow:0 2px 12px #0000000f;margin:4px;display:flex;flex-direction:column;min-height:calc(100vh - 100px)}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.sales-title{color:#004953;font-size:18px;margin:0;border-bottom:2px solid #00a3c6;padding-bottom:6px}.search-container{position:relative;min-width:200px;flex:1;max-width:350px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#777;font-size:14px}.search-input_21{width:100%;padding:8px 12px 8px 36px;border:1px solid #ddd;border-radius:5px;font-size:13px;transition:all .3s ease;background-color:#f5f9fa}.table-wrapper{flex:1;overflow:auto;border-radius:7px;border:1px solid #e0e0e0;margin-bottom:12px;max-height:calc(100vh - 230px);position:relative}.sales-table{width:100%;border-collapse:collapse;font-size:.85em;table-layout:fixed}.sales-table thead{position:sticky;top:0;z-index:10;background-color:#004953}.sales-table thead tr{color:#fff;text-align:left}.sales-table th,.sales-table td{padding:10px 12px;border:1px solid #e0e0e0;word-wrap:break-word}.sales-table th{font-weight:600;letter-spacing:.3px;font-size:13px}.expanded-row{background-color:#f5f9fa!important}.expanded-content{padding:12px}.expanded-section{margin-bottom:16px}.expanded-section h4{color:#004953;margin-bottom:8px;font-size:14px;border-bottom:1px solid #ddd;padding-bottom:4px}.product-table{width:100%;border-collapse:collapse;margin-bottom:12px}.product-table th,.product-table td{padding:6px 10px;border:1px solid #ddd;text-align:left;font-size:12px}.product-table th{background-color:#004953;font-weight:500}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.address-grid h5{color:#0077b6;margin-bottom:4px;font-size:13px}.address-grid p{margin:0;color:#555;font-size:12px}.contact-numbers-inline{display:flex;align-items:center;gap:4px}.more-contacts{background-color:#e0f2f3;color:#004953;padding:2px 5px;border-radius:8px;font-size:11px;cursor:pointer}.contact-numbers{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.contact-badge{background-color:#e0f2f3;color:#004953;padding:4px 8px;border-radius:12px;font-size:12px;display:inline-flex;align-items:center}.contact-badge:before{content:"📱";margin-right:4px;font-size:11px}.edit-button_23{border:none;padding:5px 8px;border-radius:4px;background-color:#00a3c6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:12px}.edit-button_23:hover{background-color:#0087a8;transform:scale(1.05)}.action-icon{font-size:16px}.product-header_1{display:flex;align-items:center;gap:6px;cursor:pointer;color:#0077b6;font-size:13px}.expand-icon{font-size:16px;color:#004953}.sales-pagination{margin-top:auto;padding-top:12px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.pagination-button{padding:7px 14px;border:none;background-color:#00a3c6;color:#fff;cursor:pointer;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s ease;min-width:70px}.page-indicator{font-size:13px;color:#555;font-weight:500}.no-results{text-align:center;padding:16px;color:#666;font-size:14px;background-color:#f8f9fa;border-radius:5px;margin-top:16px}.loading,.no-data{text-align:center;padding:24px;font-size:15px;color:#555;flex:1;display:flex;align-items:center;justify-content:center}.error{text-align:center;padding:16px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-message{color:#e74c3c;margin-bottom:12px;font-size:14px}.retry-button{padding:8px 16px;background-color:#00a3c6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s ease}@media (max-width: 992px){.sales-container_2{padding:10px;min-height:calc(100vh - 110px)}.sales-title{font-size:17px}.sales-table th,.sales-table td{padding:8px 10px;font-size:12px}.address-grid{grid-template-columns:1fr;gap:12px}.product-table th,.product-table td{font-size:11px;padding:5px 8px}.expanded-section h4{font-size:13px}.page-indicator{font-size:12px}}@media (max-width: 767px){.sales-container_2{padding:8px;min-height:calc(100vh - 110px)}.sales-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.sales-title{font-size:16px;padding-bottom:4px}.search-container{width:100%;max-width:none;min-width:auto}.search-input_21{padding:7px 10px 7px 32px;font-size:12px}.search-icon{font-size:13px;left:8px}.table-wrapper{max-height:calc(100vh - 220px)}.sales-table thead{display:none}.sales-table tbody tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;padding:8px}.sales-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px;border:none;border-bottom:1px solid #eee;font-size:12px}.sales-table tbody td:last-child{border-bottom:none}.sales-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:12px;flex:1;font-size:12px}.expanded-row td{display:block;padding:0}.expanded-content{padding:8px}.expanded-section{margin-bottom:12px}.expanded-section h4,.address-grid h5{font-size:12px}.address-grid p{font-size:11px}.contact-badge{font-size:11px;padding:3px 6px}.pagination-button{padding:6px 12px;font-size:12px;min-width:60px}.page-indicator{font-size:11px}.no-results{padding:12px;font-size:13px}}@media (max-width: 480px){.sales-table tbody td{align-items:flex-start;gap:4px;padding:6px}.sales-table tbody td:before{margin-right:0;margin-bottom:3px}.edit-button_23{padding:4px 6px;font-size:11px}.action-icon{font-size:14px}.sales-pagination{gap:8px}.pagination-button{padding:5px 10px;min-width:50px}}.sales-form-container2{background-color:#195b64;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:800px;padding:25px;border:1px solid #00a3c6;color:#e0f2f3}.sales-form-header2{display:flex;align-items:center;margin-bottom:25px;position:relative}.form-group21{display:flex;flex-direction:column;gap:8px}.form-group21 label{font-weight:500;color:#b2c8cb;font-size:15px}.model-input-group{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;align-items:center}.model-input,.price-input{padding:10px 12px}.add-model-button{display:flex;align-items:center;gap:6px;padding:10px 15px;background-color:#00a3c6;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.add-model-button:hover{background-color:#0087a8}.add-model-button:disabled{background-color:#00a3c6;cursor:not-allowed}.models-list-container{border:1px solid #00a3c6;border-radius:8px;padding:15px;background-color:#0d3a42}.models-list-title{color:#b2c8cb;font-size:16px;margin-top:0;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #00a3c6}.models-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.model-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#195b64;border-radius:6px;border:1px solid #00a3c6;color:#fff}.model-text{flex:1;color:#fff}.model-actions{display:flex;gap:8px}.edit-model-button,.delete-model-button{background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-model-button{color:#b2c8cb}.edit-model-button:hover{background-color:#00a3c633}.delete-model-button{color:#ff6b6b}.delete-model-button:hover{background-color:#ff6b6b33}.submit-button:disabled{background-color:#00a3c6;cursor:not-allowed;transform:none}@media (max-width: 768px){.sales-container2{padding:15px}.sales-form-container2{padding:20px}.model-input-group{grid-template-columns:1fr}.add-model-button{justify-content:center}}.sales-container{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #00000014;margin:15px;display:flex;flex-direction:column;min-height:calc(100vh - 110px)}.edit-button_32,.delete-button_32{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-button_32{background-color:#00a3c6;color:#fff}.edit-button_32:hover{background-color:#0087a8;transform:scale(1.05)}.delete-button_32{background-color:#e74c3c;color:#fff}.delete-button_32:hover{background-color:#c0392b;transform:scale(1.05)}.no-data{text-align:center;padding:20px;color:#666;font-size:16px}@media (max-width: 768px){.sales-container{padding:15px 10px;min-height:calc(100vh - 120px)}.sales-header{flex-direction:column;align-items:stretch;gap:15px}.search-container{width:100%;max-width:none}.sales-table thead{display:none}.sales-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.sales-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee}.sales-table tbody td:last-child{border-bottom:none}.sales-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.action-buttons{display:flex;flex-direction:column}}@media (max-width: 480px){.sales-table tbody td{align-items:flex-start;gap:5px}.sales-table tbody td:before{margin-right:0;margin-bottom:5px}.action-buttons{display:flex;flex-direction:column}}.sales-container2{background-color:#004953;min-height:calc(100vh - 100px);border-radius:12px;padding:20px;display:flex;justify-content:center;align-items:flex-start}.sales-form-container2{background-color:#195b64;border-radius:12px;box-shadow:0 4px 20px #0000004d;width:100%;max-width:600px;padding:15px;border:1px solid #00a3c6;color:#e0f2f3}.sales-form-header2{display:flex;align-items:center;margin-bottom:15px;position:relative}.back-button{background-color:#00a3c6;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background-color:#0087a8;transform:translate(-2px)}.sales-form-title{color:#fff;font-size:24px;margin:0 auto;text-align:center;flex:1}.message{padding:12px 15px;border-radius:6px;margin-bottom:20px;font-size:15px;text-align:center}.message.success{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.message.error{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}.sales-form{display:flex;flex-direction:column;gap:20px}.form-group21 input{padding:12px 15px;border:1px solid #00a3c6;border-radius:6px;font-size:15px;transition:all .3s ease;background-color:#0d3a42;color:#fff}.form-group21 input:disabled{background-color:#1a4a54;color:#b2c8cb;cursor:not-allowed}.form-group21 input:focus{outline:none;border-color:#b2c8cb;box-shadow:0 0 0 2px #b2c8cb4d}.form-actions{display:flex;justify-content:flex-end}.submit-button{padding:12px 24px;background-color:#00a3c6;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.submit-button:hover{background-color:#0087a8;transform:translateY(-1px)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 768px){.sales-container2{padding:7px}.sales-form-container2{padding:20px}}@media (max-width: 480px){.sales-form-title{font-size:20px}}.sales-container{background-color:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 15px #00000014;margin:5px;display:flex;flex-direction:column;height:calc(100vh - 110px)}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.sales-title{color:#004953;font-size:22px;margin:0;border-bottom:2px solid #00a3c6;padding-bottom:7px}.search-container{position:relative;min-width:250px;flex:1;max-width:400px}.search-input_34{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#f5f9fa}.sales-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.sales-table thead{position:sticky;top:0;z-index:10}.sales-table thead tr{background-color:#004953;color:#fff;text-align:left}.sales-table th,.sales-table td{padding:12px 15px;border:1px solid #e0e0e0;word-wrap:break-word}.sales-table th{font-weight:600;letter-spacing:.5px}.sales-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.sales-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.sales-table tbody tr:hover{background-color:#00a3c61a}.edit-button_31,.delete-button_31{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-button_31{background-color:#00a3c6;color:#fff}.edit-button_31:hover{background-color:#0087a8;transform:scale(1.05)}.delete-button_31{background-color:#e74c3c;color:#fff}.delete-button_31:hover{background-color:#c0392b;transform:scale(1.05)}.sales-pagination{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}@media (max-width: 768px){.sales-container{padding:15px;margin:0;height:auto;min-height:calc(100vh - 120px)}.sales-header{flex-direction:column;align-items:stretch;gap:15px}.search-container{width:100%;max-width:none}.sales-table thead{display:none}.sales-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:5px 10px}.sales-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:5px;border:none;border-bottom:1px solid #eee}.sales-table tbody td:last-child{border-bottom:none}.sales-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.sales-table tbody td>span{flex:2;text-align:right}.action-buttons{justify-content:flex-end}.sales-pagination{flex-direction:column;gap:10px}.page-indicator{order:-1}}@media (max-width: 480px){.sales-table tbody td{align-items:flex-start;gap:5px}.sales-table tbody td:before{margin-right:0;margin-bottom:5px}}.products-container{width:100%;background-color:#fff;border-radius:10px;padding:8px 0 0;box-shadow:0 2px 12px #0000000f;margin:12px 0 0;display:flex;flex-direction:column;height:calc(100vh - 90px);overflow:hidden}.products-title{color:#333;font-size:18px;margin-bottom:0;border-bottom:2px solid #00a3c6;padding-bottom:6px;padding-left:12px;padding-right:12px}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px;padding:0 12px}.products-search-container{position:relative;min-width:200px;max-width:350px;flex:1}.products-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#777;font-size:14px}.products-search-input_23{width:100%;padding:8px 12px 8px 36px;border:1px solid #ddd;border-radius:5px;font-size:13px;transition:all .3s ease;background-color:#f5f9fa}.products-table-wrapper{flex:1;width:100%;overflow-y:auto;border-radius:7px;border:1px solid #e0e0e0;margin-bottom:12px;-webkit-overflow-scrolling:touch}.products-table{width:100%;border-collapse:collapse;font-size:.85em;table-layout:auto}.products-table thead{position:sticky;top:0;z-index:10}.products-table thead tr{background-color:#004953;color:#fff;text-align:left}.products-table th,.products-table td{padding:10px 12px;border:1px solid #e0e0e0;word-break:break-word}.products-table th{font-weight:600;letter-spacing:.3px;font-size:13px;position:sticky;top:0}.products-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.products-table tbody tr:nth-of-type(odd){background-color:#fff}.products-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.products-table tbody tr:hover{background-color:#00a3c633}.products-delete-button{border:none;padding:5px 8px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#e74c3c;color:#fff;font-size:12px}.products-delete-button:hover{background-color:#c0392b;transform:scale(1.05)}.products-action-icon{font-size:16px}.products-list{list-style:none;padding:0;margin:0}.products-item-header{display:flex;justify-content:space-between;align-items:center;padding:6px;background-color:#00a3c61a;border-radius:3px;cursor:pointer;transition:background-color .2s}.products-item-header:hover{background-color:#00a3c633}.products-item-details{margin-top:6px;padding:6px;background-color:#00000008;border-radius:3px;animation:fadeIn .3s ease-out}.products-item-details table{width:100%}.products-item-details th{text-align:left;padding-right:8px}.products-address-container{display:flex;flex-direction:column;gap:4px}.products-address-container strong{color:#555;font-weight:600;font-size:12px}.products-address-container span{display:block;margin-bottom:4px;padding:4px;background-color:#f8f9fa;border-radius:3px;font-size:12px}.products-pagination{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;flex-shrink:0;padding:0 12px 8px}.products-pagination-button{padding:7px 14px;border:none;background-color:#00a3c6;color:#fff;cursor:pointer;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s ease;min-width:70px}.products-pagination-button:hover:not(:disabled){background-color:#0087a8;transform:translateY(-1px)}.products-pagination-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.products-page-indicator{font-size:13px;color:#555;font-weight:500}.products-no-results{text-align:center;padding:16px;color:#666;font-size:14px;background-color:#f8f9fa;border-radius:5px;margin:12px}.products-loading-container,.products-error-container,.products-no-data{text-align:center;padding:24px;font-size:15px;color:#555;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.products-error-message{color:#e74c3c;margin-bottom:12px;font-size:14px}.products-retry-button{padding:8px 16px;background-color:#00a3c6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s ease}@media (max-width: 992px){.products-container{height:calc(100vh - 80px)}.products-title{font-size:16px}.products-search-input_23{font-size:12px}.products-table th,.products-table td{padding:8px 10px;font-size:12px}}@media (max-width: 767px){.products-container{padding:0;margin:8px 0 0;height:auto;min-height:calc(100vh - 100px);max-width:100%;border-radius:0}.products-header{flex-direction:column;align-items:stretch;padding:0 10px;margin-bottom:12px;gap:8px}.products-search-container{max-width:100%;margin-top:8px;min-width:auto}.products-table-wrapper{overflow-x:hidden;border-radius:0;border-left:none;border-right:none;margin-bottom:10px}.products-table{width:100%;display:block}.products-table thead{display:none}.products-table tbody,.products-table tr,.products-table td{display:block;width:100%}.products-table tbody tr{display:flex;flex-direction:column;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;padding:8px}.products-table td{padding:6px;border:none;border-bottom:1px solid #eee;display:flex;justify-content:space-between}.products-table td:last-child{border-bottom:none}.products-table td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:10px;flex:1;font-size:12px}.products-table td>span{flex:2;text-align:right;font-size:12px}.products-pagination{flex-direction:column;gap:8px;padding:0 10px 10px}.products-page-indicator{order:-1;font-size:12px}.products-pagination-button{padding:6px 12px;font-size:12px;min-width:60px}.products-no-results{padding:12px;font-size:13px;margin:10px}}@media (max-width: 480px){.products-title{font-size:15px;padding-left:10px;padding-right:10px}.products-search-input_23{padding:6px 10px 6px 32px;font-size:11px}.products-table td:before,.products-table td>span{font-size:11px}.products-delete-button{padding:4px 6px;font-size:11px}.products-action-icon{font-size:14px}.products-pagination-button{padding:5px 10px;min-width:50px}}.homepurchase{width:100%;background-color:#b0b0b0;min-height:100vh;display:flex;padding:0;gap:10px}.homecontainerpurchase{flex:7;background-color:#d7d7d7;box-shadow:0 2px 10px #00000014;border-radius:8px;padding:10px;transition:margin-left .3s ease}@media (max-width: 768px){.homepurchase{padding:10px;gap:10px}.homecontainerpurchase{padding:10px}}.addpurchase-navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background-color:#3b3b3b;box-shadow:0 2px 10px #00000014;width:100%;color:#fff;border-radius:10px;margin-bottom:10px}.addpurchase-navbar-top{display:flex;align-items:center;gap:10px}.addpurchase-navbar-logo{height:40px;display:none}.addpurchase-navbar-title{font-size:18px;font-weight:600;color:#fff;margin:0}.addpurchase-navbar-buttons{display:flex;align-items:center;gap:10px}.addpurchase-navbar-button{border:none;color:#fff;padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.addpurchase-create-button{background-color:#0087a8;color:#fff}.addpurchase-create-button:hover{background-color:#006a84;transform:translateY(-2px)}.addpurchase-inventory-button{background-color:#0087a8;color:#fff}.addpurchase-inventory-button:hover{background-color:#006a84;transform:translateY(-2px)}.addpurchase-navbar-button-icon{font-size:18px}.addpurchase-navbar-right{display:flex;align-items:center;gap:20px}.addpurchase-welcome-message{font-size:14px;color:#fff;font-weight:500}.addpurchase-profile-dropdown{position:relative;cursor:pointer;display:flex;align-items:center}.addpurchase-profile-icon{font-size:36px;color:#0087a8}.addpurchase-notification-counter{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.addpurchase-dropdown-menu{position:absolute;top:50px;right:0;background-color:#3b3b3b;border:1px solid #0087a8;border-radius:6px;padding:10px;z-index:1000;min-width:150px;box-shadow:0 4px 8px #0000001a}@media screen and (max-width: 1024px){.addpurchase-navbar-title{max-width:200px}}@media screen and (max-width: 768px){.addpurchase-navbar{flex-direction:column;gap:15px;padding:15px}.addpurchase-navbar-top{width:100%;justify-content:space-between}.addpurchase-navbar-title{max-width:180px;font-size:14px}.addpurchase-navbar-buttons{width:100%;justify-content:center}.addpurchase-navbar-right{width:100%;justify-content:space-between}}@media screen and (max-width: 480px){.addpurchase-navbar-buttons{flex-direction:column;gap:10px}.addpurchase-navbar-button{width:100%;justify-content:center}}.partner-form-container_3{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);background-color:#3b3b3b;padding:20px;border-radius:10px}.partner-form-card_3{background-color:#4a4a4a;padding:30px;width:100%;max-width:500px;border-radius:10px;box-shadow:0 4px 15px #0003}.partner-form-title{color:#fff;text-align:center;margin-bottom:25px;font-size:24px;border-bottom:2px solid #0087a8;padding-bottom:10px}.partner-form-group{margin-bottom:20px}.partner-input{width:100%;padding:12px 15px;border:1px solid #555;border-radius:6px;background-color:#3b3b3b;color:#fff;font-size:14px;transition:all .3s ease}.partner-input:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.partner-input::placeholder{color:#b2b2b2}.partner-button-container{margin-top:25px;text-align:center}.partner-submit-button{background-color:#0087a8;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;width:100%}.partner-submit-button:hover{background-color:#006a84;transform:translateY(-2px)}.partner-error-message{color:#ff6b6b;background-color:#ff6b6b1a;padding:10px 15px;border-radius:6px;margin-bottom:20px;text-align:center}.input-error{border-color:#e63946!important}.error-message{color:#e63946;font-size:.8rem;margin-top:.3rem;animation:fadeIn .3s ease}.partner-error-message{background-color:#fee2e2;color:#e63946;padding:.8rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.partner-success-message{background-color:#dcfce7;color:#166534;padding:.8rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.9rem;text-align:center}.partner-submit-button:disabled{background-color:#b0e0e6!important;cursor:not-allowed;transform:none!important}.partner-success-message{color:#4caf50;background-color:#4caf501a;padding:10px 15px;border-radius:6px;margin-bottom:20px;text-align:center}.partner-loading{color:#b2b2b2;text-align:center;padding:30px}@media (max-width: 768px){.partner-form-card{padding:20px}.partner-form-title{font-size:20px}}.po-list-title{color:#fff;font-size:22px;margin:0;flex-shrink:0}@media (max-width: 768px){.po-list-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.po-list-header{flex-direction:column;align-items:flex-start;gap:15px}.search-container{width:100%;max-width:100%}.po-list-table thead{display:none}.po-list-table tbody tr{display:block;margin-bottom:15px;border:1px solid #555;border-radius:8px;padding:10px}.po-list-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #555}.po-list-table tbody td:last-child{border-bottom:none}.po-list-table tbody td:before{content:attr(data-label);font-weight:600;color:#b2b2b2;margin-right:15px;flex:1}.action-buttons{justify-content:flex-end}.pagination{flex-direction:column;gap:10px}.page-indicator{order:-1}}.purchase-product-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);background-color:#3b3b3b;padding:20px}.purchase-product-card{background-color:#4a4a4a;border-radius:10px;padding:30px;width:100%;max-width:600px;box-shadow:0 4px 15px #0003}.purchase-product-title{color:#fff;text-align:center;margin-bottom:25px;font-size:24px;border-bottom:2px solid #0087a8;padding-bottom:10px}.purchase-product-form-group{margin-bottom:20px}.purchase-product-input{width:100%;padding:12px 15px;border:1px solid #555;border-radius:6px;background-color:#3b3b3b;color:#fff;font-size:14px;transition:all .3s ease}.purchase-product-input:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.purchase-product-input::placeholder{color:#b2b2b2}.purchase-product-textarea{width:100%;padding:12px 15px;border:1px solid #555;border-radius:6px;background-color:#3b3b3b;color:#fff;font-size:14px;transition:all .3s ease;resize:vertical;min-height:100px}.purchase-product-textarea:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.purchase-product-button-container{margin-top:25px;text-align:center}.purchase-product-submit-button{background-color:#0087a8;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;width:100%}.purchase-product-submit-button:hover{background-color:#006a84;transform:translateY(-2px)}.purchase-product-message{padding:10px 15px;border-radius:6px;margin-bottom:20px;text-align:center}.purchase-product-message.success{color:#4caf50;background-color:#4caf501a}.purchase-product-message.error{color:#ff6b6b;background-color:#ff6b6b1a}.purchase-product-loading{color:#b2b2b2;text-align:center;padding:30px}@media (max-width: 768px){.purchase-product-card{padding:20px}.purchase-product-title{font-size:20px}}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#4a4a4a;border-radius:0 8px 8px 0}.table-wrapper::-webkit-scrollbar-thumb{background-color:#0087a8;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#006a84}.po-list-table th,.po-list-table td{padding:12px 15px;border:1px solid #555;word-wrap:break-word}.po-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;background-color:#3b3b3b;padding:10px 15px;border-radius:8px}.po-list-title{color:#fff;font-size:22px;margin:0;border-bottom:none;padding-bottom:0;flex-shrink:0}@media (max-width: 768px){.po-list-header{flex-direction:column;align-items:flex-start;gap:15px}.search-container{width:100%;max-width:100%}}.edit-button,.delete-button{border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:none}.edit-button{color:#fff;background-color:#0087a8}.delete-button{color:#f44336;background-color:#f443361a}.edit-button:hover{background-color:#4caf504d;transform:scale(1.1)}.delete-button:hover{background-color:#f443364d;transform:scale(1.1)}.edit-button svg,.delete-button svg{font-size:18px}@media (max-width: 480px){.action-buttons{gap:5px}.edit-button,.delete-button{width:28px;height:28px}.edit-button svg,.delete-button svg{font-size:16px}}.view-button,.edit-button,.delete-button{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:14px}.edit-button{background-color:#0087a8;color:#fff}.edit-button:hover,.delete-button:hover{transform:scale(1.05);opacity:.9}@media (max-width: 480px){.po-list-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.po-list-table tbody td:before{margin-right:0;margin-bottom:5px}.action-buttons{flex-direction:column;gap:5px}}.homepurchaseuser{width:100%;background-color:#b0b0b0;background-color:#f5f5f5;min-height:100vh;display:flex;padding:0;gap:10px}.homecontaineruser{flex:7;background-color:#d7d7d7;box-shadow:0 2px 10px #00000014;border-radius:8px;padding:10px;transition:margin-left .3s ease}@media (max-width: 768px){.homepurchaseuser{padding:10px;gap:10px}.homecontaineruser{padding:10px}}.addpurchase-sidebar{background-color:#3b3b3b;color:#fff;flex:1.5;min-height:calc(100vh - 60px);transition:transform .3s ease;border-radius:12px;box-shadow:2px 0 10px #0000001a}.addpurchase-top{display:flex;flex-direction:column;align-items:center;padding:20px 10px 15px}.addpurchase-logo-container{width:80%;margin-bottom:15px}.addpurchase-logo-image{width:100%;height:auto;object-fit:contain}.addpurchase-divider{width:90%;height:1px;background-color:#ffffff1a;margin:10px 0}.addpurchase-center{padding:0 10px}.addpurchase-title{font-size:12px;font-weight:600;color:#b2b2b2;margin:20px 0 10px 15px;text-transform:uppercase;letter-spacing:.5px}.addpurchase-menu{list-style:none;padding:0;margin:0}.addpurchase-menu-item{display:flex;align-items:center;padding:12px 15px;cursor:pointer;border-radius:6px;margin:4px 0;transition:all .2s ease;color:#fff}.addpurchase-menu-item:hover{background-color:#4a4a4a;transform:translate(3px)}.addpurchase-menu-item.active{background-color:#0087a8;color:#fff}.addpurchase-menu-icon{margin-right:12px;font-size:20px;color:#b2b2b2}.addpurchase-menu-item.active .addpurchase-menu-icon,.addpurchase-menu-item:hover .addpurchase-menu-icon{color:#fff}.addpurchase-menu-text{flex:1;font-size:14px;font-weight:500}.addpurchase-submenu-item{padding:10px 15px 10px 50px;background-color:#3b3b3bb3;margin-left:10px;border-left:2px solid #0087a8;font-size:13px}.addpurchase-submenu-item:hover{background-color:#4a4a4a}.addpurchase-sidebar-toggle{display:none;position:fixed;top:20px;left:20px;background-color:#0087a8;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;z-index:1001;box-shadow:0 3px 10px #0003;transition:all .3s ease}.addpurchase-sidebar-toggle:hover{background-color:#006a84}.addpurchase-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:none}.addpurchase-sidebar-overlay.show{display:block}@media screen and (max-width: 768px){.addpurchase-sidebar{transform:translate(-100%)}.addpurchase-sidebar.open{transform:translate(0)}.addpurchase-sidebar-toggle{display:block}}@media (min-width: 769px){.addpurchase-sidebar-toggle{display:none}.addpurchase-sidebar-overlay{display:none!important}}.userpurchase-navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background-color:#3b3b3b;box-shadow:0 2px 10px #00000014;width:100%;color:#fff;border-radius:10px;margin-bottom:10px}.userpurchase-navbar-top{display:flex;align-items:center;gap:10px}.userpurchase-navbar-logo{height:40px;display:none}.userpurchase-navbar-title{font-size:18px;font-weight:600;color:#fff;margin:0}.userpurchase-navbar-buttons{display:flex;align-items:center;gap:10px}.userpurchase-create-button,.userpurchase-inventory-button{border:none;color:#fff;padding:8px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a;background-color:#0087a8}.userpurchase-create-button:hover,.userpurchase-inventory-button:hover{background-color:#006a84;transform:translateY(-2px)}.userpurchase-button-icon{font-size:18px}.userpurchase-navbar-right{display:flex;align-items:center;gap:20px}.userpurchase-welcome-message{font-size:14px;color:#fff;font-weight:500}.userpurchase-profile-dropdown{position:relative;cursor:pointer;display:flex;align-items:center}.userpurchase-profile-icon{font-size:36px;color:#0087a8}.userpurchase-notification-counter{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.userpurchase-dropdown-menu{position:absolute;top:50px;right:0;background-color:#3b3b3b;border:1px solid #0087a8;border-radius:6px;padding:10px;z-index:1000;min-width:150px;box-shadow:0 4px 8px #0000001a}.userpurchase-dropdown-item{display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer;padding:5px 0}.userpurchase-dropdown-icon{color:#0087a8}@media screen and (max-width: 1024px){.userpurchase-navbar-title{max-width:200px}}@media screen and (max-width: 768px){.userpurchase-navbar{flex-direction:column;gap:15px;padding:15px}.userpurchase-navbar-top{width:100%;justify-content:space-between}.userpurchase-navbar-title{max-width:180px;font-size:14px}.userpurchase-navbar-buttons{width:100%;justify-content:center}.userpurchase-navbar-right{width:100%;justify-content:space-between}}@media screen and (max-width: 480px){.userpurchase-navbar-buttons{flex-direction:column;gap:10px}.userpurchase-create-button,.userpurchase-inventory-button{width:100%;justify-content:center}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inline-block{display:inline-block}.animate-spin{animation:spin 1s linear infinite}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-current{border-color:currentColor}.border-r-transparent{border-right-color:transparent}.h-4{height:1rem}.w-4{width:1rem}.po-list-container{background-color:#3b3b3b;border-radius:10px;padding:20px;box-shadow:0 2px 15px #0003;margin:10px;display:flex;flex-direction:column;height:calc(100vh - 100px);color:#fff}.po-list-title{color:#fff;font-size:22px;margin-bottom:0;border-bottom:2px solid #0087a8;padding-bottom:7px}.po-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b2b2b2}.search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #555;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#4a4a4a;color:#fff}.search-input:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.table-wrapper{flex:1;overflow-y:auto;border-radius:8px;border:1px solid #555;margin-bottom:15px}.po-list-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.po-list-table thead{position:sticky;top:0;z-index:10}.po-list-table thead tr{background-color:#0087a8;color:#fff;text-align:left}.po-list-table th,.po-list-table td{padding:6px 8px!important;border:1px solid #555;word-wrap:break-word}.po-list-table th{font-weight:600;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.po-list-table tbody tr{border-bottom:1px solid #555;transition:background-color .2s ease}.po-list-table tbody tr:nth-of-type(odd){background-color:#4a4a4a}.po-list-table tbody tr:nth-of-type(2n){background-color:#3b3b3b}.po-list-table tbody tr:hover{background-color:#0087a84d}.view-button,.edit-button,.delete-button{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-button,.edit-button{background-color:#0087a8;color:#fff}.delete-button{background-color:#f44336;color:#fff}.view-button:hover,.edit-button:hover,.delete-button:hover{transform:scale(1.05);opacity:.9}.pagination{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.pagination-button{padding:8px 16px;border:none;background-color:#0087a8;color:#fff;cursor:pointer;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.pagination-button:hover:not(:disabled){background-color:#006a84;transform:translateY(-1px)}.pagination-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.page-indicator{font-size:15px;color:#b2b2b2;font-weight:500}.no-results{text-align:center;padding:20px;color:#b2b2b2;font-size:16px;background-color:#4a4a4a;border-radius:6px}.loading,.error{text-align:center;padding:30px;font-size:18px;color:#b2b2b2;flex:1;display:flex;align-items:center;justify-content:center}.error{flex-direction:column}.error-message{color:#ff6b6b;margin-bottom:15px}.retry-button{padding:10px 20px;background-color:#0087a8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .2s ease}.retry-button:hover{background-color:#006a84}.approval-button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;color:#fff;transition:all .2s ease;min-width:100px;font-size:14px}.approval-button.pending{background-color:#f44336}.approval-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;color:#fff;transition:all .2s ease;min-width:100px;font-size:14px;width:100%}.approval-button.pending{background-color:#f44336;opacity:.6;cursor:not-allowed}.approval-button.approved{background-color:#28a745}.approval-button:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-weight:500;color:#fff;transition:all .2s ease;min-width:100px;font-size:14px;width:100%}.send-button.disabled{background-color:#6c757d;cursor:not-allowed}.send-button.pending{background-color:#17a2b8}.send-button.sent{background-color:#28a745}.send-button:disabled{opacity:.6}.approval-wrapper{position:relative;display:inline-block}.approval-time{position:absolute;top:38px;left:56%;transform:translate(-50%);font-size:12px;color:#aaa;padding:2px 6px;z-index:10;white-space:nowrap}.approval-button:not(:disabled):hover,.send-button:not(:disabled):not(.disabled):hover{opacity:.9;transform:scale(1.02);box-shadow:0 2px 5px #0003}.po-list-table td:first-child,.po-list-table th:first-child{width:57px;min-width:50px;text-align:center}@media (max-width: 768px){.po-list-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.po-list-title{font-size:20px}.po-list-table thead{display:none}.po-list-table tbody tr{display:block;margin-bottom:15px;border:1px solid #555;border-radius:8px;padding:10px}.po-list-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #555}.po-list-table tbody td:last-child{border-bottom:none}.po-list-table tbody td:before{content:attr(data-label);font-weight:600;color:#b2b2b2;margin-right:15px;flex:1}.po-list-table tbody td>span{flex:2;text-align:right}.action-buttons{justify-content:flex-end}.pagination{flex-direction:column;gap:10px}.page-indicator{order:-1}}@media (max-width: 480px){.po-list-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.po-list-table tbody td:before{margin-right:0;margin-bottom:5px}}.purchaseuser-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);background-color:#2c2c2c;padding:20px}.purchaseuser-card{background-color:#3c3c3c;border-radius:12px;padding:30px;width:100%;max-width:600px;box-shadow:0 4px 20px #0000004d}.purchaseuser-title{color:#fff;text-align:center;margin-bottom:25px;font-size:26px;border-bottom:2px solid #00bcd4;padding-bottom:10px}.purchaseuser-form-group{margin-bottom:20px}.purchaseuser-input,.purchaseuser-textarea{width:100%;padding:12px 15px;border:1px solid #555;border-radius:6px;background-color:#2c2c2c;color:#fff;font-size:14px;transition:all .3s ease}.purchaseuser-input:focus,.purchaseuser-textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 2px #00bcd44d}.purchaseuser-input::placeholder,.purchaseuser-textarea::placeholder{color:#bbb}.purchaseuser-textarea{resize:vertical;min-height:100px}.purchaseuser-button-container{margin-top:25px;text-align:center}.purchaseuser-submit-button{background-color:#00bcd4;color:#fff;border:none;padding:12px 25px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;width:100%}.purchaseuser-submit-button:hover{background-color:#0097a7;transform:translateY(-2px)}.purchaseuser-message{padding:10px 15px;border-radius:6px;margin-bottom:20px;text-align:center;font-weight:500}.purchaseuser-message.success{color:#4caf50;background-color:#4caf501a}.purchaseuser-message.error{color:#ff6b6b;background-color:#ff6b6b1a}@media (max-width: 768px){.purchaseuser-card{padding:20px}.purchaseuser-title{font-size:22px}}.userpurchase-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.userpurchase-table-wrapper::-webkit-scrollbar-track{background:#4a4a4a;border-radius:0 8px 8px 0}.userpurchase-table-wrapper::-webkit-scrollbar-thumb{background-color:#0087a8;border-radius:4px}.userpurchase-table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#006a84}.userpurchase-action-buttons{display:flex;gap:10px;justify-content:center}.userpurchase-edit-button,.userpurchase-delete-button{border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:none}.userpurchase-edit-button{color:#fff;background-color:#0087a8}.userpurchase-delete-button{color:#f44336;background-color:#f443361a}.userpurchase-edit-button:hover{background-color:#4caf504d;transform:scale(1.1)}.userpurchase-delete-button:hover{background-color:#f443364d;transform:scale(1.1)}.userpurchase-edit-button svg,.userpurchase-delete-button svg{font-size:18px}.userpurchase-loading,.userpurchase-error{text-align:center;padding:30px;font-size:18px;color:#b2b2b2;flex:1;display:flex;align-items:center;justify-content:center}.userpurchase-error{flex-direction:column}@media (max-width: 480px){.userpurchase-po-list-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.userpurchase-po-list-table tbody td:before{margin-right:0;margin-bottom:5px}.userpurchase-action-buttons{flex-direction:column;gap:5px}}.userpurchase-po-list-container{background-color:#3b3b3b;border-radius:10px;padding:20px;box-shadow:0 2px 15px #0003;margin:10px;display:flex;flex-direction:column;height:calc(100vh - 100px);color:#fff}.userpurchase-po-list-title{color:#fff;font-size:22px;margin-bottom:0;border-bottom:2px solid #0087a8;padding-bottom:7px}.userpurchase-po-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.userpurchase-search-container{position:relative;min-width:250px;max-width:400px;flex:1}.userpurchase-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b2b2b2}.userpurchase-search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #555;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#4a4a4a;color:#fff}.userpurchase-search-input:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.userpurchase-table-wrapper{flex:1;overflow-y:auto;border-radius:8px;border:1px solid #555;margin-bottom:15px}.userpurchase-po-list-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.userpurchase-po-list-table thead{position:sticky;top:0;z-index:10}.userpurchase-po-list-table thead tr{background-color:#0087a8;color:#fff;text-align:left}.userpurchase-po-list-table th,.userpurchase-po-list-table td{padding:12px 15px;border:1px solid #555;word-wrap:break-word}.userpurchase-po-list-table th{font-weight:600;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.userpurchase-sortable-header{display:flex;align-items:center;gap:5px}.userpurchase-po-list-table tbody tr{border-bottom:1px solid #555;transition:background-color .2s ease}.userpurchase-po-list-table tbody tr:nth-of-type(odd){background-color:#4a4a4a}.userpurchase-po-list-table tbody tr:nth-of-type(2n){background-color:#3b3b3b}.userpurchase-po-list-table tbody tr:hover{background-color:#0087a84d}.userpurchase-action-buttonss{display:flex;gap:5px;justify-content:center}.userpurchase-view-buttonn,.userpurchase-edit-buttonn,.userpurchase-delete-buttonn{border:none;padding:6px 8px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.userpurchase-view-buttonn,.userpurchase-edit-buttonn{background-color:#0087a8;color:#fff}.userpurchase-delete-buttonn{background-color:#f44336;color:#fff}.userpurchase-view-buttonn:hover,.userpurchase-edit-buttonn:hover,.userpurchase-delete-buttonn:hover{transform:scale(1.05);opacity:.9}.userpurchase-action-icon{font-size:20px}.userpurchase-pagination{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.userpurchase-pagination-button{padding:8px 16px;border:none;background-color:#0087a8;color:#fff;cursor:pointer;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.userpurchase-pagination-button:hover:not(:disabled){background-color:#006a84;transform:translateY(-1px)}.userpurchase-create-debit-button.disabled{background-color:#555;cursor:not-allowed;opacity:.7}.userpurchase-pagination-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.userpurchase-page-indicator{font-size:15px;color:#b2b2b2;font-weight:500}.userpurchase-no-results{text-align:center;padding:20px;color:#b2b2b2;font-size:16px;background-color:#4a4a4a;border-radius:6px}.userpurchase-po-list-container.loading,.userpurchase-po-list-container.error{text-align:center;padding:30px;font-size:18px;color:#b2b2b2;flex:1;display:flex;align-items:center;justify-content:center}.userpurchase-po-list-container.error{flex-direction:column}.userpurchase-error-message{color:#ff6b6b;margin-bottom:15px}.userpurchase-retry-button{padding:10px 20px;background-color:#0087a8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .2s ease}.userpurchase-retry-button:hover{background-color:#006a84}@media (max-width: 768px){.userpurchase-po-list-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.userpurchase-po-list-title{font-size:20px}.userpurchase-po-list-table thead{display:none}.userpurchase-po-list-table tbody tr{display:block;margin-bottom:15px;border:1px solid #555;border-radius:8px;padding:10px}.userpurchase-po-list-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #555}.userpurchase-po-list-table tbody td:last-child{border-bottom:none}.userpurchase-po-list-table tbody td:before{content:attr(data-label);font-weight:600;color:#b2b2b2;margin-right:15px;flex:1}.userpurchase-po-list-table tbody td>span{flex:2;text-align:right}.userpurchase-action-buttons{justify-content:flex-end}.userpurchase-pagination{flex-direction:column;gap:10px}.userpurchase-page-indicator{order:-1}}@media (max-width: 480px){.userpurchase-po-list-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.userpurchase-po-list-table tbody td:before{margin-right:0;margin-bottom:5px}}.userpurchase-create-debit-button{background-color:#16b696;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;white-space:nowrap;font-size:14px}.userpurchase-create-debit-button:hover{background-color:#39d3b4}.debit-container{background-color:#3b3b3b;border-radius:10px;padding:20px;box-shadow:0 2px 15px #0003;margin:10px;display:flex;flex-direction:column;height:calc(100vh - 100px);color:#fff}.debit-title{color:#fff;font-size:22px;margin-bottom:0;border-bottom:2px solid #0087a8;padding-bottom:7px}.debit-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.debit-search-container{position:relative;min-width:250px;max-width:400px;flex:1}.debit-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#b2b2b2}.debit-search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #555;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#4a4a4a;color:#fff}.debit-search-input:focus{outline:none;border-color:#0087a8;box-shadow:0 0 0 2px #0087a84d}.debit-table-wrapper{flex:1;overflow-y:auto;overflow-x:hidden;border-radius:8px;border:1px solid #555;margin-bottom:15px}.debit-table{width:100%;min-width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.debit-table thead{position:sticky;top:0;z-index:10}.debit-table thead tr{background-color:#0087a8;color:#fff;text-align:left}.debit-table th,.debit-table td{padding:12px 15px;border:1px solid #555;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.debit-table th{font-weight:600;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.debit-sortable-header{display:flex;align-items:center;gap:5px}.debit-table tbody tr{border-bottom:1px solid #555;transition:background-color .2s ease}.debit-table tbody tr:nth-of-type(odd){background-color:#4a4a4a}.debit-table tbody tr:nth-of-type(2n){background-color:#3b3b3b}.debit-table tbody tr:hover{background-color:#0087a84d}.debit-action-buttons{display:flex;gap:5px;justify-content:center}.debit-view-button,.debit-edit-button,.debit-delete-button{border:none;padding:5px 8px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.debit-view-button,.debit-edit-button{background-color:#0087a8;color:#fff}.debit-delete-button{background-color:#f44336;color:#fff}.debit-view-button:hover,.debit-edit-button:hover,.debit-delete-button:hover{transform:scale(1.05);opacity:.9}.debit-action-icon{font-size:20px}.debit-pagination{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.debit-pagination-button{padding:8px 16px;border:none;background-color:#0087a8;color:#fff;cursor:pointer;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.debit-pagination-button:hover:not(:disabled){background-color:#006a84;transform:translateY(-1px)}.debit-pagination-button:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.debit-page-indicator{font-size:15px;color:#b2b2b2;font-weight:500}.debit-no-results{text-align:center;padding:20px;color:#b2b2b2;font-size:16px;background-color:#4a4a4a;border-radius:6px}.debit-container.loading,.debit-container.error{text-align:center;padding:30px;font-size:18px;color:#b2b2b2;flex:1;display:flex;align-items:center;justify-content:center}.debit-container.error{flex-direction:column}.debit-error-message{color:#ff6b6b;margin-bottom:15px}.debit-retry-button{padding:10px 20px;background-color:#0087a8;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .2s ease}.debit-retry-button:hover{background-color:#006a84}@media (max-width: 768px){.debit-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.debit-title{font-size:20px}.debit-table thead{display:none}.debit-table tbody tr{display:block;margin-bottom:15px;border:1px solid #555;border-radius:8px;padding:10px}.debit-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #555;white-space:normal}.debit-table tbody td:last-child{border-bottom:none}.debit-table tbody td:before{content:attr(data-label);font-weight:600;color:#b2b2b2;margin-right:15px;flex:1}.debit-table tbody td>span{flex:2;text-align:right}.debit-action-buttons{justify-content:flex-end}.debit-pagination{flex-direction:column;gap:10px}.debit-page-indicator{order:-1}}@media (max-width: 480px){.debit-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.debit-table tbody td:before{margin-right:0;margin-bottom:5px}}.home{width:100%;background-color:#fff;min-height:100vh;display:flex;padding:0;gap:10px}.homecontainer{flex:7;background-color:#fff;border-radius:px;box-shadow:0 2px 10px #00000014;padding:10px}@media (max-width: 768px){.home{padding:10px;gap:10px}.homecontainer{padding:10px}}.sidebar{flex:1.5;background-color:#a1a1a1;min-height:calc(100vh - 60px);transition:transform .3s ease;border-radius:12px;padding:10px 0;box-shadow:0 2px 10px #00000014}.top1{display:flex;flex-direction:column;align-items:center;padding:0 10px 10px}.logo-container{width:80%;margin-bottom:15px}.logo-image{width:100%;height:auto;border-radius:8px}.divider{width:100%;height:1px;background-color:#ffffff4d;margin:10px 0}.center{padding:0 15px}.menu{list-style:none;margin:0;padding:0}.menu-item{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:all .3s ease;border-radius:8px;margin:5px 0;color:#fff}.menu-item:hover{background-color:#00a3c633;transform:translate(5px)}.menu-icon{font-size:22px;color:#fff;min-width:30px}.menu-text{font-size:15px;font-weight:500;margin-left:12px;flex-grow:1}.title{font-size:14px;font-weight:600;margin:20px 0 10px 15px;color:#fff;letter-spacing:.5px}.submenu-item{padding:12px 20px 12px 50px;margin-left:10px;border-left:2px solid rgba(255,255,255,.3)}.sidebar-toggle{display:none;position:fixed;top:20px;left:20px;background-color:#00a3c6;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;z-index:1001;box-shadow:0 3px 10px #0003;transition:all .3s ease}.sidebar-toggle:hover{transform:scale(1.1)}@media screen and (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;transform:translate(-100%);z-index:1000;border-radius:0;padding-top:60px}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;display:none}.sidebar-overlay.show{display:block}.logo-container{width:70%}}.navbar1{width:100%;background-color:#a1a1a1;border-radius:10px;display:flex;justify-content:space-between;padding:10px 15px;color:#333;box-shadow:0 2px 10px #0000001a;margin-bottom:10px}.navbar1-top{display:flex;align-items:center;gap:10px}.navbar1-logo{height:40px;display:none}.navbar1-title{font-size:18px;font-weight:600;color:#fff}.navbar1-buttons{display:flex;align-items:center;gap:12px}.create1-product-button,.download1-product-button{border:none;color:#fff;padding:10px 18px;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 5px #0000001a}.create1-product-button{background-color:#00a3c6}.create1-product-button:hover{background-color:#0087a8;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.download1-product-button{background-color:#00a3c6}.download1-product-button:hover{background-color:#0087a8;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.navbar1-right{display:flex;align-items:center;gap:20px}.navbar1-item{position:relative;display:flex;align-items:center}.navbar1-icon{font-size:36px;cursor:pointer;color:#fff;transition:transform .3s ease}.navbar1-icon:hover{transform:scale(1.1)}.navbar1-counter{position:absolute;top:-5px;right:-5px;background-color:#ff4757;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.welcome-message{color:#fff;font-weight:500}.dropdown-menu{position:absolute;top:50px;right:0;background-color:#fff;border-radius:8px;padding:10px;z-index:1000;box-shadow:0 5px 15px #0000001a;min-width:180px}.dropdown-item{display:flex;align-items:center;gap:10px;color:#333;cursor:pointer;padding:10px;border-radius:6px;transition:all .2s ease}.dropdown-item:hover{background-color:#f0f8ff;color:#00a3c6}.dropdown-icon{color:#00a3c6}@media screen and (max-width: 768px){.navbar1{flex-direction:column;gap:15px;padding:15px}.navbar1-top{width:100%;justify-content:center;padding:0}.navbar1-logo{display:block}.navbar1-title{font-size:16px}.navbar1-buttons{width:100%;justify-content:center}.navbar1-right{width:100%;justify-content:center;padding:0}.create-product-button,.download-product-button{padding:8px 12px;font-size:12px}}.user-table-container{background-color:#fff;border-radius:12px;padding:10px;box-shadow:0 2px 15px #00000014;margin:5px;height:calc(100vh - 115px);display:flex;flex-direction:column}.table-title{color:#333;font-size:22px;margin-bottom:10px;text-align:center;border-bottom:2px solid #00a3c6;padding-bottom:7px}.table-scroll-container{flex:1;overflow-y:auto;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:15px}.user-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.user-table thead{position:sticky;top:0;z-index:10}.user-table thead tr{background-color:#a1a1a1;color:#fff;text-align:left}.user-table th,.user-table td{padding:10px;border:1px solid #e0e0e0;word-wrap:break-word}.user-table th{font-weight:600;letter-spacing:.5px;position:sticky;top:0;background-color:#a1a1a1}.user-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.user-table tbody tr:nth-of-type(odd){background-color:#fff}.user-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.user-table tbody tr:hover{background-color:#00a3c633}.user-action-buttons{display:flex;gap:10px;justify-content:center}.edit-buttonn,.delete-buttonn{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-buttonn{background-color:#00a3c6;color:#fff}.edit-buttonn:hover{background-color:#0087a8;transform:scale(1.05)}.delete-buttonn{background-color:#e74c3c;color:#fff!important}.delete-buttonn:hover{background-color:#c0392b;transform:scale(1.05)}.user-pagination{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.pagination-button{padding:8px 16px;border:none;background-color:#00a3c6;color:#fff;cursor:pointer;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.pagination-button:hover:not(:disabled){background-color:#0087a8;transform:translateY(-1px)}.pagination-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.search-input_69{width:100%!important;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease}@media (max-width: 768px){.user-table-container{padding:15px;margin:10px;height:calc(100vh - 160px)}.table-title{font-size:20px}.user-table thead{display:none}.user-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.user-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee}.user-table tbody td:last-child{border-bottom:none}.user-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.user-table tbody td>span{flex:2;text-align:right}.user-action-buttons{justify-content:flex-end}.user-pagination{flex-direction:column;gap:10px}.page-indicator{order:-1}.table-header{flex-direction:column;align-items:stretch}.search-container{max-width:100%}}@media (max-width: 480px){.user-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.user-table tbody td:before{margin-right:0;margin-bottom:5px}}.partner-form-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:20px;background-color:#f5f7fa;overflow:hidden}.partner-form-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:500px;box-sizing:border-box}.form-title{color:#333;font-size:24px;margin-bottom:25px;text-align:center;border-bottom:2px solid #00a3c6;padding-bottom:10px}.form-group1{margin-bottom:20px;display:flex;align-items:center;gap:10px}.form-group1 input,.form-group1 select{flex:2;padding:12px 15px;border:1px solid #ddd;border-radius:6px;font-size:15px;transition:all .3s ease}.form-group1 input:focus,.form-group1 select:focus{outline:none;border-color:#00a3c6;box-shadow:0 0 0 2px #00a3c633}.submit-button{padding:10px 40px;background-color:#00a3c6;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.submit-button:hover:not(:disabled){background-color:#0087a8;transform:translateY(-2px)}.error-message{color:#e74c3c;background-color:#fdecea;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}.success-message{color:#2ecc71;background-color:#e8f8f0;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}@media (max-width: 600px){.form-group1{flex-direction:column;align-items:stretch}.form-group1 label,.form-group1 input,.form-group1 select{width:100%}.form-title{font-size:20px}.submit-button{padding:10px;font-size:15px}}.partner-table-container{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #00000014;margin:15px;display:flex;flex-direction:column;height:calc(100vh - 130px)}.filter-search-container{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.search-container{position:relative;min-width:250px;flex:1}.search-input_56{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease}.role-filter{padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:all .3s ease}.role-filter:focus{outline:none;border-color:#00a3c6}.partner-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.partner-table thead{position:sticky;top:0;z-index:10}.partner-table thead tr{background-color:#a1a1a1;color:#fff;text-align:left}.partner-table th,.partner-table td{padding:12px 15px;border:1px solid #e0e0e0;word-wrap:break-word}.partner-table th{font-weight:600;letter-spacing:.5px}.partner-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.partner-table tbody tr:nth-of-type(odd){background-color:#fff}.partner-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.partner-table tbody tr:hover{background-color:#00a3c633}.partner-action-buttons{display:flex;gap:10px;justify-content:center}.edit-button_11,.delete-button_11{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edit-button_11{background-color:#00a3c6;color:#fff}.edit-button_11:hover{background-color:#0087a8;transform:scale(1.05)}.delete-button_11{background-color:#e74c3c;color:#fff}.delete-button_11:hover{background-color:#c0392b;transform:scale(1.05)}@media (max-width: 768px){.partner-table-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.table-header{flex-direction:column;align-items:stretch;gap:15px}.filter-search-container{flex-direction:column;gap:10px}.search-container,.role-filter{width:100%}.partner-table thead{display:none}.partner-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.partner-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee}.partner-table tbody td:last-child{border-bottom:none}.partner-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.partner-table tbody td>span{flex:2;text-align:right}.partner-action-buttons{justify-content:flex-end}.pagination1{flex-direction:column;gap:10px}.page-indicator{order:-1}}@media (max-width: 480px){.partner-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.partner-table tbody td:before{margin-right:0;margin-bottom:5px}}.po-table-container{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 15px #00000014;margin:15px;display:flex;flex-direction:column;height:calc(100vh - 130px)}.table-title{color:#333;font-size:22px;margin-bottom:0;border-bottom:2px solid #00a3c6;padding-bottom:7px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.search-input_51{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease}.table-wrapper{flex:1;overflow-y:auto;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:15px}.po-table{width:100%;border-collapse:collapse;font-size:.95em;table-layout:fixed}.po-table thead{position:sticky;top:0;z-index:10}.po-table thead tr{background-color:#a1a1a1;color:#fff;text-align:left}.po-table th,.po-table td{padding:12px 15px;border:1px solid #e0e0e0;word-wrap:break-word}.po-table th{font-weight:600;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-header{display:flex;align-items:center;gap:5px}.po-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.po-table tbody tr:nth-of-type(odd){background-color:#fff}.po-table tbody tr:nth-of-type(2n){background-color:#f8f9fa}.po-table tbody tr:hover{background-color:#00a3c633}.action-buttons{display:flex;gap:10px;justify-content:center}.view-button_2{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#00a3c6;color:#fff}.view-button_2:hover{background-color:#0087a8;transform:scale(1.05)}.pagination1{margin-top:auto;padding-top:15px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0}.no-results{text-align:center;padding:20px;color:#666;font-size:16px;background-color:#f8f9fa;border-radius:6px;margin-top:20px}.loading,.no-data{text-align:center;padding:30px;font-size:18px;color:#555;flex:1;display:flex;align-items:center;justify-content:center}.error{text-align:center;padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 768px){.po-table-container{padding:15px;margin:10px;height:auto;min-height:calc(100vh - 120px)}.table-title{font-size:20px}.po-table thead{display:none}.po-table tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.po-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee}.po-table tbody td:last-child{border-bottom:none}.po-table tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.po-table tbody td>span{flex:2;text-align:right}.action-buttons{display:flex;flex-direction:row}.pagination1{flex-direction:column;gap:10px}.page-indicator{order:-1}}@media (max-width: 480px){.po-table tbody td{flex-direction:column;align-items:flex-start;gap:5px}.po-table tbody td:before{margin-right:0;margin-bottom:5px}}input,textarea,select{white-space:pre-wrap!important;overflow:visible!important;box-shadow:none!important;outline:none!important}input[type=file]{display:none!important}.signature-image-wrapper img{max-width:100%;height:auto;object-fit:contain}.error-message{color:red;font-size:.8rem;margin-top:.25rem}.error-input{border:1px solid red!important}.error-summary{background-color:#721c24;color:#fff;border:1px solid #f5c6cb;position:fixed;top:40px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:5px;text-align:center;font-weight:700;font-weight:20px;z-index:1000}.error-summary h3{margin-top:0;margin-bottom:.5rem;font-size:1rem}.error-summary ul{margin-bottom:0;padding-left:1.5rem}.message{position:fixed;top:40px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:5px;text-align:center;font-weight:700;font-weight:20px;z-index:1000}.message.success{background-color:#155724;color:#fff;border:1px solid #f5c6cb}.message.error{background-color:#721c24;color:#fff;border:1px solid #f5c6cb}@media print{body *{visibility:hidden}#printable-invoice,#printable-invoice *{visibility:visible}#printable-invoice{position:absolute;left:0;top:0;width:100%}.no-print,button{display:none!important}}.product-table-container{background-color:#fff;border-radius:12px;padding:10px 0 0;box-shadow:0 2px 15px #00000014;margin:15px 0 0;display:flex;flex-direction:column;height:calc(100vh - 100px);width:100%;max-width:1125px;overflow:hidden}.table-title{color:#333;font-size:22px;margin-bottom:0;border-bottom:2px solid #00a3c6;padding-bottom:7px;padding-left:15px;padding-right:15px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px;padding:0 15px}.search-container{position:relative;min-width:250px;max-width:400px;flex:1}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#777}.search-input_37{width:100%;padding:10px 15px 10px 40px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:all .3s ease}.search-input:focus{outline:none;border-color:#00a3c6;box-shadow:0 0 0 2px #00a3c633}.table-wrapper{flex:1;width:100%;overflow-x:auto;overflow-y:auto;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:15px;-webkit-overflow-scrolling:touch}.product-table_1{width:max-content;min-width:100%;border-collapse:collapse;font-size:.95em;table-layout:auto}.product-table_1 thead{position:sticky;top:0;z-index:10}.product-table_1 thead tr{background-color:#a1a1a1!important;color:#fff;text-align:left}.product-table_1 th,.product-table_1 td{padding:12px 15px;border:1px solid #e0e0e0;white-space:nowrap}.product-table_1 th{font-weight:600;letter-spacing:.5px;position:sticky;top:0}.product-table_1 tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease}.product-table_1 tbody tr:nth-of-type(odd){background-color:#fff}.product-table_1 tbody tr:nth-of-type(2n){background-color:#f8f9fa}.product-table_1 tbody tr:hover{background-color:#00a3c633}.table-wrapper::-webkit-scrollbar{width:12px;height:12px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb{background:#00a3c6;border-radius:10px;border:2px solid #f1f1f1}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#0087a8}.delete-button_23{border:none;padding:6px 10px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background-color:#e74c3c;color:#fff}.delete-button_23:hover{background-color:#c0392b;transform:scale(1.05)}.action-icon{font-size:20px}.product-list{list-style:none;padding:0;margin:0;white-space:normal}.product-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#00a3c61a;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:normal}.product-header:hover{background-color:#00a3c633}.product-details{margin-top:8px;padding:8px;background-color:#00000008;border-radius:4px;animation:fadeIn .3s ease-out;white-space:normal}.product-details table{width:100%}.product-details th{text-align:left;padding-right:10px}.address-container{display:flex;flex-direction:column;gap:5px;white-space:normal}.address-container strong{color:#555;font-weight:600}.address-container span{display:block;margin-bottom:5px;padding:5px;background-color:#f8f9fa;border-radius:4px}.contact-list{list-style:none;padding:0;margin:0}.pagination1{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;flex-shrink:0;padding:0 15px 10px}.pagination1-button{padding:8px 16px;border:none;background-color:#00a3c6;color:#fff;cursor:pointer;border-radius:5px;font-size:14px;font-weight:500;transition:all .2s ease;min-width:80px}.pagination1-button:hover:not(:disabled){background-color:#0087a8;transform:translateY(-1px)}.pagination1-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.page-indicator{font-size:15px;color:#555;font-weight:500}.no-results{text-align:center;padding:20px;color:#666;font-size:16px;background-color:#f8f9fa;border-radius:6px;margin:15px}.loading-container,.error-container,.no-data{text-align:center;padding:30px;font-size:18px;color:#555;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-message{color:#e74c3c;margin-bottom:15px;font-size:16px}.retry-button{padding:10px 20px;background-color:#00a3c6;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .2s ease}.retry-button:hover{background-color:#0087a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1350px){.product-table-container{max-width:1143px}}@media (max-width: 768px){.product-table-container{padding:0;margin:10px 0 0;height:auto;min-height:calc(100vh - 120px)}.table-header{flex-direction:column;align-items:stretch;padding:0 15px;margin-bottom:15px}.search-container{max-width:100%;margin-top:10px}.product-table_1 thead{display:none}.product-table_1 tbody tr{display:block;margin-bottom:15px;border:1px solid #ddd;border-radius:8px;padding:10px}.product-table_1 tbody td{display:flex;justify-content:space-between;align-items:center;padding:10px;border:none;border-bottom:1px solid #eee;white-space:normal}.product-table_1 tbody td:last-child{border-bottom:none}.product-table_1 tbody td:before{content:attr(data-label);font-weight:600;color:#555;margin-right:15px;flex:1}.product-table_1 tbody td>span{flex:2;text-align:right}.address-container{flex-direction:column;align-items:flex-start}.pagination1{flex-direction:column;gap:10px;padding:0 15px 15px}.page-indicator{order:-1}}