*,:before,:after{box-sizing:border-box;margin:0}button,input,select,textarea{font:inherit;color:inherit;appearance:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}button{cursor:pointer}input[type=checkbox],input[type=radio]{appearance:auto;border:revert;background:revert;padding:revert;margin:revert;border-radius:revert}select{appearance:auto}main>div{flex-direction:column;height:100%;display:flex;min-height:0!important}main>div>div{flex-shrink:0;padding-bottom:.375rem!important}main>div>div:last-child{flex:1;min-height:0;overflow:auto;padding:.375rem .5rem!important}main>.p-6{padding:.5rem!important}@keyframes glassShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes app-spin{to{transform:rotate(360deg)}}@keyframes app-pulse{50%{opacity:.5}}@keyframes app-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-slide-in-from-bottom{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes app-ping{75%,to{opacity:0;transform:scale(2)}}.topbar-action-btn,.glass-btn{height:var(--erp-action-height,28px);min-height:var(--erp-action-height,28px);box-sizing:border-box;-webkit-backdrop-filter:blur(16px)saturate(1.8);cursor:pointer;background:linear-gradient(#ffffffb8 0%,#f0f0f073 100%);justify-content:center;align-items:center;gap:.3rem;min-height:24px;font-weight:600;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,border-color .25s,background .25s,color .25s;display:inline-flex;position:relative;overflow:hidden;color:#374151!important;border:1px solid #c8c8c880!important;border-radius:.5rem!important;padding:.15rem .55rem!important;font-size:.75rem!important;box-shadow:0 1px 3px #0000000f,inset 0 0 0 .5px #ffffffb3,inset 0 1px #ffffffd9,inset 0 -.5px #0000000a!important}.topbar-action-btn:before,.glass-btn:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 45%,#fffc 50%,#ffffff8c 55%,#0000 70%) 0 0/200% 100%;transition:opacity .3s;position:absolute;inset:0}.topbar-action-btn:hover,.glass-btn:hover{transform:translateY(-2px);border-color:#c8c8c8a6!important;box-shadow:0 6px 20px #0000001a,inset 0 0 0 .5px #fffc,inset 0 2px #ffffffe6,inset 0 -.5px #00000008!important}.topbar-action-btn:hover:before,.glass-btn:hover:before{opacity:1;animation:1.2s ease-in-out glassShimmer}.topbar-action-btn:active,.glass-btn:active{transform:translateY(0)scale(.97);box-shadow:0 1px 2px #00000014,inset 0 0 0 .5px #fff6}.topbar-action-btn:focus-visible,.glass-btn:focus-visible{outline-offset:2px;outline:2px solid #6366f180}.topbar-action-btn:disabled,.glass-btn:disabled{cursor:not-allowed;opacity:.45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:none;box-shadow:0 1px 2px #0000000a!important}.fdt-search-btn{color:#fff;border-radius:var(--erp-control-radius,.5rem);background:#3b82f6;border:none;align-items:center;padding:4px 12px;font-size:12px;display:flex}.fdt-search-btn:hover:not(:disabled){background:#2563eb}.fdt-search-btn:disabled{opacity:.5;cursor:not-allowed}.topbar-action-new,.glass-btn-primary{color:#374151!important}.topbar-action-new:hover,.glass-btn-primary:hover{background:linear-gradient(#6366f11a 0%,#818cf82e 100%);color:#1d4ed8!important;border-color:#6366f159!important;box-shadow:0 6px 20px #6366f12e,inset 0 0 0 .5px #6366f11f,inset 0 1px #ffffffb3!important}.topbar-action-upload,.glass-btn-warning{color:#374151!important}.topbar-action-upload:hover,.glass-btn-warning:hover{background:linear-gradient(#f59e0b14 0%,#fbbf2429 100%);color:#b45309!important;border-color:#f59e0b59!important;box-shadow:0 6px 20px #f59e0b29,inset 0 0 0 .5px #f59e0b1a,inset 0 1px #ffffffb3!important}.topbar-action-export,.glass-btn-success{color:#374151!important}.topbar-action-export:hover,.glass-btn-success:hover{background:linear-gradient(#10b98114 0%,#34d39929 100%);color:#047857!important;border-color:#10b98159!important;box-shadow:0 6px 20px #10b98129,inset 0 0 0 .5px #10b9811a,inset 0 1px #ffffffb3!important}.glass-btn-danger{color:#374151!important}.glass-btn-danger:hover{background:linear-gradient(#ef444414 0%,#f8717129 100%);color:#dc2626!important;border-color:#ef444459!important;box-shadow:0 6px 20px #ef444429,inset 0 0 0 .5px #ef44441a,inset 0 1px #ffffffb3!important}.glass-btn-secondary{color:#374151!important}.glass-btn-secondary:hover{background:linear-gradient(#64748b0f 0%,#94a3b81f 100%);color:#1e293b!important;border-color:#64748b4d!important;box-shadow:0 6px 20px #64748b1f,inset 0 0 0 .5px #64748b14,inset 0 1px #ffffffb3!important}@media (width<=767px){html:not(:has(.vx-workspace)){font-size:14px}body:not(:has(.vx-workspace)){-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body:not(:has(.vx-workspace)) .topbar-action-btn,body:not(:has(.vx-workspace)) .glass-btn{border-radius:.375rem;gap:.2rem;padding:.3rem .55rem;font-size:.68rem}body:not(:has(.vx-workspace)) h1,body:not(:has(.vx-workspace)) h2{font-size:.8rem!important;line-height:1.3!important}body:not(:has(.vx-workspace)) .text-xs{font-size:.65rem!important}body:not(:has(.vx-workspace)) .text-sm{font-size:.75rem!important}body:not(:has(.vx-workspace)) .text-base{font-size:.82rem!important}body:not(:has(.vx-workspace)) .text-lg{font-size:.9rem!important}body:not(:has(.vx-workspace)) .text-xl{font-size:1rem!important}body:not(:has(.vx-workspace)) .text-2xl{font-size:1.15rem!important}body:not(:has(.vx-workspace)) input:not([type=checkbox]):not([type=radio]),body:not(:has(.vx-workspace)) select,body:not(:has(.vx-workspace)) textarea{padding:.35rem .5rem!important;font-size:.75rem!important}body:not(:has(.vx-workspace)) table{font-size:.68rem}body:not(:has(.vx-workspace)) th,body:not(:has(.vx-workspace)) td{padding:.3rem .4rem!important}body:not(:has(.vx-workspace)) .overflow-x-auto{-webkit-overflow-scrolling:touch}body:not(:has(.vx-workspace)) main>div>div:last-child{padding:.25rem .35rem!important}body:not(:has(.vx-workspace)) main>.p-6,body:not(:has(.vx-workspace)) .p-4{padding:.35rem!important}body:not(:has(.vx-workspace)) .flex.items-center.space-x-3,body:not(:has(.vx-workspace)) .flex.items-center.gap-3,body:not(:has(.vx-workspace)) .flex.items-center.gap-2{flex-wrap:wrap;gap:.3rem}body:not(:has(.vx-workspace)) [class*=grid-cols-]{grid-template-columns:1fr!important}body:not(:has(.vx-workspace)) [class*=lg\:flex-row]{flex-direction:column!important}body:not(:has(.vx-workspace)) [class*="lg:w-1/"],body:not(:has(.vx-workspace)) [class*="lg:w-2/"],body:not(:has(.vx-workspace)) [class*="lg:w-3/"],body:not(:has(.vx-workspace)) .w-1\/2,body:not(:has(.vx-workspace)) .w-1\/3,body:not(:has(.vx-workspace)) .w-2\/3{width:100%!important}body:not(:has(.vx-workspace)) .max-w-sm,body:not(:has(.vx-workspace)) .max-w-md,body:not(:has(.vx-workspace)) .max-w-lg,body:not(:has(.vx-workspace)) .max-w-xl,body:not(:has(.vx-workspace)) .max-w-2xl,body:not(:has(.vx-workspace)) .max-w-3xl{max-width:calc(100vw - 1rem)!important}body:not(:has(.vx-workspace)) .w-\[160px\]{width:100px!important}body:not(:has(.vx-workspace)) .rounded-full{padding:.2rem .5rem!important;font-size:.62rem!important}body:not(:has(.vx-workspace)) .flex.justify-between.items-center.px-4{flex-wrap:wrap;gap:.35rem;padding:.35rem .5rem!important}body:not(:has(.vx-workspace)) .space-x-3>*+*{margin-left:.35rem!important}body:not(:has(.vx-workspace)) .space-x-2>*+*{margin-left:.25rem!important}body:not(:has(.vx-workspace)) .space-x-3>span:only-child{display:none}body:not(:has(.vx-workspace)) .flex.items-center.justify-end.gap-2{flex-wrap:wrap;width:100%}body:not(:has(.vx-workspace)) .flex.items-center.justify-end.gap-2>.glass-btn{flex:1;justify-content:center;min-width:0}}@media (width<=480px){html:not(:has(.vx-workspace)){font-size:13px}body:not(:has(.vx-workspace)) .topbar-action-btn,body:not(:has(.vx-workspace)) .glass-btn{padding:.25rem .45rem;font-size:.62rem}body:not(:has(.vx-workspace)) h1,body:not(:has(.vx-workspace)) h2{font-size:.72rem!important}body:not(:has(.vx-workspace)) footer,body:not(:has(.vx-workspace)) [class*=shrink-0][class*=border-t]{padding-top:.2rem;padding-bottom:.2rem;font-size:.6rem}}@media (width>=768px) and (width<=1023px){body:not(:has(.vx-workspace)) .topbar-action-btn,body:not(:has(.vx-workspace)) .glass-btn{padding:.32rem .6rem;font-size:.72rem}body:not(:has(.vx-workspace)) [class*=grid-cols-3],body:not(:has(.vx-workspace)) [class*=grid-cols-4],body:not(:has(.vx-workspace)) [class*=grid-cols-5],body:not(:has(.vx-workspace)) [class*=grid-cols-6]{grid-template-columns:repeat(2,1fr)!important}}@media (width>=1280px){.master-responsive h1{font-size:1.2rem;line-height:1.25}.master-responsive h2{font-size:1.05rem;line-height:1.25}.master-responsive table{font-size:.82rem}.master-responsive th,.master-responsive td{padding-top:.52rem;padding-bottom:.52rem}}@media (width>=1536px){.master-responsive h1{font-size:1.32rem}.master-responsive h2{font-size:1.15rem}.master-responsive table{font-size:.9rem}}@media (height>=900px) and (width>=1024px){.master-responsive h1{font-size:1.26rem;line-height:1.25}.master-responsive h2{font-size:1.1rem;line-height:1.25}.master-responsive .text-xs{font-size:.8rem;line-height:1.2}.master-responsive .text-sm{font-size:.92rem;line-height:1.3}.master-responsive table{font-size:.86rem}.master-responsive th,.master-responsive td{padding-top:.56rem;padding-bottom:.56rem}}@media (height>=1050px) and (width>=1280px){.master-responsive h1{font-size:1.4rem}.master-responsive h2{font-size:1.2rem}.master-responsive .text-xs{font-size:.86rem}.master-responsive .text-sm{font-size:.98rem}.master-responsive table{font-size:.96rem}}.master-responsive h1 button{font-size:inherit;line-height:inherit;font-weight:inherit}.master-responsive h1.text-sm.font-semibold{font-size:.875rem;line-height:1.25rem}.compact-data-table table{font-size:.72rem!important}.compact-data-table thead th{padding-top:.25rem!important;padding-bottom:.25rem!important;line-height:1.1!important}.compact-data-table tbody tr{height:2rem!important}.compact-data-table tbody tr.virtual-spacer-row{height:var(--vt-spacer-h,0px)!important}.compact-data-table tbody td{vertical-align:middle!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important}.bg-white.shadow-lg.rounded-lg.border.border-gray-200.h-full.flex.flex-col.min-h-0:has(.compact-data-table){padding-bottom:.25rem!important}.compact-pagination-select{padding-top:0!important;padding-bottom:0!important;font-size:.56rem!important;line-height:1.1!important}.compact-pagination-button{font-size:.6rem!important;line-height:1!important}.login-page input:not([type=checkbox]):not([type=radio]){color:#111827!important;-webkit-text-fill-color:#111827!important;caret-color:#111827!important;background-color:#fff!important}.login-page input:-webkit-autofill{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-page input:-webkit-autofill:hover{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-page input:-webkit-autofill:focus{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-page input:-webkit-autofill:active{transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#111827!important;box-shadow:inset 0 0 0 1000px #fff!important}.login-page label{background-color:#fff}@media (width<=767px){.login-page input:not([type=checkbox]):not([type=radio]){padding:1.2rem .75rem .55rem!important;font-size:1rem!important;line-height:1.5rem!important}.login-page label{font-size:.75rem!important}}.pos-sale-page .pos-sale-page-title{font-size:.875rem;line-height:1.25rem}.pos-sale-page .pos-sale-page-title button{font-size:inherit;line-height:inherit;font-weight:inherit}.pos-sale-page .text-\[8px\]{font-size:.52rem!important;line-height:.78rem!important}.pos-sale-page .text-\[9px\]{font-size:.6rem!important;line-height:.9rem!important}.pos-sale-page .text-\[10px\]{font-size:.68rem!important;line-height:.98rem!important}.pos-sale-page .text-xs{font-size:.74rem!important;line-height:1.05rem!important}.pos-sale-page .text-sm{font-size:.82rem!important;line-height:1.15rem!important}.pos-sale-page input:not([type=checkbox]):not([type=radio]),.pos-sale-page select,.pos-sale-page textarea,.pos-sale-page .glass-btn{font-size:.82rem!important}@media (width>=768px){.pos-sale-page .pos-sale-page-title{font-size:1rem;line-height:1.5rem}.pos-sale-page .text-\[8px\]{font-size:.58rem!important;line-height:.84rem!important}.pos-sale-page .text-\[9px\]{font-size:.66rem!important;line-height:.95rem!important}.pos-sale-page .text-\[10px\]{font-size:.74rem!important;line-height:1.02rem!important}.pos-sale-page .text-xs{font-size:.8rem!important;line-height:1.1rem!important}.pos-sale-page .text-sm{font-size:.88rem!important;line-height:1.2rem!important}.pos-sale-page input:not([type=checkbox]):not([type=radio]),.pos-sale-page select,.pos-sale-page textarea,.pos-sale-page .glass-btn{font-size:.88rem!important}}@media (width>=1280px){.pos-sale-page .pos-sale-page-title{font-size:1.125rem;line-height:1.75rem}.pos-sale-page .text-\[8px\]{font-size:.64rem!important;line-height:.9rem!important}.pos-sale-page .text-\[9px\]{font-size:.72rem!important;line-height:1rem!important}.pos-sale-page .text-\[10px\]{font-size:.82rem!important;line-height:1.12rem!important}.pos-sale-page .text-xs{font-size:.875rem!important;line-height:1.2rem!important}.pos-sale-page .text-sm{font-size:.95rem!important;line-height:1.3rem!important}.pos-sale-page input:not([type=checkbox]):not([type=radio]),.pos-sale-page select,.pos-sale-page textarea,.pos-sale-page .glass-btn{font-size:.95rem!important}}.dashboard-card-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.dashboard-card-scroll::-webkit-scrollbar{width:8px;height:8px}.dashboard-card-scroll::-webkit-scrollbar-track{background:0 0}.dashboard-card-scroll::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:9999px}.dashboard-card-scroll::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}:not(select,input,textarea){scrollbar-width:thin}:not(select,input,textarea)::-webkit-scrollbar{width:10px;height:10px}:not(select,input,textarea)::-webkit-scrollbar-track{background:0 0}:not(select,input,textarea)::-webkit-scrollbar-thumb{background-color:#0000;background-clip:padding-box;border:2px solid #0000;border-radius:9999px;transition:background-color .15s}:not(select,input,textarea):hover::-webkit-scrollbar-thumb{background-color:#64748b73}:not(select,input,textarea)::-webkit-scrollbar-thumb:hover{background-color:#475569b3}.erp-app-shell .MuiOutlinedInput-root,.erp-app-shell input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),.erp-app-shell select,.erp-app-shell textarea{border-radius:var(--erp-control-radius,.5rem)!important}.erp-app-shell .MuiOutlinedInput-notchedOutline{border-radius:inherit}:root[data-theme-style=apple] .rounded-xl.border,:root[data-theme-style=apple] .rounded-md.border{transition:box-shadow .15s,transform .15s;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;border-color:#0f172a0f!important;border-radius:18px!important}:root.dark[data-theme-style=apple] .rounded-xl.border,:root.dark[data-theme-style=apple] .rounded-md.border{box-shadow:0 1px 3px #0006,0 1px 2px #0000004d;border-color:#ffffff14!important}:root[data-theme-style=glass]{--erp-glass-fill:#ffffff8f;--erp-glass-edge:#ffffffc7;--erp-glass-shadow:inset 0 1px 0 #fffffff5, inset 0 -1px 0 #ffffff4d, 0 12px 32px #2642641f;--erp-glass-scene:radial-gradient(ellipse at 12% 18%, #69bef57a, transparent 55%), radial-gradient(ellipse at 88% 28%, #b59aee66, transparent 52%), radial-gradient(ellipse at 50% 100%, #6ad7cf59, transparent 60%)}:root.dark[data-theme-style=glass]{--erp-glass-fill:#1823369e;--erp-glass-edge:#ffffff3d;--erp-glass-shadow:inset 0 1px 0 #fff3, inset 0 -1px 0 #ffffff0f, 0 12px 32px #00000047;--erp-glass-scene:radial-gradient(ellipse at 12% 18%, #19639d8c, transparent 55%), radial-gradient(ellipse at 88% 28%, #683e9c73, transparent 52%), radial-gradient(ellipse at 50% 100%, #14717766, transparent 60%)}:root[data-theme-style=glass] .erp-app-shell{background-image:var(--erp-glass-scene)}:root[data-theme-style=glass] .erp-workspace>:first-child{background-color:#0000!important}:root[data-theme-style=glass] :is(.erp-glass-chrome,.rounded-xl.border,.rounded-md.border){-webkit-backdrop-filter:blur(36px)saturate(180%);backdrop-filter:blur(36px)saturate(180%);box-shadow:var(--erp-glass-shadow);background-image:linear-gradient(135deg,#ffffff52,#ffffff05 55%,#ffffff1f);background-color:var(--erp-glass-fill)!important;border-color:var(--erp-glass-edge)!important}:root[data-theme-style=glass] :is(.rounded-xl.border,.rounded-md.border){border-radius:18px!important}:root[data-theme-style=glassmorphism]{--erp-surface:#faf8ffe6;--erp-edge:#d9ccef}:root.dark[data-theme-style=glassmorphism]{--erp-surface:#1e1b30e0;--erp-edge:#514369}:root[data-theme-style=liquid_ai]{--erp-surface:#faf9ff;--erp-edge:#ddd6ef}:root.dark[data-theme-style=liquid_ai]{--erp-surface:#19182b;--erp-edge:#45405e}:root:is([data-theme-style=glassmorphism],[data-theme-style=liquid_ai]) :is(.rounded-xl.border,.rounded-md.border):not(:has(table)){background-color:var(--erp-surface)!important;border-color:var(--erp-edge)!important}:root[data-theme-style=glassmorphism] :is(.rounded-xl.border,.rounded-md.border):not(:has(table)){-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-theme-style=liquid_ai] :is(.rounded-xl.border,.rounded-md.border):not(:has(table)){background-image:radial-gradient(at 100% 0,#7c3aed14,#0000 65%),radial-gradient(at 0 100%,#06b6d40f,#0000 65%)}@media (prefers-reduced-transparency:reduce){:root:is([data-theme-style=glass],[data-theme-style=glassmorphism]) :is(.MuiCard-root,.MuiAppBar-root,.erp-glass-chrome,.rounded-xl.border,.rounded-md.border){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#fff!important;background-image:none!important}:root.dark:is([data-theme-style=glass],[data-theme-style=glassmorphism]) :is(.MuiCard-root,.MuiAppBar-root,.erp-glass-chrome,.rounded-xl.border,.rounded-md.border){background-color:#1e2030!important}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root[data-theme-style=glass] :is(.MuiCard-root,.erp-glass-chrome,.rounded-xl.border,.rounded-md.border){background-color:#fff!important}:root.dark[data-theme-style=glass] :is(.MuiCard-root,.erp-glass-chrome,.rounded-xl.border,.rounded-md.border){background-color:#182336!important}}:root{--vx-primary:#4338ca;--vx-primary-gradient:linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);--vx-blue-gradient:linear-gradient(160deg, #3746ec 0%, #2937dc 50%, #1f2cb8 100%);--vx-bg:#f8fafc;--vx-card-bg:#fff;--vx-text:#0f172a;--vx-muted:#64748b;--vx-border:#e2e8f0}.vx-workspace{background-color:var(--vx-bg);max-width:480px;min-height:100dvh;color:var(--vx-text);-webkit-tap-highlight-color:transparent;flex-direction:column;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:relative;box-shadow:0 0 50px #0f172a14}.vx-splash-screen{z-index:9999;color:#fff;background:linear-gradient(165deg,#3d4ef8 0%,#2938e8 55%,#1c29be 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;animation:.35s cubic-bezier(.16,1,.3,1) vxFadeIn;display:flex;position:fixed;inset:0}@keyframes vxFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.vx-splash-content{text-align:center;flex-direction:column;align-items:center;display:flex}.vx-splash-logo-card{-webkit-backdrop-filter:blur(16px);background:#ffffff2e;border:1.5px solid #fff6;border-radius:26px;justify-content:center;align-items:center;width:92px;height:92px;margin-bottom:24px;animation:3s ease-in-out infinite vxFloat;display:flex;box-shadow:0 20px 45px #0000004d,inset 0 1px 1px #fff9}@keyframes vxFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.vx-splash-brand-name,.vx-splash-brand-erp{letter-spacing:-.03em;color:#fff;margin:0;font-size:34px;font-weight:900;line-height:1.05}.vx-splash-tagline{color:#ffffffd9;letter-spacing:.02em;margin-top:10px;font-size:13.5px;font-weight:500}.vx-splash-progress-track{background:#ffffff38;border-radius:999px;width:170px;height:5px;margin-top:40px;position:relative;overflow:hidden}.vx-splash-progress-fill{background:#fff;border-radius:999px;height:100%;transition:width .35s;box-shadow:0 0 10px #fffc}.vx-pin-shake{animation:.4s vxPinShake}@keyframes vxPinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.vx-ws-topbar{border-bottom:1px solid var(--vx-border);z-index:40;-webkit-backdrop-filter:blur(16px);background:#fffffff2;align-items:center;gap:12px;height:58px;padding:0 16px;display:flex;position:sticky;top:0}.vx-page-title-center{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:800;overflow:hidden}.vx-ws-side{flex:0 0 80px;align-items:center;display:flex}.vx-ws-side-left{justify-content:flex-start}.vx-ws-side-right{justify-content:flex-end}.vx-ws-icon{cursor:pointer;color:#475569;background:#f1f5f9;border:0;border-radius:12px;place-items:center;width:38px;height:38px;transition:all .15s;display:grid}.vx-ws-icon:active{background:#e2e8f0;transform:scale(.95)}.vx-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:50%;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;box-shadow:0 3px 10px #4f46e54d}.vx-ws-main{flex:1;padding:14px 16px 88px;animation:.2s cubic-bezier(.16,1,.3,1) vxPageIn}@keyframes vxPageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.vx-user-greeting{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vx-greeting-left{align-items:center;gap:12px;display:flex}.vx-greeting-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#6366f1);border-radius:14px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:grid;box-shadow:0 6px 16px #4f46e540}.vx-greeting-text h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:16.5px;font-weight:800}.vx-greeting-text p{color:#64748b;margin:2px 0 0;font-size:11.5px;font-weight:600}.vx-date-pill{border:1px solid var(--vx-border);color:#334155;background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0f172a05}.vx-kpis-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;display:grid}.vx-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:4px;padding:13px 14px;display:flex;box-shadow:0 3px 10px #0f172a05}.vx-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:700}.vx-kpi-val{color:#0f172a;letter-spacing:-.03em;margin-top:1px;font-size:19px;font-weight:900}.vx-kpi-badge{align-items:center;gap:3px;width:fit-content;margin-top:2px;font-size:11px;font-weight:700;display:inline-flex}.vx-kpi-badge.positive{color:#10b981}.vx-kpi-badge.negative{color:#ef4444}.vx-kpi-badge.info{color:#3b82f6}.vx-kpi-badge.purple{color:#8b5cf6}.vx-card{border:1px solid var(--vx-border);background:#fff;border-radius:18px;margin-bottom:14px;padding:15px;box-shadow:0 4px 14px #0f172a08}.vx-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.vx-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:800}.vx-chart-box{width:100%;height:155px}.vx-modules-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.vx-module-tile{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;transition:all .15s;display:flex;box-shadow:0 2px 8px #0f172a05}.vx-module-tile:active{background:#f8fafc;transform:scale(.95)}.vx-module-icon-box{color:#fff;border-radius:15px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 6px 16px #00000014}.vx-module-name{color:#334155;font-size:11.5px;font-weight:700}.vx-filter-tabs{scrollbar-width:none;gap:8px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.vx-filter-tabs::-webkit-scrollbar{display:none}.vx-filter-pill{border:1px solid var(--vx-border);color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border-radius:20px;padding:6px 14px;font-size:11.5px;font-weight:700;transition:all .15s}.vx-filter-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 3px 10px #4f46e54d}.vx-search-row{gap:8px;margin-bottom:10px;display:flex}.vx-search-input-wrap{border:1px solid var(--vx-border);background:#fff;border-radius:14px;flex:1;align-items:center;gap:8px;height:42px;padding:0 12px;display:flex}.vx-search-input-wrap input{color:#0f172a;border:0;outline:0;width:100%;font-size:13px}.vx-filter-btn{border:1px solid var(--vx-border);color:#64748b;cursor:pointer;background:#fff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.vx-trans-card{border:1px solid var(--vx-border);cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:13px 15px;transition:transform .12s;display:flex;box-shadow:0 2px 6px #0f172a05}.vx-trans-card:active{transform:scale(.98)}.vx-trans-left{flex-direction:column;gap:2px;display:flex}.vx-trans-id{color:#0f172a;font-size:13px;font-weight:800}.vx-trans-meta{color:#64748b;font-size:11px;font-weight:500}.vx-trans-right{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.vx-trans-amount{color:#0f172a;font-size:14px;font-weight:900}.vx-pill-badge{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.vx-pill-badge.paid{color:#15803d;background:#dcfce7}.vx-pill-badge.sent{color:#1d4ed8;background:#dbeafe}.vx-pill-badge.draft{color:#b45309;background:#fef3c7}.vx-fab-btn{color:#fff;cursor:pointer;z-index:60;background:linear-gradient(135deg,#4f46e5,#6366f1);border:0;border-radius:50%;place-items:center;width:54px;height:54px;transition:transform .15s;display:grid;position:fixed;bottom:82px;right:calc(50% - 220px);box-shadow:0 10px 25px #4f46e573}@media (width<=480px){.vx-fab-btn{bottom:78px;right:18px}}.vx-fab-btn:active{transform:scale(.92)}.vx-bottom{border-top:1px solid var(--vx-border);z-index:50;-webkit-backdrop-filter:blur(20px);background:#fffffff5;grid-template-columns:repeat(5,1fr);max-width:480px;height:64px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.vx-bottom button{color:#64748b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;transition:color .15s;display:flex}.vx-bottom button.active{color:#4f46e5;font-weight:800}.vx-menu-row{border:1px solid var(--vx-border);cursor:pointer;background:#fff;border-radius:16px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:12px 14px;transition:all .12s;display:flex}.vx-menu-row:active{background:#f8fafc;transform:scale(.99)}.vx-menu-row-left{align-items:center;gap:12px;display:flex}.vx-menu-icon-box{color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.vx-menu-row-text h4{color:#0f172a;margin:0;font-size:13px;font-weight:700}.vx-menu-row-text p{color:#64748b;margin:2px 0 0;font-size:11px}.vx-skel{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite vxShimmer}.vx-skel-line{height:12px;margin-bottom:6px}.vx-skel-line.vx-skel-lg{height:22px}.vx-skel-block{border-radius:14px;width:100%}@keyframes vxShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vx-offline-banner{color:#92400e;z-index:39;background:#fef3c7;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;animation:.25s vxSlideDown;display:flex}.vx-offline-banner.vx-reconnected{color:#166534;background:#dcfce7}@keyframes vxSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@supports (padding:env(safe-area-inset-bottom)){.vx-bottom{padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}}.dark{--vx-bg:#0b0f1a;--vx-card-bg:#1a2035;--vx-text:#f1f5f9;--vx-muted:#94a3b8;--vx-border:#ffffff17}.dark .vx-workspace{box-shadow:0 0 50px #0006}.dark .vx-ws-topbar{background:#0b0f1ae6}.dark .vx-page-title-center{color:#f1f5f9}.dark .vx-ws-icon{color:#cbd5e1;background:#212841}.dark .vx-ws-icon:active{background:#2c3554}.dark .vx-greeting-text h2{color:#f1f5f9}.dark .vx-greeting-text p{color:#94a3b8}.dark .vx-date-pill{color:#cbd5e1;background:#1a2035}.dark .vx-kpi-card,.dark .vx-card,.dark .vx-module-tile,.dark .vx-menu-row,.dark .vx-trans-card,.dark .vx-filter-pill,.dark .vx-search-input-wrap,.dark .vx-filter-btn{background:#1a2035;border-color:#ffffff17}.dark .vx-module-tile:active,.dark .vx-menu-row:active{background:#212841}.dark .vx-kpi-label,.dark .vx-trans-meta,.dark .vx-menu-row-text p,.dark .vx-filter-pill{color:#94a3b8}.dark .vx-kpi-val,.dark .vx-card-title,.dark .vx-trans-id,.dark .vx-trans-amount,.dark .vx-menu-row-text h4,.dark .vx-module-name,.dark .vx-search-input-wrap input{color:#f1f5f9}.dark .vx-bottom{background:#0b0f1aeb}.dark .vx-bottom button{color:#7d8aa0}.dark .vx-skel{background:linear-gradient(90deg,#212841 25%,#2c3554 50%,#212841 75%) 0 0/200% 100%}.dark .vx-offline-banner{color:#fcd34d;background:#f59e0b2e}.dark .vx-offline-banner.vx-reconnected{color:#6ee7b7;background:#10b9812e}.dark .vx-pill-badge.paid{color:#6ee7b7;background:#10b98133}.dark .vx-pill-badge.sent{color:#93c5fd;background:#3b82f633}.dark .vx-pill-badge.draft{color:#fcd34d;background:#f59e0b33}.dark .vx-workspace .bg-white{background-color:#1a2035!important}.dark .vx-workspace .bg-slate-50{background-color:#212841!important}.dark .vx-workspace .bg-slate-100{background-color:#262e4a!important}.dark .vx-workspace .bg-slate-300{background-color:#3a4260!important}.dark .vx-workspace .bg-slate-400{background-color:#4b5573!important}.dark .vx-workspace .bg-slate-500{background-color:#5b6584!important}.dark .vx-workspace .bg-slate-600{background-color:#6b7494!important}.dark .vx-workspace .bg-slate-800{background-color:#232a42!important}.dark .vx-workspace [class*=bg-slate-50\/]{background-color:#212841!important}.dark .vx-workspace [class*=bg-slate-200\/]{background-color:#ffffff14!important}.dark .vx-workspace .text-slate-900{color:#f1f5f9!important}.dark .vx-workspace .text-slate-800{color:#e7ecf3!important}.dark .vx-workspace .text-slate-700{color:#cbd5e1!important}.dark .vx-workspace .text-slate-600{color:#b6c0d1!important}.dark .vx-workspace .border-slate-100{border-color:#ffffff0f!important}.dark .vx-workspace .border-slate-200{border-color:#ffffff17!important}.dark .vx-workspace .border-slate-300{border-color:#ffffff24!important}.dark .vx-workspace .border-slate-800{border-color:#ffffff1a!important}.dark .vx-workspace [class*=border-slate-200\/]{border-color:#ffffff17!important}.dark .vx-workspace .bg-indigo-50{background-color:#6366f126!important}.dark .vx-workspace .bg-indigo-100{background-color:#6366f138!important}.dark .vx-workspace .bg-emerald-50{background-color:#10b98126!important}.dark .vx-workspace .bg-emerald-100{background-color:#10b98138!important}.dark .vx-workspace .bg-rose-50{background-color:#f43f5e26!important}.dark .vx-workspace .bg-rose-100{background-color:#f43f5e38!important}.dark .vx-workspace .bg-amber-50{background-color:#f59e0b26!important}.dark .vx-workspace .bg-blue-50{background-color:#3b82f626!important}.dark .vx-workspace .bg-blue-100{background-color:#3b82f638!important}.dark .vx-workspace .bg-violet-50{background-color:#8b5cf626!important}.dark .vx-workspace [class*=bg-blue-50\/]{background-color:#3b82f626!important}.dark .vx-workspace .text-emerald-700{color:#6ee7b7!important}.dark .vx-workspace .text-rose-700{color:#fda4af!important}.dark .vx-workspace .text-amber-700{color:#fcd34d!important}.dark .vx-workspace .text-amber-800{color:#fde68a!important}.dark .vx-workspace .text-indigo-700{color:#a5b4fc!important}.dark .vx-workspace [class*=via-white]{--tw-gradient-via:#1a2035!important}.dark .vx-workspace [class*=to-white]{--tw-gradient-to:#1a2035!important}.dark .vx-workspace .bg-red-50,.dark .vx-workspace [class*=bg-red-50\/]{background-color:#ef444426!important}.dark .vx-workspace [class*=bg-amber-50\/]{background-color:#f59e0b26!important}.dark .vx-workspace [class*=bg-violet-50\/]{background-color:#8b5cf626!important}.dark .vx-workspace .border-red-100,.dark .vx-workspace [class*=border-red-100\/]{border-color:#ef44444d!important}.dark .vx-workspace [class*=border-blue-100\/]{border-color:#3b82f64d!important}.dark .vx-workspace [class*=border-amber-100\/]{border-color:#f59e0b4d!important}.dark .vx-workspace [class*=border-violet-100\/]{border-color:#8b5cf64d!important}.dark .vx-workspace [class*=border-emerald-200\/]{border-color:#10b9814d!important}.dark .vx-workspace [class*=border-blue-200\/]{border-color:#3b82f64d!important}.dark .vx-workspace [class*=border-rose-200\/]{border-color:#f43f5e4d!important}.dark .vx-workspace [class*=border-orange-200\/]{border-color:#f973164d!important}.dark .vx-workspace [class*=border-purple-200\/]{border-color:#a855f74d!important}.vx-workspace.vx-high-contrast .text-slate-400,.vx-workspace.vx-high-contrast .text-slate-300{color:#1e293b!important}.vx-workspace.vx-high-contrast .text-slate-500,.vx-workspace.vx-high-contrast .text-slate-600{color:#0f172a!important}.vx-workspace.vx-high-contrast .border-slate-100,.vx-workspace.vx-high-contrast .border-slate-200,.vx-workspace.vx-high-contrast [class*=border-slate-200\/]{border-color:#64748b!important}.vx-workspace.vx-high-contrast .vx-menu-row,.vx-workspace.vx-high-contrast .vx-card,.vx-workspace.vx-high-contrast .vx-kpi-card,.vx-workspace.vx-high-contrast .vx-module-tile,.vx-workspace.vx-high-contrast .vx-trans-card{border:1.5px solid #475569!important}.vx-workspace.vx-high-contrast .vx-bottom{border-top:2px solid #0f172a}.dark .vx-workspace.vx-high-contrast .text-slate-400,.dark .vx-workspace.vx-high-contrast .text-slate-300,.dark .vx-workspace.vx-high-contrast .text-slate-500,.dark .vx-workspace.vx-high-contrast .text-slate-600{color:#f8fafc!important}.dark .vx-workspace.vx-high-contrast .border-slate-100,.dark .vx-workspace.vx-high-contrast .border-slate-200,.dark .vx-workspace.vx-high-contrast [class*=border-slate-200\/]{border-color:#cbd5e1!important}.dark .vx-workspace.vx-high-contrast .vx-menu-row,.dark .vx-workspace.vx-high-contrast .vx-card,.dark .vx-workspace.vx-high-contrast .vx-kpi-card,.dark .vx-workspace.vx-high-contrast .vx-module-tile,.dark .vx-workspace.vx-high-contrast .vx-trans-card{border:1.5px solid #94a3b8!important}.dark .vx-workspace.vx-high-contrast .vx-bottom{border-top:2px solid #f8fafc}.dark .vx-workspace [class*=border-cyan-200\/]{border-color:#06b6d44d!important}