*{box-sizing:border-box;font-family:SofiaProMedium;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:SofiaProMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Menlo,Monaco,Consolas,Courier New,monospace,SofiaProMedium}@font-face{font-family:SofiaProMedium;src:local("SofiaProMedium"),url(/static/media/sofiapro-medium.a807cb275d6473881755.ttf) format("truetype")}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }:where([data-slot],[data-slot] *){border:0 solid}:where([data-slot] button){-webkit-appearance:none;appearance:none;background-color:initial;background-image:none;color:inherit;font:inherit;margin:0;padding:0}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.bottom-3{bottom:.75rem}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mb-4{margin-bottom:-1rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mt-0\.5{margin-top:.125rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.list-item{display:list-item}.hidden{display:none}.size-3{height:.75rem;width:.75rem}.size-3\.5{height:.875rem;width:.875rem}.size-4{height:1rem;width:1rem}.size-6{height:1.5rem;width:1.5rem}.size-7{height:1.75rem;width:1.75rem}.size-8{height:2rem;width:2rem}.size-9{height:2.25rem;width:2.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-px{height:1px}.max-h-52{max-height:13rem}.min-h-0{min-height:0}.w-12{width:3rem}.w-4{width:1rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-32{min-width:8rem}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.flex-1{flex:1 1}.shrink-0{flex-shrink:0}.origin-\[--radix-popover-content-transform-origin\]{transform-origin:var(--radix-popover-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-y-0\.5{row-gap:.125rem}.overflow-y-auto{overflow-y:auto}.overscroll-y-contain{overscroll-behavior-y:contain}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[min\(var\(--radius-md\)\2c 10px\)\]{border-radius:min(4px,10px);border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\2c 12px\)\]{border-radius:min(4px,12px);border-radius:min(var(--radius-md),12px)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:6px;border-radius:var(--radius)}.rounded-md{border-radius:4px;border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:2px;border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:10px;border-radius:calc(var(--radius) + 4px)}.rounded-b-sm{border-bottom-left-radius:2px;border-bottom-left-radius:calc(var(--radius) - 4px);border-bottom-right-radius:2px;border-bottom-right-radius:calc(var(--radius) - 4px)}.rounded-b-xl{border-bottom-left-radius:10px;border-bottom-left-radius:calc(var(--radius) + 4px);border-bottom-right-radius:10px;border-bottom-right-radius:calc(var(--radius) + 4px)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-\[var\(--app-border-a40\)\]{border-color:#d8d8d866;border-color:var(--app-border-a40)}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-border{border-color:#d8d8d8;border-color:var(--border)}.border-destructive{border-color:#d35a47;border-color:var(--destructive)}.border-primary{border-color:#523563;border-color:var(--primary)}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.bg-\[var\(--app-error-a10\)\]{background-color:#d35a471a;background-color:var(--app-error-a10)}.bg-\[var\(--app-input-bg\)\]{background-color:#f1f1fc;background-color:var(--app-input-bg)}.bg-\[var\(--app-overlay\)\]{background-color:#27272733;background-color:var(--app-overlay)}.bg-\[var\(--app-primary-a10\)\]{background-color:#5235631a;background-color:var(--app-primary-a10)}.bg-\[var\(--app-primary-a15\)\]{background-color:#52356326;background-color:var(--app-primary-a15)}.bg-\[var\(--app-primary-a80\)\]{background-color:#523563cc;background-color:var(--app-primary-a80)}.bg-accent-foreground{background-color:#3498db;background-color:var(--accent-foreground)}.bg-background{background-color:#f8f8fc;background-color:var(--background)}.bg-black\/50{background-color:#00000080}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-border{background-color:#d8d8d8;background-color:var(--border)}.bg-muted{background-color:#f8f8fc;background-color:var(--muted)}.bg-popover{background-color:#f8f8fc;background-color:var(--popover)}.bg-primary{background-color:#523563;background-color:var(--primary)}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-secondary{background-color:#f1f1fc;background-color:var(--secondary)}.bg-clip-padding{background-clip:padding-box}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pl-8{padding-left:2rem}.pr-0\.5{padding-right:.125rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-\[0\.8rem\]{font-size:.8rem}.text-\[9px\]{font-size:9px}.text-lg{font-size:16px;font-size:var(--app-font-lg)}.text-sm{font-size:12px;font-size:var(--app-font-base)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:11px;font-size:var(--app-font-sm)}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.tracking-wider{letter-spacing:.05em}.text-\[var\(--app-text-muted\)\]{color:#6e6e6e;color:var(--app-text-muted)}.text-\[var\(--app-text-muted-a40\)\]{color:#6e6e6e66;color:var(--app-text-muted-a40)}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-destructive{color:#d35a47;color:var(--destructive)}.text-foreground{color:#272727;color:var(--foreground)}.text-muted-foreground{color:#6e6e6e;color:var(--muted-foreground)}.text-popover-foreground{color:#272727;color:var(--popover-foreground)}.text-primary{color:#523563;color:var(--primary)}.text-primary-foreground{color:#f8f8fc;color:var(--primary-foreground)}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-secondary-foreground{color:#272727;color:var(--secondary-foreground)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[var\(--app-text-a10\)\]{--tw-ring-color:var(--app-text-a10)}.blur{--tw-blur:blur(8px)}.blur,.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{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:1;opacity:var(--tw-enter-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:1;opacity:var(--tw-exit-opacity,1);transform:translateZ(0) scaleX(1) rotate(0);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-100{animation-duration:.1s}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.running{animation-play-state:running}:root{--background:var(--app-surface);--foreground:var(--app-text);--popover:var(--background);--popover-foreground:var(--foreground);--primary:var(--app-primary);--primary-foreground:var(--app-surface);--secondary:var(--app-input-bg);--secondary-foreground:var(--app-text);--muted:var(--app-surface);--muted-foreground:var(--app-text-muted);--accent:var(--app-accent-bg);--accent-foreground:var(--app-accent);--destructive:var(--app-error);--destructive-foreground:var(--app-surface);--border:var(--app-border);--input:var(--app-border-a40);--ring:var(--app-primary);--radius:calc(var(--app-radius) + 2px);--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--app-primary:#523563;--app-primary-a10:#5235631a;--app-primary-a15:#52356326;--app-primary-a25:#52356340;--app-primary-a47:#52356378;--app-primary-a80:#523563cc;--app-accent:#3498db;--app-accent-bg:#3498db21;--app-surface:#f8f8fc;--app-input-bg:#f1f1fc;--app-overlay:#27272733;--app-text:#272727;--app-text-a10:#2727271a;--app-text-muted:#6e6e6e;--app-text-muted-bg:#6e6e6e21;--app-text-muted-border:#6e6e6e45;--app-text-muted-a33:#6e6e6e54;--app-text-muted-a40:#6e6e6e66;--app-text-muted-a49:#6e6e6e7d;--app-text-muted-a60:#6e6e6e99;--app-border:#d8d8d8;--app-border-a27:#d8d8d845;--app-border-a33:#d8d8d854;--app-border-a40:#d8d8d866;--app-border-a47:#d8d8d878;--app-border-a53:#d8d8d887;--app-error:#d35a47;--app-error-a10:#d35a471a;--app-error-a20:#d35a4733;--app-error-a40:#d35a4766;--app-error-bg:#d35a4726;--app-error-border:#d35a4745;--app-h-control:32px;--app-radius:4px;--app-font-xs:10px;--app-font-sm:11px;--app-font-11:11px;--app-font-base:12px;--app-font-13:13px;--app-font-14:14px;--app-font-lg:16px;--app-font-18:18px;--app-font-20:20px;--app-font-24:24px;--app-font-28:28px;--app-font-32:32px;--app-font-42:42px}.hover\:border-primary:hover{border-color:#523563;border-color:var(--primary)}.hover\:bg-\[var\(--app-error-a20\)\]:hover{background-color:#d35a4733;background-color:var(--app-error-a20)}.hover\:bg-\[var\(--app-primary-a10\)\]:hover{background-color:#5235631a;background-color:var(--app-primary-a10)}.hover\:bg-\[var\(--app-primary-a25\)\]:hover{background-color:#52356340;background-color:var(--app-primary-a25)}.hover\:bg-\[var\(--app-primary-a80\)\]:hover{background-color:#523563cc;background-color:var(--app-primary-a80)}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-muted:hover{background-color:#f8f8fc;background-color:var(--muted)}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:text-foreground:hover{color:#272727;color:var(--foreground)}.hover\:text-primary:hover{color:#523563;color:var(--primary)}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus-visible\:border-\[var\(--app-error-a40\)\]:focus-visible{border-color:#d35a4766;border-color:var(--app-error-a40)}.focus-visible\:border-ring:focus-visible{border-color:#523563;border-color:var(--ring)}.focus-visible\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-\[var\(--app-error-a20\)\]:focus-visible{--tw-ring-color:var(--app-error-a20)}.focus-visible\:ring-\[var\(--app-primary-a47\)\]:focus-visible{--tw-ring-color:var(--app-primary-a47)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:#f8f8fc;background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:#f1f1fc;background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:#272727;color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:#272727;color:var(--secondary-foreground)}.data-\[side\=bottom\]\:inset-x-0[data-side=bottom]{left:0;right:0}.data-\[side\=left\]\:inset-y-0[data-side=left],.data-\[side\=right\]\:inset-y-0[data-side=right]{bottom:0;top:0}.data-\[side\=top\]\:inset-x-0[data-side=top]{left:0;right:0}.data-\[side\=bottom\]\:bottom-0[data-side=bottom]{bottom:0}.data-\[side\=left\]\:left-0[data-side=left]{left:0}.data-\[side\=right\]\:right-0[data-side=right]{right:0}.data-\[side\=top\]\:top-0[data-side=top]{top:0}.data-\[side\=bottom\]\:h-auto[data-side=bottom]{height:auto}.data-\[side\=left\]\:h-full[data-side=left],.data-\[side\=right\]\:h-full[data-side=right]{height:100%}.data-\[side\=top\]\:h-auto[data-side=top]{height:auto}.data-\[side\=left\]\:w-3\/4[data-side=left],.data-\[side\=right\]\:w-3\/4[data-side=right]{width:75%}.data-\[side\=bottom\]\:border-t[data-side=bottom]{border-top-width:1px}.data-\[side\=left\]\:border-r[data-side=left]{border-right-width:1px}.data-\[side\=right\]\:border-l[data-side=right]{border-left-width:1px}.data-\[side\=top\]\:border-b[data-side=top]{border-bottom-width:1px}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-duration:.15s;animation-name:enter}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-duration:.15s;animation-name:exit}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:data-\[state\=closed\]\:slide-out-to-bottom-10[data-state=closed][data-side=bottom]{--tw-exit-translate-y:2.5rem}.data-\[side\=bottom\]\:data-\[state\=open\]\:slide-in-from-bottom-10[data-state=open][data-side=bottom]{--tw-enter-translate-y:2.5rem}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:data-\[state\=closed\]\:slide-out-to-left-10[data-state=closed][data-side=left]{--tw-exit-translate-x:-2.5rem}.data-\[side\=left\]\:data-\[state\=open\]\:slide-in-from-left-10[data-state=open][data-side=left]{--tw-enter-translate-x:-2.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:data-\[state\=closed\]\:slide-out-to-right-10[data-state=closed][data-side=right]{--tw-exit-translate-x:2.5rem}.data-\[side\=right\]\:data-\[state\=open\]\:slide-in-from-right-10[data-state=open][data-side=right]{--tw-enter-translate-x:2.5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:data-\[state\=closed\]\:slide-out-to-top-10[data-state=closed][data-side=top]{--tw-exit-translate-y:-2.5rem}.data-\[side\=top\]\:data-\[state\=open\]\:slide-in-from-top-10[data-state=open][data-side=top]{--tw-enter-translate-y:-2.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:slide-out-to-right-10[data-state=closed]{--tw-exit-translate-x:2.5rem}.data-\[state\=open\]\:slide-in-from-right-10[data-state=open]{--tw-enter-translate-x:2.5rem}@media (min-width:640px){.sm\:max-w-sm{max-width:24rem}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.data-\[side\=left\]\:sm\:max-w-sm[data-side=left],.data-\[side\=right\]\:sm\:max-w-sm[data-side=right]{max-width:24rem}}.\[\&_a\:hover\]\:text-foreground a:hover{color:#272727;color:var(--foreground)}.\[\&_a\]\:underline a{-webkit-text-decoration-line:underline;text-decoration-line:underline}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){height:.75rem;width:.75rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){height:.875rem;width:.875rem}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){height:1rem;width:1rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.action-warn{color:var(--app-error);font-size:var(--app-font-base);font-weight:500}.action-container{align-items:center;display:flex;gap:8px;justify-content:flex-end}.action-container .action-btn{align-items:center;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-11);gap:8px;height:26px;justify-content:center;margin:12px 0;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.action-container .action-btn.inverted{background-color:var(--app-surface);color:var(--app-primary)}.action-container .action-btn:hover{box-shadow:none;transform:scale(.95)}.action-container .action-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.modal-header{align-items:center;border-bottom:1px solid var(--app-border-a47);display:flex;height:64px;justify-content:space-between;padding:16px}.modal-header .modal-action{align-items:center;color:var(--app-text);cursor:pointer;display:flex;font-size:var(--app-font-14);gap:8px;padding:8px 16px;transition:all .2s ease-in-out}.modal-header .modal-action>svg{margin-bottom:3px}.modal-header .modal-action:hover{transform:scale(.9)}.alert-modal{color:var(--app-text);font-size:var(--app-font-base)}.alert-modal .btn-container{display:flex;flex-direction:row-reverse;justify-content:flex-start;padding:0 1.25em;width:100%}.alert-modal .btn-container .alert-btn{color:var(--app-surface);height:var(--app-h-control);outline:0;transition:all .2s ease-in-out}.alert-modal .btn-container .alert-btn:hover{transform:scale(.95)}.alert-modal .btn-container .alert-btn:focus{box-shadow:none}.alert-modal .btn-container .alert-btn.btn-confirm{background-color:var(--app-accent)}.alert-modal .btn-container .alert-btn.btn-cancel{background-color:#b53e2c}.App-no-mobile-view{display:none}@media print{@page{size:portrait}}@media only screen and (max-width:680px){.App{display:none}.App-no-mobile-view{align-items:center;background:#523563;background:linear-gradient(213deg,#523563,#1c1222);color:#e7e7e7;display:flex;flex-direction:column;font-size:16px;gap:24px;height:100vh;justify-content:center;width:100%}.App-no-mobile-view img{aspect-ratio:1/1;object-fit:contain;width:80px}}.cap-display{text-transform:capitalize}.login-wrapper{background-color:var(--app-surface);font-size:var(--app-font-base);height:100vh;overflow-y:auto}.login-wrapper,.login-wrapper .login-inner{align-items:center;display:flex;flex-direction:column;width:100%}.login-wrapper .login-inner{gap:16px;margin:auto;padding:32px 0}.login-wrapper .login-inner .login-page-header{align-items:center;display:flex;gap:12px}.login-wrapper .login-inner .login-page-header .login-page-header-logo{height:40px;object-fit:contain;width:auto}.login-wrapper .login-inner .login-page-header h1{color:var(--app-primary);font-size:var(--app-font-20);font-weight:800}.login-wrapper .login-container{border-radius:16px;box-shadow:-3px -3px 4px #fff,3px 3px 4px #16311e33;flex-shrink:0;height:50%;margin:0 40px;min-height:600px;min-width:300px;overflow:hidden;width:900px}.login-wrapper .login-container .login-company-select{align-items:center;display:flex;flex-direction:column;height:100%;padding:24px;width:100%}.login-wrapper .login-container .login-company-select .title-text{color:var(--app-primary);font-size:var(--app-font-28);font-weight:800;margin-bottom:16px;text-align:center}.login-wrapper .login-container .login-company-select .description-text{color:var(--app-text-muted);font-size:var(--app-font-13);font-weight:400;margin-bottom:24px;max-width:285px;text-align:center}.login-wrapper .login-container .login-company-select .company-list-container{display:flex;flex-wrap:wrap;gap:12px;width:60%}.login-wrapper .login-container .login-company-select .company-list-container .company-list{align-items:center;border-radius:var(--app-radius);box-shadow:-3px -3px 4px #fff,3px 3px 4px #16311e33;color:#1c1222;cursor:pointer;display:flex;flex:1 1;gap:12px;min-width:200px;padding:12px}.login-wrapper .login-container .login-company-select .company-list-container .company-list .company-logo{background-color:var(--app-surface);border-radius:var(--app-radius);height:50px;padding:2px;width:50px}.login-wrapper .login-container .login-company-select .company-list-container .company-list .company-logo img{aspect-ratio:1/1;object-fit:cover;width:100%}.login-wrapper .login-container .login-company-select .company-list-container .company-list:hover{background-color:var(--app-primary);color:var(--app-surface);font-weight:700}.login-wrapper .login-container .login-container-inner{display:flex;height:100%;position:relative;transition:all .3s ease-in-out}.login-wrapper .login-container .login-container-inner .title-text{color:var(--app-primary);font-size:var(--app-font-28);font-weight:800;margin-bottom:16px;text-align:center}.login-wrapper .login-container .login-container-inner .title-text.inverted{color:var(--app-surface)}.login-wrapper .login-container .login-container-inner .description-text{color:var(--app-text-muted);font-size:var(--app-font-13);font-weight:400;max-width:285px;text-align:center}.login-wrapper .login-container .login-container-inner .description-text.inverted{color:var(--app-border)}.login-wrapper .login-container .login-container-inner .form-submit-btn{align-items:center;background:var(--app-primary);border-radius:24px;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-13);gap:8px;justify-content:center;margin:16px 0;min-width:160px;padding:12px 24px;text-transform:uppercase;transition:all .25s ease-in-out}.login-wrapper .login-container .login-container-inner .form-submit-btn:hover{background:linear-gradient(120deg,#1c1222 0,var(--app-primary) 100%);transform:scale(.9)}.login-wrapper .login-container .login-container-inner .form-submit-btn.inverted{background-color:#0000;border:1px solid var(--app-surface)}.login-wrapper .login-container .login-container-inner .form-submit-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.login-wrapper .login-container .login-container-inner .form-container{align-items:center;background-color:var(--app-surface);display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:24px}.login-wrapper .login-container .login-container-inner .form-container .social-icon-btns{align-items:center;display:flex;gap:8px;justify-content:center}.login-wrapper .login-container .login-container-inner .form-container .social-icon-btns .icon-btn{align-items:center;border:1px solid var(--app-border);border-radius:50%;display:flex;height:var(--app-h-control);justify-content:center;width:32px}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container{align-self:normal;display:flex;flex-direction:column;gap:8px;margin:16px}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper{display:flex;flex-direction:column}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-label{color:var(--app-text-muted);font-size:var(--app-font-base)}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-wrapper-inner{align-items:center;border:1px solid var(--app-border-a33);border-radius:var(--app-radius);color:var(--app-text-muted);display:flex;font-size:var(--app-font-base);padding-left:4px;width:100%}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-wrapper-inner i{align-items:center;display:flex;justify-content:center;width:28px}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-wrapper-inner .input-container{background-color:#0000;border:0;flex:1 1;height:40px;outline:0;padding:0 8px}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-wrapper-inner .input-container::placeholder{color:var(--app-text-muted)}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .input-wrapper-inner .input-action{align-items:center;color:var(--app-border);cursor:pointer;display:flex;font-size:var(--app-font-base);height:100%}.login-wrapper .login-container .login-container-inner .form-container .form-inputs-container .input-wrapper .form-validation-error{color:var(--app-error);font-size:var(--app-font-11);height:7px;margin-top:5px}.login-wrapper .login-container .login-container-inner .form-container .form-change-btn{border-bottom:1px solid #0000;color:var(--app-text);cursor:pointer;font-size:var(--app-font-13);font-weight:400;padding:4px;transition:all .2s ease-in-out}.login-wrapper .login-container .login-container-inner .form-container .form-change-btn:hover{border-bottom:1px solid var(--app-border-a33);color:var(--app-accent)}.login-wrapper .login-container .login-container-inner .description-container{align-items:center;-webkit-backdrop-filter:opacity(20%);backdrop-filter:opacity(20%);background-color:#1c1222;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:0 24px}@media screen and (max-width:768px){.login-wrapper .login-container{width:450px}.login-wrapper .login-container .login-container-inner{flex-direction:column}.login-wrapper .login-container .login-container-inner .description-container{flex:.4 1}}#spinner{align-items:center;animation:spin 1s linear infinite;color:#e7e7e7;display:flex;font-size:var(--app-font-base);justify-content:center;margin-bottom:2px}@keyframes spin{to{transform:rotate(1turn)}}.inline-notice{align-items:center;border-radius:var(--app-radius);display:flex;font-size:var(--app-font-base);font-weight:500;gap:8px;padding:8px}.inline-notice svg{flex-shrink:0}.inline-notice p{flex:1 1;margin-top:2px}.inline-notice .inline-notice-dismiss{align-items:center;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin-left:auto;opacity:.7;padding:0}.inline-notice .inline-notice-dismiss:hover{opacity:1}.inline-notice--info{background-color:rgba(37,99,235,.102);color:#2563eb}.inline-notice--warning{background-color:rgba(217,119,6,.102);color:#d97706}.inline-notice--success{background-color:rgba(34,197,94,.102);color:#16a34a}.form-error{align-items:center;background-color:var(--app-error-bg);border-radius:var(--app-radius);color:var(--app-error);display:flex;font-size:var(--app-font-base);font-weight:500;gap:8px;padding:8px}.form-error svg{flex-shrink:0}.form-error p{margin-top:2px}.success-display{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:32px 16px;text-align:center}.success-display__icon{height:108px;width:108px}.success-display__circle{fill:#22c55e;animation:success-circle-in .4s cubic-bezier(.34,1.56,.64,1) both;transform-origin:60px 60px}.success-display__tick{fill:none;stroke:#fff;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:success-tick-in .35s ease-out .25s forwards}.success-display__text{display:flex;flex-direction:column;gap:8px;max-width:280px}.success-display__text h3{font-size:18px;font-weight:700;margin:0}.success-display__text p{color:#6b7280;font-size:13px;margin:0}.success-display__actions{align-items:center;display:flex;flex-direction:column;gap:8px;width:100%}@media(prefers-reduced-motion:reduce){.success-display__circle,.success-display__tick{stroke-dashoffset:0;animation:none}}@keyframes success-circle-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes success-tick-in{to{stroke-dashoffset:0}}.template-wrapper{--size-xs:8px;--size-sm:12px;--size-md:16px;--size-lg:24px;--size-xl:40px;box-shadow:0 0 4px #ddd;display:flex;height:1190px;margin:0 auto;overflow:hidden;padding:var(--size-xl) 64px;position:relative;width:842px}.template-wrapper .template-container{display:flex;flex:1 1;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden}.template-wrapper .template-container .template-header-container{display:flex;flex-direction:column;gap:var(--size-lg);margin-bottom:var(--size-md)}.template-wrapper .template-container .template-header-container .dark-text{color:var(--app-text);font-size:var(--app-font-base);font-weight:600;white-space:nowrap}.template-wrapper .template-container .template-header-container .light-text{color:#434343;font-size:var(--app-font-base);font-weight:500;line-height:1.2}.template-wrapper .template-container .template-header-container .light-text.uppercase{text-transform:uppercase}.template-wrapper .template-container .template-header-container .light-text.capitalize{text-transform:capitalize}.template-wrapper .template-container .template-header-container .light-text.lowercase{text-transform:lowercase}.template-wrapper .template-container .template-header-container .header-row-wrapper{display:flex;gap:var(--size-md);justify-content:space-between}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item{display:flex;flex:1 1}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .brand-logo-container{display:flex;flex-direction:column;gap:8px}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .brand-logo-container .brand-image{aspect-ratio:1/1;height:auto;object-fit:contain;width:72px}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .brand-logo-container .brand-text-container{display:flex;flex-direction:column;gap:8px;justify-content:center}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .brand-logo-container .brand-text-container .brand-text{color:#434343;font-size:var(--app-font-base);font-weight:400}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .brand-logo-container .brand-text-container .brand-text.brand-title{color:var(--app-primary);font-size:var(--app-font-18);font-weight:800;text-transform:uppercase}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:var(--size-xs)}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-title{color:var(--app-primary);font-size:var(--app-font-24);font-weight:800;letter-spacing:4px;text-align:left;text-transform:uppercase}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-title.credit{color:var(--app-error)}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-title.draft{color:var(--app-accent)}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-title.bill{color:var(--app-primary)}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-text-container{display:flex;flex-direction:column;gap:4px}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-text-container .text-section{align-items:center;display:flex;gap:4px;justify-content:space-between;text-align:left}.template-wrapper .template-container .template-header-container .header-row-wrapper .header-row-item .invoice-container .invoice-text-container .text-section .text-col{align-items:flex-end;display:flex;flex-direction:column}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container{display:flex;flex:1 1;flex-direction:column;gap:4px}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .bill-flag-container{flex:1 1}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .bill-flag-container .bill-flag{align-items:center;background-color:var(--app-primary);color:var(--app-surface);display:flex;font-size:var(--app-font-14);font-weight:800;height:28px;justify-content:flex-end;padding:0 8px;position:relative;text-transform:uppercase;width:100%}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .bill-flag-container .bill-flag:before{border-bottom:14px solid #0000;border-left:16px solid var(--app-surface);border-top:14px solid #0000;content:"";height:0;left:0;position:absolute;top:0;width:0}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .text-container{display:flex;flex-direction:column;gap:4px}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .text-container .section-title{color:var(--app-text);font-size:var(--app-font-base);font-weight:600;margin-bottom:4px;text-transform:uppercase}.template-wrapper .template-container .template-header-container .header-row-wrapper .bill-container .text-section{align-items:center;display:flex;gap:4px}.template-wrapper .template-container .template-header-container .header-col-wrapper{display:flex;flex-direction:column;gap:var(--size-md)}.template-wrapper .template-container .template-header-container .header-text-section{align-items:center;display:flex;gap:8px}.template-wrapper .template-container .template-body-container{border-top:1px dashed var(--app-text-muted);display:flex;flex:1 1;flex-direction:column;padding:var(--size-xs) 0}.template-wrapper .template-container .template-body-container .amount-item-indicator{align-items:flex-start;color:#434343;display:flex;font-size:var(--app-font-13);font-weight:500;gap:32px;justify-content:space-between;margin-top:16px}.template-wrapper .template-container .template-body-container .table-grid-container{display:grid;grid-template-columns:56px 1fr 56px 100px 100px;padding:4px 0}.template-wrapper .template-container .template-body-container .table-grid-container.six-col{grid-template-columns:56px 56px 1fr 56px 100px 100px}.template-wrapper .template-container .template-body-container .table-grid-container.highlighted{background-color:var(--app-border);border-bottom:1px solid var(--app-text-muted-a33);border-top:1px solid var(--app-text-muted-a33);padding:var(--size-xs) 0}.template-wrapper .template-container .template-body-container .table-grid-container .table-item-text{color:var(--app-text);font-size:var(--app-font-base);padding:0 var(--size-xs)}.template-wrapper .template-container .template-body-container .table-grid-container .table-item-text.capitalize{text-transform:capitalize}.template-wrapper .template-container .template-body-container .table-grid-container .table-item-text.align-right{justify-content:flex-end;text-align:right}.template-wrapper .template-container .template-body-container .table-footer-container{border-top:1px solid var(--app-border-a33);display:grid;grid-template-columns:1fr .5fr .5fr;padding:var(--size-xs) 0}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item{display:flex;flex-direction:column;gap:8px;grid-row:1/span 7;margin-right:var(--size-xs);padding:var(--size-xs) 0}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item .span-text{color:#434343;font-size:var(--app-font-base);font-weight:500;line-height:1.2}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item .span-text.highlighted{color:var(--app-primary);font-size:var(--app-font-base);margin-bottom:4px}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item .span-text.ellipsis-text{-webkit-box-orient:vertical;line-clamp:6;-webkit-line-clamp:6;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item .span-text.capitalize{text-transform:capitalize}.template-wrapper .template-container .template-body-container .table-footer-container .span-grid-item .payment-method-indicator{display:flex;flex-direction:column}.template-wrapper .template-container .template-body-container .table-footer-container .table-item-text{align-items:center;color:var(--app-text);display:flex;font-size:var(--app-font-base);padding:0 var(--size-xs);padding-top:var(--size-xs)}.template-wrapper .template-container .template-body-container .table-footer-container .table-item-text.highlighted{background-color:var(--app-primary);color:var(--app-surface);font-weight:800;margin-top:var(--size-xs);padding:var(--size-xs)}.template-wrapper .template-container .template-body-container .table-footer-container .table-item-text.align-right{justify-content:flex-end;text-align:right}.template-wrapper .template-container .template-footer-container{display:flex;flex-direction:column;gap:16px}.template-wrapper .template-container .template-footer-container .template-footer-row{align-items:flex-end;display:flex;gap:24px;justify-content:space-between}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item{display:flex;flex-direction:column;gap:16px}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item.flex-end{align-items:flex-end}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .footer-text{color:var(--app-text);font-size:var(--app-font-base);font-weight:800}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .print-details{color:#434343;font-size:var(--app-font-base);font-weight:500;line-height:1.2}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .sign-space{border-bottom:1px dashed var(--app-text-muted);height:72px;width:132px}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .footer-tnc{color:#434343;display:flex;flex-direction:column;font-size:var(--app-font-base);font-weight:500;gap:4px;line-height:1.2;word-break:break-word}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .footer-tnc b{color:var(--app-primary);font-size:var(--app-font-base);font-weight:800}.template-wrapper .template-container .template-footer-container .template-footer-row .footer-item .footer-tnc .tnc-data{max-height:220px;overflow:hidden;padding-left:24px}.template-wrapper .template-container .template-footer-container .footer-divider{background-color:var(--app-primary);height:2px;min-height:2px;width:60%}.template-wrapper .template-container .template-footer-container .brand-details-container{display:flex;flex-direction:column;gap:4px}.template-wrapper .template-container .template-footer-container .brand-details-container .details-row{display:flex;gap:16px}.template-wrapper .template-container .template-footer-container .brand-details-container .details-row .details-text{color:#434343;font-size:var(--app-font-base);font-weight:500}.template-wrapper .template-container .template-footer-container .brand-details-container .details-row .details-text b{color:var(--app-text)}.template-wrapper .template-container .template-footer-container .brand-details-container .details-row .details-text.capitalize{text-transform:capitalize}.template-wrapper .template-status{align-items:center;background-color:var(--app-primary);color:var(--app-surface);display:flex;font-size:var(--app-font-20);font-weight:900;height:50px;justify-content:center;left:7%;letter-spacing:4px;position:absolute;text-transform:uppercase;top:5%;transform:translate(-50%,-50%) rotate(-45deg);width:250px}.template-wrapper .template-status.void{background-color:var(--app-error)}.dashboard-wrapper{font-size:var(--app-font-14);overflow-x:hidden;padding:48px}.dashboard-wrapper .dashboard-container{display:flex;flex-direction:column;gap:24px;height:100%}.dashboard-wrapper .dashboard-container .dashboard-header{align-items:center;display:flex;gap:16px}.dashboard-wrapper .dashboard-container .dashboard-header .header-image img{object-fit:contain;width:300px}.dashboard-wrapper .dashboard-container .dashboard-header .header-description{display:flex;flex-direction:column;gap:8px;max-width:500px}.dashboard-wrapper .dashboard-container .dashboard-header .header-description .header-text-dark{color:var(--app-text);font-size:var(--app-font-14);font-weight:400}.dashboard-wrapper .dashboard-container .dashboard-header .header-description .header-text-dark.text-xl{color:var(--app-text);font-size:var(--app-font-28);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-header .header-description .header-text-light{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--app-text-muted);display:-webkit-box;font-size:var(--app-font-14);font-weight:400;margin-top:4px;overflow:hidden;text-overflow:ellipsis}.dashboard-wrapper .dashboard-container .dashboard-header .header-description .create-invoice-btn{align-items:center;align-self:flex-start;background:var(--app-primary);border-radius:var(--app-radius);color:var(--app-surface);cursor:pointer;display:flex;height:var(--app-h-control);justify-content:center;margin:8px 0;padding:16px;transition:all .25s ease-in-out}.dashboard-wrapper .dashboard-container .dashboard-header .header-description .create-invoice-btn:hover{transform:scale(.95)}.dashboard-wrapper .dashboard-container .wrapper-title{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600;margin-bottom:8px}.dashboard-wrapper .dashboard-container .wrapper-action{align-items:center;align-self:flex-end;color:var(--app-accent);cursor:pointer;display:flex;font-size:var(--app-font-lg);gap:8px;margin-top:8px;transition:all .35s ease-in-out}.dashboard-wrapper .dashboard-container .wrapper-action:hover{transform:scale(.9)}.dashboard-wrapper .dashboard-container .wrapper-action i{font-size:var(--app-font-14)}.dashboard-wrapper .dashboard-container .dashboard-summary-container{display:flex;gap:24px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container{display:flex;flex:1 1;flex-direction:column;gap:24px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container.flex-3{flex:3 1}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper{display:flex;flex-wrap:wrap;gap:24px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container{background:var(--app-surface);border-radius:8px;box-shadow:0 0 4px #ddd;display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:132px;min-width:178px;padding:16px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight{align-items:center;display:flex;gap:8px;margin-bottom:8px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight .summary-icon{align-items:center;border-radius:var(--app-radius);display:flex;font-size:var(--app-font-20);height:36px;justify-content:center;width:36px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight .summary-info{font-size:var(--app-font-20);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight .summary-info span{font-size:var(--app-font-13)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.bill .summary-icon{background-color:var(--app-accent-bg);color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.bill .summary-info{color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.credit .summary-icon{background-color:var(--app-error-bg);color:var(--app-error)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.credit .summary-info{color:var(--app-error)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.amount .summary-icon{background-color:rgba(70,190,70,.133);color:#46be46}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-highlight.amount .summary-info{color:#46be46}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-title{color:var(--app-text);font-size:var(--app-font-14);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .invoice-summary-wrapper .invoice-summary-container .summary-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--app-text-muted);display:-webkit-box;font-size:var(--app-font-13);font-weight:400;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper{background:var(--app-surface);border-radius:8px;box-shadow:0 0 4px #ddd;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:space-between;padding:24px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper.flex-2{flex:2 1}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper.bg-dark{background-color:var(--app-primary)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .message-header{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .message-info{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .message-info .message-image{object-fit:contain;width:100%}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .message-info .message-text{color:var(--app-text-muted);font-size:var(--app-font-lg);font-weight:400}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .message-info .message-text>b{color:var(--app-text)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container{display:flex;flex-direction:column;gap:8px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container .status-info{align-items:center;display:flex;justify-content:space-between}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container .status-info h5.status-title{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container .status-info p.status-percent{font-size:var(--app-font-lg);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container .status-line{border-radius:var(--app-radius);height:6px;overflow:hidden;width:100%}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container .status-line .line{border-radius:var(--app-radius);height:6px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container p.status-description{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--app-text-muted);display:-webkit-box;font-size:var(--app-font-14);font-weight:400;overflow:hidden;text-overflow:ellipsis}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container p.status-description span{font-size:var(--app-font-lg)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.draft .status-info p.status-percent{color:#ff8774}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.draft .status-line{background-color:hsla(8,100%,73%,.133);color:#ff8774}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.draft .status-line .line{background-color:#ff8774}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.draft p.status-description span{color:#ff8774}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.ready .status-info p.status-percent{color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.ready .status-line{background-color:var(--app-accent-bg);color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.ready .status-line .line{background-color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.ready p.status-description span{color:var(--app-accent)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.failed .status-info p.status-percent{color:#b53e2c}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.failed .status-line{background-color:rgba(181,62,44,.133);color:#b53e2c}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.failed .status-line .line{background-color:#b53e2c}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .draft-status-container.failed p.status-description span{color:#b53e2c}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .revenue-wrapper-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .revenue-wrapper-header .revenue-detail{color:var(--app-accent);font-size:var(--app-font-28);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .revenue-wrapper-header .revenue-detail span{font-size:var(--app-font-lg)}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .revenue-chart-container{flex:1 1;min-height:400px;padding:16px 0;position:relative}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .client-details{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .client-details .client-icon{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);color:var(--app-primary);display:flex;font-size:var(--app-font-28);height:42px;justify-content:center;width:42px}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .client-details .client-label{color:var(--app-border);font-size:var(--app-font-lg);font-weight:400}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container .summary-wrapper .client-details .client-volume{color:var(--app-surface);font-size:var(--app-font-42);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-table-container{display:flex;gap:24px}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper{background:var(--app-surface);border-radius:8px;box-shadow:0 0 4px #ddd;display:flex;flex:1 1;flex-direction:column;gap:24px;justify-content:space-between;padding:24px}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .activities-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container{display:flex;flex:1 1;flex-direction:column}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container{grid-gap:8px;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(4,1fr);padding:12px}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container.header{background-color:var(--app-border-a33);border-bottom:1px solid var(--app-border-a33);border-top:1px solid var(--app-border-a33);margin-bottom:8px}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text{align-items:center;color:var(--app-text);display:flex;flex-direction:column;font-size:var(--app-font-14);gap:4px;text-transform:capitalize;white-space:nowrap}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text.copy{cursor:copy}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text.align-right{align-items:flex-end}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text.align-left{align-items:flex-start}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text>span{color:var(--app-text-muted)}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text .bill-price{color:#46be46;font-size:var(--app-font-18);font-weight:600}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text .bill-price.void{color:var(--app-error)}.dashboard-wrapper .dashboard-container .dashboard-table-container .table-wrapper .bills-table-container .table-grid-container .table-item-text .bill-price>b{font-size:var(--app-font-14)}@media screen and (max-width:1024px){.dashboard-wrapper{padding:32px}.dashboard-wrapper .dashboard-container .dashboard-summary-container{flex-direction:column}.dashboard-wrapper .dashboard-container .dashboard-summary-container .flex-item-container.flex-row{flex-direction:row}.dashboard-wrapper .dashboard-container .dashboard-table-container{flex-direction:column}}@media screen and (max-width:800px){.dashboard-wrapper{padding:24px}}.create-invoice-modal{display:flex;flex-direction:column;height:100%}.create-invoice-modal .modal-body{display:flex;flex:1 1;flex-direction:column;overflow:auto;padding:16px}.create-invoice-modal .modal-body::-webkit-scrollbar{display:none}.create-invoice-modal .modal-body .bill-add-response{align-items:center;border-radius:var(--app-radius);display:flex;height:45px;justify-content:space-between;margin-bottom:16px;padding:16px;position:-webkit-sticky;position:sticky;top:-14px;z-index:1}.create-invoice-modal .modal-body .bill-add-response.success{background-color:#d7ecd9;color:#46be46}.create-invoice-modal .modal-body .bill-add-response.failed{background-color:#ebd3d3;color:#b53e2c}.create-invoice-modal .modal-body .bill-add-response.warn{background-color:#fae1e1;color:#ff8774}.create-invoice-modal .modal-body .bill-add-response .response-icon{font-size:var(--app-font-lg)}.create-invoice-modal .modal-body .bill-add-response .response-message{font-size:var(--app-font-13);font-weight:400}.create-invoice-modal .modal-body .bill-add-response .response-action-btn{align-items:center;border-radius:var(--app-radius);cursor:pointer;display:flex;font-size:var(--app-font-13);gap:8px;padding:8px 16px;text-decoration:underline;transition:all .2s ease-in-out;white-space:nowrap}.create-invoice-modal .modal-body .bill-add-response .response-action-btn i{font-size:var(--app-font-base);margin-bottom:2px}.create-invoice-modal .modal-body .bill-add-response .response-action-btn:hover{box-shadow:none;transform:scale(.95)}.create-invoice-modal .modal-body .bill-add-response .response-action-btn[disabled]{box-shadow:none;cursor:none;pointer-events:none}.create-invoice-modal .modal-body .invoice-form-header{display:flex;justify-content:space-between;margin-bottom:8px}.create-invoice-modal .modal-body .invoice-form-header .form-header-text{color:var(--app-text);font-size:var(--app-font-20);font-weight:600;text-transform:capitalize}.create-invoice-modal .modal-body .invoice-form-header .form-header-subtext{align-items:flex-end;background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);display:flex;height:40px;padding:0 8px;position:relative}.create-invoice-modal .modal-body .invoice-form-header .form-header-subtext .label-info{color:var(--app-text);font-size:var(--app-font-base);font-weight:600;padding-bottom:4px}.create-invoice-modal .modal-body .invoice-form-header .form-header-subtext .label{background-color:var(--app-surface);color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;padding:0 4px;position:absolute;top:-20%}.create-invoice-modal .modal-body .header-divider{background-color:var(--app-primary);border-radius:var(--app-radius);height:4px;min-height:4px;width:40%}.create-invoice-modal .modal-body .modal-template-wrapper .modal-template-container{margin:0 auto;max-width:673.6px;width:100%}.create-invoice-modal .modal-body .modal-template-wrapper .modal-template-container .modal-template-container-inner{background-color:var(--app-surface)}.invoice-form-container{font-size:var(--app-font-base);padding:16px 0}.invoice-form-container .label-title{color:var(--app-text);font-size:var(--app-font-13);font-weight:600;margin-top:8px}.invoice-form-container input[type=number]{-webkit-appearance:textfield;appearance:textfield}.invoice-form-container input:disabled{opacity:.5}.invoice-form-container input::-webkit-inner-spin-button,.invoice-form-container input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.invoice-form-container .checkbox-wrapper{align-items:center;display:flex;gap:8px}.invoice-form-container .checkbox-wrapper .checkbox-label{color:var(--app-text);font-size:var(--app-font-base);margin-top:4px}.invoice-form-container .checkbox-wrapper .checkbox-label.disabled{color:var(--app-text-muted)}.invoice-form-container .invoice-date-notice{display:inline-block;margin-bottom:12px;max-width:100%;width:-webkit-fit-content;width:fit-content}.invoice-form-container .invoice-date-notice .inline-notice{width:-webkit-fit-content;width:fit-content}.invoice-form-container .input-row-wrapper{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;position:relative}.invoice-form-container .input-wrapper{display:flex;flex:1 1;flex-direction:column}.invoice-form-container .input-wrapper .input-label{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;margin-bottom:4px;white-space:nowrap}.invoice-form-container .input-wrapper .validation-error{color:var(--app-error);font-size:var(--app-font-sm)}.invoice-form-container .input-box-wrapper{background-color:var(--app-surface);border:0;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);color:var(--app-text);font-size:var(--app-font-base);height:var(--app-h-control);outline:0;padding:0 8px;width:100%}.invoice-form-container .input-box-wrapper.fixed-width{height:var(--app-h-control);max-width:132px;padding:0;text-align:right}.invoice-form-container .bill-header-container{border-bottom:1px dashed var(--app-border-a33);display:flex;flex-direction:column;gap:16px;justify-content:space-between;padding-bottom:16px}.invoice-form-container .bill-header-container .bill-details-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.invoice-form-container .bill-header-container .bill-details-container .row-item{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:240px}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container{background-color:var(--app-surface);border:1px solid var(--app-border-a27);border-radius:var(--app-radius);display:flex;flex-direction:column;gap:24px;padding:16px}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container{align-items:center;display:flex;gap:24px}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-img-container{border:1px solid var(--app-border);border-radius:50%;color:var(--app-text-muted);height:50px;width:50px}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-img-container .customer-img{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-img-container .customer-img img{aspect-ratio:1/1;object-fit:cover;width:100%}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-info-container{display:flex;flex-direction:column;gap:4px}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-info-container h4.info-primarytext{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-details-container .customer-info-container .info-subtext{color:var(--app-text-muted);font-size:var(--app-font-11);font-weight:400;text-transform:lowercase}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-action-container{display:flex;gap:16px;justify-content:flex-end}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-action-container .customer-action-btn{align-items:center;background-color:var(--app-accent-bg);border-radius:var(--app-radius);color:var(--app-accent);cursor:pointer;display:flex;font-size:var(--app-font-base);height:28px;padding:0 8px;transition:all .2s ease-in-out}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-action-container .customer-action-btn.deselect{background-color:var(--app-error-bg);color:var(--app-error)}.invoice-form-container .bill-header-container .bill-details-container .row-item .customer-container .customer-action-container .customer-action-btn:hover{background-color:var(--app-surface)}.invoice-form-container .bill-items-container{border-bottom:1px dashed var(--app-border-a33);display:flex;flex-direction:column;gap:16px;padding:8px 0}.invoice-form-container .bill-items-container .item-category-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:32px 1fr .3fr .5fr .5fr 20px}.invoice-form-container .bill-items-container .item-category-container.vat-col{grid-template-columns:32px 56px 1fr .3fr .5fr .5fr 20px 20px}.invoice-form-container .bill-items-container .item-category-container.charge-col{grid-template-columns:32px 1fr .3fr .5fr .5fr 20px 20px}.invoice-form-container .bill-items-container .item-category-container .category-text{color:var(--app-text);font-size:var(--app-font-base);font-weight:400}.invoice-form-container .bill-items-container .item-details-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:32px 1fr .3fr .5fr .5fr 20px}.invoice-form-container .bill-items-container .item-details-container.vat-col{grid-template-columns:32px 56px 1fr .3fr .5fr .5fr 20px 20px}.invoice-form-container .bill-items-container .item-details-container.charge-col{grid-template-columns:32px 1fr .3fr .5fr .5fr 20px 20px}.invoice-form-container .bill-items-container .item-details-container .input-action{align-items:center;color:var(--app-error);cursor:pointer;display:flex;font-size:var(--app-font-13);height:36px;justify-content:center;min-width:20px}.invoice-form-container .bill-items-container .row-btns{align-items:center;display:flex;justify-content:space-between}.invoice-form-container .bill-items-container .row-btns .itemfield-btn{align-items:center;color:var(--app-accent);cursor:pointer;display:flex;font-size:var(--app-font-13);font-weight:400;gap:8px;padding:12px 0}.invoice-form-container .bill-footer-container{display:flex;flex-wrap:wrap-reverse;gap:16px;justify-content:space-between;padding-bottom:32px;padding-top:16px}.invoice-form-container .bill-footer-container .footer-description-container{flex:1 0 160px}.invoice-form-container .bill-footer-container .footer-description-container .textarea-wrapper{background-color:var(--app-surface);border:0;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);font-size:var(--app-font-base);height:100%;max-width:100%;outline:0;padding:8px;resize:vertical;width:100%}.invoice-form-container .bill-footer-container .bill-total-container{display:flex;flex:1 1;flex-direction:column;gap:4px}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row{align-items:center;display:flex;gap:8px;height:36px;justify-content:space-between;min-width:320px;padding:0 20px}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row.highlighted{background-color:var(--app-primary)}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row.highlighted .row-item{color:var(--app-surface);font-size:var(--app-font-lg);overflow:hidden;white-space:nowrap;width:80%}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row .row-item{align-items:center;color:var(--app-text-muted);display:flex;flex:1 0 80px;font-size:var(--app-font-base);justify-content:space-between;white-space:nowrap}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row .row-item.align_right{justify-content:flex-end;padding:0 8px;text-align:right}.invoice-form-container .bill-footer-container .bill-total-container .bill-total-row .row-item.item-header{color:var(--app-text);font-size:var(--app-font-11);font-weight:600;text-align:center}.invoice-form-container .bill-footer-container .bill-total-container .total-error-container{color:red;text-align:right}.invoice-form-container .divider{background-color:var(--app-primary-a47);border-radius:var(--app-radius);height:2px;min-height:2px;width:100%}.invoice-form-container .invoice-actions{margin-top:16px}.invoice-form-container .invoice-actions-warn{color:var(--app-error);font-size:var(--app-font-base);font-weight:500}.invoice-form-container .invoice-form-btns{align-items:center;display:flex;gap:16px;justify-content:flex-end;padding:16px 0}.invoice-form-container .invoice-form-btns button[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.invoice-form-container .invoice-form-btns .form-submit-btn{align-items:center;background-color:var(--app-surface);border:0;border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-primary);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:8px;justify-content:center;outline:0;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.invoice-form-container .invoice-form-btns .form-submit-btn.inverted{background-color:var(--app-primary);color:var(--app-surface)}.invoice-form-container .invoice-form-btns .form-submit-btn i{margin-top:-4px}.invoice-form-container .invoice-form-btns .form-submit-btn:hover{box-shadow:none;transform:scale(.95)}.datalist-container{background-color:var(--app-surface);border:1px solid var(--app-border-a27);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;max-height:220px;overflow:auto;position:absolute;top:110%;width:100%;z-index:1}.datalist-container .list-item{align-items:center;border-bottom:1px solid var(--app-border-a27);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease-in-out}.datalist-container .list-item h5{color:var(--app-text);font-size:var(--app-font-base);font-weight:600}.datalist-container .list-item .phone-text{align-items:center;color:var(--app-text-muted);display:flex;gap:8px}.datalist-container .list-item .phone-text p{font-size:var(--app-font-11);font-weight:400;margin-bottom:-2px}.datalist-container .list-item:hover{background-color:var(--app-input-bg)}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.input-label{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;margin-bottom:4px;white-space:nowrap}.input-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px}.input-item{color:var(--app-text-muted);display:flex;flex:1 1;flex-direction:column;width:100%}.input-item .input-box-wrapper{align-items:center;background-color:var(--app-input-bg);border:0;border:1px solid var(--app-border-a40);border-radius:var(--app-radius);color:var(--app-text);display:flex;font-size:var(--app-font-base);gap:4px;height:var(--app-h-control);min-width:72px;outline:0;padding:0 8px;width:100%}.input-item .input-box-wrapper:focus,.input-item .input-box-wrapper:focus-within{border-color:var(--app-accent);outline:0}.input-item .input-box-wrapper.error,.input-item .input-box-wrapper.error:focus,.input-item .input-box-wrapper.error:focus-within{border-color:var(--app-error)}.input-item .input-box-wrapper input{background:#0000;border:0;color:var(--app-text);flex:1 1;font-size:var(--app-font-base);height:100%;min-width:0;outline:0;padding:0}.input-item .input-box-wrapper input::placeholder{color:var(--app-text-muted)}.input-item .input-box-wrapper .input-action-btn,.input-item .input-box-wrapper .input-icon{align-items:center;color:var(--app-text-muted);display:flex;flex-shrink:0}.input-item .input-box-wrapper .input-action-btn{background:none;border:0;cursor:pointer;padding:0 2px}.input-item .input-box-wrapper.disabled,.input-item .input-box-wrapper:disabled{background-color:#0000}.input-item .input-box-wrapper.disabled::placeholder,.input-item .input-box-wrapper:disabled::placeholder{opacity:0}.input-item .textarea-wrapper{border:0;border:1px solid var(--app-border);border-radius:var(--app-radius);max-width:100%;outline:0;padding:8px;resize:vertical}.input-item .input-pswrd-wrapper,.input-item .textarea-wrapper{background-color:var(--app-input-bg);font-size:var(--app-font-base);width:100%}.input-item .input-pswrd-wrapper{align-items:center;border:1px solid var(--app-border-a40);border-radius:var(--app-radius);display:flex;height:var(--app-h-control)}.input-item .input-pswrd-wrapper:focus-within{border-color:var(--app-accent)}.input-item .input-pswrd-wrapper.error{border-color:var(--app-error)}.input-item .input-pswrd-wrapper.disabled{background-color:#0000}.input-item .input-pswrd-wrapper.disabled::placeholder{opacity:0}.input-item .input-pswrd-wrapper .input-pswrd-container{background-color:#0000;border:0;color:var(--app-text);flex:1 1;font-size:var(--app-font-base);height:100%;outline:0;padding:0 8px}.input-item .input-pswrd-wrapper .input-pswrd-container::placeholder{color:var(--app-text-muted)}.input-item .input-pswrd-wrapper .input-action{align-items:center;color:var(--app-border);cursor:pointer;display:flex;font-size:var(--app-font-base);height:100%;padding:0 8px}.input-item input[type=number]{-webkit-appearance:textfield;appearance:textfield}.input-item input::-webkit-inner-spin-button,.input-item input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-item .validation-error{color:var(--app-error);font-size:var(--app-font-xs)}.ck-toolbar{border:1px solid var(--app-border-a40)!important}.ck-editor__editable_inline{min-height:180px;padding:0 16px!important}.ck-editor__editable_inline:not(.ck-focused){border:1px solid var(--app-border-a40)!important}.tags-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}.tags-wrapper .tag-container{align-items:center;background-color:var(--app-input-bg);border:1px solid #e7e7e7;border-radius:20px;display:flex;padding:4px 6px}.tags-wrapper .tag-container .tag-item{color:var(--app-text);font-size:var(--app-font-base);padding:0 4px}.tags-wrapper .tag-container .tag-close{align-items:center;background-color:var(--app-text);border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:var(--app-font-lg);justify-content:center;max-height:16px;max-width:16px;min-height:16px;min-width:16px;transition:all .2s ease-in-out}.tags-wrapper .tag-container .tag-close:hover{font-size:var(--app-font-14)}.input-date-wrapper{display:flex;gap:8px;width:100%}.input-date-wrapper .date-type-options{align-items:center;border:1px solid var(--app-border-a40);border-radius:var(--app-radius);display:flex;min-width:64px;overflow:hidden}.input-date-wrapper .date-type-options .type-btn{align-items:center;color:var(--app-text);cursor:pointer;display:flex;flex:1 1;font-size:var(--app-font-sm);height:100%;justify-content:center;transition:all .2s ease-in-out}.input-date-wrapper .date-type-options .type-btn:hover{background-color:var(--app-input-bg)}.input-date-wrapper .date-type-options .type-btn:hover.en{background-color:#1476b7}.input-date-wrapper .date-type-options .type-btn:hover.np{background-color:#9c3222}.input-date-wrapper .date-type-options .type-btn.en{background-color:var(--app-accent);color:var(--app-surface)}.input-date-wrapper .date-type-options .type-btn.np{background-color:var(--app-error);color:var(--app-surface)}.switch-container{display:inline-block;height:20px;position:relative;width:40px}.switch-container input{height:0;opacity:0;width:0}.switch-container input:checked+.switch-slider{background-color:var(--app-accent)}.switch-container input:checked+.switch-slider:before{transform:translateX(20px)}.switch-container .switch-slider{background-color:var(--app-border);border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .4s ease-in-out}.switch-container .switch-slider:before{background-color:var(--app-surface);border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:all .4s ease-in-out;width:14px}.select-wrapper{background-color:var(--app-input-bg);border:1px solid var(--app-border-a40);border-radius:var(--app-radius);padding:0 8px}.select-wrapper.disabled{background-color:#0000}.select-wrapper .select-box-wrapper{background-color:#0000;border:0;color:var(--app-text);cursor:pointer;font-size:var(--app-font-base);height:var(--app-h-control);min-width:120px;outline:0;width:100%}.select-wrapper .validation-error{color:var(--app-error);font-size:var(--app-font-xs)}.brand-color-trigger{align-items:center;-webkit-appearance:none;appearance:none;background-color:var(--app-input-bg);border:1px solid var(--app-border-a40);border-radius:var(--app-radius);cursor:pointer;display:flex;gap:8px;height:var(--app-h-control);padding:0 8px;width:100%}.brand-color-trigger:disabled{cursor:not-allowed;opacity:.6}.brand-color-trigger .brand-color-hex{color:var(--app-text);font-size:var(--app-font-base)}.brand-color-swatch{align-items:center;border:1px solid var(--app-text-a10);border-radius:50%;color:var(--app-surface);display:flex;flex-shrink:0;font-size:var(--app-font-base);height:20px;justify-content:center;width:20px}.brand-color-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));padding-top:4px}.brand-color-option{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:var(--app-radius);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:4px;transition:transform .15s ease-in-out}.brand-color-option .brand-color-swatch{font-size:var(--app-font-lg);height:36px;width:36px}.brand-color-option .brand-color-name{color:var(--app-text-muted);font-size:var(--app-font-sm);text-align:center}.brand-color-option:hover{transform:scale(1.06)}.brand-color-option.selected .brand-color-swatch{border:2px solid var(--app-primary)}.brand-color-option.selected .brand-color-name{color:var(--app-text);font-weight:600}.user-modal-container{display:flex;flex-direction:column;font-size:var(--app-font-base)}.user-modal-container .modal-body{display:flex;flex-direction:column;gap:16px;padding:16px}.user-modal-container .modal-body .user-id{align-self:flex-end;color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:600}.user-modal-container .modal-body .user-img-container{align-self:center;border:1px solid var(--app-border);border-radius:50%;color:var(--app-text-muted);height:100px;min-height:100px;position:relative;width:100px}.user-modal-container .modal-body .user-img-container.editable{cursor:pointer;transition:all .25s ease-in-out}.user-modal-container .modal-body .user-img-container.editable:hover{box-shadow:0 0 8px #bbb;transform:scale(1.05)}.user-modal-container .modal-body .user-img-container .item_img{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.user-modal-container .modal-body .user-img-container .item_img img{aspect-ratio:1/1;object-fit:cover;width:100%}.user-modal-container .modal-body .user-img-container .user-img-action{align-items:center;background-color:var(--app-accent);border:1px solid var(--app-surface);border-radius:50%;bottom:4px;color:var(--app-surface);display:flex;font-size:var(--app-font-xs);font-weight:900;height:16px;justify-content:center;position:absolute;right:8px;width:16px}.user-modal-container .modal-body .user-img-container .user-img-action.active{background-color:#46be46;font-size:var(--app-font-base)}.user-modal-container .modal-body .user-img-container .user-img-action.inactive{background-color:#b53e2c;font-size:var(--app-font-sm)}.user-modal-container .modal-body .section-header-row{align-items:flex-end;display:flex;justify-content:space-between}.user-modal-container .modal-body .section-header-row .section-header-btn{color:var(--app-text-muted);cursor:pointer;font-size:var(--app-font-11);text-decoration:underline;transition:all .2s ease-in-out}.user-modal-container .modal-body .section-header-row .section-header-btn:hover{color:var(--app-accent)}.user-modal-container .modal-body .section-header{color:var(--app-text);font-size:var(--app-font-14);font-weight:600}.user-modal-container .modal-body .divider{background-color:var(--app-primary);height:4px;margin:0 16px;min-height:4px;width:50%}.user-modal-container .modal-body .exact-match-warning{background-color:var(--app-error-bg);border:1px solid var(--app-error-border);border-radius:var(--app-radius);color:var(--app-error);display:flex;gap:10px;padding:12px}.user-modal-container .modal-body .exact-match-warning svg{flex-shrink:0;margin-top:2px}.user-modal-container .modal-body .exact-match-warning .exact-match-warning__body{display:flex;flex-direction:column;gap:8px}.user-modal-container .modal-body .exact-match-warning .exact-match-warning__body p{color:var(--app-text);font-size:var(--app-font-sm);margin:0}.user-modal-container .modal-body .user-match-list{display:flex;flex-direction:column;gap:8px}.user-modal-container .modal-body .user-match-list .user-match-list-label{color:var(--app-text-muted);font-size:var(--app-font-sm);margin:0}.user-modal-container .modal-body .user-match-list .user-match-hint{align-items:center;color:var(--app-text-muted);display:flex;font-size:var(--app-font-sm);gap:8px;padding:12px}.user-modal-container .modal-body .user-match-item{align-items:center;background-color:var(--app-input-bg);border:1px solid var(--app-border-a27);border-radius:var(--app-radius);cursor:pointer;display:flex;gap:12px;padding:8px 12px;text-align:left;transition:all .15s ease-in-out;width:100%}.user-modal-container .modal-body .user-match-item:hover{border-color:var(--app-accent)}.user-modal-container .modal-body .user-match-item.selected{cursor:default}.user-modal-container .modal-body .user-match-item.selected:hover{border-color:var(--app-border-a27)}.user-modal-container .modal-body .user-match-item .user-match-avatar{align-items:center;background-color:var(--app-surface);border-radius:50%;color:var(--app-text-muted);display:flex;height:36px;justify-content:center;min-width:36px;overflow:hidden;width:36px}.user-modal-container .modal-body .user-match-item .user-match-avatar img{height:100%;object-fit:cover;width:100%}.user-modal-container .modal-body .user-match-item .user-match-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-modal-container .modal-body .user-match-item .user-match-info .user-match-name-row{align-items:center;display:flex;gap:8px}.user-modal-container .modal-body .user-match-item .user-match-info .user-match-name{color:var(--app-text);font-weight:600}.user-modal-container .modal-body .user-match-item .user-match-info .user-match-badge{background-color:var(--app-surface);border:1px solid var(--app-border-a27);border-radius:999px;color:var(--app-text-muted);font-size:var(--app-font-xs);padding:1px 8px;white-space:nowrap}.user-modal-container .modal-body .user-match-item .user-match-info .user-match-subtitle{color:var(--app-text-muted);font-size:var(--app-font-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-modal-container .modal-body .user-match-item .user-match-action{color:var(--app-accent);flex-shrink:0;font-size:var(--app-font-sm);white-space:nowrap}.user-modal-container .modal-body .user-bills-container{border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.user-modal-container .modal-body .user-bills-container .bills-table-container{border-bottom:1px solid #ededf0;flex:1 1;flex-direction:column}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container{grid-column-gap:8px;column-gap:8px;display:grid;grid-template-columns:repeat(3,1fr);padding:12px 6px}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container.header{background-color:#ededf0;border-bottom:1px solid #ededf0;border-top:1px solid #ededf0;margin-bottom:8px}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text{align-items:center;color:var(--app-text);display:flex;flex-direction:column;font-size:var(--app-font-11);gap:4px;white-space:nowrap}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text.copy{cursor:copy}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text.align-right{align-items:flex-end;align-self:center}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text.align-left{align-items:flex-start}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text>span{color:var(--app-text-muted)}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text .bill-price{color:#46be46;font-size:var(--app-font-base);font-weight:600}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text .bill-price.void{color:var(--app-error)}.user-modal-container .modal-body .user-bills-container .bills-table-container .table-grid-container .table-item-text .bill-price>b{font-size:var(--app-font-sm)}.user-info-container{border-radius:8px;display:flex;flex-direction:column;gap:16px;padding:16px}.user-info-container .login-mode-toggle{display:flex}.user-info-container .username-hint{font-size:var(--app-font-sm);margin-top:4px}.user-info-container .username-hint.success{color:#22c55e}.user-info-container .username-hint.error{color:var(--app-error)}.user-info-container .input-row-wrapper{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.user-info-container .input-wrapper{display:flex;flex:1 1;flex-direction:column}.user-info-container .input-wrapper .input-label{color:var(--app-text-muted);font-size:var(--app-font-base);margin-bottom:4px;min-width:100px}.user-info-container .input-wrapper .validation-error{color:var(--app-error);font-size:var(--app-font-sm)}.user-info-container .input-wrapper .display-value,.user-info-container .input-wrapper .input-box-wrapper{align-items:center;color:var(--app-text);display:flex;font-size:var(--app-font-base);height:var(--app-h-control);padding:0 8px;width:100%}.user-info-container .input-wrapper .input-box-wrapper{background-color:var(--app-input-bg);border:0;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);outline:0}.user-info-container .input-wrapper .input-box-wrapper.disabled,.user-info-container .input-wrapper .input-box-wrapper:disabled{background-color:#0000}.user-info-container .input-wrapper .input-box-wrapper.disabled::placeholder,.user-info-container .input-wrapper .input-box-wrapper:disabled::placeholder{opacity:0}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bill-summary-card{background-color:var(--app-surface);display:flex;flex-direction:column;gap:16px;padding:16px}.bill-summary-card__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bill-summary-card__header h3{font-size:var(--app-font-13);margin:0}.bill-summary-card__badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.bill-summary-card__status{border-radius:var(--app-radius);font-size:var(--app-font-sm);padding:4px 12px;white-space:nowrap}.bill-summary-card__status--canceled{background-color:var(--app-text-muted-bg);border:.25px solid var(--app-text-muted-border);color:#6b6b6b}.bill-summary-card__status--credit-issued,.bill-summary-card__status--ird-failed{background-color:var(--app-error-bg);border:.25px solid var(--app-error-border);color:var(--app-error)}.bill-summary-card__status--ird-pending,.bill-summary-card__status--sync-pending{background-color:rgba(217,119,6,.102);border:.25px solid rgba(217,119,6,.267);color:#d97706}.bill-summary-card__status--synced{background-color:rgba(34,197,94,.102);border:.25px solid rgba(22,163,74,.267);color:#16a34a}.bill-summary-card__buyer p{color:#4a4a4a;font-size:var(--app-font-11);margin:2px 0}.bill-summary-card__buyer-name{color:#1a1a1a!important;font-size:var(--app-font-base)!important;font-weight:600}.bill-summary-card__buyer-name span{text-transform:capitalize}.bill-summary-card__reason{color:var(--app-error);font-size:var(--app-font-sm);margin:-4px 0 0}.bill-summary-card__reason span{font-weight:600}.bill-summary-card__meta{background-color:var(--app-input-bg);border-radius:var(--app-radius);display:flex;flex-direction:column;font-size:var(--app-font-sm);gap:4px;padding:10px 12px}.bill-summary-card__meta>div{display:flex;gap:12px;justify-content:space-between}.bill-summary-card__meta>div>span:first-child{color:#6b6b6b}.bill-summary-card__meta>div>span:last-child{color:#1a1a1a;text-align:right}.bill-summary-card__meta>div>span:last-child em{color:#6b6b6b;font-style:normal}.bill-summary-card__no-items{color:var(--app-text-muted);font-style:italic;padding:16px!important;text-align:center!important}.bill-summary-card__items{border-collapse:collapse;font-size:var(--app-font-sm);width:100%}.bill-summary-card__items td,.bill-summary-card__items th{border-bottom:1px solid #ececec;padding:6px 8px;text-align:left}.bill-summary-card__items th{color:#6b6b6b;font-weight:600}.bill-summary-card__items td:nth-child(2),.bill-summary-card__items td:nth-child(3),.bill-summary-card__items td:nth-child(4),.bill-summary-card__items th:nth-child(2),.bill-summary-card__items th:nth-child(3),.bill-summary-card__items th:nth-child(4){text-align:right}.bill-summary-card__items td:nth-child(5),.bill-summary-card__items th:nth-child(5){text-align:center}.bill-summary-card__vatable-cell{color:#6b6b6b}.bill-summary-card__totals{display:flex;flex-direction:column;font-size:var(--app-font-11);gap:4px}.bill-summary-card__totals>div{display:flex;justify-content:space-between}.bill-summary-card__grand-total{border-top:1px solid #ececec;font-size:var(--app-font-13);font-weight:700;margin-top:4px;padding-top:8px}.bill-summary-card__note{color:var(--app-text-muted);font-size:var(--app-font-sm);font-style:italic;margin:0}.activity-item-container{display:flex;gap:16px}.activity-item-container .activity-separator-container{display:flex;flex-direction:column;gap:4px}.activity-item-container .activity-separator-container .activity-bullet{border:3px solid var(--app-border-a53);border-radius:50%;height:14px;width:14px}.activity-item-container .activity-separator-container .activity-separator{align-self:flex-start;background-color:var(--app-border-a27);border-radius:var(--app-radius);flex:1 1;margin-left:5px;width:3px}.activity-item-container .activity-details-container{display:flex;flex:1 1;flex-wrap:wrap;gap:24px}.activity-item-container .activity-details-container .activity-timing{color:var(--app-primary);font-size:var(--app-font-13);font-weight:600;margin-top:2px;min-width:124px}.activity-item-container .activity-details-container .activity-info-container{border-bottom:1px solid var(--app-border-a27);display:flex;flex:1 1;gap:16px;min-width:300px;padding-bottom:24px}.activity-item-container .activity-details-container .activity-info-container .activity-user{border:1px solid var(--app-border-a27);border-radius:50%;color:var(--app-text-muted-a60);height:36px;min-width:36px;width:36px}.activity-item-container .activity-details-container .activity-info-container .activity-user .user-img{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.activity-item-container .activity-details-container .activity-info-container .activity-user .user-img img{aspect-ratio:1/1;object-fit:cover;width:100%}.activity-item-container .activity-details-container .activity-info-container .activity-details{display:flex;flex-direction:column;gap:8px;margin-top:4px}.activity-item-container .activity-details-container .activity-info-container .activity-details .activity-flag{align-items:center;display:flex;font-size:var(--app-font-11);font-weight:400;gap:8px;text-transform:capitalize}.activity-item-container .activity-details-container .activity-info-container .activity-details .activity-flag i{margin-bottom:2px}.activity-item-container .activity-details-container .activity-info-container .activity-details .activity-message{color:var(--app-text);font-size:var(--app-font-13);font-weight:400;line-height:1.2em}.activity-item-container .activity-details-container .activity-info-container .activity-details .activity-message span{font-weight:600}.activity-item-container .activity-details-container .activity-info-container .activity-details .activity-time{color:var(--app-text-muted);font-size:var(--app-font-11);font-weight:400}.create-invoice-wrapper{box-sizing:border-box;display:flex;font-size:var(--app-font-base);height:100%;overflow-x:auto;padding:48px}.create-invoice-wrapper .section-title-text{color:var(--app-text);font-size:var(--app-font-18);font-weight:600;text-transform:capitalize}.create-invoice-wrapper .draftButtonPannel{display:none;height:100%}.create-invoice-wrapper .list{flex-shrink:0;max-width:400px;opacity:1;transition:max-width .2s cubic-bezier(.4,0,.2,1),opacity .3s ease-out;width:360px}.create-invoice-wrapper .draft-form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;min-height:var(--app-h-control)}.create-invoice-wrapper .draft-form-header .form-header-subtext{align-items:flex-end;background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);display:flex;height:40px;padding:0 8px;position:relative}.create-invoice-wrapper .draft-form-header .form-header-subtext .label-info{color:var(--app-text);font-size:var(--app-font-base);font-weight:600;padding-bottom:4px}.create-invoice-wrapper .draft-form-header .form-header-subtext .label{background-color:var(--app-surface);color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;padding:0 4px;position:absolute;top:-20%}.create-invoice-wrapper .header-divider{background-color:var(--app-primary);border-radius:var(--app-radius);height:4px;min-height:4px;width:40%}.create-invoice-wrapper .draft-form-container{flex:2 1;min-width:480px;overflow-y:auto;padding:16px}.create-invoice-wrapper .draft-form-container .draft-form-container-inner{border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;padding:16px}.create-invoice-wrapper .empty-container{color:var(--app-text);font-size:var(--app-font-14);padding:16px;text-align:center}@media screen and (max-width:1580px){.create-invoice-wrapper{padding:32px}}@media screen and (max-width:1290px){.create-invoice-wrapper{padding:24px}.create-invoice-wrapper .list.dsp_hidden{max-width:0;opacity:0;z-index:-1}.create-invoice-wrapper .list.dsp_hidden>*{display:none}.create-invoice-wrapper .list.dsp_shown{max-width:400px;opacity:1;z-index:1}.create-invoice-wrapper .draftButtonPannel{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px}.create-invoice-wrapper .draftButtonPannel:hover{box-shadow:0 0 6px #ddd}.create-invoice-wrapper .draftButtonPannel>div{text-align:center}.create-invoice-wrapper .draftButtonPannel .openPanel{display:flex;flex-direction:column;margin:auto}.create-invoice-wrapper .draftButtonPannel .openPanel>i{color:var(--app-text-muted)}}.search-match{background-color:#ffd54f66;border-radius:2px;color:inherit;padding:0 1px}.bill_status{align-items:center;align-self:flex-end;border-radius:var(--app-radius);display:flex;font-size:var(--app-font-base);height:24px;justify-content:center;padding:0 8px;text-transform:capitalize;width:64px}.bill_status.draft{background-color:var(--app-accent-bg);color:var(--app-accent)}.bill_status.ready{background-color:rgba(130,216,181,.133);color:#82d8b5}.bill_status.new{background-color:hsla(8,100%,73%,.133);color:#ff8774}.bill_status.editing{background-color:var(--app-text-muted-bg);color:var(--app-text-muted)}.bill_status.pending,.bill_status.unsaved{background-color:rgba(226,182,12,.133);color:#e2b60c}.bill_status.success{background-color:rgba(46,204,113,.133);color:#2ecc71}.bill_status.failed{background-color:rgba(181,62,44,.133);color:#b53e2c}.drafts-invoices-container{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:300px;padding-top:16px}.drafts-invoices-container .drafts-invoices-header{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:12px;justify-content:space-between;margin:0 16px;padding:16px}.drafts-invoices-container .drafts-invoices-header .di-header-title{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.drafts-invoices-container .drafts-invoices-header .invoice-header-message{color:var(--app-text-muted);font-size:var(--app-font-base);line-height:1.32}.drafts-invoices-container .drafts-invoices-header .draft-search-row{align-items:center;display:flex;gap:8px}.drafts-invoices-container .drafts-invoices-header .draft-search-row .draft-search-count{color:var(--app-text-muted);flex-shrink:0;font-size:var(--app-font-11);white-space:nowrap}.drafts-invoices-container .drafts-invoices-header .drafts-action{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.drafts-invoices-container .drafts-invoices-header .drafts-action .select-all-toggle{align-items:center;color:var(--app-text-muted);cursor:pointer;display:flex;font-size:var(--app-font-base);font-weight:600;gap:8px}.drafts-invoices-container .drafts-invoices-header .drafts-action .drafts-action-btns{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.drafts-invoices-container .draft-select{align-items:center;border:1px solid var(--app-border);border-radius:2px;cursor:pointer;display:flex;flex-shrink:0;height:12px;justify-content:center;width:12px}.drafts-invoices-container .draft-select.selected{border-color:#46be46}.drafts-invoices-container .drafts-invoices-list{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:16px;overflow-y:auto;padding-top:8px}.drafts-invoices-container .drafts-invoices-list .list-item-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;cursor:pointer;display:flex;margin:0 16px;padding:10px 16px;position:relative}.drafts-invoices-container .drafts-invoices-list .list-item-container[disabled]{cursor:not-allowed;opacity:.5}.drafts-invoices-container .drafts-invoices-list .list-item-container:before{background-color:var(--app-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:4px}.drafts-invoices-container .drafts-invoices-list .list-item-container.selected,.drafts-invoices-container .drafts-invoices-list .list-item-container:hover{background-color:var(--app-input-bg)}.drafts-invoices-container .drafts-invoices-list .list-item-container.selected:before{opacity:1}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner{align-items:center;display:flex;flex:1 1;gap:16px}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:0}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-col{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-col .list-maintext{color:var(--app-text);font-size:var(--app-font-13);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-col .list-subtext{color:var(--app-text-muted);font-size:var(--app-font-base);overflow:hidden;text-overflow:ellipsis}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-col .list-subtext.capitalize{text-transform:capitalize}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-col .list-subtext>span{white-space:nowrap}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-divider{background-color:var(--app-border-a53);height:1px;margin:4px 0;min-height:1px;width:70%}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-row{align-items:flex-end;display:flex;margin-top:4px}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .details-row .list-smalltext{color:var(--app-text-muted);flex:1 1;font-size:var(--app-font-11)}.drafts-invoices-container .drafts-invoices-list .list-item-container .list-item-container-inner .list-details .valid-indicator{align-items:flex-end;color:#46be46;display:flex;font-size:var(--app-font-11);gap:8px}.drafts-invoices-container .drafts-invoices-list .new-draft-btn{background-color:#fcfcff;bottom:0;min-height:72px;padding:8px 16px 0;position:-webkit-sticky;position:sticky}.drafts-invoices-container .drafts-invoices-list .new-draft-btn .new-draft-btn-inner{align-items:center;background-color:var(--app-surface);border:1px dashed var(--app-border-a53);border-radius:var(--app-radius);color:var(--app-border);cursor:pointer;display:flex;flex-direction:column;font-size:var(--app-font-14);gap:4px;height:100%;justify-content:center;transition:all .2s ease-in-out}.drafts-invoices-container .drafts-invoices-list .new-draft-btn .new-draft-btn-inner:hover{border-color:var(--app-primary);color:var(--app-primary)}.drafts-invoices-container .draft-mutation-message{display:flex;flex-direction:column;gap:8px;padding:16px 16px 0}.modal-template-action-container{display:flex;flex-direction:column;height:100%}.modal-template-action-container .modal-body{overflow:auto;padding:16px 32px}.modal-template-action-container .modal-body::-webkit-scrollbar{display:none}.empty-container{align-items:center;display:flex;flex:1 1;flex-direction:column;font-size:var(--app-font-base);gap:24px;padding-top:32px}.empty-container img{object-fit:contain;width:120px}.empty-container .empty-message{color:var(--app-primary);font-size:var(--app-font-lg);font-weight:600}.invoice-bill-wrapper{font-size:var(--app-font-base);min-height:100%;overflow-x:clip;padding:48px}.invoice-bill-wrapper.table-mode{box-sizing:border-box;height:100%;min-height:0;overflow-x:auto}.invoice-bill-wrapper .invoice-bill-container{align-items:flex-start;display:flex}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container{flex:2 1;max-height:calc(100vh - 32px);overflow-y:auto;padding:16px;position:-webkit-sticky;position:sticky;top:16px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header{align-items:flex-start;background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px;padding:24px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header h2{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container{align-items:center;display:flex;gap:16px;justify-content:flex-end}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container .action-btn{align-items:center;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease-in-out}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container .action-btn.inverted{background-color:var(--app-surface);color:var(--app-primary)}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container .action-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container .action-btn i{margin-top:-4px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .temp-section-header .bill-action-container .action-btn:hover{box-shadow:none;transform:scale(.95)}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-template-wrapper{border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;gap:16px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-template-wrapper .bill-template-container{display:none;min-width:100%;position:relative}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-template-wrapper .bill-template-container.active{display:block}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-page-navigation{display:flex;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:104%}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-page-navigation button.navigation-btn{background-color:#523564;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:var(--app-font-lg);height:20px;transition:all .2s ease-in-out;width:20px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container .bill-page-navigation button.navigation-btn:disabled{opacity:0}.invoice-bill-wrapper.table-mode .invoice-bill-container{align-items:stretch;height:100%}.blurobj{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(57,47,97,.314);border-radius:var(--app-radius);display:flex;flex-direction:column;height:100%;position:absolute;width:100%;z-index:1}.blurobj .blur-title{font-size:var(--app-font-lg);margin-top:24px;width:100%}.blurobj .blur-text,.blurobj .blur-title{background-color:var(--app-primary);color:var(--app-surface);padding:16px;text-align:center}.blurobj .blur-text{font-size:var(--app-font-14)}.credit-note-form{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:673.6px;padding-bottom:16px;width:100%}.credit-note-form h2.section-header{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.credit-note-form .input-form-container{display:flex;flex-direction:column;gap:16px}.modal-template-wrapper{display:flex;flex-direction:column;position:relative}@media screen and (max-width:1580px){.invoice-bill-wrapper{padding:32px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container{flex-basis:589.4px}}@media screen and (max-width:1400px){.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container{flex-basis:505.2px}}@media screen and (max-width:1290px){.invoice-bill-wrapper{padding:24px}.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container{flex-basis:421px}}@media screen and (max-width:1190px){.invoice-bill-wrapper .invoice-bill-container .bill-template-action-container{display:none}}@media screen and (max-width:800px){.invoice-bill-wrapper{font-size:var(--app-font-xs);padding:0}.invoice-bill-wrapper .invoice-bill-container{overflow-x:auto;padding:20px}}.filter-container{flex-basis:380px;font-size:var(--app-font-base);max-height:90vh;min-width:280px;overflow-y:auto;position:-webkit-sticky;position:sticky;top:16px}.invoice-bill-wrapper.table-mode .filter-container{height:100%;max-height:none;position:static;top:auto}.filter-container .filter-container-inner{display:flex;flex-direction:column;padding:16px}.filter-container .filter-container-inner .filter-section-header{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize;white-space:nowrap}.filter-container .filter-container-inner .action-description{color:var(--app-text-muted);font-size:var(--app-font-base)}.filter-container .filter-container-inner .action-row{align-self:flex-end;display:flex;gap:8px}.filter-container .filter-container-inner .action-btn{align-items:center;align-self:flex-end;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-11);gap:8px;justify-content:center;margin-top:-4px;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.filter-container .filter-container-inner .action-btn.inverted{background-color:var(--app-surface);color:var(--app-primary)}.filter-container .filter-container-inner .action-btn i{margin-top:-4px}.filter-container .filter-container-inner .action-btn:hover{box-shadow:none;transform:scale(.95)}.filter-container .filter-container-inner .action-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.filter-container .filter-container-inner .filter-items-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex:1 1;flex-direction:column;gap:16px;margin-bottom:16px;padding:24px}.filter-container .filter-container-inner .filter-items-label{color:var(--app-text);font-size:var(--app-font-13);font-weight:600}.filter-container .filter-container-inner .filter-row{align-items:center;display:flex;gap:8px}.filter-container .filter-container-inner .filter-row .range-divider{background-color:var(--app-text-muted);height:2px;width:8px}.filter-container .filter-container-inner .input-slider{background-color:var(--app-border);border-radius:var(--app-radius);height:4px;position:relative}.filter-container .filter-container-inner .input-slider .input-progress{background-color:var(--app-accent);border-radius:var(--app-radius);height:4px;left:25%;position:absolute;right:25%}.filter-container .filter-container-inner .range-input{position:relative}.filter-container .filter-container-inner .range-input input{-webkit-appearance:none;appearance:none;background:#0000;cursor:grab;height:4px;pointer-events:none;position:absolute;top:-4px;width:100%}.filter-container .filter-container-inner .range-input input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--app-accent);border-radius:50%;height:14px;pointer-events:auto;width:14px}.filter-container .filter-container-inner .range-input input[type=range]::-moz-range-thumb{appearance:none;background-color:var(--app-accent);border:none;border-radius:50%;height:14px;pointer-events:auto;width:14px}.filter-container .filter-container-inner .filter-btn-container{align-items:center;display:flex;gap:16px;justify-content:flex-end;padding:8px 0}.filter-container .filter-container-inner .filter-btn-container .filter-btn{align-items:center;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-11);gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.filter-container .filter-container-inner .filter-btn-container .filter-btn.inverted{background-color:var(--app-surface);color:var(--app-primary)}.filter-container .filter-container-inner .filter-btn-container .filter-btn i{margin-top:-4px}.filter-container .filter-container-inner .filter-btn-container .filter-btn:hover{box-shadow:none;transform:scale(.95)}.bill-duplicate-container{display:flex;flex-direction:column;font-size:var(--app-font-base);height:100%}.bill-duplicate-container .modal-body{display:flex;flex-direction:column;gap:24px;overflow:auto;padding:16px}.bill-duplicate-container .modal-body .section-header{color:var(--app-text);font-size:var(--app-font-14);font-weight:600}.bill-duplicate-container .modal-body .section-description{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400}.bill-duplicate-container .modal-body .bill-filters-wrapper{display:flex;flex-direction:column;gap:16px}.bill-duplicate-container .modal-body .bill-filters-wrapper .bill-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.bill-duplicate-container .modal-body .bill-filters-wrapper .bill-filter-container .bill-filter-container-inner{background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);color:var(--app-text);padding:4px 8px}.bill-duplicate-container .modal-body .divider{background-color:var(--app-primary);height:4px;min-height:4px;width:50%}.bill-duplicate-container .modal-body .bills-wrapper{display:flex;flex-direction:column;gap:16px}.bill-duplicate-container .modal-body .bills-wrapper .bill-container{align-items:center;display:flex;gap:16px}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-select{align-items:center;border:1px solid var(--app-border);border-radius:2px;cursor:pointer;display:flex;height:12px;justify-content:center;width:12px}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-select.selected{border-color:#46be46}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-select.disabled{visibility:hidden}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .select-btn{cursor:pointer;font-size:var(--app-font-base);margin-top:2px;padding:4px 0}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .select-btn:hover{color:#3498db}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner{background-color:var(--app-surface);border:1px solid #e7e7e7;border-radius:var(--app-radius);cursor:pointer;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner:hover{background-color:var(--app-input-bg)}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details{color:var(--app-text);display:flex;flex-direction:column;font-size:var(--app-font-base);gap:4px;justify-content:flex-end}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-client{color:var(--app-text);font-size:var(--app-font-base);font-weight:600}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-tag-wrapper{display:flex;flex:1 1;gap:4px}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-status{align-self:flex-start;border-radius:var(--app-radius);font-size:var(--app-font-11);padding:2px 8px;text-align:center}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-status.credited{background-color:var(--app-error-bg);border:.25px solid var(--app-error-border);color:var(--app-error)}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-status.bill{background-color:rgba(52,152,219,.133);border:.25px solid rgba(52,152,219,.267);color:#3498db}.bill-duplicate-container .modal-body .bills-wrapper .bill-container .bill-container-inner .bill-details .bill-status.canceled{background-color:#9d9d9d;border:.25px solid #9d9d9d;color:var(--app-text)}.bill-list-container{display:flex;flex:1 0 400px;flex-direction:column}.bill-list-container .bill-section-header{background-color:#fcfcff;margin-top:-16px;padding:32px 16px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.bill-list-container .bill-section-header.table-view{margin-top:0;padding-top:16px}.bill-list-container .bill-section-header .bill-section-header-inner{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:8px;padding:24px}.bill-list-container .bill-section-header .header-title{align-items:flex-start;display:flex;justify-content:space-between}.bill-list-container .bill-section-header .header-title h2{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.bill-list-container .bill-section-header .header-title .header-title-actions{align-items:center;display:flex;gap:12px}.bill-list-container .bill-section-header .header-title .view-mode-toggle{align-self:flex-end;border:1px solid #e5e3ea;border-radius:var(--app-radius);display:flex;overflow:hidden}.bill-list-container .bill-section-header .header-title .view-mode-toggle .view-mode-btn{align-items:center;background-color:var(--app-surface);color:var(--app-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .15s ease,color .15s ease;width:36px}.bill-list-container .bill-section-header .header-title .view-mode-toggle .view-mode-btn:hover{background-color:#52356314}.bill-list-container .bill-section-header .header-title .view-mode-toggle .view-mode-btn:focus-visible{outline:2px solid var(--app-primary);outline-offset:-2px}.bill-list-container .bill-section-header .header-title .view-mode-toggle .view-mode-btn.active{background-color:var(--app-primary);color:var(--app-surface);pointer-events:none}.bill-list-container .bill-section-header .header-title .view-mode-toggle .view-mode-btn+.view-mode-btn{border-left:1px solid #e5e3ea}.bill-list-container .bill-section-header .header-title .print-all-btn{align-items:center;align-self:flex-end;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-11);gap:8px;justify-content:center;margin-top:-4px;padding:8px 16px;transition:all .2s ease-in-out;white-space:nowrap}.bill-list-container .bill-section-header .header-title .print-all-btn i{margin-top:-2px}.bill-list-container .bill-section-header .header-title .print-all-btn:hover{box-shadow:none;transform:scale(.95)}.bill-list-container .bill-section-header .header-title .print-all-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.bill-list-container .bill-section-header .separator{background-color:var(--app-primary);border-radius:var(--app-radius);height:4px;width:20%}.bill-list-container .bill-section-header .header-info-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(120px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(120px,max-content));margin-top:16px}.bill-list-container .bill-section-header .header-info-container .header-info{align-items:center;display:flex;gap:8px;min-width:-webkit-fit-content;min-width:fit-content}.bill-list-container .bill-section-header .header-info-container .header-info h3{color:var(--app-text);font-size:var(--app-font-18);font-weight:800;text-transform:capitalize}.bill-list-container .bill-section-header .header-info-container .header-info span{color:#9d9d9d;font-size:var(--app-font-base);font-weight:400;text-transform:capitalize;white-space:nowrap}.bill-list-container .bill-section-header .header-info-container .header-info--pill{border:1px solid #e5e3ea;border-radius:var(--app-radius);cursor:pointer;padding:6px 12px;transition:background-color .15s ease,border-color .15s ease}.bill-list-container .bill-section-header .header-info-container .header-info--pill .header-info-pill-label{color:var(--app-text);font-size:var(--app-font-base);font-weight:600;text-transform:capitalize}.bill-list-container .bill-section-header .header-info-container .header-info--pill:hover{background-color:#52356314}.bill-list-container .bill-section-header .header-info-container .header-info--pill:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.bill-list-container .bill-section-header .header-info-container .header-info--pill.active{background-color:#52356314;border-color:var(--app-primary);pointer-events:none}.bill-list-container .bill-section-header .bill-date-info{align-items:center;align-self:flex-end;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:8px;width:100%}.bill-list-container .bill-section-header .bill-date-info .bill-date-info-dates{align-items:center;display:flex;gap:4px}.bill-list-container .bill-section-header .bill-date-info .bill-date-info-sort{min-width:200px}.bill-list-container .bill-section-header .bill-date-info .date-separator{background-color:var(--app-border);height:1px;width:16px}.bill-list-container .bill-section-header .bill-date-info .date-info-container{align-items:flex-end;background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);display:flex;height:30px;min-width:100px;padding:0 12px;position:relative;white-space:nowrap}.bill-list-container .bill-section-header .bill-date-info .date-info-container .label-info{color:var(--app-text);flex:1 1;font-size:var(--app-font-base);font-weight:600;padding-bottom:2px;text-align:center}.bill-list-container .bill-section-header .bill-date-info .date-info-container .label{background-color:var(--app-surface);color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;padding:0 4px;position:absolute;top:-20%}.bill-list-container .bill-list-items{display:flex;flex-direction:column;gap:16px;padding:16px}.bill-list-container .bill-list-items.table-view{flex:1 1;min-height:0;overflow:auto;padding:0 16px}.bill-list-container .bill-list-items .bill-month-header{background-color:#ede9f2;border-radius:var(--app-radius);color:var(--app-primary);font-size:var(--app-font-base);font-weight:600;padding:6px 16px;position:-webkit-sticky;position:sticky;z-index:1}.bill-list-container .bill-list-items .bill-list-load-more{color:var(--app-text-muted);font-size:var(--app-font-base);padding:16px 0;text-align:center}.bill-list-container .bill-list-items .list-item-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;color:var(--app-text);cursor:pointer;display:flex;gap:16px;min-height:88px;overflow:hidden;padding:16px;position:relative;transition:all .2s ease-in-out}.bill-list-container .bill-list-items .list-item-container:before{background-color:var(--app-primary);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;width:4px}.bill-list-container .bill-list-items .list-item-container:hover{background-color:#f1f1fc}.bill-list-container .bill-list-items .list-item-container:hover:before{opacity:1}.bill-list-container .bill-list-items .list-item-container.selected{background-color:var(--app-primary);color:var(--app-surface)}.bill-list-container .bill-list-items .list-item-container.selected .bill-item-details .bill-mainText{color:var(--app-surface)}.bill-list-container .bill-list-items .list-item-container .item-left{display:flex;flex:1 1}.bill-list-container .bill-list-items .list-item-container .bill-icon{align-self:center;font-size:var(--app-font-20);position:relative}.bill-list-container .bill-list-items .list-item-container .bill-icon .icon-indicator{align-items:center;background-color:#46be46;border-radius:50%;bottom:-2px;color:var(--app-surface);display:flex;font-size:var(--app-font-xs);height:10px;justify-content:center;position:absolute;right:-4px;width:10px}.bill-list-container .bill-list-items .list-item-container .bill-icon .icon-indicator.void{background-color:#d35a47}.bill-list-container .bill-list-items .list-item-container .bill-ird-synced-at{color:#9d9d9d;font-size:var(--app-font-sm);opacity:.85}.bill-list-container .bill-list-items .list-item-container .bill-item-details{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:space-between}.bill-list-container .bill-list-items .list-item-container .bill-item-details .details-row{display:flex;gap:4px;justify-content:space-between}.bill-list-container .bill-list-items .list-item-container .bill-item-details .details-row.flex-end{align-items:flex-end}.bill-list-container .bill-list-items .list-item-container .bill-item-details .details-row .details-col{display:flex;flex-direction:column;gap:4px}.bill-list-container .bill-list-items .list-item-container .bill-item-details .bill-mainText{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600}.bill-list-container .bill-list-items .list-item-container .bill-item-details .bill-mainText.font-xl{font-size:var(--app-font-18)}.bill-list-container .bill-list-items .list-item-container .bill-item-details .bill-subText{color:#9d9d9d;font-size:var(--app-font-base);font-weight:400;white-space:nowrap}.bill-list-container .bill-list-items .list-item-container .bill-item-details .bill-subText em{font-style:normal}.bill-list-container .bill-list-items .list-item-container .bill-item-details .bill-subText.font-xs{font-size:var(--app-font-11)}.bill-list-container .bill-list-items .list-item-container .list-item{display:flex;font-size:var(--app-font-14);justify-content:space-between}.bill-list-container .bill-list-items .list-item-container .list-item .light-text{color:#9d9d9d;font-size:var(--app-font-13)}.bill-list-container .bill-list-items .list-item-container .list-item .dark-text{color:var(--app-text);font-size:var(--app-font-lg)}.bill-tags{display:flex;gap:4px}.bill-status{border-radius:var(--app-radius);padding:4px 16px}.bill-status.credited{background-color:var(--app-error-bg);border:.25px solid var(--app-error-border);color:var(--app-error)}.bill-status.bill{background-color:rgba(52,152,219,.133);border:.25px solid rgba(52,152,219,.267);color:#3498db}.bill-status.canceled{background-color:#9d9d9d;border:.25px solid #9d9d9d;color:var(--app-text)}.bill-status.synced{background-color:rgba(34,197,94,.102);border:.25px solid rgba(22,163,74,.267);color:#16a34a}.bill-status.sync-pending{background-color:rgba(217,119,6,.102);border:.25px solid rgba(217,119,6,.267);color:#d97706}.bill-table-buyer{display:flex;flex-direction:column;gap:4px}.bill-table-buyer .bill-table-pan{font-size:var(--app-font-sm);opacity:.65}.bill-table-total{font-weight:700}.bill-table-ird-synced{font-size:var(--app-font-sm);margin-top:4px;opacity:.65}.bill-table-date .bill-table-date-en{font-weight:700;margin-bottom:4px}.bill-table-date .bill-table-date-np{font-size:var(--app-font-sm);opacity:.65}.data-table-wrapper{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd}.data-table{border-collapse:initial;border-spacing:0;min-width:720px;width:100%}.data-table th,.data-table thead tr{background-color:#ede9f2}.data-table th{color:var(--app-primary);font-size:var(--app-font-sm);font-weight:700;letter-spacing:.02em;padding:12px 16px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap}.data-table th.align-right{text-align:right}.data-table td{border-top:1px solid var(--app-border);color:var(--app-text);font-size:var(--app-font-base);padding:12px 16px}.data-table td.align-right{text-align:right;white-space:nowrap}.data-table .data-table-row{cursor:pointer;transition:background-color .15s ease-in-out}.data-table .data-table-row:hover{background-color:#f1f1fc}.data-table .data-table-row.selected{background-color:var(--app-primary)}.data-table .data-table-row.selected td{border-top-color:#fff3;color:var(--app-surface)}.data-table .data-table-empty{color:var(--app-text-muted);padding:48px 16px;text-align:center}.sales-audit-container{height:auto;min-height:952px;position:relative}.sales-audit-container .sales-audit-container-inner{background-color:var(--app-surface);font-size:var(--app-font-sm);left:50%;position:absolute;top:16px;transform:translate(-50%,-10%) scale(.8)}.pdf-template-wrapper{box-shadow:0 0 4px #ddd;display:flex;font-size:var(--app-font-sm);height:1190px;margin:0 auto;overflow:hidden;padding:40px;position:relative;width:842px}.pdf-template-wrapper .pdf-template-container{display:flex;flex:1 1;flex-direction:column;max-height:100%;max-width:100%;overflow:hidden}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container{display:flex;flex-direction:column}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper{display:flex;gap:16px;justify-content:space-between;margin:16px 0}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item{display:flex;flex:1 1;flex-direction:column;gap:16px}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .brand-logo-container{display:flex;gap:16px}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .brand-logo-container .brand-image{aspect-ratio:1/1;height:auto;object-fit:contain;width:64px}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .brand-logo-container .brand-text-container{display:flex;flex-direction:column;gap:8px;justify-content:center}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .brand-logo-container .brand-text-container .brand-text{color:var(--app-text-muted);font-size:var(--app-font-sm);font-weight:400}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .brand-logo-container .brand-text-container .brand-text.brand-title{color:var(--app-primary);font-size:var(--app-font-lg);font-weight:800;text-transform:uppercase}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .pdf-container{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:8px}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .pdf-container .pdf-title{color:var(--app-primary);font-size:var(--app-font-20);font-weight:800;letter-spacing:4px;text-align:right;text-transform:uppercase}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .text-container{display:flex;flex-direction:column;gap:4px}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .text-container .section-title{color:var(--app-text);font-size:var(--app-font-11);font-weight:600;margin-bottom:4px;text-transform:uppercase}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .text-container .dark-text{color:var(--app-text)}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .header-row-wrapper .header-item .text-container .light-text{color:var(--app-text-muted);line-height:1.2}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .text-section{align-items:flex-start;display:flex;font-size:var(--app-font-11);gap:4px;line-height:1.2;text-align:left}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .text-section .text-col{align-items:flex-end;display:flex;flex-direction:column}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .text-section .dark-text{color:var(--app-text)}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .text-section .light-text{color:var(--app-text-muted)}.pdf-template-wrapper .pdf-template-container .pdf-template-header-container .filter-section{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container{border-bottom:1px dashed var(--app-text-muted);border-top:1px dashed var(--app-text-muted);flex:1 1;padding:16px 0}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container{border-collapse:collapse;font-size:var(--app-font-sm);text-align:left;width:100%}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container .align-right{text-align:right}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container th.header-item{background-color:var(--app-text-muted);color:var(--app-text);font-size:var(--app-font-sm);padding:10px}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container tr{border-bottom:1px solid #e7e7e7}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container tr.table-footer{background-color:var(--app-text-muted)}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container tr.data-row{background-color:#e7e7e7;border:none}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td{color:var(--app-text);font-size:var(--app-font-sm);padding:10px}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td.border-r{border-right:.5px solid #e7e7e7}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td.border-r>div{text-transform:capitalize}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td .flag{font-weight:600}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td .sale-note{width:30px}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td .table-data-container{display:flex;gap:12px;justify-content:space-between}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td .table-data-container .data-item{display:flex;gap:4px}.pdf-template-wrapper .pdf-template-container .pdf-template-table-container table.table-container td .table-data-container .data-item .data-label{color:var(--app-text-muted)}.pdf-template-wrapper .pdf-template-container .pdf-template-footer-container{align-items:center;display:flex;gap:8px;justify-content:center;padding-top:16px}.pdf-template-wrapper .pdf-template-container .pdf-template-footer-container .footer-text{color:var(--app-primary);font-size:var(--app-font-sm);font-weight:600}.pdf-template-wrapper .pdf-template-container .pdf-template-footer-container .footer-image{aspect-ratio:1/1;height:auto;object-fit:contain;width:16px}@media screen and (max-width:880px){.sales-audit-container{height:714px}.sales-audit-container .sales-audit-container-inner{transform:translate(-50%,-20%) scale(.6)}}.activity-monitor-wrapper{font-size:var(--app-font-base)}.activity-monitor-wrapper .activity-monitor-container{align-items:flex-start;display:flex;padding:48px}.activity-monitor-wrapper .activity-monitor-container .filter-container{position:-webkit-sticky;position:sticky;top:24px}.activity-monitor-wrapper .activity-monitor-container .activities-list-wrapper{display:flex;flex:3 1;flex-direction:column;gap:16px;margin:16px}.activity-monitor-wrapper .activity-monitor-container .activities-list-wrapper .section-header-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;padding:24px}.activity-monitor-wrapper .activity-monitor-container .activities-list-wrapper .section-header-container .section-header-title{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.activity-monitor-wrapper .activity-monitor-container .activities-list-wrapper .activities-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;font-size:var(--app-font-13);gap:16px;padding:24px}@media screen and (max-width:1580px){.activity-monitor-wrapper .activity-monitor-container{padding:32px}}@media screen and (max-width:1290px){.activity-monitor-wrapper .activity-monitor-container{padding:24px}}@media screen and (max-width:800px){.activity-monitor-wrapper .activity-monitor-container{padding:20px}}@media screen and (max-width:768px){.activity-monitor-wrapper{overflow:auto}.activity-monitor-wrapper .activity-monitor-container{flex-direction:column;height:auto;overflow:visible}.activity-monitor-wrapper .activity-monitor-container .activities-list-wrapper .section-header-container,.activity-monitor-wrapper .activity-monitor-container .filter-container{flex-basis:auto;position:static;width:100%}}.customer-list-wrapper{font-size:var(--app-font-base);padding:48px}.customer-list-wrapper .wrapper-row{display:flex;height:100%}.customer-list-wrapper .wrapper-row .customer-list-container{display:flex;flex:3 1;flex-direction:column;gap:16px;margin:16px}.customer-list-wrapper .wrapper-row .customer-list-container .section-header-container{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;gap:16px;justify-content:space-between;padding:24px}.customer-list-wrapper .wrapper-row .customer-list-container .section-header-container .section-header-title{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.customer-list-wrapper .wrapper-row .customer-list-container .section-header-container .header-action-btn{align-items:center;background-color:var(--app-primary);border-radius:var(--app-radius);color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:8px;justify-content:center;padding:8px 16px;white-space:nowrap}.customer-list-wrapper .wrapper-row .customer-list-container .section-header-container .header-action-btn>i{margin-bottom:2px}.customer-list-wrapper .wrapper-row .customer-list-container .section-header-container .header-action-btn:hover{box-shadow:-3px -3px 4px #fff,3px 3px 4px #16311e33}.customer-list-wrapper .wrapper-row .customer-list-container .customer-list-items{display:flex;flex-wrap:wrap;gap:24px}@media screen and (max-width:1580px){.customer-list-wrapper{padding:32px}}@media screen and (max-width:1290px){.customer-list-wrapper{padding:24px}}@media screen and (max-width:800px){.customer-list-wrapper{padding:20px}}.user-item-container{background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex:1 1;flex-direction:column;font-size:var(--app-font-base);gap:24px;max-width:calc(33.33333% - 16px);min-width:calc(33.33333% - 16px);overflow:hidden;padding:24px;position:relative;transition:all .2s ease-in-out}.user-item-container:hover{box-shadow:0 0 12px #ddd}.user-item-container:hover .item-details-container .item-info .info-icon.a{background-color:#46be46;color:var(--app-surface)}.user-item-container:hover .item-details-container .item-info .info-icon.b{background-color:var(--app-accent);color:var(--app-surface)}.user-item-container:hover .item-details-container .item-info .info-icon.c{background-color:var(--app-primary);color:var(--app-surface)}.user-item-container .item-header-container{display:flex;flex-direction:column;gap:4px}.user-item-container .item-header-container .user-id{align-self:flex-end;color:var(--app-text-muted);cursor:copy;font-size:var(--app-font-base);font-weight:600}.user-item-container .item-header-container .item-img-container{align-self:center;border:1px solid var(--app-border);border-radius:50%;color:var(--app-text-muted);height:100px;position:relative;width:100px}.user-item-container .item-header-container .item-img-container .item_img{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.user-item-container .item-header-container .item-img-container .item_img img{aspect-ratio:1/1;object-fit:cover;width:100%}.user-item-container .item-header-container .item-img-container .user-verified{align-items:center;border:1px solid var(--app-surface);border-radius:50%;bottom:4px;color:var(--app-surface);display:flex;font-size:var(--app-font-base);font-weight:900;height:16px;justify-content:center;position:absolute;right:8px;width:16px}.user-item-container .item-header-container .item-img-container .user-verified.active{background-color:#46be46}.user-item-container .item-header-container .item-img-container .user-verified.inactive{background-color:#b53e2c}.user-item-container .item-header-container .item-img-container .user-verified.inactive i{font-size:var(--app-font-sm)}.user-item-container .item-details-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.user-item-container .item-details-container .user-status-role{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-item-container .item-details-container .user-status-role .separator{background-color:var(--app-text-muted);height:20px;width:1px}.user-item-container .item-details-container .user-status-role .status-role-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.user-item-container .item-details-container .user-status-role .status-role-container .sr-value{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600;text-transform:capitalize}.user-item-container .item-details-container .user-status-role .status-role-container .sr-value.active{color:#46be46}.user-item-container .item-details-container .user-status-role .status-role-container .sr-value.inactive{color:#b53e2c}.user-item-container .item-details-container .user-status-role .status-role-container .sr-label{color:var(--app-text-muted);font-size:var(--app-font-sm);font-weight:400}.user-item-container .item-details-container h4.item-mainText{color:var(--app-text);font-size:var(--app-font-lg);font-weight:600;text-align:center}.user-item-container .item-details-container .details-divider{background-color:var(--app-primary);border-radius:var(--app-radius);height:4px;margin-top:4px;min-height:4px;width:50%}.user-item-container .item-details-container .item-info{align-items:center;display:flex;gap:16px;margin:8px 0}.user-item-container .item-details-container .item-info.copy{cursor:copy}.user-item-container .item-details-container .item-info .info-icon{align-items:center;background-color:var(--app-input-bg);border-radius:50%;color:var(--app-text-muted);display:flex;height:var(--app-h-control);justify-content:center;min-width:32px;transition:all .2s ease-in-out;width:32px}.user-item-container .item-details-container .item-info .info-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.user-item-container .item-details-container .item-info .info-details>.subText{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400}.user-item-container .item-details-container .item-info .info-details>.mainText{color:var(--app-text);font-size:var(--app-font-13);font-weight:400}.user-item-container .item-details-container .item-info .info-details>.mainText.capitalize{text-transform:capitalize}.user-item-container .item-details-container .item-action-btn{align-items:center;align-self:flex-end;color:var(--app-accent);cursor:pointer;display:flex;font-size:var(--app-font-13);gap:8px;margin-top:8px;transition:all .35s ease-in-out}.user-item-container .item-details-container .item-action-btn:hover{transform:scale(.9)}.user-item-container .item-details-container .item-action-btn i{font-size:var(--app-font-base)}.user-item-container .new-flag{align-items:center;background-color:var(--app-primary);color:var(--app-surface);display:flex;font-size:var(--app-font-xs);font-weight:900;height:24px;justify-content:center;left:24px;letter-spacing:3px;position:absolute;text-transform:uppercase;top:24px;transform:translate(-50%,-50%) rotate(-45deg);width:120px}@media screen and (min-width:1660px){.user-item-container{max-width:calc(25% - 18px);min-width:calc(25% - 18px)}}@media screen and (max-width:1260px){.user-item-container{max-width:calc(50% - 12px);min-width:calc(50% - 12px)}}@media screen and (max-width:860px){.user-item-container{max-width:100%;min-width:100%}}.clients-draft-container{display:flex;flex-direction:column;font-size:var(--app-font-base);height:100%}.clients-draft-container .modal-body{display:flex;flex-direction:column;gap:24px;overflow:auto;padding:16px}.clients-draft-container .modal-body .section-header-row{align-items:flex-end;display:flex;justify-content:space-between}.clients-draft-container .modal-body .section-header-row .section-accordion-btn{color:var(--app-text-muted);cursor:pointer;font-size:var(--app-font-11);text-decoration:underline}.clients-draft-container .modal-body .section-header{color:var(--app-text);font-size:var(--app-font-14);font-weight:600}.clients-draft-container .modal-body .section-description{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400}.clients-draft-container .modal-body .client-filters-wrapper{display:flex;flex-direction:column;gap:16px}.clients-draft-container .modal-body .client-filters-wrapper .client-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.clients-draft-container .modal-body .client-filters-wrapper .client-filter-container .client-filter-container-inner{background-color:var(--app-surface);border:1px solid var(--app-border);border-radius:var(--app-radius);color:var(--app-text);padding:4px 8px}.clients-draft-container .modal-body .divider{background-color:var(--app-primary);height:4px;min-height:4px;width:50%}.clients-draft-container .modal-body .client-draft-wrapper{display:flex;flex-direction:column;gap:16px}.clients-draft-container .modal-body .client-draft-wrapper .client-container{align-items:center;display:flex;gap:16px}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-select{align-items:center;border:1px solid var(--app-border);border-radius:2px;cursor:pointer;display:flex;height:12px;justify-content:center;width:12px}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-select.selected{border-color:#46be46}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-select.disabled{visibility:hidden}.clients-draft-container .modal-body .client-draft-wrapper .client-container .select-btn{cursor:pointer;font-size:var(--app-font-base);margin-top:2px;padding:4px 0}.clients-draft-container .modal-body .client-draft-wrapper .client-container .select-btn:hover{color:#3498db}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-container-inner{background-color:var(--app-surface);border:1px solid #e7e7e7;border-radius:var(--app-radius);cursor:pointer;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-container-inner:hover{background-color:var(--app-input-bg)}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-container-inner .bill-details{color:var(--app-text);display:flex;flex-direction:column;font-size:var(--app-font-base);gap:4px;justify-content:flex-end}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-container-inner .bill-details .client-maintext{color:var(--app-text);font-size:var(--app-font-base);font-weight:600}.clients-draft-container .modal-body .client-draft-wrapper .client-container .client-container-inner .bill-details .client-subtext{align-items:center;color:var(--app-text-muted);display:flex;font-size:var(--app-font-11);gap:4px;margin-top:4px}.employee-list-wrapper{font-size:var(--app-font-base);padding:48px}.employee-list-wrapper .wrapper-row{display:flex;height:100%}.employee-list-wrapper .wrapper-row .employee-list-container{display:flex;flex:3 1;flex-direction:column;gap:16px;margin:16px}.employee-list-wrapper .wrapper-row .employee-list-container .section-header-container{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;gap:16px;justify-content:space-between;padding:24px}.employee-list-wrapper .wrapper-row .employee-list-container .section-header-container .section-header-title{color:var(--app-text);font-size:var(--app-font-20);font-weight:800;text-transform:capitalize}.employee-list-wrapper .wrapper-row .employee-list-container .section-header-container .header-action-btn{align-items:center;background-color:var(--app-primary);border-radius:var(--app-radius);color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:8px;justify-content:center;padding:8px 16px}.employee-list-wrapper .wrapper-row .employee-list-container .section-header-container .header-action-btn>i{margin-bottom:2px}.employee-list-wrapper .wrapper-row .employee-list-container .section-header-container .header-action-btn:hover{box-shadow:-3px -3px 4px #fff,3px 3px 4px #16311e33}.employee-list-wrapper .wrapper-row .employee-list-container .employee-list-items{display:flex;flex-wrap:wrap;gap:24px}@media screen and (max-width:1580px){.employee-list-wrapper{padding:32px}}@media screen and (max-width:1290px){.employee-list-wrapper{padding:24px}}@media screen and (max-width:800px){.employee-list-wrapper{padding:20px}}.user-search-wizard{display:flex;flex-direction:column;gap:12px;padding:16px}.user-search-wizard .wizard-hint{color:var(--app-text-muted);font-size:var(--app-font-sm);margin:0}.user-search-wizard .wizard-divider-row{align-items:center;color:var(--app-text-muted);display:flex;font-size:var(--app-font-sm);gap:8px}.user-search-wizard .wizard-divider-row:after,.user-search-wizard .wizard-divider-row:before{background-color:var(--app-border-a27);content:"";flex:1 1;height:1px}.company-profile-setting-wrapper{display:flex;flex-direction:column;padding:16px}.company-profile-setting-wrapper .settings-page-header{display:flex;flex-direction:column;gap:8px;padding:48px 48px 0}.company-profile-setting-wrapper .settings-page-header .settings-page-title{color:var(--app-text);font-size:var(--app-font-18);font-weight:800;margin:0}.company-profile-setting-wrapper .settings-page-header .settings-page-subtitle{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;margin:0 0 8px}.company-profile-setting-wrapper .company-profile-setting-container{display:flex;flex:1 1;flex-direction:column;font-size:var(--app-font-base);gap:16px;padding:24px 48px 48px}.company-profile-setting-wrapper .company-profile-setting-container .container-description{color:var(--app-text-muted);font-size:var(--app-font-13);font-weight:400}.company-profile-setting-wrapper .company-profile-setting-container .tab-content{display:flex;flex-direction:column;gap:24px;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .export-btn{align-items:center;align-self:flex-end;background-color:var(--app-primary);border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .export-btn.inverted{background-color:var(--app-surface);color:var(--app-primary)}.company-profile-setting-wrapper .company-profile-setting-container .export-btn i{margin-top:-4px}.company-profile-setting-wrapper .company-profile-setting-container .export-btn:hover{box-shadow:none;transform:scale(.95)}.company-profile-setting-wrapper .company-profile-setting-container .export-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.company-profile-setting-wrapper .company-profile-setting-container .profile-tab{display:flex;flex:1 1;flex-direction:column;gap:20px}.company-profile-setting-wrapper .company-profile-setting-container .profile-card{background-color:#fff;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:16px;padding:24px}.company-profile-setting-wrapper .company-profile-setting-container .profile-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.company-profile-setting-wrapper .company-profile-setting-container .profile-cards-grid .profile-card{margin:0}.company-profile-setting-wrapper .company-profile-setting-container .profile-cards-grid .full-span{grid-column:1/-1}.company-profile-setting-wrapper .company-profile-setting-container .profile-card-header{align-items:center;border-bottom:1px solid var(--app-border-a33);color:var(--app-text);display:flex;font-size:var(--app-font-14);font-weight:700;gap:8px;padding-bottom:12px}.company-profile-setting-wrapper .company-profile-setting-container .profile-card-header svg{color:var(--app-primary);font-size:var(--app-font-13)}.company-profile-setting-wrapper .company-profile-setting-container .identity-card{align-items:center;text-align:center}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .identity-card-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .identity-actions{display:flex;gap:12px}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--app-font-11);font-weight:700;gap:6px;padding:4px 12px}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .status-pill.verified{background-color:#46be4621;color:#2f9e2f}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .status-pill.pending{background-color:var(--app-text-muted-bg);color:var(--app-text-muted)}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container{align-self:center;border:1px solid var(--app-border-a27);border-radius:50%;height:132px;position:relative;width:132px}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container.editable{cursor:pointer;transition:all .25s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container.editable:hover{box-shadow:0 0 8px #ddd;transform:scale(1.05)}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container .company-image{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container .company-image img{aspect-ratio:1/1;object-fit:contain;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container .img-action{align-items:center;background-color:var(--app-accent);border:1px solid var(--app-surface);border-radius:50%;bottom:9px;color:var(--app-surface);display:flex;font-size:var(--app-font-sm);height:20px;justify-content:center;position:absolute;right:9px;width:20px;z-index:1}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .img-container .img-action.active{background-color:#46be46;font-size:var(--app-font-14)}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .name-input-field{background-color:var(--app-input-bg);border:1px solid var(--app-border);border-radius:var(--app-radius);max-width:360px;outline:0;text-align:center;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .name-input-field:disabled{background-color:#0000;border:1px solid #0000}.company-profile-setting-wrapper .company-profile-setting-container .identity-card .section-header{color:var(--app-text);font-size:var(--app-font-20);font-weight:600;padding:8px;text-align:center}.company-profile-setting-wrapper .company-profile-setting-container .identification-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card{background-color:var(--app-input-bg);border-radius:var(--app-radius);padding:12px 16px}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card .id-mini-card-label{align-items:center;color:var(--app-text-muted);display:flex;font-size:var(--app-font-sm);font-weight:700;gap:6px;letter-spacing:.03em;margin-bottom:6px;text-transform:uppercase}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card .id-mini-card-value{color:var(--app-text);font-size:var(--app-font-13);font-weight:700;word-break:break-word}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card .id-mini-card-value.with-toggle{align-items:center;display:flex;gap:8px;justify-content:space-between}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card .id-mini-card-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:none;border:0;color:var(--app-text-muted);cursor:pointer;display:flex;padding:0;transition:color .2s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .id-mini-card .id-mini-card-toggle:hover{color:var(--app-primary)}.company-profile-setting-wrapper .company-profile-setting-container .export-card .export-card-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.company-profile-setting-wrapper .company-profile-setting-container .export-card .export-card-row .profile-card-header{border-bottom:0;padding-bottom:4px}.company-profile-setting-wrapper .company-profile-setting-container .profile-btn-container{align-items:center;background-color:var(--app-primary);border:1px solid #0000;border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:6px;justify-content:center;padding:8px 16px;transition:transform .2s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .profile-btn-container.inverted{background-color:var(--app-surface);border-color:var(--app-primary-a47);box-shadow:none;color:var(--app-primary)}.company-profile-setting-wrapper .company-profile-setting-container .profile-btn-container:hover{transform:scale(.97)}.company-profile-setting-wrapper .company-profile-setting-container .profile-btn-container[aria-disabled=true]{cursor:not-allowed;opacity:.6}.company-profile-setting-wrapper .company-profile-setting-container .settings-column{display:flex;flex:1 1;flex-direction:column;gap:24px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container{display:flex;flex-direction:column;gap:16px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .inline-notice--warning{border-radius:var(--app-radius);font-size:var(--app-font-13);padding:16px 20px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper{display:flex;flex:1 1;flex-direction:column;gap:20px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container{background-color:#fff;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-wrap:wrap;gap:40px;padding:24px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container.tnc-grid .setting-content,.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container.tnc-grid .setting-details{flex:1 1}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content{display:flex;flex:1 1;flex-direction:column;min-width:260px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-title{color:var(--app-text);font-size:var(--app-font-lg);font-weight:800;margin-bottom:8px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-description{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400;line-height:1.32}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-description span{color:#b53e2c;font-weight:600}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .more-setting-button{align-self:flex-start;color:var(--app-accent);cursor:pointer;font-size:var(--app-font-13);font-weight:400;margin-top:16px;transition:all .25s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .more-setting-button:hover{text-decoration:underline}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action{border-top:1px solid var(--app-border-a33);display:flex;flex-direction:column;gap:16px;margin-top:16px;padding-top:16px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action:first-child{border-top:0;margin-top:0;padding-top:0}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action.connected-wrapper{flex-direction:row;flex-wrap:wrap}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action .action-row{align-items:center;display:flex;gap:16px;justify-content:space-between}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action .action-row .action-detail{display:flex;flex-direction:column;gap:4px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action .action-row .action-detail h5{color:var(--app-text);font-size:var(--app-font-base);font-weight:600}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-content .setting-action .action-row .action-detail p{color:var(--app-text-muted);font-size:var(--app-font-base);font-weight:400}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details{align-items:center;display:flex;flex:2 1;min-width:260px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details.demo-footer-panel{align-items:stretch;flex-direction:column;gap:12px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .demo-footer-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .pill{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--app-font-sm);font-weight:700;padding:4px 12px;white-space:nowrap}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .pill.pill-dark{background-color:var(--app-primary);color:var(--app-surface)}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .bill-footer{background-color:var(--app-input-bg);border:1px dashed var(--app-border-a53);border-radius:var(--app-radius);padding:12px;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .bill-footer .bill-footer-container{background-color:#fff;border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:grid;grid-template-columns:1fr 1fr;padding:16px;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .bill-footer .bill-footer-container .bill-item-text{align-items:center;color:var(--app-text);display:flex;font-size:var(--app-font-base);min-height:var(--app-h-control);padding:4px 0;white-space:noWrap}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .bill-footer .bill-footer-container .bill-item-text.align-right{font-family:SFMono-Regular,Consolas,monospace;justify-content:flex-end;text-align:right}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .bill-footer .bill-footer-container .bill-item-text.highlighted{background-color:var(--app-primary);color:var(--app-surface);font-weight:800;margin-top:8px;padding:8px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .tnc-container{align-self:flex-start;background-color:#fcfcff;border:1px solid var(--app-border-a47);border-radius:var(--app-radius);height:200px;margin:12px 0;min-width:100%;overflow:hidden;padding:4px;position:relative}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .tnc-container .tnc-container-inner{background-color:#fcfcff;cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:all .3s ease-in-out;z-index:0}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .tnc-container .tnc-container-inner .dummyTnc{color:var(--app-text-muted);display:flex;flex-direction:column;font-size:var(--app-font-base);gap:4px;line-height:1.2;min-height:220px;min-width:558px;width:558px;word-break:break-word}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .tnc-container .tnc-container-inner .dummyTnc b{color:var(--app-primary);font-size:var(--app-font-20);font-weight:800}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .tnc-container .tnc-container-inner .dummyTnc .tnc-data{border-bottom:4px solid #b53e2c;font-size:var(--app-font-base);height:220px;padding-left:24px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .ckeditor-shell{border:1px solid var(--app-border-a40);border-radius:var(--app-radius);overflow:hidden;width:100%}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .ckeditor-shell .ck.ck-toolbar{background-color:var(--app-input-bg)!important;border:0!important;border-bottom:1px solid var(--app-border-a40)!important}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .ckeditor-shell .ck.ck-editor__main>.ck-editor__editable{border:0!important}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .template-preview-card{border-radius:var(--app-radius);height:300px;min-width:220px;padding:4px;position:relative;width:220px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .template-preview-card .template-selection{align-items:center;background-color:var(--app-accent);border-radius:50%;color:var(--app-surface);display:flex;font-size:var(--app-font-xs);height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-wrapper .setting-container .setting-details .template-preview-card .template-preview-card-inner{background-color:#fcfcff;border:4px solid var(--app-accent);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.26);transition:all .3s ease-in-out;z-index:0}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper{align-items:center;background-color:var(--app-surface);border-top:1px solid var(--app-border-a33);bottom:0;display:flex;gap:16px;justify-content:flex-end;padding:16px;position:-webkit-sticky;position:sticky;z-index:2}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn{align-items:center;background-color:var(--app-primary);border:1px solid #0000;border-radius:var(--app-radius);box-shadow:-1px 1px 4px #16311e33,1px -1px 4px #fcfcff;color:var(--app-surface);cursor:pointer;display:flex;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease-in-out}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn[aria-disabled=true]{background-color:var(--app-border);cursor:not-allowed;opacity:.7}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn[aria-disabled=true]:hover{transform:none}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn.inverted{background-color:var(--app-surface);border-color:var(--app-border-a53);box-shadow:none;color:var(--app-primary)}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn i{margin-top:-4px}.company-profile-setting-wrapper .company-profile-setting-container .company-setting-container .settings-btn-wrapper .setting-btn:hover{box-shadow:none;transform:scale(.95)}.ck-editor__editable_inline{padding-left:24px!important}@media screen and (max-width:1580px){.company-profile-setting-wrapper .settings-page-header{padding:16px 32px 0}.company-profile-setting-wrapper .company-profile-setting-container{padding:16px 32px 32px}}@media screen and (max-width:1190px){.company-profile-setting-wrapper .company-profile-setting-container,.company-profile-setting-wrapper .settings-page-header{padding:16px}.company-profile-setting-wrapper .company-profile-setting-container .profile-cards-grid{grid-template-columns:1fr}}.tab-nav{border-bottom:1px solid var(--app-border-a33);display:flex;gap:8px;margin-bottom:8px}.tab-nav .tab-nav-item{-webkit-appearance:none;appearance:none;background:none;border:none;border-bottom:2px solid #0000;color:var(--app-text-muted);cursor:pointer;font-size:var(--app-font-11);font-weight:600;outline:0;padding:12px 20px;transition:all .2s ease-in-out}.tab-nav .tab-nav-item:hover{color:var(--app-text)}.tab-nav .tab-nav-item.active{border-bottom-color:var(--app-primary);color:var(--app-primary)}.company-setting-container .tab-nav{align-self:flex-start}.company-setting-container .setting-action.connected-wrapper{gap:16px}.company-setting-container .connected-container{background-color:#fff;border:1px solid var(--app-border-a40);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:12px;padding:16px;width:280px}.company-setting-container .connected-container .connected-app-header{align-items:center;display:flex;gap:10px}.company-setting-container .connected-container .connected-app-header .connected-app-icon{align-items:center;background-color:var(--app-primary-a10);border-radius:var(--app-radius);color:var(--app-primary);display:flex;height:32px;justify-content:center;width:32px}.company-setting-container .connected-container .connected-app-header .connected-app-name{color:var(--app-text);font-size:var(--app-font-13);font-weight:700}.company-setting-container .connected-container .connected-app-status{align-items:center;color:#2ecc71;display:flex;font-size:var(--app-font-11);font-weight:600;gap:6px}.company-setting-container .connected-container .connected-app-status .status-dot{border-radius:50%;height:8px;width:8px}.company-setting-container .connected-container .connected-app-status .status-dot.active{background-color:#2ecc71}.company-setting-container .connected-container .connected-app-code-wrapper{display:flex;flex-direction:column;gap:4px}.company-setting-container .connected-container .connected-app-code-wrapper .code-label{color:var(--app-text-muted);font-size:var(--app-font-sm)}.company-setting-container .connected-container .connected-app-code-wrapper .code-display-row{align-items:center;display:flex;gap:6px}.company-setting-container .connected-container .connected-app-code-wrapper .code-display-row .code-value{align-items:center;background-color:var(--app-input-bg);border:1px solid var(--app-border-a40);border-radius:var(--app-radius);color:var(--app-text);display:flex;flex:1 1;font-size:var(--app-font-11);height:var(--app-h-control);min-width:0;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.company-setting-container .connected-container .connected-app-code-wrapper .code-display-row .copy-code-btn{align-items:center;background-color:#fff;border:1px solid var(--app-border-a40);border-radius:var(--app-radius);color:var(--app-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:var(--app-h-control);justify-content:center;transition:all .2s ease-in-out;width:var(--app-h-control)}.company-setting-container .connected-container .connected-app-code-wrapper .code-display-row .copy-code-btn:hover{border-color:var(--app-primary-a47);color:var(--app-primary)}.company-setting-container .connected-container .connected-app-code-wrapper .code-display-row .copy-code-btn.copied{border-color:#2ecc71;color:#2ecc71}.company-setting-container .connected-container .connected-app-code-wrapper .regen-warning{background-color:var(--app-primary-a10);border-radius:var(--app-radius);color:var(--app-primary);font-size:var(--app-font-sm);padding:6px 8px}.company-setting-container .connected-container .connected-tile-actions{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:4px}.company-setting-container .connected-container .connected-tile-actions .connected-app-disconnect-wrapper{position:relative}.company-setting-container .connected-container .connected-tile-actions .connected-app-disconnect-wrapper .disconnect-tooltip{background-color:var(--app-text);border-radius:var(--app-radius);bottom:calc(100% + 6px);color:#fff;display:none;font-size:var(--app-font-sm);line-height:1.3;padding:8px 10px;position:absolute;right:0;width:200px;z-index:1}.company-setting-container .connected-container .connected-tile-actions .connected-app-disconnect-wrapper:hover .disconnect-tooltip{display:block}.company-setting-container .connect-app-btn,.company-setting-container .connected-app-disconnect-btn,.company-setting-container .regen-code-btn{align-items:center;align-self:flex-start;border:1px solid #0000;border-radius:var(--app-radius);cursor:pointer;display:inline-flex;font-size:var(--app-font-11);font-weight:600;height:var(--app-h-control);justify-content:center;padding:0 14px;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.company-setting-container .connect-app-btn:hover,.company-setting-container .connected-app-disconnect-btn:hover,.company-setting-container .regen-code-btn:hover{transform:scale(.97)}.company-setting-container .connect-app-btn:disabled,.company-setting-container .connect-app-btn[aria-disabled=true],.company-setting-container .connected-app-disconnect-btn:disabled,.company-setting-container .connected-app-disconnect-btn[aria-disabled=true],.company-setting-container .regen-code-btn:disabled,.company-setting-container .regen-code-btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;transform:none}.company-setting-container .connect-app-btn{background-color:var(--app-primary);color:var(--app-surface)}.company-setting-container .regen-code-btn{background-color:#0000;border-color:var(--app-primary-a47);color:var(--app-primary)}.company-setting-container .connected-app-disconnect-btn{background-color:var(--app-error-a10);border-color:var(--app-error-border);color:var(--app-error)}.company-setting-container .connected-app-disconnect-btn:hover{background-color:var(--app-error-a20)}.company-setting-container .regen-note{color:var(--app-text-muted);font-size:var(--app-font-11);margin:0}.company-setting-container .connection-blocked-message{background-color:var(--app-error-bg);border:1px solid var(--app-error-border);border-radius:var(--app-radius);color:var(--app-error);font-size:var(--app-font-11);padding:10px 12px}.company-setting-container .connection-blocked-message .app-name-caps{text-transform:uppercase}.company-setting-container .app-model-info-card,.company-setting-container .connected-app-model-info{border-radius:var(--app-radius);font-size:var(--app-font-11);padding:10px 12px}.company-setting-container .app-model-info-card.model-b,.company-setting-container .connected-app-model-info.model-b{background-color:var(--app-accent-bg);border:1px solid var(--app-accent)}.company-setting-container .app-model-info-card.model-a,.company-setting-container .connected-app-model-info.model-a{background-color:var(--app-error-bg);border:1px solid var(--app-error-border)}.company-setting-container .app-model-info-card .model-info-card-title{color:var(--app-text);font-weight:700;margin-bottom:4px}.company-setting-container .app-model-info-card .model-info-card-description{color:var(--app-text-muted);line-height:1.35;margin:0}.company-setting-container .connected-app-model-info .model-info-label{color:var(--app-text);font-weight:700}.company-setting-container .connected-app-model-info .model-info-desc{color:var(--app-text-muted);line-height:1.3;margin-top:2px}.company-setting-container .how-it-works-container{background-color:#fff;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:20px;padding:24px}.company-setting-container .how-it-works-container .how-it-works-intro{color:var(--app-text-muted);line-height:1.4;margin:0}.company-setting-container .how-it-works-container .model-flow-card{border-radius:var(--app-radius);display:flex;flex-direction:column;gap:12px;padding:16px}.company-setting-container .how-it-works-container .model-flow-card.model-b{background-color:var(--app-accent-bg);border:1px solid var(--app-accent)}.company-setting-container .how-it-works-container .model-flow-card.model-a{background-color:var(--app-error-bg);border:1px solid var(--app-error-border)}.company-setting-container .how-it-works-container .model-flow-card .model-flow-header{align-items:center;display:flex;gap:10px}.company-setting-container .how-it-works-container .model-flow-card .model-flow-header .model-flow-badge{background-color:var(--app-primary);border-radius:999px;color:var(--app-surface);font-size:var(--app-font-sm);font-weight:700;padding:2px 10px}.company-setting-container .how-it-works-container .model-flow-card .model-flow-header .model-flow-title{color:var(--app-text);font-size:var(--app-font-13);margin:0}.company-setting-container .how-it-works-container .model-flow-card .model-flow-subtitle{color:var(--app-text-muted);margin:0}.company-setting-container .how-it-works-container .model-flow-card .model-flow-steps{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.company-setting-container .how-it-works-container .model-flow-card .model-flow-steps .flow-step{align-items:center;background-color:#fff;border-radius:var(--app-radius);display:flex;font-size:var(--app-font-11);gap:8px;padding:8px 12px}.company-setting-container .how-it-works-container .model-flow-card .model-flow-steps .flow-step .flow-step-num{align-items:center;background-color:var(--app-primary);border-radius:50%;color:var(--app-surface);display:flex;flex-shrink:0;font-size:var(--app-font-xs);font-weight:700;height:20px;justify-content:center;width:20px}.company-setting-container .how-it-works-container .model-flow-card .model-flow-steps .flow-step .flow-step-text{color:var(--app-text)}.company-setting-container .how-it-works-container .model-flow-card .model-flow-steps .flow-arrow{color:var(--app-text-muted);flex-shrink:0}.company-setting-container .how-it-works-container .how-it-works-note{border-top:1px solid var(--app-border-a33);padding-top:16px}.company-setting-container .how-it-works-container .how-it-works-note h5{color:var(--app-text);margin:0 0 8px}.company-setting-container .how-it-works-container .how-it-works-note ul{color:var(--app-text-muted);line-height:1.5;margin:0;padding-left:20px}.company-setting-container .available-actions-container{background-color:#fff;border:1px solid var(--app-border-a27);border-radius:var(--app-radius);box-shadow:0 0 4px #ddd;display:flex;flex-direction:column;gap:16px;padding:24px}.company-setting-container .available-actions-container .available-actions-intro{color:var(--app-text-muted);margin:0}.company-setting-container .available-actions-container .action-guide-list{display:flex;flex-direction:column;gap:16px}.company-setting-container .available-actions-container .action-guide-item{align-items:flex-start;border-top:1px solid var(--app-border-a33);display:flex;gap:16px;padding-top:16px}.company-setting-container .available-actions-container .action-guide-item:first-child{border-top:0;padding-top:0}.company-setting-container .available-actions-container .action-guide-item .action-guide-btn-wrap{flex-shrink:0;width:140px}.company-setting-container .available-actions-container .action-guide-item .action-guide-btn-wrap .action-guide-btn{cursor:default;width:100%}.company-setting-container .available-actions-container .action-guide-item .action-guide-btn-wrap .action-guide-btn:disabled{opacity:1}.company-setting-container .available-actions-container .action-guide-item .action-guide-desc{color:var(--app-text-muted);line-height:1.4}.company-setting-container .available-actions-container .action-guide-item .action-guide-desc b{color:var(--app-text)}.screen-wrapper{display:flex;max-height:100vh;min-height:100vh;width:100%}.screen-wrapper main.main-wrapper{background-color:#fcfcff;display:flex;flex:1 1;flex-direction:column;min-height:100%;overflow:hidden;width:100%}.screen-wrapper main.main-wrapper .component-wrapper{background-color:#fcfcff;border-top-left-radius:16px;border-top-right-radius:16px;flex:1 1;margin-top:-16px;overflow-y:auto;padding-left:88px}.sidebar-container{background:#1c1222;border-radius:16px;height:calc(100vh - 64px);left:8px;position:absolute;top:56px;transition:all .2s;z-index:10}.sidebar-container .sidebar-container-inner{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0 16px}@media screen and (max-height:699px){.sidebar-container .sidebar-container-inner{overflow-y:auto}}.sidebar-container .sidebar-container-inner::-webkit-scrollbar{display:none}.sidebar-container .sidebar-toggler{align-items:center;background-color:var(--app-surface);border:2px solid #1c1222;border-radius:50%;color:var(--app-primary);cursor:pointer;display:flex;font-size:var(--app-font-base);height:28px;justify-content:center;position:absolute;right:-12px;top:4px;width:28px}.sidebar-container .sidebar-toggler.toggle-rotate{transform:rotate(180deg)}.sidebar-container .sidebar-nav-links{display:flex;flex-direction:column;gap:4px;padding:16px 0}.sidebar-container .sidebar-nav-links .nav-link{align-items:center;border-radius:var(--app-radius);color:var(--app-text-muted);cursor:pointer;display:flex;font-size:14px;gap:16px;padding:12px 16px;text-decoration:none}.sidebar-container .sidebar-nav-links .nav-link.active,.sidebar-container .sidebar-nav-links .nav-link:hover{background-color:var(--app-surface);color:var(--app-primary)}@media screen and (min-height:700px){.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible{position:relative}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:after,.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:before{bottom:100%;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,10px);transform-origin:top;transition:all .18s ease-out .18s;z-index:10}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:after{background-color:var(--app-primary);border-radius:8px;box-shadow:0 0 3px var(--app-primary);color:var(--app-surface);content:attr(data-tooltip);margin-bottom:11px;padding:10px;white-space:nowrap}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:before{content:"";height:0;margin-bottom:6px;width:0}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:hover:after,.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible:hover:before{opacity:1;pointer-events:auto;transform:translate(-50%)}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-pos=right]:after,.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-pos=right]:before{bottom:auto;left:100%;top:50%;transform:translate(-10px,-50%)}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-pos=right]:after{margin-left:11px}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-pos=right]:hover:after,.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-pos=right]:hover:before{transform:translateY(-50%)}.sidebar-container .sidebar-nav-links .nav-link.tooltip-visible[data-tooltip-length=medium]:after{padding-left:24px;padding-right:24px}}.sidebar-container .sidebar-nav-links .nav-link.link-gap{margin-bottom:16px}.sidebar-container .sidebar-nav-links .link-icon{font-size:13px;min-width:20px}.sidebar-container .sidebar-nav-links .link-text{overflow:hidden;text-overflow:ellipsis;transform-origin:left;transition-duration:.2s;white-space:nowrap}.sidebar-container .sidebar-nav-links .link-text.text-hidden{transform:scale(0)}.sidebar-bottom{margin-bottom:16px}.additional-container{display:flex;flex-direction:column;gap:16px;padding:32px 0}.additional-container .additional-dark-text{align-items:center;color:var(--app-border);display:flex;font-size:18px;font-weight:600;gap:8px;justify-content:flex-start}.additional-container .additional-dark-text img{aspect-ratio:1/1;margin-left:8px;object-fit:contain;width:32px}.additional-container .additional-dark-text span{overflow:hidden;text-overflow:ellipsis;transform-origin:left;transition-duration:.25s;white-space:nowrap}.additional-container .additional-dark-text span.text-hidden{transform:scale(0)}.additional-container .additional-light-text{color:var(--app-text-muted);font-size:10px;font-weight:400;line-height:1.5;margin:0 4px}@media screen and (max-width:1440px){.sidebar-container .nav-link{font-size:var(--app-font-base)}}.topnav-container{background-color:#1c1222;border-bottom:1px solid var(--app-text-muted);padding-bottom:16px}.topnav-container .topnav-container-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:48px;padding:4px 32px;position:relative;z-index:10}.topnav-container .topnav-left-section{align-items:center;display:flex;gap:16px;justify-content:center}.topnav-container .topnav-left-section .logo-img{aspect-ratio:1/1;object-fit:contain;transition-duration:.5s;width:32px}.topnav-container .topnav-left-section .logo-img.logo-rotate{transform:rotate(1turn)}.topnav-container .topnav-left-section .logo-text{color:var(--app-surface);font-size:20px;font-weight:800;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;transform-origin:left;transition-duration:.2s;white-space:nowrap}.topnav-container .topnav-right-section{align-items:center;display:flex;gap:16px;justify-content:center}.topnav-container .topnav-right-section .search-container{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);display:flex;padding-right:8px}.topnav-container .topnav-right-section .search-container i{color:var(--app-primary);font-size:14px}.topnav-container .topnav-right-section .search-container .input-box-wrapper{background-color:#f8f8fc;border:0;border-radius:var(--app-radius);font-size:var(--app-font-base);height:36px;outline:0;padding:0 8px}.topnav-container .topnav-right-section .topnav-item{align-items:center;background-color:red;border-radius:var(--app-radius);color:#f8f8fc;display:flex;font-size:14px;gap:6px;justify-content:center;padding:4px 8px}.topnav-container .topnav-right-section .topnav-item>i{margin-top:-1px}.topnav-container .topnav-right-section .topnav-item:hover{cursor:pointer;opacity:.8}.topnav-container .topnav-right-section .topnav-item .topnav-item-count{align-items:center;background-color:var(--app-surface);border-radius:999px;color:red;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px}.topnav-container .topnav-right-section .user-container{align-items:center;background-color:var(--app-surface);border-radius:50%;color:var(--app-primary);cursor:pointer;display:flex;font-size:14px;height:var(--app-h-control);justify-content:center;width:32px}.modal-profile-container{background:#1c1222;background:linear-gradient(180deg,#1c1222,#523563 70%,#523563);border-radius:2px;box-shadow:-5px 5px 12px 0 var(--app-text-muted);max-width:250px;min-width:250px;padding:24px;position:absolute;right:32px;top:125%;z-index:10}.modal-profile-container .container-pointer{border-bottom:10px solid #1c1222;border-left:5px solid #0000;border-right:5px solid #0000;height:0;position:absolute;right:8px;top:-10px;width:0}.modal-profile-container .modal-profile-container-inner{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper{display:flex;flex-direction:column;font-size:var(--app-font-base);gap:16px;padding:8px 0}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper .btns-container{align-items:center;display:flex;gap:8px;justify-content:flex-end;padding:8px 0}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper .btns-container .change-pswrd-btns{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);color:var(--app-primary);cursor:pointer;display:flex;font-size:var(--app-font-11);font-weight:600;gap:8px;height:28px;justify-content:center;padding:8px 16px;text-transform:capitalize;transition:all .35s ease-in-out}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper .btns-container .change-pswrd-btns:hover{transform:scale(.95)}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper .btns-container .change-pswrd-btns i{font-size:var(--app-font-sm)}.modal-profile-container .modal-profile-container-inner .change-pswrd-wrapper .btns-container .change-pswrd-btns[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.modal-profile-container .modal-profile-container-inner .profile-view-btn{align-items:center;align-self:flex-end;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-base);gap:4px;padding:0 8px 8px;text-transform:capitalize;transition:all .35s ease-in-out}.modal-profile-container .modal-profile-container-inner .profile-view-btn:hover{transform:scale(1.1)}.modal-profile-container .modal-profile-container-inner .profile-view-btn i{font-size:var(--app-font-sm);margin-top:2px}.modal-profile-container .modal-profile-container-inner .profile-action-btn{align-items:center;background-color:var(--app-surface);border-radius:var(--app-radius);color:var(--app-primary);cursor:pointer;display:flex;font-size:var(--app-font-base);font-weight:600;gap:8px;height:var(--app-h-control);justify-content:center;text-transform:capitalize;transition:all .35s ease-in-out}.modal-profile-container .modal-profile-container-inner .profile-action-btn:hover{transform:scale(.95)}.modal-profile-container .modal-profile-container-inner .profile-action-btn i{font-size:var(--app-font-11)}.modal-profile-container .modal-profile-container-inner .profile-action-btn[disabled]{box-shadow:none;cursor:none;opacity:.5;pointer-events:none}.modal-profile-container .modal-profile-container-inner .profile-img-container{align-self:center;border:1px solid var(--app-border);border-radius:50%;cursor:pointer;height:110px;position:relative;transition:all .25s ease-in-out;width:110px}.modal-profile-container .modal-profile-container-inner .profile-img-container:hover{box-shadow:0 0 8px #ddd;transform:scale(.95)}.modal-profile-container .modal-profile-container-inner .profile-img-container .profile-img{align-items:center;background-color:var(--app-surface);border-radius:50%;color:var(--app-primary);display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.modal-profile-container .modal-profile-container-inner .profile-img-container .profile-img img{aspect-ratio:1/1;object-fit:contain;width:100%}.modal-profile-container .modal-profile-container-inner .profile-img-container .profile-verified{align-items:center;border:1px solid var(--app-surface);border-radius:50%;bottom:4px;color:var(--app-surface);display:flex;font-size:var(--app-font-base);font-weight:900;height:16px;justify-content:center;position:absolute;right:8px;width:16px}.modal-profile-container .modal-profile-container-inner .profile-img-container .profile-verified.active{background-color:#46be46}.modal-profile-container .modal-profile-container-inner .profile-img-container .profile-verified.inactive{background-color:#b53e2c}.modal-profile-container .modal-profile-container-inner h2.profile-maintext{color:var(--app-surface);font-size:var(--app-font-lg);font-weight:600}.modal-profile-container .modal-profile-container-inner p.profile-subtext{color:var(--app-border);font-size:var(--app-font-11);font-weight:400}.modal-profile-container .modal-profile-container-inner .profile-details{display:flex;flex-direction:column;gap:8px;text-align:center}.modal-profile-container .modal-profile-container-inner .profile-details .profile-status-role{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:16px 0}.modal-profile-container .modal-profile-container-inner .profile-details .profile-status-role .separator{background-color:var(--app-surface);height:20px;width:1px}.modal-profile-container .modal-profile-container-inner .profile-details .profile-status-role .status-role-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.modal-profile-container .modal-profile-container-inner .profile-details .profile-status-role .status-role-container .sr-value{color:var(--app-surface);font-size:var(--app-font-14);font-weight:600;text-transform:capitalize}.modal-profile-container .modal-profile-container-inner .profile-details .profile-status-role .status-role-container .sr-label{color:var(--app-text-muted);font-size:var(--app-font-sm);font-weight:400}.billing-portal{background-color:#f3f4f6;min-height:100vh;padding:2rem}.billing-portal,.billing-portal .billing-container{align-items:center;display:flex;justify-content:center}.billing-portal .billing-container{flex-direction:column;gap:16px;margin:0 auto;max-width:1280px;width:100%}.billing-portal .billing-container .billing-title{color:#1f2937;font-size:2rem;font-weight:700;text-align:center}.billing-portal .billing-container .billing-subtitle{color:#6b7280;text-align:center}.billing-portal .billing-container .button-wrapper{display:flex;justify-content:center}.billing-portal .billing-container .button-wrapper .create-button{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:background-color .3s ease}.billing-portal .billing-container .button-wrapper .create-button:hover{background-color:#1d4ed8}.billing-portal .billing-container .status-wrapper{align-items:center;display:flex;height:400px;justify-content:center}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.billing-portal .billing-container .status-wrapper .loading-spinner-container{align-items:center;animation:fade-in .3s ease-in-out;display:flex;flex-direction:column;gap:1rem;justify-content:center}.billing-portal .billing-container .status-wrapper .loading-spinner-container .spinner{animation:spin-slow 1.5s linear infinite;border:4px solid #007bff4d;border-radius:50%;border-top-color:#007bff;height:2rem;width:2rem}.billing-portal .billing-container .status-wrapper .loading-spinner-container .spinner-text{color:#6c757d;font-size:.9rem}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.billing-portal .billing-container .status-wrapper .success-message{align-items:center;animation:scale-in .3s ease-in-out;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.billing-portal .billing-container .status-wrapper .success-message .success-icon{align-items:center;background-color:#d1fae5;border-radius:9999px;display:flex;height:4rem;justify-content:center;width:4rem}.billing-portal .billing-container .status-wrapper .success-message .success-icon i{color:#16a34a;font-size:2rem}.billing-portal .billing-container .status-wrapper .success-message .success-heading{color:#111827;font-size:1.5rem;font-weight:700;text-align:center}.billing-portal .billing-container .status-wrapper .success-message .custom-button{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;transition:all .2s ease}.billing-portal .billing-container .status-wrapper .success-message .custom-button.outline{background-color:#fff;border:1px solid #d1d5db;color:#111827}.billing-portal .billing-container .status-wrapper .success-message .custom-button.outline:hover{background-color:#f3f4f6}.portal-template-wrapper .portal-template-container{height:952px;margin:0 auto;position:relative;width:673.6px}.portal-template-wrapper .portal-template-container .portal-template-container-inner{background-color:var(--app-surface);font-size:var(--app-font-base);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.8)}@media screen and (max-width:800px){.portal-template-wrapper .portal-template-container{height:714px;width:505.2px}.portal-template-wrapper .portal-template-container .portal-template-container-inner{transform:translate(-50%,-50%) scale(.6)}}.err-page-wrapper{display:flex;flex-direction:column;font-size:var(--app-font-lg);gap:24px;height:90vh;margin:16px}.err-page-wrapper *>b{color:var(--app-error)}.err-body-wrapper{display:flex;gap:24px;height:90vh}.err-body-wrapper .panel-header{background-color:var(--app-surface);border-bottom:1px solid #ececf2;min-height:100px;z-index:1}.err-body-wrapper .panel-header .header-block{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:24px}.err-body-wrapper .panel-header .header-block .err-description-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:220px}.err-body-wrapper .panel-header .header-block .err-description-wrapper .title{align-items:center;color:var(--app-primary);display:flex;font-size:var(--app-font-20);font-weight:700;gap:10px;letter-spacing:-.01em}.err-body-wrapper .panel-header .header-block .err-description-wrapper .title i{color:var(--app-primary);font-size:var(--app-font-lg);opacity:.7}.err-body-wrapper .panel-header .header-block .err-description-wrapper .description{color:#8f8f9c;font-size:var(--app-font-14);line-height:1.5;max-width:520px}.err-body-wrapper .panel-header .header-block .retry-button{align-items:center;background-color:var(--app-primary);border:none;border-radius:8px;box-shadow:0 2px 6px #52356340;color:var(--app-surface);cursor:pointer;display:flex;font-size:var(--app-font-14);font-weight:600;gap:8px;height:40px;justify-content:center;min-width:140px;padding:0 16px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease}.err-body-wrapper .panel-header .header-block .retry-button i{font-size:var(--app-font-base)}.err-body-wrapper .panel-header .header-block .retry-button:hover{background-color:#472d56;box-shadow:0 4px 10px #5235634d}.err-body-wrapper .panel-header .header-block .retry-button:active{transform:translateY(1px)}.err-body-wrapper .panel-header .header-block .retry-button:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.err-body-wrapper .panel-header .header-block .retry-button[disabled]{box-shadow:none;cursor:not-allowed;opacity:.5;pointer-events:none}.err-body-wrapper .err-filter-container{display:flex;gap:10px;padding:16px 24px 0}.err-body-wrapper .err-filter-container .err-fetch-filter{align-items:center;background-color:#fbfafc;border:1px solid #e5e3ea;border-radius:8px;color:var(--app-primary);cursor:pointer;display:flex;flex:1 1;font-size:var(--app-font-14);font-weight:500;gap:6px;height:38px;justify-content:center;padding:4px;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.err-body-wrapper .err-filter-container .err-fetch-filter b{color:inherit}.err-body-wrapper .err-filter-container .err-fetch-filter:hover{background-color:#52356314}.err-body-wrapper .err-filter-container .err-fetch-filter:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.err-body-wrapper .err-filter-container .err-fetch-filter.active{background-color:var(--app-primary);border-color:var(--app-primary);color:var(--app-surface);pointer-events:none}.err-body-wrapper .err-filter-container .err-fetch-filter.active b{color:var(--app-surface)}.err-body-wrapper .scroll-panel-wrapper{display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:24px}.err-body-wrapper .scroll-panel-wrapper .default-blank{align-items:center;display:flex;flex:1 1;justify-content:center}.err-body-wrapper .panel{background-color:#fdfdfe;border:1px solid #ececf2;border-radius:10px;box-shadow:0 1px 3px #140a1e0a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:0;position:relative}.err-body-wrapper .panel .panel-header{border-radius:0}.err-body-wrapper .error-bill-list-wrapper,.err-body-wrapper .left-panel{flex:1 1;min-width:380px}.err-body-wrapper .error-bill-list-wrapper .err-bill-list,.err-body-wrapper .left-panel .err-bill-list{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;padding:0 24px 24px}.err-body-wrapper .error-bill-list-wrapper .err-bill-list-body,.err-body-wrapper .left-panel .err-bill-list-body{gap:6px;overflow-y:auto;padding:16px 0 0}.err-body-wrapper .error-bill-list-wrapper .err-bill-row,.err-body-wrapper .left-panel .err-bill-row{background-color:#fff;border:1px solid #ececf2;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:11px 14px;position:relative;transition:background-color .15s ease,border-color .15s ease}.err-body-wrapper .error-bill-list-wrapper .err-bill-row:hover,.err-body-wrapper .left-panel .err-bill-row:hover{background-color:#5235630d;border-color:#dcd6e3}.err-body-wrapper .error-bill-list-wrapper .err-bill-row:focus-visible,.err-body-wrapper .left-panel .err-bill-row:focus-visible{outline:2px solid var(--app-primary);outline-offset:1px}.err-body-wrapper .error-bill-list-wrapper .err-bill-row.selected-bill,.err-body-wrapper .left-panel .err-bill-row.selected-bill{background-color:#52356314;border-color:#52356359;border-left-color:var(--app-primary);pointer-events:none}.err-body-wrapper .error-bill-list-wrapper .err-bill-row.selected-bill .err-row-invoice,.err-body-wrapper .left-panel .err-bill-row.selected-bill .err-row-invoice{color:var(--app-primary)}.err-body-wrapper .error-bill-list-wrapper .err-bill-row .err-row-top,.err-body-wrapper .left-panel .err-bill-row .err-row-top{align-items:baseline;display:flex;gap:12px;justify-content:space-between}.err-body-wrapper .error-bill-list-wrapper .err-bill-row .err-row-invoice,.err-body-wrapper .left-panel .err-bill-row .err-row-invoice{color:#29202f;flex:1 1;font-size:var(--app-font-14);font-weight:600;min-width:0;overflow-wrap:anywhere}.err-body-wrapper .error-bill-list-wrapper .err-bill-row .err-row-meta,.err-body-wrapper .left-panel .err-bill-row .err-row-meta{align-items:center;color:#6f6d78;display:flex;font-size:var(--app-font-13);gap:6px;white-space:nowrap}.err-body-wrapper .error-bill-list-wrapper .err-bill-row .err-row-dot,.err-body-wrapper .left-panel .err-bill-row .err-row-dot{color:#d5d2db}.err-body-wrapper .error-bill-list-wrapper .err-bill-row .err-corrected-blur,.err-body-wrapper .left-panel .err-bill-row .err-corrected-blur{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--app-text-muted-a49);border-radius:7px;display:flex;font-weight:700;height:100%;inset:0;justify-content:center;letter-spacing:.05em;position:absolute;width:100%}.err-body-wrapper .error-bill-list-wrapper .err-age-badge,.err-body-wrapper .left-panel .err-age-badge{color:#9c99a7;display:inline-block;flex-shrink:0;font-size:var(--app-font-13);font-weight:600;white-space:nowrap}.err-body-wrapper .error-bill-list-wrapper .err-age-badge.is-recent,.err-body-wrapper .left-panel .err-age-badge.is-recent{color:var(--app-error)}.err-body-wrapper .err-bill-display,.err-body-wrapper .right-panel{flex:2 1}.err-body-wrapper .err-bill-display .err-invoice-card,.err-body-wrapper .right-panel .err-invoice-card{background-color:#fff;border:1px solid #ececf2;border-radius:10px;overflow:hidden}.err-body-wrapper .err-bill-display .err-note,.err-body-wrapper .right-panel .err-note{margin:0;padding:16px}.err-body-wrapper .err-content-container{display:flex;justify-content:space-between;min-width:-webkit-fit-content;min-width:fit-content}.err-body-wrapper .err-content-container .err-bill-new{align-items:flex-end;color:var(--app-error);display:flex;flex:1 1;font-size:var(--app-font-13);font-weight:700;justify-content:flex-end;text-align:right}.err-body-wrapper .err-content-block{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:-webkit-fit-content;min-width:fit-content}.err-body-wrapper .err-content-block .label{color:#a9a7b3;font-size:var(--app-font-sm);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.err-body-wrapper .err-content-block .data{color:#29202f;font-size:var(--app-font-14)}@media screen and (max-width:1190px){.err-body-wrapper .err-bill-display,.err-body-wrapper .right-panel{display:none}}
/*# sourceMappingURL=main.1629aee6.css.map*/