@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;700&display=swap";:root{--bg-base: #0B0714;--bg-raised: #151027;--bg-card-solid: #1C1630;--bg-card-solid2: #151027;--bg-hover: #241C3D;--bg-input: rgba(255, 255, 255, .05);--border: rgba(139, 92, 246, .15);--border-muted: rgba(139, 92, 246, .08);--border-default: rgba(139, 92, 246, .15);--border-emphasis:rgba(139, 92, 246, .3);--purple-50: #F5F3FF;--purple-100: #EDE9FE;--purple-200: #DDD6FE;--purple-300: #C4B5FD;--purple-400: #A78BFA;--purple-500: #8B5CF6;--purple-600: #7C3AED;--purple-700: #6D28D9;--purple-glow: rgba(139, 92, 246, .25);--green-300: #6EE7B7;--green-400: #34D399;--green-500: #10B981;--green-600: #059669;--green-glow: rgba(16, 185, 129, .25);--amber-400: #FCD34D;--amber-500: #F59E0B;--amber-600: #D97706;--amber-glow: rgba(245, 158, 11, .2);--red-400: #FCA5A5;--red-500: #EF4444;--red-600: #DC2626;--red-glow: rgba(239, 68, 68, .2);--blue-400: #7DD3FC;--blue-500: #38BDF8;--blue-600: #0EA5E9;--blue-glow: rgba(56, 189, 248, .2);--text-base: #F5F7FF;--text-sub: #B9B4D0;--text-tertiary: #8B86A3;--text-disabled: #4A4663;--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%);--gradient-purple-soft: linear-gradient(135deg, rgba(139,92,246,.18) 0%, rgba(167,139,250,.1) 100%);--gradient-blue: linear-gradient(135deg, #38BDF8 0%, #0EA5E9 100%);--gradient-blue-soft: linear-gradient(135deg, rgba(56,189,248,.18) 0%, rgba(14,165,233,.1) 100%);--gradient-green: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-green-soft: linear-gradient(135deg, rgba(16,185,129,.18) 0%, rgba(52,211,153,.1) 100%);--gradient-card: linear-gradient(180deg, #1C1630 0%, #151027 100%);--gradient-sidebar: linear-gradient(180deg, #100A1F 0%, #0B0714 100%);--bg-card-hover: rgba(255, 255, 255, .1);--font-mono: "JetBrains Mono", "SF Mono", "Menlo", monospace;--shadow-card: 0 8px 24px rgba(10, 6, 24, .3);--shadow-xl: 0 24px 64px rgba(10, 6, 24, .45);--ds-shadow-xs: 0 1px 3px rgba(0, 0, 0, .25);--ds-shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--ds-shadow-md: 0 4px 14px rgba(0, 0, 0, .4);--ds-shadow-lg: 0 12px 32px rgba(0, 0, 0, .5);--glow-purple: 0 0 20px rgba(139, 92, 246, .2);--glow-green: 0 0 20px rgba(16, 185, 129, .2);--glow-amber: 0 0 20px rgba(245, 158, 11, .15);--glow-red: 0 0 20px rgba(239, 68, 68, .15);--shadow-glow: 0 0 20px rgba(139, 92, 246, .2);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration: .2s;--duration-slow: .3s;--duration-xslow: .5s;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--topbar-height: 56px;--content-max-width: 1440px;--v-purple-bg: rgba(139, 92, 246, .12);--v-purple-bg-h: rgba(139, 92, 246, .18);--v-purple-border: rgba(139, 92, 246, .25);--v-purple-text: #A78BFA;--v-purple-icon: #8B5CF6;--v-purple-glow: 0 0 16px rgba(139, 92, 246, .18);--v-purple-stripe: linear-gradient(90deg, #8B5CF6, #A78BFA);--v-green-bg: rgba(16, 185, 129, .12);--v-green-bg-h: rgba(16, 185, 129, .18);--v-green-border: rgba(16, 185, 129, .25);--v-green-text: #34D399;--v-green-icon: #10B981;--v-green-glow: 0 0 16px rgba(16, 185, 129, .15);--v-green-stripe: linear-gradient(90deg, #10B981, #34D399);--v-amber-bg: rgba(245, 158, 11, .12);--v-amber-bg-h: rgba(245, 158, 11, .18);--v-amber-border: rgba(245, 158, 11, .25);--v-amber-text: #FCD34D;--v-amber-icon: #F59E0B;--v-amber-glow: 0 0 16px rgba(245, 158, 11, .12);--v-amber-stripe: linear-gradient(90deg, #F59E0B, #FCD34D);--v-red-bg: rgba(239, 68, 68, .12);--v-red-bg-h: rgba(239, 68, 68, .18);--v-red-border: rgba(239, 68, 68, .25);--v-red-text: #FCA5A5;--v-red-icon: #EF4444;--v-red-glow: 0 0 16px rgba(239, 68, 68, .12);--v-red-stripe: linear-gradient(90deg, #EF4444, #FCA5A5);--v-blue-bg: rgba(56, 189, 248, .12);--v-blue-bg-h: rgba(56, 189, 248, .18);--v-blue-border: rgba(56, 189, 248, .25);--v-blue-text: #7DD3FC;--v-blue-icon: #38BDF8;--v-blue-glow: 0 0 16px rgba(56, 189, 248, .14);--v-blue-stripe: linear-gradient(90deg, #38BDF8, #7DD3FC);--v-neutral-bg: rgba(255, 255, 255, .07);--v-neutral-bg-h: rgba(255, 255, 255, .1);--v-neutral-border: rgba(255, 255, 255, .12);--v-neutral-text: #A1A1AA;--v-neutral-icon: #71717A;--v-neutral-glow: 0 0 16px rgba(255, 255, 255, .05);--v-neutral-stripe: linear-gradient(90deg, #52525B, #A1A1AA)}*,:before,:after{--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: rgb(59 130 246 / .5);--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: rgb(59 130 246 / .5);--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: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,DM Sans,SF Pro Display,system-ui,-apple-system,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{box-sizing:border-box}html{font-family:Inter,DM Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 1200px 700px at top left,var(--body-radial-1) 0%,transparent 55%),radial-gradient(ellipse 900px 600px at top right,var(--body-radial-2) 0%,transparent 55%),radial-gradient(ellipse 1000px 600px at bottom left,var(--body-radial-3) 0%,transparent 55%),radial-gradient(ellipse 900px 600px at bottom,var(--body-radial-4) 0%,transparent 60%),var(--bg);color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}#root{min-height:100vh}h1,h2,h3,h4{color:var(--text-primary);letter-spacing:-.025em;margin:0}p{color:var(--text-secondary);margin:0}button,input,textarea,select{font:inherit}select{color-scheme:dark}select option,select optgroup{background:var(--surface-2);color:var(--text-primary)}@media (hover: none) and (pointer: coarse){input,textarea,select{font-size:16px!important}}.dashboard-layout{display:flex;min-height:100vh;width:100%}.sidebar-glass{position:sticky;top:0;height:100vh;flex-shrink:0;overflow:hidden;border-right-width:1px;width:256px;background:var(--surface-sidebar);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);transition:width var(--duration-norm) var(--ease-smooth)}.sidebar-glass.is-collapsed{width:68px}.sidebar-inner{display:flex;height:100%;flex-direction:column;padding:16px 10px}.sidebar-brand{margin-bottom:1.25rem;display:flex;align-items:center;gap:.75rem;padding-left:.5rem;padding-right:.5rem}.sidebar-brand-badge{display:flex;height:2.25rem;width:2.25rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.75rem;font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--gradient-main);box-shadow:0 6px 18px #7c3aed52}.sidebar-brand-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;line-height:1.25;color:var(--text-primary)}.sidebar-brand-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;line-height:1rem;color:var(--text-muted)}.sidebar-section{margin-bottom:1rem}.sidebar-section-label{margin-bottom:.25rem;padding-left:.75rem;padding-right:.75rem;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#7a7291}.sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.sidebar-item{display:flex;width:100%;align-items:center;gap:.75rem;border-radius:.75rem;padding:.5rem .75rem;text-align:left;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-secondary);border:1px solid transparent;transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.sidebar-item:hover{background:var(--surface-soft-h);color:var(--text-primary)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);border-color:#a78bfa4d;box-shadow:var(--sidebar-active-shadow)}.sidebar-item.\!active{background:var(--sidebar-active-bg)!important;color:var(--sidebar-active-color)!important;border-color:#a78bfa4d!important;box-shadow:var(--sidebar-active-shadow)!important}.sidebar-item.active .sidebar-item-icon{color:var(--sidebar-active-icon)}.sidebar-item.\!active .sidebar-item-icon{color:var(--sidebar-active-icon)!important}.sidebar-item-icon{display:flex;height:1.25rem;width:1.25rem;flex-shrink:0;align-items:center;justify-content:center}.sidebar-item-label{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{margin-top:auto;border-top-width:1px;padding-top:.75rem;border-color:var(--border-subtle)}.user-card{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding:.625rem .75rem;background:var(--surface-soft);border:1px solid var(--border-subtle)}.user-avatar{display:flex;height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--gradient-purple-deep)}.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;line-height:1rem;text-transform:capitalize;color:var(--text-muted)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-content{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;border-bottom-width:1px;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.topbar{padding-left:1.5rem;padding-right:1.5rem}}.topbar{padding-top:13px;padding-bottom:13px;background:var(--surface-topbar);border-color:var(--border-subtle);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);position:relative}.topbar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-accent-line);opacity:.85}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-wrap{flex:1 1 0%;padding:1.25rem 1rem}@media (min-width: 640px){.page-wrap{padding:1.5rem}}.page-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.page-header{flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}}.page-title{font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em}@media (min-width: 640px){.page-title{font-size:28px}}.page-title{color:var(--text-primary);letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.page-title svg{opacity:.7}.page-subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem;line-height:1.625;color:var(--text-secondary);max-width:52ch}.glass-card{border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.glass-card-hover{transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.glass-card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.kpi-card{border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);transition:transform var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.kpi-card{padding:1rem}@media (min-width: 640px){.kpi-card{padding:1.25rem}}.kpi-card{position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:var(--gradient-accent-line);opacity:.9}.kpi-card:hover:before{opacity:1}.kpi-label{font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-value{margin-top:.625rem;font-size:1.5rem;line-height:2rem;font-weight:600;letter-spacing:-.025em}@media (min-width: 640px){.kpi-value{font-size:1.875rem;line-height:2.25rem}}.kpi-value{color:var(--text-primary)}.kpi-delta{margin-top:.75rem;display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600}.kpi-delta.positive{background:#22c55e24;color:var(--success)}.kpi-delta.negative{background:#ef444424;color:var(--danger)}.dashboard-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:transform var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.dashboard-btn-primary:active{transform:scale(.983)}.dashboard-btn-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));background:var(--gradient-main);background-size:180% 180%;background-position:0% 50%;box-shadow:0 6px 20px #7c3aed47;border:1px solid rgba(255,255,255,.06);transition:background-position var(--duration-norm) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.dashboard-btn-primary:hover{background-position:100% 50%;box-shadow:0 10px 28px #7c3aed5c,0 0 0 1px #a78bfa33}.dashboard-btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf64d,0 6px 20px #7c3aed47}.dashboard-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;background:#8b5cf633;box-shadow:none}.dashboard-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:transform var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.dashboard-btn-secondary:active{transform:scale(.983)}.dashboard-btn-secondary{border-width:1px;background:var(--surface-soft);border-color:var(--border-subtle);color:var(--text-primary)}.dashboard-btn-secondary:hover{background:var(--surface-soft-h);border-color:var(--border-active);color:var(--text-primary)}.dashboard-btn-secondary:focus-visible{outline:none;border-color:var(--border-active);box-shadow:0 0 0 3px #8b5cf62e}.dashboard-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.dashboard-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:transform var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.dashboard-btn-ghost:active{transform:scale(.983)}.dashboard-btn-ghost{color:var(--text-secondary)}.dashboard-btn-ghost:hover{background:var(--surface-soft-h);color:var(--text-primary)}.dashboard-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border-radius:10px;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition:transform var(--duration-fast) var(--ease-smooth),background-color var(--duration-fast) var(--ease-smooth),border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.dashboard-btn-danger:active{transform:scale(.983)}.dashboard-btn-danger{background:#ef444424;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.dashboard-btn-danger:hover{background:#ef444438;border-color:#ef444459}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;width:32px;height:32px;background:var(--surface-input);border-color:var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.icon-btn:hover{background:var(--surface-input-h);color:var(--text-primary);border-color:var(--border-strong)}.icon-btn.danger:hover{background:#ef444424;color:var(--danger);border-color:#ef444440}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;border-bottom-width:1px;padding:.75rem 1rem}@media (min-width: 640px){.filter-bar{padding-left:1.25rem;padding-right:1.25rem}}.filter-bar{border-color:var(--border-subtle);background:var(--surface-tile)}.search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:320px}.search-wrap svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.search-wrap input{width:100%;border-radius:10px;border-width:1px;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;background:var(--surface-input);border-color:var(--border-subtle);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.search-wrap input::-moz-placeholder{color:var(--text-muted)}.search-wrap input::placeholder{color:var(--text-muted)}.search-wrap input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #8b5cf62e}.search-wrap input{padding-left:36px;padding-top:8px;padding-bottom:8px}.tabs-bar{display:flex;flex-wrap:wrap;gap:.25rem;border-radius:.75rem;border-width:1px;padding:.25rem;background:var(--surface-tabs);border-color:var(--border-subtle)}.tab-btn{flex:1 1 0%;white-space:nowrap;border-radius:10px;padding:.375rem 1rem;font-size:.75rem;line-height:1rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.tab-btn.active{background:var(--gradient-purple-deep);color:#fff;box-shadow:0 4px 14px #7c3aed52}.tab-btn.\!active{background:var(--gradient-purple-deep)!important;color:#fff!important;box-shadow:0 4px 14px #7c3aed52!important}.tab-btn:hover:not(.active){background:var(--surface-soft-h);color:var(--text-secondary)}.tab-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #8b5cf673}.chart-card{border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);display:flex;flex-direction:column;padding:1rem}@media (min-width: 640px){.chart-card{padding:1.25rem}}@media (min-width: 768px){.chart-card{padding:1.5rem}}.chart-card-header{margin-bottom:.75rem;display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:.75rem;border-bottom:1px solid var(--border-subtle)}.chart-card-title{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}.chart-card-subtitle{margin-top:.125rem;font-size:.75rem;line-height:1rem;color:var(--text-muted)}.chart-body{min-height:0px;flex:1 1 0%}.table-wrap{border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);overflow:hidden}.table-header{display:flex;flex-direction:column;gap:.5rem;border-bottom-width:1px;padding:.875rem 1.25rem}@media (min-width: 640px){.table-header{flex-direction:row;align-items:center;justify-content:space-between}}.table-header{border-color:var(--border-subtle)}.dashboard-table{width:100%;min-width:680px;border-collapse:separate;--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.dashboard-table thead tr{background:var(--surface-th)}.dashboard-table thead th{padding:.875rem 1.25rem;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle)}.dashboard-table thead th:first-child{padding-left:24px}.dashboard-table thead th:last-child{padding-right:24px}.dashboard-table tbody td{padding:.875rem 1.25rem;font-size:.875rem;line-height:1.25rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);transition:background-color var(--duration-fast) var(--ease-smooth)}.dashboard-table tbody td:first-child{padding-left:24px}.dashboard-table tbody td:last-child{padding-right:24px}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover{background:var(--surface-tr-hover)}.dashboard-table tbody tr.selected{background:linear-gradient(90deg,#8b5cf629,#38bdf80f);box-shadow:inset 2px 0 0 var(--accent)}.dashboard-table tbody tr.\!selected{background:linear-gradient(90deg,#8b5cf629,#38bdf80f)!important;box-shadow:inset 2px 0 0 var(--accent)!important}.status-badge{display:inline-flex;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600}.status-badge.paid,.status-badge.lunas,.status-badge.selesai,.status-badge.completed,.status-badge.active,.status-badge.aktif{background:#22c55e24;color:var(--success)}.status-badge.\!active{background:#22c55e24!important;color:var(--success)!important}.status-badge.pending,.status-badge.diproses,.status-badge.in_progress,.status-badge.draft,.status-badge.low-stock{background:#f59e0b24;color:var(--warning)}.status-badge.\!draft{background:#f59e0b24!important;color:var(--warning)!important}.status-badge.cancelled,.status-badge.dibatalkan,.status-badge.failed,.status-badge.out-of-stock{background:#ef444424;color:var(--danger)}.status-badge.\!cancelled{background:#ef444424!important;color:var(--danger)!important}.status-badge.info{background:#38bdf824;color:var(--info)}.status-badge.purple,.status-badge.accent{background:#8b5cf624;color:var(--brand-secondary)}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600}.badge-green{background:#22c55e24;color:var(--success)}.badge-orange{background:#f59e0b24;color:var(--warning)}.badge-red{background:#ef444424;color:var(--danger)}.badge-blue{background:#38bdf824;color:var(--info)}.badge-purple{background:#8b5cf624;color:var(--brand-secondary)}.badge-muted{background:#ffffff12;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal{border-radius:20px;border-width:1px;display:flex;flex-direction:column;width:100%;max-height:90vh;background:var(--surface-modal);border-color:var(--border-subtle);box-shadow:var(--shadow-lg),0 0 0 1px #8b5cf61a;-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);overflow:hidden}.modal:before{content:"";flex-shrink:0;height:1px;background:var(--gradient-accent-line)}.modal-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.modal-close{display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border-width:1px;width:32px;height:32px;background:var(--surface-input);border-color:var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.modal-close:hover{background:var(--surface-input-h);color:var(--text-primary);border-color:var(--border-strong)}.modal-close.danger:hover{background:#ef444424;color:var(--danger);border-color:#ef444440}.modal-close{width:28px;height:28px}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.modal-footer{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px 18px;border-top:1px solid var(--border-subtle);background:var(--surface-tile);flex-wrap:wrap}@media (max-width: 640px){.modal-overlay{padding:8px}.modal-header{padding:14px 16px 12px}.modal-body{padding:14px 16px}.modal-footer{padding:12px 16px 14px}.modal-footer>*{flex:1 1 auto;min-width:120px;justify-content:center}}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group:last-child{margin-bottom:0}.form-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;border-radius:10px;border-width:1px;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;background:var(--surface-input);border-color:var(--border-subtle);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-smooth),box-shadow var(--duration-fast) var(--ease-smooth)}.form-group input::-moz-placeholder,.form-group select::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-muted)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #8b5cf62e}.form-group textarea{min-height:80px;resize:vertical;border-radius:var(--radius-card);padding:12px 14px;line-height:1.6}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:12px;font-size:13px;margin-bottom:14px}.alert-banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.22);color:#fca5a5}.alert-banner.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.22);color:#86efac}.alert-banner.warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.22);color:#fcd34d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;text-align:center}.empty-state-icon{width:52px;height:52px;border-radius:16px;background:var(--brand-soft);border:1px solid rgba(167,139,250,.18);display:flex;align-items:center;justify-content:center}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary)}.empty-state-sub{font-size:13px;color:var(--text-muted);max-width:36ch;line-height:1.6}.page-loading{display:flex;align-items:center;justify-content:center;gap:10px;height:40vh;font-size:14px;color:var(--text-muted)}.split-layout{border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);overflow:hidden;display:flex;min-height:440px}.split-main{flex:1;min-width:0;overflow:hidden;border-right:1px solid var(--border-subtle)}.split-aside{width:300px;flex-shrink:0;display:flex;flex-direction:column;padding:20px;overflow-y:auto;background:var(--surface-tile)}@media (max-width: 1023px){.split-layout{flex-direction:column;min-height:auto}.split-main{border-right:none;border-bottom:1px solid var(--border-subtle)}.split-aside{width:100%;max-height:420px}}.detail-panel{display:flex;flex-direction:column;gap:14px}.detail-field{display:flex;flex-direction:column;gap:3px}.detail-field-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.detail-field-value{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.detail-field-value.display{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--brand-secondary)}.detail-divider{height:1px;background:var(--border-subtle);margin:4px 0}.radio-group{display:flex;gap:10px;flex-wrap:wrap}.radio-option{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:10px;cursor:pointer;background:var(--surface-soft);border:1px solid var(--border-subtle);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-smooth)}.radio-option.selected{background:#8b5cf624;border-color:#a78bfa47;color:var(--text-primary)}.radio-option.\!selected{background:#8b5cf624!important;border-color:#a78bfa47!important;color:var(--text-primary)!important}.radio-option input[type=radio]{display:none}.section-header{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 640px){.section-header{flex-direction:row;align-items:center;justify-content:space-between}}.section-title{font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--text-primary)}.section-subtitle{font-size:.75rem;line-height:1rem;color:var(--text-secondary)}.chat-layout{display:flex;height:calc(100vh - 120px);min-height:500px;border-radius:16px;border-width:1px;background:var(--surface-card);border-color:var(--border-subtle);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);overflow:hidden}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.chat-bubble{max-width:72%;padding:11px 14px;font-size:14px;line-height:1.55}.chat-bubble.user{align-self:flex-end;background:var(--gradient-purple-deep);color:#fff;border-radius:18px 18px 4px;box-shadow:0 4px 14px #7c3aed4d}.chat-bubble.\!user{align-self:flex-end!important;background:var(--gradient-purple-deep)!important;color:#fff!important;border-radius:18px 18px 4px!important;box-shadow:0 4px 14px #7c3aed4d!important}.chat-bubble.ai{align-self:flex-start;background:var(--surface-chat-ai);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:18px 18px 18px 4px}.chat-input-bar{flex-shrink:0;padding:12px 16px;border-top:1px solid var(--border-subtle);background:var(--surface-chat-bar);display:flex;gap:10px;align-items:flex-end}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.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}.hidden{display:none}.h-1{height:.25rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[72px\]{height:72px}.h-full{height:100%}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-8{width:2rem}.w-9{width:2.25rem}.min-w-0{min-width:0px}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-button{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.bg-white\/10{background-color:#ffffff1a}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-white\/\[0\.08\]{background-color:#ffffff14}.p-1\.5{padding:.375rem}.p-3{padding:.75rem}.p-4{padding:1rem}.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}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.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-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-soft{color:var(--text-secondary)}.text-muted-ui{color:var(--text-muted)}.transition-smooth{transition-duration:var(--duration-fast);transition-timing-function:var(--ease-smooth)}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,monospace}:root{color-scheme:dark;--bg: #0B0714;--bg-secondary: #100A1F;--bg-sidebar: #100A1F;--surface-1: #151027;--surface-2: #1C1630;--surface-3: #241C3D;--bg-elevated: rgba(255, 255, 255, .06);--bg-card: rgba(255, 255, 255, .05);--text-primary: #F5F7FF;--text-secondary: #B9B4D0;--text-muted: #8B86A3;--brand-primary: #8B5CF6;--brand-primary-hover: #7C3AED;--brand-secondary: #A78BFA;--brand-soft: rgba(139, 92, 246, .14);--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--border-active: rgba(139, 92, 246, .45);--success: #22C55E;--warning: #F59E0B;--danger: #EF4444;--info: #38BDF8;--green: #22C55E;--orange: #F59E0B;--blue: #38BDF8;--red: #EF4444;--green-dim: rgba(34, 197, 94, .12);--orange-dim: rgba(245, 158, 11, .12);--blue-dim: rgba(56, 189, 248, .12);--red-dim: rgba(239, 68, 68, .12);--accent: #8B5CF6;--accent-light: #A78BFA;--accent-dim: rgba(139, 92, 246, .14);--accent-blue: #38BDF8;--accent-blue-2: #0EA5E9;--accent-blue-dim: rgba(56, 189, 248, .14);--accent-green: #34D399;--accent-green-2: #10B981;--accent-green-dim: rgba(52, 211, 153, .14);--gradient-main: linear-gradient(135deg, #8B5CF6 0%, #38BDF8 52%, #34D399 100%);--gradient-main-hover: linear-gradient(135deg, #7C3AED 0%, #0EA5E9 52%, #10B981 100%);--gradient-purple-deep: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);--gradient-purple-hero: linear-gradient(135deg, #A78BFA 0%, #7C3AED 100%);--gradient-accent-line: linear-gradient(90deg, transparent 0%, rgba(139,92,246,0) 10%, rgba(56,189,248,.35) 50%, rgba(52,211,153,.3) 90%, transparent 100%);--glow-soft-purple: 0 0 22px rgba(139, 92, 246, .18);--glow-soft-blue: 0 0 22px rgba(56, 189, 248, .16);--glow-soft-green: 0 0 22px rgba(52, 211, 153, .14);--radius-button: 12px;--radius-card: 18px;--radius-container: 22px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .16);--shadow-md: 0 8px 32px rgba(10, 6, 24, .3);--shadow-lg: 0 24px 64px rgba(10, 6, 24, .42);--ease-smooth: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-norm: .25s;--surface-sidebar: linear-gradient(180deg, rgba(16,10,31,.92) 0%, rgba(11,7,20,.92) 100%);--surface-topbar: rgba(11, 7, 20, .72);--surface-card: linear-gradient(180deg, rgba(28,22,48,.7) 0%, rgba(21,16,39,.7) 100%);--surface-modal: linear-gradient(180deg, rgba(28,22,48,.96) 0%, rgba(21,16,39,.96) 100%);--surface-login: rgba(14, 9, 30, .88);--surface-input: rgba(255, 255, 255, .06);--surface-input-h: rgba(255, 255, 255, .1);--surface-soft: rgba(255, 255, 255, .04);--surface-soft-h: rgba(139, 92, 246, .1);--surface-tabs: rgba(255, 255, 255, .03);--surface-tile: rgba(255, 255, 255, .02);--surface-th: rgba(139, 92, 246, .08);--surface-tr-hover: rgba(139, 92, 246, .06);--surface-chat-ai: rgba(255, 255, 255, .07);--surface-chat-bar: rgba(9, 5, 18, .5);--sidebar-active-bg: linear-gradient(135deg, rgba(139,92,246,.26) 0%, rgba(56,189,248,.1) 100%);--sidebar-active-color: #FFFFFF;--sidebar-active-icon: #A78BFA;--sidebar-active-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 4px 14px rgba(124,58,237,.18);--body-radial-1: rgba(139, 92, 246, .14);--body-radial-2: rgba(56, 189, 248, .06);--body-radial-3: rgba(52, 211, 153, .04);--body-radial-4: rgba(124, 58, 237, .06)}html.light{color-scheme:light;--bg: #FFFFFF;--bg-secondary: #F5F3FF;--bg-sidebar: #F5F3FF;--surface-1: #FFFFFF;--surface-2: #FFFFFF;--surface-3: #F5F3FF;--bg-elevated: #FFFFFF;--bg-card: #FFFFFF;--text-primary: #1D1830;--text-secondary: #5F5877;--text-muted: #8B82A7;--brand-primary: #7C3AED;--brand-primary-hover: #6D28D9;--brand-secondary: #8B5CF6;--brand-soft: rgba(124, 58, 237, .12);--border-subtle: rgba(76, 58, 128, .1);--border-strong: rgba(76, 58, 128, .18);--border-active: rgba(124, 58, 237, .45);--shadow-sm: 0 2px 10px rgba(76, 58, 128, .07);--shadow-md: 0 8px 28px rgba(76, 58, 128, .1);--shadow-lg: 0 20px 56px rgba(76, 58, 128, .14);--surface-sidebar: linear-gradient(180deg, #FBFAFF 0%, #F2EEFF 100%);--surface-topbar: #FFFFFF;--surface-card: #FFFFFF;--surface-modal: #FFFFFF;--surface-login: #FFFFFF;--surface-input: #FFFFFF;--surface-input-h: #F5F3FF;--surface-soft: #F5F3FF;--surface-soft-h: #EDE7FF;--surface-tabs: #F5F3FF;--surface-tile: #FAF8FF;--surface-th: #F5F3FF;--surface-tr-hover: #FAF8FF;--surface-chat-ai: #F5F3FF;--surface-chat-bar: #FFFFFF;--sidebar-active-bg: linear-gradient(135deg, rgba(124,58,237,.14) 0%, rgba(56,189,248,.08) 100%);--sidebar-active-color: #5B21B6;--sidebar-active-icon: #7C3AED;--sidebar-active-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 4px 14px rgba(124,58,237,.1);--body-radial-1: transparent;--body-radial-2: transparent;--body-radial-3: transparent;--body-radial-4: transparent}html.light select{color-scheme:light}@media (max-width: 1023px){.sidebar-glass{position:fixed;left:0;top:0;z-index:40;height:100dvh;transform:translate(-100%);transition:transform var(--duration-norm) var(--ease-smooth),width var(--duration-norm) var(--ease-smooth)}.sidebar-glass.is-mobile-open{transform:translate(0)}}html.light{--accent: #7C3AED;--accent-light: #6D28D9;--accent-dim: rgba(124, 58, 237, .1);--brand-soft: rgba(124, 58, 237, .1)}html.light .modal-overlay{background:#1e143c66}html.light .sidebar-brand-subtitle,html.light .sidebar-section-label{color:#6f6790}html.light .empty-state-icon{background:#7c3aed1a;border-color:#7c3aed33}html.light .dashboard-table tbody tr.selected{background:linear-gradient(90deg,#7c3aed1a,#38bdf80a);box-shadow:inset 2px 0 0 var(--accent)}html.light .status-badge.paid,html.light .status-badge.lunas,html.light .status-badge.selesai,html.light .status-badge.completed,html.light .status-badge.active,html.light .status-badge.aktif{background:#22c55e24;color:#15803d}html.light .status-badge.pending,html.light .status-badge.diproses,html.light .status-badge.in_progress,html.light .status-badge.draft,html.light .status-badge.low-stock{background:#f59e0b29;color:#b45309}html.light .status-badge.cancelled,html.light .status-badge.dibatalkan,html.light .status-badge.failed,html.light .status-badge.out-of-stock{background:#ef444424;color:#b91c1c}html.light .status-badge.info{background:#38bdf829;color:#0369a1}html.light .status-badge.purple,html.light .status-badge.accent{background:#7c3aed1f;color:#5b21b6}html.light .badge-green{background:#22c55e24;color:#15803d}html.light .badge-orange{background:#f59e0b29;color:#b45309}html.light .badge-red{background:#ef444424;color:#b91c1c}html.light .badge-blue{background:#38bdf829;color:#0369a1}html.light .badge-purple{background:#7c3aed1f;color:#5b21b6}html.light .badge-muted{background:#0000000d;color:var(--text-muted)}html.light .kpi-delta.positive{background:#22c55e24;color:#15803d}html.light .kpi-delta.negative{background:#ef444424;color:#b91c1c}html.light .alert-banner.error{color:#b91c1c}html.light .alert-banner.success{color:#15803d}html.light .alert-banner.warning{color:#b45309}html.light select option,html.light .filter-bar select option,html.light .cat-filter-select option{background:#fff;color:var(--text-primary)}html.light body{background-color:var(--bg)}@media (min-width: 640px){.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;flex-shrink:0;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border);margin-top:24px}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-secondary);transition:all .2s}.close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.radio-group{display:flex;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.radio-label:hover{border-color:var(--accent)}.radio-label input[type=radio]{margin:0}.radio-label input[type=radio]:checked+svg,.radio-label input[type=radio]:checked~span{color:var(--accent)}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-success{background:var(--green)!important}.btn-warning{background:var(--orange)!important;color:var(--bg-primary)!important}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--accent-dim);color:var(--accent)}.btn-icon.btn-danger:hover{background:var(--red-dim);color:var(--red)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px}.alert-error{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.page-content{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-secondary)}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:300px}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.search-box svg{color:var(--text-secondary)}.stats-mini{display:flex;gap:24px;font-size:14px;color:var(--text-secondary)}.stats-mini strong{color:var(--text-primary)}.action-buttons{display:flex;gap:8px}.quick-actions{display:flex;gap:12px;margin-bottom:24px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.quick-action-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.ml-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.insight-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s ease,transform .2s ease}.insight-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.insight-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0;box-shadow:0 1px #ffffff1f inset,var(--shadow-sm)}.insight-value{font-size:22px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.insight-label{font-size:11.5px;color:var(--text-muted);font-weight:500;letter-spacing:-.005em}.section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.recommendations-list,.anomalies-list{display:flex;flex-direction:column;gap:8px}.recommendation-item,.anomaly-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px;letter-spacing:-.005em;transition:border-color .15s ease,background .15s ease}.recommendation-item:hover,.anomaly-item:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.rec-product{flex:1;color:var(--text-primary);font-weight:500}.rec-action,.anomaly-qty{color:var(--text-secondary);font-size:12px}.severity-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.high{background:var(--red);color:#fff}.severity-badge.medium{background:var(--orange);color:var(--bg-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:flex-start}.settings-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:2px;position:sticky;top:24px}.settings-tab{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;width:100%;text-align:left;transition:all .2s}.settings-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-tab.active{background:var(--accent-dim);color:var(--accent-light)}.settings-tab .tab-arrow{margin-left:auto;opacity:0;transition:opacity .2s}.settings-tab.active .tab-arrow,.settings-tab:hover .tab-arrow{opacity:1}.settings-content{min-width:0}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.settings-section-header{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--border)}.settings-section-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-dim);color:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.settings-section-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.settings-reset-btn{margin-left:auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.settings-reset-btn:hover{background:var(--red-dim);color:var(--red)}.settings-section-body{padding:24px;display:flex;flex-direction:column;gap:20px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-hint{font-size:11px;color:var(--text-muted);line-height:1.4}button.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s;width:100%;text-align:left;color:inherit;font-family:inherit}button.settings-toggle:hover{border-color:var(--border-hover)}.settings-toggle-info{flex:1}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.settings-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--border-light);position:relative;flex-shrink:0;transition:background .3s}.toggle-switch.on{background:var(--accent)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(20px)}.settings-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.settings-preview-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px}.settings-info-grid{display:flex;flex-direction:column;gap:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.settings-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card)}.settings-info-row:not(:last-child){border-bottom:1px solid var(--border)}.settings-info-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.settings-info-value{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-info-value.ok{color:var(--green)}.settings-info-value.warning{color:var(--orange)}.settings-info-value.error{color:var(--red)}.settings-info-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--accent-dim);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);line-height:1.5}.settings-info-note svg{flex-shrink:0;color:var(--accent-light);margin-top:1px}.settings-saved-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--green-dim);color:var(--green);border-radius:var(--radius-sm);font-size:13px;font-weight:600}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow-x:auto;position:static}.settings-tab span,.settings-tab .tab-arrow{display:none}.settings-row{grid-template-columns:1fr}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.warehouse-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:248px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:100;overflow:hidden;animation:fadeInUp .18s cubic-bezier(.4,0,.2,1)}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px}.profile-dropdown-divider{height:1px;background:var(--border)}.profile-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-family:inherit;transition:all .15s;text-align:left}.profile-dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.profile-dropdown-item.danger{color:var(--red)}.profile-dropdown-item.danger:hover{background:var(--red-dim)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);width:100%}.theme-option:hover{border-color:var(--border-hover)}.theme-option.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-light)}.theme-option-preview{width:100%;height:80px;border-radius:8px;display:flex;overflow:hidden;border:1px solid var(--border)}.light-preview{background:#f4f6f9}.light-preview .tp-sidebar{width:25%;background:#fff;border-right:1px solid #E0E4EB}.light-preview .tp-main{flex:1;display:flex;flex-direction:column}.light-preview .tp-header{height:20%;background:#fff;border-bottom:1px solid #E0E4EB}.light-preview .tp-content{flex:1;padding:6px;display:flex;gap:4px}.light-preview .tp-card{flex:1;background:#fff;border-radius:4px;border:1px solid #E0E4EB}.dark-preview{background:#0f1117}.dark-preview .tp-sidebar{width:25%;background:#151922;border-right:1px solid #2A3040}.dark-preview .tp-main{flex:1;display:flex;flex-direction:column}.dark-preview .tp-header{height:20%;background:#151922;border-bottom:1px solid #2A3040}.dark-preview .tp-content{flex:1;padding:6px;display:flex;gap:4px}.dark-preview .tp-card{flex:1;background:#1a1f2b;border-radius:4px;border:1px solid #2A3040}.notif-wrapper{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(380px,calc(100vw - 24px));background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.notif-header h3{font-size:15px;font-weight:600}.notif-mark-all{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);font-weight:500;transition:opacity .2s}.notif-mark-all:hover{opacity:.8}.notif-list{max-height:400px;overflow-y:auto}.notif-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-elevated)}.notif-item.unread{background:#8b5cf60a}.notif-item.read{opacity:.6}.notif-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-message{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:11px;color:var(--text-muted);margin-top:4px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.analytics-section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.analytics-section-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-dim);color:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.analytics-section-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.analytics-kpi{text-align:center;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md)}.analytics-kpi-value{font-size:28px;font-weight:700;line-height:1}.analytics-kpi-label{font-size:11px;color:var(--text-muted);margin-top:6px}.strategy-list{display:flex;flex-direction:column;gap:10px}.strategy-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s}.strategy-card:hover{border-color:var(--border-hover)}.strategy-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.strategy-content{flex:1;min-width:0}.strategy-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.strategy-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.strategy-action{display:flex;align-items:center;gap:10px;margin-top:8px}.strategy-action-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.spinning{animation:spin 1s linear infinite}@media (max-width: 1280px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.analytics-section{padding:20px}.charts-row,.settings-layout{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-kpi-grid{grid-template-columns:1fr}}.fin-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:-moz-fit-content;width:fit-content}.fin-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;transition:all .2s;font-family:inherit;white-space:nowrap}.fin-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.fin-tab.active{background:var(--accent);color:#fff}.pnl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.pnl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;align-items:center;gap:14px;transition:all .2s}.pnl-card.highlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.pnl-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pnl-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pnl-card-label{font-size:11px;color:var(--text-secondary);font-weight:500}.pnl-card-value{font-size:18px;font-weight:700;line-height:1.2;margin-top:2px}.pnl-card-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.pnl-statement{padding:0 24px 24px}.pnl-section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 0 6px;margin-top:4px}.pnl-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.pnl-row.bold{font-weight:600;color:var(--text-primary)}.pnl-row.line{border-top:2px solid var(--border-light);margin-top:4px;padding-top:12px}.pnl-row.highlight{font-size:16px;color:var(--green)}@media (max-width: 1280px){.pnl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.pnl-grid,.report-summary-grid,.forecast-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pnl-grid,.report-summary-grid,.forecast-stats{grid-template-columns:1fr}.fin-tabs{overflow-x:auto;width:100%}}.date-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.date-preset-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s;font-family:inherit}.date-preset-btn:hover{border-color:var(--accent);color:var(--text-primary)}.date-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.date-custom{display:flex;align-items:center;gap:8px;margin-left:8px;color:var(--text-muted);font-size:13px}.date-custom input[type=date]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.date-custom input[type=date]:focus{outline:none;border-color:var(--accent)}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.report-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.report-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.report-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-top:2px}.report-stat-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.forecast-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.forecast-stat{text-align:center;padding:16px;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border)}.forecast-stat-value{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.forecast-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.confidence-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.confidence-badge.high{background:var(--green-dim);color:var(--green)}.confidence-badge.medium{background:var(--orange-dim);color:var(--orange)}.confidence-badge.low{background:#4a556826;color:var(--text-muted)}.recharts-text{fill:var(--text-muted)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-tooltip-cursor{stroke:var(--border-light)!important}.recharts-legend-item-text{color:var(--text-secondary)!important}@media (max-width: 1280px){.report-summary-grid,.forecast-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.report-summary-grid,.forecast-stats{grid-template-columns:1fr}.date-filter-bar{flex-direction:column;align-items:flex-start}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:20px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:36px}.login-logo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--cyan));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff;margin-bottom:16px;box-shadow:0 4px 20px #7c3aed59}.login-logo h1{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.login-logo p{font-size:13px;color:var(--text-muted);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--red-dim);color:var(--red);border:1px solid var(--red);border-radius:var(--radius-sm);font-size:13px;font-weight:500}.login-field{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;z-index:1}.login-field input{width:100%;padding:14px 14px 14px 44px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-field input::-moz-placeholder{color:var(--text-muted)}.login-field input::placeholder{color:var(--text-muted)}.login-eye{position:absolute;right:10px;color:var(--text-muted);padding:6px;border-radius:6px;transition:color .2s}.login-eye:hover{color:var(--text-secondary)}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:inherit;transition:all .2s;box-shadow:0 4px 16px #7c3aed4d;margin-top:4px}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed66}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:14px}.ml-insights-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:20px;gap:8px}.page-subtitle{font-size:12px}.search-box{display:none!important}.warehouse-layout{grid-template-columns:1fr!important}.quick-actions{flex-wrap:wrap}.card{padding:16px}.card-header{margin-bottom:16px}.data-table tbody td{padding:10px 8px;font-size:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.data-table thead th{padding:8px;font-size:10px;white-space:nowrap}.modal-overlay{padding:12px 8px}.modal-content{max-width:100%;border-radius:var(--radius-md)}.modal-header{padding:16px}.modal-header h2{font-size:16px}.form{padding:16px}.modal-footer{padding:14px 16px}.btn-primary,.btn-secondary{padding:8px 14px;font-size:13px}.action-buttons{gap:4px}.profile-dropdown{right:0;width:calc(100vw - 24px);max-width:260px}.fin-tab{padding:8px 14px;font-size:12px}.pnl-card{padding:14px;gap:10px}.pnl-card-value{font-size:15px}.pnl-card-icon{width:36px;height:36px}.pnl-statement{padding:0 12px 12px}.pnl-row{font-size:13px;padding:8px 0}.pnl-section-title{font-size:11px}.report-stat-card{padding:14px;gap:12px}.report-stat-value{font-size:16px}.report-stat-icon{width:38px;height:38px}.analytics-section{padding:16px}.analytics-kpi-value{font-size:22px}.strategy-card{padding:12px}.strategy-title{font-size:13px}.strategy-desc{font-size:12px}.strategy-icon{width:36px;height:36px}.forecast-stat{padding:12px}.forecast-stat-value{font-size:16px}.forecast-stat-label{font-size:10px}.confidence-badge{font-size:10px;padding:3px 8px}.date-filter-bar{gap:6px;flex-wrap:wrap}.date-preset-btn{padding:6px 14px;font-size:12px}.date-custom input[type=date]{padding:6px 8px;font-size:12px}.notif-dropdown{right:-60px}.settings-layout{grid-template-columns:1fr!important}.table-container{position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,var(--bg-card) 0%,transparent 100%);pointer-events:none;z-index:1}.search-box{display:flex!important;min-width:unset!important;width:100%;padding:8px 12px}.warehouse-sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px!important;z-index:100;box-shadow:4px 0 24px #00000080}}@media (max-width: 480px){.page-header{gap:8px}.page-title{font-size:17px}.btn-primary,.btn-secondary{padding:7px 10px;font-size:12px}.card{padding:12px;border-radius:10px}.card-header{margin-bottom:10px}.card-title{font-size:14px}.data-table tbody td{padding:8px 6px;font-size:11px;max-width:120px}.data-table thead th{padding:6px;font-size:9px}.modal-overlay{padding:0}.modal-content{max-width:100%;min-height:100vh;border-radius:0;margin:0}.modal-header{padding:12px 14px}.modal-header h2{font-size:15px}.form{padding:12px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:13px}.notif-dropdown{position:fixed!important;top:56px!important;left:8px!important;right:8px!important;width:auto!important}.profile-dropdown{position:fixed!important;top:56px!important;right:8px!important;width:calc(100vw - 16px)!important;max-width:100%!important}.action-buttons{gap:2px}.action-buttons button{padding:4px 6px}.analytics-kpi-value{font-size:18px}.strategy-card,.pnl-card{padding:10px}.pnl-card-value,.report-stat-value{font-size:14px}.forecast-stat{padding:8px}.forecast-stat-value{font-size:14px}}.customers-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px}.summary-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-card)}.summary-pill-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.summary-pill-value{font-size:18px;font-weight:700;margin-top:4px;color:var(--text-primary);letter-spacing:-.02em}.filter-pills{display:inline-flex;gap:4px;background:var(--bg-elevated);padding:3px;border-radius:9px}.filter-pill{padding:5px 11px;font-size:11.5px;font-weight:500;color:var(--text-muted);border-radius:7px;border:none;background:transparent;cursor:pointer;transition:all .15s}.filter-pill:hover{color:var(--text-secondary)}.filter-pill.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #00000026}.customers-table tbody tr.row-clickable{cursor:pointer}.customers-table tbody tr.row-clickable:hover{background:var(--bg-elevated)}.customers-table tbody tr.row-warning{background:linear-gradient(90deg,rgba(249,115,22,.06),transparent 60%);box-shadow:inset 3px 0 0 var(--orange)}.customers-table tbody tr.row-warning:hover{background:linear-gradient(90deg,rgba(249,115,22,.1),var(--bg-elevated))}.cust-cell{display:flex;align-items:center;gap:11px}.cust-avatar{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent-light),var(--green));display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:#fff;flex-shrink:0;box-shadow:0 1px #ffffff2e inset}.cust-name{font-size:13px;line-height:1.25}.cust-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.cust-sales{display:inline-flex;align-items:center;gap:6px;font-size:12px}.cust-sales-amt{color:var(--text-muted);font-size:11px;margin-left:4px}.credit-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;letter-spacing:.02em;border-radius:999px;border:1px solid;text-transform:uppercase}.limit-bar{margin-top:5px;height:4px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.limit-bar-fill{height:100%;transition:width .3s ease}.form-section-divider{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--border)}.empty-state{padding:56px 20px;text-align:center;color:var(--text-muted);font-size:13px}.customer-detail .detail-back{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:12px;color:var(--text-muted);border-radius:7px;background:transparent;border:1px solid transparent;margin-bottom:16px;cursor:pointer;transition:all .15s}.customer-detail .detail-back:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;flex-wrap:wrap}.detail-header-main{display:flex;gap:16px;align-items:flex-start;min-width:0}.detail-header-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent-light),var(--green));color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px #fff3 inset}.detail-name{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);line-height:1.2;margin:0}.detail-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:12px;color:var(--text-muted)}.detail-meta span{display:inline-flex;align-items:center;gap:4px}.detail-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.detail-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:1px solid}.detail-wa-btn{background:#22c55e1a;border-color:#22c55e4d;color:var(--green)}.detail-wa-btn:hover{background:#22c55e2e;border-color:#22c55e73}.credit-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:18px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-card)}.summary-card-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.summary-card-value{font-size:21px;font-weight:700;margin-top:6px;color:var(--text-primary);letter-spacing:-.02em;line-height:1.15}.summary-card-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.summary-progress{margin-top:8px;height:4px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.summary-progress-bar{height:100%;transition:width .3s ease}.aging-card .aging-rows{display:flex;flex-direction:column;gap:4px;margin-top:8px}.aging-row{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;font-size:11.5px}.aging-dot{width:8px;height:8px;border-radius:50%}.aging-label{color:var(--text-secondary)}.aging-value{font-weight:600}.overdue-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:18px;background:linear-gradient(180deg,#f973161a,#f973160a);border:1px solid rgba(249,115,22,.32);border-radius:11px;color:var(--orange);font-size:12.5px}.detail-tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow-x:auto}.detail-tab{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;font-size:12.5px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;margin-bottom:-1px;white-space:nowrap}.detail-tab:hover{color:var(--text-secondary)}.detail-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-light)}.tab-count{font-size:10px;background:var(--bg-elevated);color:var(--text-muted);padding:1px 6px;border-radius:999px;min-width:16px;text-align:center}.detail-tab.active .tab-count{background:#6366f12e;color:var(--accent-light)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.overview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:14px 16px}.overview-card-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.overview-card-value{font-size:22px;font-weight:700;margin-top:6px;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15}.overview-card-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.ledger-table-wrap,.detail-tab-body table.data-table{overflow-x:auto}.detail-tab-body table.data-table{width:100%}.detail-tab-body table.data-table th{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.detail-tab-body table.data-table td{padding:11px 12px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle}.row-overdue{background:linear-gradient(90deg,rgba(249,115,22,.06),transparent 60%);box-shadow:inset 3px 0 0 var(--orange)}.pill{display:inline-block;padding:2px 8px;font-size:10.5px;font-weight:600;letter-spacing:.02em;border-radius:999px;text-transform:uppercase;border:1px solid}.pill-cash{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.pill-transfer{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.pill-tempo{color:var(--orange);background:#f973161a;border-color:#f9731652}.pill-mixed{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border)}.pill-qris,.pill-card{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.pill-other{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border)}.pill-completed{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.pill-pending{color:var(--orange);background:#f973161a;border-color:#f9731652}.pill-cancelled{color:var(--red);background:#ef44441a;border-color:#ef44444d}.pill-requested{color:var(--text-secondary);background:var(--bg-elevated);border-color:var(--border)}.pill-approved,.pill-restocked{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.pill-refunded{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.pill-rejected{color:var(--red);background:#ef44441a;border-color:#ef44444d}.pill-issued{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.pill-applied{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.pill-partially.applied,.pill-partially_applied{color:var(--orange);background:#f973161a;border-color:#f9731652}.pill-voided{color:var(--text-muted);background:var(--bg-elevated);border-color:var(--border)}.pill-return-sales{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.pill-return-damaged{color:var(--red);background:#ef44441a;border-color:#ef44444d}.pill-return-exchange{color:var(--orange);background:#f973161a;border-color:#f9731652}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.payment-method-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;cursor:pointer;transition:all .15s;color:var(--text-secondary)}.payment-method-card:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.payment-method-card.active{background:linear-gradient(180deg,#6366f126,#6366f10d);border-color:var(--accent-light);color:var(--text-primary);box-shadow:0 0 0 1px #6366f14d}.pm-label{font-size:13px;font-weight:600;margin-top:2px}.pm-desc{font-size:10.5px;color:var(--text-muted);letter-spacing:.01em}.payment-method-card.active .pm-desc{color:var(--text-secondary)}.credit-check-panel{padding:12px 14px;border-radius:11px;border:1px solid;margin-bottom:14px;font-size:12.5px}.credit-check-panel.tone-ok{background:#22c55e0f;border-color:#22c55e4d;color:var(--text-primary)}.credit-check-panel.tone-warn{background:#f9731612;border-color:#f9731652;color:var(--text-primary)}.credit-check-panel.tone-danger{background:#ef444412;border-color:#ef444457;color:var(--text-primary)}.ccp-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px}.tone-ok .ccp-header{color:var(--green)}.tone-warn .ccp-header{color:var(--orange)}.tone-danger .ccp-header{color:var(--red)}.ccp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-size:11.5px}.ccp-grid>div{display:flex;flex-direction:column;gap:2px}.ccp-grid>div span{color:var(--text-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}.ccp-grid>div strong{color:var(--text-primary);font-size:13px}.ccp-bar{margin-top:10px;height:5px;background:var(--bg-elevated);border-radius:5px;overflow:hidden}.ccp-bar-fill{height:100%;transition:width .3s ease}.ccp-msg{margin-top:10px;font-size:12px;padding:7px 10px;border-radius:7px;background:#0000002e;font-weight:500}.ccp-force{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;cursor:pointer;color:var(--text-muted)}.ccp-force input{width:14px;height:14px}.payment-invoice-summary{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.pis-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--text-secondary)}.pis-row strong{color:var(--text-primary)}.pis-row-strong{border-top:1px dashed var(--border);margin-top:6px;padding-top:8px;font-size:13px;font-weight:600}.quick-amount-row{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.quick-amount-btn{padding:4px 10px;font-size:11px;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.quick-amount-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--border-light)}.quick-amount-full{background:#6366f11a;border-color:#6366f152;color:var(--accent-light);flex:1;min-width:140px}.quick-amount-full:hover{background:#6366f12e;border-color:#6366f173}.payment-method-mini{display:flex;flex-wrap:wrap;gap:6px}.pm-mini{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:11.5px;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.pm-mini:hover{background:var(--bg-card);color:var(--text-primary)}.pm-mini.active{background:#6366f124;border-color:#6366f166;color:var(--accent-light)}.btn-pay-now{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;background:#6366f124;border:1px solid rgba(99,102,241,.34);color:var(--accent-light);border-radius:7px;cursor:pointer;transition:all .15s}.btn-pay-now:hover{background:#6366f13d;border-color:#6366f18c}.alert.alert-info{padding:10px 12px;font-size:12px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:var(--accent-light);border-radius:9px}@media (max-width: 600px){.payment-method-grid{grid-template-columns:1fr}.ccp-grid{grid-template-columns:repeat(2,1fr)}}.btn-return-now{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:600;background:#f973161a;border:1px solid rgba(249,115,22,.3);color:var(--orange);border-radius:7px;cursor:pointer;transition:all .15s}.btn-return-now:hover{background:#f973162e;border-color:#f9731673}.return-steps{display:flex;gap:8px;margin-bottom:18px}.return-step{flex:1;padding:9px 11px;font-size:11.5px;font-weight:600;letter-spacing:.02em;background:var(--bg-elevated);border:1px solid var(--border);border-radius:9px;color:var(--text-muted);text-align:center;position:relative}.return-step.done{background:#6366f11a;border-color:#6366f152;color:var(--accent-light)}.return-step.active{background:var(--accent-light);border-color:var(--accent-light);color:#fff}.invoice-search-results{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:9px}.invoice-result-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;text-align:left}.invoice-result-row:last-child{border-bottom:none}.invoice-result-row:hover{background:var(--bg-elevated)}.invoice-summary-card{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin-bottom:14px}.return-items-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto}.return-item-row{padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-card);transition:all .15s}.return-item-row.selected{background:#6366f10f;border-color:#6366f152}.return-item-pick{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.return-item-pick input[type=checkbox]{margin-top:2px;width:16px;height:16px;cursor:pointer}.return-item-controls{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.return-item-subtotal{text-align:right;align-self:end}.return-total-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-top:12px;background:var(--accent-dim);border-radius:10px;font-size:14px;font-weight:600}.return-total-bar strong{color:var(--accent);font-size:18px}.return-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.return-type-card{display:flex;flex-direction:column;gap:3px;padding:11px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;cursor:pointer;transition:all .15s;text-align:left;color:var(--text-secondary)}.return-type-card:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.return-type-card.active{background:linear-gradient(180deg,#6366f124,#6366f10a);border-color:var(--accent-light);color:var(--text-primary);box-shadow:0 0 0 1px #6366f14d}.rt-label{font-size:13px;font-weight:600}.rt-desc{font-size:11px;color:var(--text-muted)}.return-summary-recap{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 18px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;margin-top:8px}.return-summary-recap>div{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.return-summary-recap>div strong{color:var(--text-primary)}.type-tag{display:inline-block;padding:2px 8px;font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-radius:5px;border:1px solid;background:transparent}.return-actions-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin:14px 0;background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.return-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;background:transparent;border:1px solid;border-radius:8px;cursor:pointer;transition:all .15s}.return-action-btn:hover{background:var(--bg-elevated)}.return-action-btn:disabled{opacity:.5;cursor:not-allowed}.return-notes{margin-top:14px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}@media (max-width: 600px){.return-type-grid{grid-template-columns:1fr}.return-item-controls{grid-template-columns:1fr 1fr}.return-summary-recap{grid-template-columns:1fr}}.receivables-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px 20px;margin:18px 0 22px;box-shadow:var(--shadow-card)}.rcv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.rcv-title{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}.rcv-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:all .15s}.rcv-link:hover{background:var(--bg-elevated);color:var(--accent-light);border-color:var(--border)}.rcv-loading{padding:20px;font-size:12px;color:var(--text-muted);text-align:center}.rcv-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}.rcv-tile{display:flex;flex-direction:column;gap:4px;padding:11px 13px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;text-align:left;cursor:default;transition:all .15s}.rcv-tile.clickable{cursor:pointer}.rcv-tile.clickable:hover{background:var(--bg-card);border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.rcv-tile-head{display:inline-flex;align-items:center;gap:6px}.rcv-tile-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.rcv-tile-value{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.15;margin-top:2px}.rcv-tile-hint{font-size:11px;color:var(--text-muted)}.rcv-aging-chart{padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px}.rcv-aging-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.rcv-aging-bars{display:flex;flex-direction:column;gap:7px}.rcv-aging-row{display:grid;grid-template-columns:90px 1fr 80px;align-items:center;gap:10px;font-size:11.5px}.rcv-aging-label{color:var(--text-secondary)}.rcv-aging-track{height:8px;background:var(--surface-soft);border-radius:4px;overflow:hidden}.rcv-aging-fill{height:100%;border-radius:4px;transition:width .4s ease}.rcv-aging-value{text-align:right;font-weight:600;font-size:12px;font-variant-numeric:tabular-nums}.rcv-pending-banner{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;background:#f973161a;border:1px solid rgba(249,115,22,.3);color:var(--orange);border-radius:9px;cursor:pointer;transition:all .15s}.rcv-pending-banner:hover{background:#f973162e;border-color:#f9731673}@media (max-width: 600px){.rcv-tiles{grid-template-columns:1fr 1fr}.rcv-aging-row{grid-template-columns:70px 1fr 70px}}.risk-meter{margin-top:8px;height:5px;background:var(--bg-elevated);border-radius:5px;overflow:hidden}.risk-meter-fill{height:100%;transition:width .4s ease;border-radius:5px}.risk-card.risk-high{background:linear-gradient(180deg,rgba(239,68,68,.06),var(--bg-card));border-color:#ef444440}.risk-card.risk-medium{background:linear-gradient(180deg,rgba(249,115,22,.06),var(--bg-card));border-color:#f9731640}.risk-card.risk-low{background:linear-gradient(180deg,rgba(34,197,94,.05),var(--bg-card));border-color:#22c55e33}.notes-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;padding:12px 14px;margin-bottom:16px}.notes-form textarea{width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:13px;color:var(--text-primary);resize:vertical;min-height:64px;font-family:inherit}.notes-form textarea:focus{outline:none;border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d}.notes-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px;flex-wrap:wrap;gap:10px}.notes-pin-toggle{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-muted);cursor:pointer}.notes-pin-toggle input{width:14px;height:14px}.notes-list{display:flex;flex-direction:column;gap:8px}.note-card{background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:11px 13px;transition:all .15s}.note-card:hover{background:var(--bg-elevated)}.note-card.pinned{background:linear-gradient(180deg,rgba(99,102,241,.06),var(--bg-card));border-color:#6366f14d}.note-body{font-size:13px;color:var(--text-primary);line-height:1.5;white-space:pre-wrap}.note-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:7px;border-top:1px dashed var(--border);font-size:10.5px;color:var(--text-muted)}.note-actions{display:inline-flex;gap:4px}.note-action{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.note-action:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border)}.fin-page{padding-bottom:60px}.fin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;flex-wrap:wrap}.fin-header-main{min-width:0;flex:1}.fin-header-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);opacity:.8}.fin-header-title{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin:6px 0 4px}.fin-header-sub{font-size:13px;color:var(--text-muted);max-width:600px;letter-spacing:-.005em;line-height:1.5}.fin-header-period{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:11.5px;color:var(--text-secondary);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:5px 11px}.fin-header-vs{margin-left:10px;padding-left:10px;border-left:1px solid var(--border);color:var(--text-muted);font-style:italic}.fin-header-actions{display:flex;gap:8px;align-items:center}.fin-filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px}.fin-presets{display:inline-flex;gap:3px;background:var(--bg-elevated);padding:3px;border-radius:8px}.fin-preset-btn{padding:5px 12px;font-size:11.5px;font-weight:500;background:transparent;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s}.fin-preset-btn:hover{color:var(--text-secondary)}.fin-preset-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0000002e}.fin-date-range{display:inline-flex;align-items:center;gap:6px}.fin-date-range input[type=date]{padding:5px 9px;font-size:11.5px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:7px;color:var(--text-primary)}.fin-date-dash{color:var(--text-muted);font-size:11px}.fin-compare-toggle{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:11.5px;color:var(--text-secondary);cursor:pointer}.fin-compare-toggle input{width:14px;height:14px}.fin-segmented{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:4px;margin-bottom:18px;overflow-x:auto;width:100%;flex-wrap:wrap;gap:2px}.fin-segment{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap;flex:1;justify-content:center}.fin-segment:hover{color:var(--text-secondary)}.fin-segment.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 1px #ffffff0f inset,0 1px 4px #0003}.fin-card{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-card)}.fin-card-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px;gap:16px;flex-wrap:wrap}.fin-card-title{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.fin-card-sub{font-size:11.5px;color:var(--text-muted);margin-top:3px}.fin-card-sub-vs{margin-left:8px;color:var(--accent-light)}.fin-legend{display:inline-flex;gap:12px;font-size:11px;color:var(--text-muted)}.fin-legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:-1px}.fin-pill{display:inline-block;padding:3px 9px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:1px solid}.fin-pill.pos{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.fin-pill.neg{color:var(--red);background:#ef44441a;border-color:#ef44444d}.fin-pill-paid{color:var(--green);background:#22c55e1a;border-color:#22c55e4d}.fin-pill-tempo{color:var(--accent-light);background:#6366f11a;border-color:#6366f14d}.fin-pill-overdue{color:var(--orange);background:#f973161a;border-color:#f9731652}.fin-pill-on_hold{color:var(--orange);background:#f9731614;border-color:#f973164d}.fin-pill-blocked{color:var(--red);background:#ef44441f;border-color:#ef444457}.fin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:10px;margin-bottom:16px}.fin-kpi{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:all .15s}.fin-kpi:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.fin-kpi.highlight{background:linear-gradient(180deg,rgba(99,102,241,.06),var(--bg-card));border-color:#6366f140}.fin-kpi-head{display:inline-flex;align-items:center;gap:6px}.fin-kpi-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:var(--bg-elevated)}.fin-kpi-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.fin-kpi-value{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}.fin-kpi-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted)}.fin-kpi-trend{font-weight:600;font-size:11px;padding:1px 7px;border-radius:5px;letter-spacing:.01em}.fin-kpi-trend.good{color:var(--green);background:#22c55e1a}.fin-kpi-trend.bad{color:var(--red);background:#ef44441a}.fin-kpi-spark{margin-top:2px;margin-left:-4px;margin-right:-4px;opacity:.85}.fin-pnl-card{padding-bottom:22px}.pnl-statement-v2{font-variant-numeric:tabular-nums;font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);font-size:12.5px}.pnl-row{display:grid;grid-template-columns:1fr 160px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--border);gap:12px}.pnl-row.pnl-row-header{border-bottom:1px solid var(--border-light);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-sans, inherit);padding-bottom:8px}.pnl-row .pnl-label{color:var(--text-secondary);padding-left:14px}.pnl-row .pnl-amount{text-align:right;color:var(--text-primary);font-weight:500}.pnl-row .pnl-amount-prev{text-align:right;color:var(--text-muted)}.pnl-row .pnl-trend-cell{text-align:right;font-size:11px;color:var(--text-muted)}.pnl-row .pnl-trend-cell.good{color:var(--green)}.pnl-row .pnl-trend-cell.bad{color:var(--red)}.pnl-row.muted .pnl-label,.pnl-row.muted .pnl-amount{color:var(--text-muted);font-style:italic}.pnl-section{margin-top:4px}.pnl-section-label{font-family:var(--font-sans, inherit);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:14px 0 6px;border-left:2px solid var(--accent-light);padding-left:10px}.pnl-row.pnl-subtotal{background:var(--bg-elevated);border-radius:6px;border-bottom:2px solid var(--border-light);padding:9px 4px;margin:4px 0;font-weight:600}.pnl-row.pnl-subtotal .pnl-label{color:var(--text-primary);padding-left:8px}.pnl-row.pnl-subtotal .pnl-amount{font-weight:700}.pnl-row.pnl-subtotal.highlight{background:linear-gradient(90deg,#6366f11a,#6366f10a);border-color:#6366f140}.pnl-row.pnl-subtotal.highlight .pnl-amount{color:var(--accent-light)}.pnl-row.pnl-final{margin-top:14px;padding:14px 4px;border-top:2px double var(--text-secondary);border-bottom:2px double var(--text-secondary);font-size:14px;font-weight:700;font-family:var(--font-sans, inherit)}.pnl-row.pnl-final .pnl-label{font-weight:700;letter-spacing:.06em;padding-left:4px}.pnl-row.pnl-final.pos .pnl-amount{color:var(--green)}.pnl-row.pnl-final.neg .pnl-amount{color:var(--red)}.pnl-margin-row{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.margin-pill{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg-elevated)}.margin-pill.good{border-color:#22c55e52;background:#22c55e0f}.margin-pill.bad{border-color:#ef444452;background:#ef44440f}.margin-pill-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.margin-pill-value{font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--text-primary)}.fin-cashflow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.fin-cf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.fin-cf-card.cf-in{border-color:#22c55e4d;background:linear-gradient(180deg,rgba(34,197,94,.06),var(--bg-card))}.fin-cf-card.cf-out{border-color:#ef444447;background:linear-gradient(180deg,rgba(239,68,68,.05),var(--bg-card))}.fin-cf-card.cf-net{border-color:#6366f14d;background:linear-gradient(180deg,rgba(99,102,241,.05),var(--bg-card))}.fin-cf-card.cf-pos{border-color:#22c55e57;background:linear-gradient(180deg,rgba(34,197,94,.08),var(--bg-card))}.fin-cf-card.cf-neg{border-color:#ef444457;background:linear-gradient(180deg,rgba(239,68,68,.08),var(--bg-card))}.cf-icon{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-secondary)}.cf-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-top:8px}.cf-value{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-top:4px}.cf-hint{font-size:11px;color:var(--text-muted);margin-top:3px}.ar-aging-bars{display:flex;flex-direction:column;gap:8px}.ar-aging-row{display:grid;grid-template-columns:100px 1fr 110px;align-items:center;gap:12px;font-size:12px}.ar-aging-label{font-weight:600}.ar-aging-track{height:10px;background:var(--bg-elevated);border-radius:5px;overflow:hidden}.ar-aging-fill{height:100%;transition:width .4s ease;border-radius:5px}.ar-aging-val{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.ap-empty{text-align:center;padding:36px 20px}.ap-empty-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--text-muted)}.ap-empty h3{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.ap-empty p{font-size:13px;color:var(--text-muted);max-width:460px;margin:0 auto 20px;line-height:1.55}.ap-empty-roadmap{display:inline-block;text-align:left;background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;padding:12px 16px;font-size:12px;color:var(--text-secondary)}.ap-empty-roadmap span{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px}.ap-empty-roadmap ul{margin:0;padding-left:18px}.ap-empty-roadmap li{padding:2px 0}.ap-empty-roadmap code{background:var(--bg-card);padding:1px 5px;border-radius:4px;font-size:11px;color:var(--accent-light)}.fin-insights{display:flex;flex-direction:column;gap:6px}.fin-insight{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:9px;border:1px solid;font-size:12px}.fin-insight.tone-good{background:#22c55e0f;border-color:#22c55e47;color:var(--text-primary)}.fin-insight.tone-warn{background:#f9731612;border-color:#f973164d;color:var(--text-primary)}.fin-insight.tone-bad{background:#ef444412;border-color:#ef44444d;color:var(--text-primary)}.fin-insight svg{flex-shrink:0;margin-top:2px}.fin-insight.tone-good svg{color:var(--green)}.fin-insight.tone-warn svg{color:var(--orange)}.fin-insight.tone-bad svg{color:var(--red)}.fin-insight-title{font-weight:600;font-size:12.5px}.fin-insight-body{font-size:11.5px;color:var(--text-muted);margin-top:2px}.fin-table th{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border)}.fin-table td{padding:10px 12px;font-size:12.5px;border-bottom:1px solid var(--border)}.fin-bar{width:80px;height:5px;background:var(--bg-elevated);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}.fin-bar-fill{height:100%;background:var(--accent-light)}.fin-empty{padding:36px 20px;text-align:center;font-size:13px;color:var(--text-muted)}@media (max-width: 720px){.fin-header{flex-direction:column;align-items:flex-start}.fin-header-actions{width:100%}.fin-segment{padding:8px 10px;font-size:11px}.fin-segment span{display:none}.pnl-row{grid-template-columns:1fr 110px}.ar-aging-row{grid-template-columns:80px 1fr 90px}}.recon-card{background:linear-gradient(180deg,rgba(99,102,241,.06),var(--bg-card));border:1px solid rgba(99,102,241,.22);border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow-card)}.recon-card.recon-compact{padding:14px 16px;background:var(--bg-card);border-color:var(--border)}.recon-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}.recon-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);opacity:.85}.recon-title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin-top:4px}.recon-vs{font-size:14px;font-weight:500;color:var(--text-muted);margin:0 6px;font-style:italic}.recon-sub{font-size:12px;color:var(--text-muted);margin-top:4px}.recon-rate{text-align:right;min-width:180px}.recon-rate-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.recon-rate-value{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;margin-top:2px;line-height:1}.recon-rate-bar{height:5px;background:var(--bg-elevated);border-radius:5px;overflow:hidden;margin-top:8px}.recon-rate-fill{height:100%;border-radius:5px;transition:width .4s ease}.recon-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;flex-wrap:wrap}.recon-step{flex:1;min-width:130px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;text-align:center;position:relative}.recon-step-gross{border-color:#6366f14d;background:linear-gradient(180deg,rgba(99,102,241,.08),var(--bg-elevated))}.recon-step-net{border-color:#38bdf84d;background:linear-gradient(180deg,rgba(56,189,248,.06),var(--bg-elevated))}.recon-step-cash{border-color:#22c55e52;background:linear-gradient(180deg,rgba(34,197,94,.08),var(--bg-elevated))}.recon-step-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.recon-step-value{font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}.recon-step-hint{font-size:10.5px;color:var(--text-muted);margin-top:4px;font-style:italic}.recon-arrow{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--orange);padding:0 6px;white-space:nowrap}.recon-arrow small{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:500;font-style:italic;margin-top:2px}.recon-footer{display:flex;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px dashed var(--border);flex-wrap:wrap}.recon-stat{display:flex;flex-direction:column;gap:2px}.recon-stat-label{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.recon-stat-value{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.recon-compact-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}@media (max-width: 720px){.recon-flow{gap:6px}.recon-step{min-width:100%}.recon-arrow{transform:rotate(90deg);padding:4px 0;align-self:center}.recon-step-value{font-size:17px}.recon-rate{width:100%;text-align:left}}.cat-page{padding-bottom:60px}.cat-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;flex-wrap:wrap}.cat-hero-main{min-width:0;flex:1}.cat-hero-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);opacity:.85}.cat-hero-title{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin:6px 0 4px}.cat-hero-sub{font-size:13px;color:var(--text-muted);max-width:580px;line-height:1.55}.cat-hero-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cat-btn-ghost{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;font-size:11.5px;font-weight:500;background:transparent;border:1px solid var(--border);color:var(--text-secondary);border-radius:9px;cursor:pointer;transition:all .15s}.cat-btn-ghost:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.cat-btn-ghost.active{background:#6366f124;border-color:#6366f166;color:var(--accent-light)}.cat-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border:1px solid var(--accent);border-radius:9px;cursor:pointer;transition:all .15s;box-shadow:0 1px #ffffff2e inset,0 4px 14px #6366f14d}.cat-btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px #ffffff38 inset,0 6px 18px #6366f166}.cat-btn-danger{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;background:#ef44441f;color:var(--red);border:1px solid rgba(239,68,68,.34);border-radius:8px;cursor:pointer;transition:all .15s}.cat-btn-danger:hover{background:#ef444433}.cat-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.cat-kpi{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .15s}.cat-kpi:hover{border-color:var(--border-light)}.cat-kpi-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--accent-light);flex-shrink:0}.cat-kpi-meta{display:flex;flex-direction:column;gap:1px}.cat-kpi-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.cat-kpi-value{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.cat-toolbar{position:sticky;top:0;z-index:20;background:linear-gradient(180deg,var(--bg) 60%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:12px 0 10px;margin-bottom:6px}.cat-toolbar-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.cat-toolbar-spacer{flex:1;min-width:12px}.cat-search{position:relative;display:flex;align-items:center;gap:8px;flex:1;min-width:260px;max-width:480px;padding:0 11px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:all .15s}.cat-search:focus-within{border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d}.cat-search>svg{color:var(--text-muted);flex-shrink:0}.cat-search input{flex:1;background:transparent;border:none;padding:9px 0;font-size:12.5px;color:var(--text-primary);outline:none}.cat-search input::-moz-placeholder{color:var(--text-muted)}.cat-search input::placeholder{color:var(--text-muted)}.cat-search-clear{width:18px;height:18px;border-radius:50%;background:var(--bg-elevated);border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cat-sort{display:inline-flex;align-items:center;gap:6px;padding:0 10px 0 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:9px}.cat-sort>svg{color:var(--text-muted)}.cat-sort select{background:transparent;border:none;padding:8px 4px 8px 0;font-size:11.5px;color:var(--text-primary);cursor:pointer;outline:none}.cat-sort select option{background:var(--bg-card)}.cat-view-toggle{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:9px;padding:3px}.cat-view-toggle button{width:30px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .15s}.cat-view-toggle button:hover{color:var(--text-secondary)}.cat-view-toggle button.active{background:var(--bg-elevated);color:var(--accent-light);box-shadow:0 1px 2px #0000002e}.cat-cat-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.cat-cat-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;font-size:11.5px;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;cursor:pointer;transition:all .15s;white-space:nowrap}.cat-cat-pill:hover{background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.cat-cat-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 4px 12px #6366f140}.cat-cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cat-cat-pill.active .cat-cat-dot{display:none}.cat-cat-count{font-size:10.5px;padding:1px 6px;border-radius:999px;background:var(--bg-elevated);color:var(--text-muted);font-weight:600}.cat-cat-pill.active .cat-cat-count{background:#fff3;color:#fff}.cat-sku-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.cat-sku-select{position:relative;display:inline-flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:0 8px 0 11px;transition:all .15s}.cat-sku-select:hover{background:var(--bg-elevated);border-color:var(--border-light)}.cat-sku-select.active{background:#6366f11a;border-color:#6366f15c}.cat-sku-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:6px 18px 6px 0;font-size:11px;color:var(--text-primary);cursor:pointer;outline:none;font-weight:500}.cat-sku-select.active select{color:var(--accent-light)}.cat-sku-select>svg{position:absolute;right:7px;pointer-events:none;color:var(--text-muted)}.cat-reset{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:500;background:transparent;border:1px dashed var(--border-light);color:var(--text-muted);border-radius:8px;cursor:pointer;transition:all .15s}.cat-reset:hover{border-style:solid;border-color:var(--red);color:var(--red)}.cat-active-chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.cat-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 9px;font-size:10.5px;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:999px;color:var(--accent-light);font-weight:500}.cat-chip-key{color:var(--text-muted);font-size:10px}.cat-chip-sep{color:var(--text-muted)}.cat-chip-val{font-weight:600}.cat-chip button{margin-left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface-input);border:none;color:var(--accent-light);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.cat-chip button:hover{background:#6366f14d}.cat-result-bar{display:flex;justify-content:space-between;align-items:center;margin:10px 0 14px;padding:0 4px}.cat-result-text{font-size:12.5px;color:var(--text-secondary)}.cat-result-text strong{color:var(--text-primary)}.cat-result-hint{color:var(--text-muted)}.cat-bulk-quick{display:inline-flex;gap:6px;font-size:11.5px}.cat-link-btn{background:none;border:none;color:var(--accent-light);cursor:pointer;font-size:11.5px;font-weight:500}.cat-link-btn:hover{text-decoration:underline}.cat-bulk-bar{position:sticky;top:80px;z-index:25;display:flex;justify-content:space-between;align-items:center;padding:10px 14px;margin-bottom:12px;background:linear-gradient(180deg,#6366f129,#6366f114);border:1px solid rgba(99,102,241,.36);border-radius:11px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12.5px;color:var(--text-primary)}.cat-bulk-actions{display:inline-flex;gap:6px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.cat-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;background:linear-gradient(180deg,var(--bg-card),var(--bg-card));border:1px solid var(--border);border-radius:14px;transition:all .18s ease;overflow:hidden}.cat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);pointer-events:none}.cat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d,0 0 0 1px #6366f133}.cat-card.bulk{cursor:pointer}.cat-card.selected{border-color:var(--accent-light);box-shadow:0 0 0 1px var(--accent-light),0 8px 22px #6366f133;background:linear-gradient(180deg,rgba(99,102,241,.06),var(--bg-card))}.cat-card.stock-out{opacity:.85}.cat-card.stock-out:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--red)}.cat-card.stock-low:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--orange)}.cat-card-top{display:flex;align-items:center;gap:9px}.cat-card-check{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s}.cat-card-check:hover{color:var(--accent-light);border-color:var(--accent-light)}.cat-card-avatar{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em;flex-shrink:0;box-shadow:0 1px #fff3 inset,0 2px 4px #0003}.cat-card-cat{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:1px solid;border-radius:5px}.cat-card-stock-pill{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:2px 9px 2px 7px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:1px solid}.cat-stock-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cat-card-body{display:flex;flex-direction:column;gap:3px}.cat-card-name{font-size:14.5px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}.cat-card-sku{font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);font-size:10.5px;color:var(--text-muted);letter-spacing:.02em}.cat-card-attrs{display:flex;flex-wrap:wrap;gap:4px}.cat-attr{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);letter-spacing:.01em}.cat-attr svg{color:var(--text-muted)}.cat-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:10px;margin-top:auto;border-top:1px solid var(--border)}.cat-card-stat-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px}.cat-card-price{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);line-height:1.1}.cat-card-stock-block{display:flex;flex-direction:column;gap:3px}.cat-card-meter{height:4px;background:var(--bg-elevated);border-radius:2px;overflow:hidden}.cat-card-meter-fill{height:100%;border-radius:2px;transition:width .3s ease}.cat-card-min{font-size:9.5px;color:var(--text-muted);letter-spacing:.02em}.cat-card-actions{display:flex;gap:5px;opacity:0;transform:translateY(4px);transition:all .18s ease;margin-top:6px;position:relative}.cat-card:hover .cat-card-actions{opacity:1;transform:translateY(0)}.cat-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:1;padding:6px 10px;font-size:11px;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:7px;cursor:pointer;transition:all .15s}.cat-action-btn:hover{background:var(--bg-card);border-color:var(--accent-light);color:var(--accent-light)}.cat-action-btn.cat-action-secondary{flex:0 0 30px;padding:6px 8px}.cat-menu-wrap{position:relative}.cat-menu{position:absolute;bottom:calc(100% + 4px);right:0;min-width:170px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 8px 28px #0000006b;z-index:30;display:flex;flex-direction:column;gap:1px}.cat-menu button{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:11.5px;background:transparent;border:none;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:6px;transition:all .15s}.cat-menu button:hover{background:var(--bg-elevated);color:var(--text-primary)}.cat-menu-sep{height:1px;background:var(--border);margin:3px 6px}.cat-menu-danger{color:var(--red)!important}.cat-menu-danger:hover{background:#ef44441a!important}.cat-card-bulk-hint{font-size:10.5px;text-align:center;color:var(--text-muted);padding:4px 0;border-top:1px dashed var(--border);margin-top:4px;font-style:italic}.cat-list-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.cat-list{width:100%}.cat-list th{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:11px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.cat-list td{padding:11px 12px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle}.cat-list tr:last-child td{border-bottom:none}.cat-list tbody tr:hover{background:var(--bg-elevated)}.cat-list tbody tr.row-selected{background:#6366f114;box-shadow:inset 3px 0 0 var(--accent-light)}.cat-list-prod{display:flex;align-items:center;gap:9px}.cat-list-avatar{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.cat-list-name{font-weight:500;color:var(--text-primary)}.cat-list-sku{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);background:var(--bg-elevated);padding:2px 7px;border-radius:4px}.cat-list-cat{display:inline-block;padding:2px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:transparent;border:1px solid;border-radius:5px}.cat-list-actions{display:inline-flex;gap:4px}.cat-empty{text-align:center;padding:56px 20px;background:var(--bg-card);border:1px dashed var(--border-light);border-radius:14px}.cat-empty-icon{width:56px;height:56px;margin:0 auto 14px;border-radius:14px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cat-empty h3{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.cat-empty p{font-size:13px;color:var(--text-muted);max-width:380px;margin:0 auto;line-height:1.55}.cat-skel-hero{margin-bottom:18px}.skel{background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--bg-card) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 720px){.cat-hero{flex-direction:column;align-items:flex-start}.cat-hero-actions{width:100%}.cat-toolbar{position:static}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.cat-card{padding:12px;gap:8px}.cat-card-name{font-size:13.5px;min-height:34px}.cat-card-price{font-size:15px}}.cat-toolbar-v2{position:sticky;top:0;z-index:20;background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:4px;margin-bottom:12px;box-shadow:0 1px #ffffff08 inset,0 4px 14px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cat-toolbar-v2 .cat-toolbar-row{display:flex;align-items:center;gap:10px;padding:10px 12px;flex-wrap:wrap}.cat-toolbar-v2 .cat-toolbar-row.primary{border-bottom:1px solid var(--border);margin-bottom:0}.cat-toolbar-v2 .cat-toolbar-row.category{border-bottom:1px solid var(--border);padding:9px 12px}.cat-toolbar-v2 .cat-toolbar-row.attributes{padding:9px 12px}.cat-toolbar-label{font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);width:64px;flex-shrink:0;padding-top:2px}.cat-toolbar-actions{display:inline-flex;align-items:center;gap:6px}.cat-control-group{display:inline-flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:9px;padding:2px;height:32px}.cat-control-divider{width:1px;height:16px;background:var(--border);flex-shrink:0}.cat-control-divider.tall{height:20px;margin:0 4px}.cat-toolbar-v2 .cat-search{height:32px;padding:0 11px;background:var(--bg-elevated);border:1px solid var(--border);flex:1;min-width:240px;max-width:460px}.cat-toolbar-v2 .cat-search:focus-within{background:var(--bg-card);border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d}.cat-toolbar-v2 .cat-search input{font-size:12px}.cat-toolbar-v2 .cat-sort{border:none;background:transparent;padding:0 8px 0 9px;height:28px}.cat-toolbar-v2 .cat-sort select{font-size:11px;padding:0 4px 0 0}.cat-toolbar-v2 .cat-view-toggle{border:none;background:transparent;padding:0;height:28px;gap:1px}.cat-toolbar-v2 .cat-view-toggle button{width:28px;height:28px}.cat-toolbar-v2 .cat-btn-ghost{height:32px;padding:0 11px}.cat-toolbar-v2 .cat-cat-row{flex:1;margin-bottom:0;gap:5px}.cat-toolbar-v2 .cat-cat-pill{height:28px;padding:0 11px;font-size:11px;border-radius:999px}.cat-toolbar-v2 .cat-cat-count{font-size:9.5px;padding:1px 6px}.cat-toolbar-v2 .cat-attr-row{display:flex;flex:1;flex-wrap:wrap;align-items:center;gap:5px}.cat-attr-select{position:relative;display:inline-flex;align-items:center;height:28px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:0 22px 0 12px;transition:all .15s ease}.cat-attr-select:hover{background:var(--bg-card);border-color:var(--border-light)}.cat-attr-select.active{background:#6366f124;border-color:#6366f173;padding-right:28px}.cat-attr-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:0;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;outline:none;height:100%}.cat-attr-select.active select{color:var(--accent-light);font-weight:600}.cat-attr-select>svg{position:absolute;right:9px;pointer-events:none;color:var(--text-muted);transition:opacity .15s}.cat-attr-select.active>svg{opacity:0}.cat-attr-clear{position:absolute;right:6px;width:16px;height:16px;border-radius:50%;background:#6366f138;border:none;color:var(--accent-light);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.cat-attr-clear:hover{background:#6366f16b;transform:scale(1.1)}.cat-active-summary{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.cat-active-label{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-right:2px}.cat-toolbar-v2 .cat-chip{height:22px;padding:0 4px 0 9px}.cat-toolbar-v2 .cat-reset{height:26px;padding:0 10px;font-size:10.5px;margin-left:auto}.cat-toolbar-v2 .cat-reset:hover{border-color:var(--red)}.cat-result-bar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 14px;padding:0 6px}.cat-result-text strong{font-size:14px;font-weight:700;font-family:var(--font-display);color:var(--text-primary);margin-right:4px}.cat-toolbar{display:none}@media (max-width: 720px){.cat-toolbar-v2{position:static}.cat-toolbar-v2 .cat-toolbar-row{flex-direction:column;align-items:stretch}.cat-toolbar-v2 .cat-toolbar-row.primary{flex-direction:column;gap:8px}.cat-toolbar-v2 .cat-search{max-width:100%}.cat-toolbar-v2 .cat-toolbar-actions{justify-content:space-between}.cat-toolbar-label{width:100%;padding-bottom:4px}.cat-toolbar-v2 .cat-attr-row{width:100%}}.cat-page .cat-hero-actions .cat-kpi{padding:8px 12px;gap:8px;background:var(--bg-card);border:1px solid var(--border)}.cat-page .cat-hero-actions .cat-kpi-icon{width:26px;height:26px}.cat-page .cat-hero-actions .cat-kpi-value{font-size:16px}.cat-page .cat-hero-actions .cat-kpi-label{font-size:9.5px}.cat-page>.cat-kpi-row{display:none}.cat-shell{display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;align-items:flex-start}.cat-shell:has(.cat-sidebar.collapsed){grid-template-columns:44px minmax(0,1fr)}.cat-sidebar{position:sticky;top:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:13px;max-height:calc(100vh - 24px);overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column}.cat-sidebar::-webkit-scrollbar{width:6px}.cat-sidebar::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.cat-sidebar.collapsed{width:44px;align-items:center;padding:8px 0}.cat-sidebar-collapse-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;width:36px;background:transparent;border:none;color:var(--accent-light);cursor:pointer;border-radius:7px;transition:all .15s}.cat-sidebar-collapse-btn:hover{background:var(--bg-elevated)}.cat-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.cat-sidebar-title{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:-.005em;color:var(--text-primary)}.cat-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;font-size:10px;font-weight:700;background:var(--accent);color:#fff;border-radius:999px}.cat-sidebar-collapse{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);border-radius:6px;cursor:pointer}.cat-sidebar-collapse:hover{background:var(--bg-elevated);color:var(--text-primary)}.cat-side-section{border-bottom:1px solid var(--border)}.cat-side-section:last-of-type{border-bottom:none}.cat-side-section-head{display:flex;align-items:center;width:100%;padding:10px 14px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;transition:all .15s}.cat-side-section-head:hover{background:var(--bg-elevated);color:var(--text-primary)}.cat-side-section-label{flex:1;text-align:left}.cat-side-section-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;font-size:9.5px;font-weight:700;background:#6366f133;color:var(--accent-light);border-radius:999px;margin-right:6px;letter-spacing:0;text-transform:none}.cat-side-section-body{padding:4px 8px 12px;display:flex;flex-direction:column;gap:1px}.cat-side-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:transparent;border:none;border-radius:7px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:all .15s;text-align:left}.cat-side-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.cat-side-item.active{background:#6366f124;color:var(--accent-light);font-weight:600}.cat-side-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.cat-side-label{flex:1;line-height:1.3}.cat-side-count{font-size:10.5px;color:var(--text-muted);font-weight:500;font-variant-numeric:tabular-nums}.cat-side-item.active .cat-side-count{color:var(--accent-light);background:#6366f133;padding:1px 6px;border-radius:999px;font-weight:600}.cat-sidebar-footer{position:sticky;bottom:0;padding:10px;background:var(--bg-card);border-top:1px solid var(--border)}.cat-sidebar-reset{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px 12px;font-size:11.5px;font-weight:500;background:transparent;border:1px dashed rgba(239,68,68,.4);color:var(--red);border-radius:9px;cursor:pointer;transition:all .15s}.cat-sidebar-reset:hover{background:#ef44441a;border-style:solid}.cat-main{display:flex;flex-direction:column;gap:12px;min-width:0}.cat-action-bar{position:sticky;top:12px;z-index:18;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px #ffffff08 inset,0 4px 14px #0000002e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap}.cat-action-bar .cat-search{flex:1;min-width:220px;height:32px;background:var(--bg-elevated);border:1px solid var(--border)}.cat-action-bar .cat-search:focus-within{background:var(--bg-card);border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d}.cat-action-right{display:inline-flex;align-items:center;gap:6px}.cat-action-divider{width:1px;height:18px;background:var(--border);margin:0 2px}.cat-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:9px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.cat-icon-btn:hover{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}.cat-action-bar .cat-btn-primary{height:32px;padding:0 13px}.cat-action-bar .cat-btn-ghost{height:32px;padding:0 11px}.cat-action-bar .cat-control-group{height:32px;padding:2px}.cat-sidebar-show{position:relative;flex-shrink:0}.cat-main .cat-result-bar{padding:0 6px;margin:0}.cat-main .cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}@media (max-width: 980px){.cat-shell{grid-template-columns:1fr}.cat-shell:has(.cat-sidebar.collapsed){grid-template-columns:1fr}.cat-sidebar{position:static;max-height:none}.cat-sidebar.collapsed{width:100%;flex-direction:row;padding:8px}}html,body,#root{max-width:100%;overflow-x:hidden}.app-layout,.main-area,.content,.content-inner{min-width:0;max-width:100%}img,svg,video,table{max-width:100%}@supports (padding: env(safe-area-inset-bottom)){.sidebar{padding-left:env(safe-area-inset-left)}.header{padding-right:env(safe-area-inset-right)}}.cat-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity .25s ease}.cat-shell.mobile-filter-open .cat-mobile-overlay{opacity:1;pointer-events:auto}.cat-mobile-filter-btn,.cat-sidebar-mobile-close{display:none}@media (max-width: 1024px){.cat-shell{grid-template-columns:220px minmax(0,1fr);gap:14px}.cat-shell:has(.cat-sidebar.collapsed){grid-template-columns:44px minmax(0,1fr)}.cat-main .cat-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.cat-hero{flex-direction:column;align-items:stretch;gap:14px}.cat-hero-actions{flex-wrap:wrap}.detail-header-actions{flex-wrap:wrap;gap:6px}.fin-header{flex-direction:column;align-items:stretch}.fin-header-actions{flex-wrap:wrap}.recon-step{padding:10px 12px;min-width:110px}.recon-step-value{font-size:17px}.recon-arrow{padding:0 4px;font-size:11px}}@media (max-width: 768px){.cat-shell{grid-template-columns:1fr!important;gap:12px}.cat-shell:has(.cat-sidebar.collapsed){grid-template-columns:1fr}.cat-mobile-overlay{display:block}.cat-sidebar{position:fixed!important;top:0!important;left:0;transform:translate(-100%);width:86vw;max-width:320px;height:100vh;max-height:100vh;z-index:95;border-radius:0 16px 16px 0;border-right:1px solid var(--border);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:0 0 40px #0006}.cat-sidebar.mobile-open{transform:translate(0)}.cat-sidebar.collapsed{width:86vw!important;max-width:320px!important;flex-direction:column!important;align-items:stretch!important;padding:0!important}.cat-sidebar.collapsed .cat-sidebar-collapse-btn{display:none}.cat-show-desktop{display:none!important}.cat-mobile-filter-btn{display:inline-flex!important;align-items:center;gap:6px;height:32px;padding:0 11px}.cat-sidebar-mobile-close{display:inline-flex!important;width:28px;height:28px;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);border-radius:7px;cursor:pointer}.cat-action-bar{position:relative!important;flex-wrap:wrap;gap:6px;padding:8px}.cat-action-bar .cat-search{width:100%;min-width:0;flex:1 1 100%;order:-1}.cat-action-right{width:100%;flex-wrap:wrap;gap:4px}.cat-action-bar .cat-btn-primary{flex:1;justify-content:center;min-width:140px}.cat-action-bar .cat-icon-btn{flex:0 0 32px}.cat-action-divider{display:none}.cat-main .cat-grid{grid-template-columns:1fr;gap:10px}.cat-card{padding:12px}.cat-card-name{font-size:14px;min-height:auto}.cat-card-price{font-size:17px}.cat-card-actions{opacity:1;transform:none}.cat-hero-title,.fin-header-title{font-size:22px}.cat-hero-sub,.fin-header-sub{font-size:12px}.cat-hero-eyebrow,.fin-header-eyebrow{font-size:9.5px}.cat-hero-actions{gap:6px}.cat-hero-actions .cat-kpi{padding:7px 9px}.cat-hero-actions .cat-kpi-icon{width:22px;height:22px}.cat-hero-actions .cat-kpi-value{font-size:14px}.detail-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{flex:0 0 auto}.credit-summary,.overview-grid{grid-template-columns:1fr 1fr}.detail-name{font-size:22px}.detail-meta{font-size:11.5px;gap:4px 12px}.summary-card-value{font-size:18px}.overview-card-value{font-size:19px}.recon-flow{flex-direction:column;gap:8px}.recon-step{width:100%;min-width:100%}.recon-arrow{transform:rotate(90deg);padding:6px 0}.recon-rate{width:100%;text-align:left}.recon-header{flex-direction:column;align-items:stretch;gap:12px}.recon-footer{flex-direction:column;gap:8px}.recon-stat{flex-direction:row;justify-content:space-between}.fin-kpi-grid{grid-template-columns:1fr;gap:8px}.fin-kpi-value{font-size:19px}.fin-cashflow-summary{grid-template-columns:1fr}.pnl-row{grid-template-columns:1fr 110px;gap:8px;padding:6px 4px;font-size:11.5px}.pnl-row .pnl-amount-prev,.pnl-row .pnl-trend-cell{display:none}.pnl-row.pnl-final{font-size:13px;padding:11px 4px}.customers-summary{grid-template-columns:1fr 1fr;gap:8px}.table-container,.ledger-table-wrap,.cat-list-wrap,.detail-tab-body,.fin-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-pills{flex-wrap:wrap}.cat-bulk-bar,.ar-bulk-bar{flex-direction:column;align-items:stretch;gap:8px}.cat-bulk-actions,.return-actions-bar{flex-wrap:wrap}.modal-overlay{padding:24px 12px 12px;align-items:flex-start}.modal-content{max-width:100%!important;width:100%;max-height:90vh;overflow-y:auto}.modal-content .form{padding:16px!important}.form-grid{grid-template-columns:1fr!important}.btn-primary,.btn-secondary,.cat-btn-primary,.cat-btn-ghost,.return-action-btn,.filter-pill,.fin-segment,.detail-tab{min-height:36px}.btn-icon,.cat-icon-btn{min-width:32px;min-height:32px}.page-content,.content{padding:12px!important}}@media (max-width: 480px){.cat-kpi-row,.customers-summary,.fin-cashflow-summary{grid-template-columns:1fr}.cat-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cat-hero-actions>*{width:100%}.credit-summary,.overview-grid{grid-template-columns:1fr}.cust-cell{gap:8px}.cust-avatar{width:28px;height:28px}.customers-table th,.customers-table td{padding:8px 6px;font-size:11.5px}.overdue-banner,.alert.alert-info,.rcv-pending-banner{flex-direction:column;gap:6px;text-align:left}.cat-hero-title,.fin-header-title,.detail-name{font-size:20px}.recon-title{font-size:18px}.recon-rate-value{font-size:24px}.fin-card,.cat-card,.summary-card{padding:12px}}@media (max-height: 600px) and (orientation: landscape){.cat-sidebar{max-height:100vh}.modal-content{max-height:95vh}}@media (hover: none) and (pointer: coarse){.cat-card-actions{opacity:1;transform:none}.btn-icon,.cat-action-btn.cat-action-secondary{min-width:36px;min-height:36px}input,select,textarea{font-size:16px!important}.cat-search input,.cat-toolbar-v2 .cat-search input{font-size:13px!important}}@media print{.sidebar,.header,.cat-sidebar,.cat-action-bar,.cat-bulk-bar,.cat-card-actions,.modal-overlay,.fin-header-actions{display:none!important}.page-content{padding:0!important}body{background:#fff;color:#000}}.cat-card-name,.detail-name,.cat-list-name,.cust-name,.cat-list-sku,.pis-row strong{overflow-wrap:anywhere;word-break:break-word}.recharts-tooltip-wrapper{z-index:30;pointer-events:none}.recharts-wrapper{max-width:100%}@media (hover: none) and (pointer: coarse){select,input[type=number],input[type=date],input[type=email],input[type=tel],input[type=text],textarea{font-size:16px!important}}.cat-action-bar,.cat-toolbar-v2,.fin-segmented{will-change:transform;transform:translateZ(0)}@media (max-width: 768px){.cat-bulk-bar{position:relative!important;top:auto!important}.cat-action-bar{gap:6px!important;padding:8px!important;flex-wrap:wrap}.cat-action-bar .cat-search{flex:1 1 100%;min-width:0;order:-1}.cat-mobile-filter-btn{flex:0 1 auto;order:0;min-height:36px}.cat-action-right{width:auto!important;flex:1 1 auto;order:1;flex-wrap:wrap;gap:4px}.cat-action-bar .cat-btn-primary{flex:1 1 100%;justify-content:center;min-width:0;order:2}.cat-action-bar .cat-icon-btn[title="Scan barcode"]{display:none}.modal-overlay{padding:max(16px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));align-items:flex-start}.modal-content{max-height:calc(100dvh - 48px)!important;max-height:90vh}.modal-content::-webkit-scrollbar{width:4px}.detail-header-main{width:100%}.detail-name{font-size:20px;word-break:break-word}.detail-tab{padding:9px 12px;font-size:12px;gap:5px}.tab-count{padding:0 5px}.cat-sidebar.mobile-open .cat-sidebar-header{padding-top:max(10px,env(safe-area-inset-top))}.header{padding:0 10px!important;gap:6px}.crumb{font-size:11.5px}.crumb-current{font-size:12.5px}.profile-btn{min-width:36px;min-height:36px;padding:4px!important}.table-container{-webkit-overflow-scrolling:touch}.fin-insight{padding:9px 11px}.fin-insight-title{font-size:12px}.quick-amount-row{gap:4px}.quick-amount-btn{padding:5px 9px;font-size:10.5px}.quick-amount-full{flex:1 1 100%}.return-steps{flex-direction:column;gap:4px}.payment-method-grid,.return-type-grid{grid-template-columns:1fr}.summary-pill{padding:9px 11px}.summary-pill-value{font-size:16px}}@media (max-width: 480px){.cat-action-bar .cat-icon-btn{display:none}.detail-tab span{font-size:11px}.detail-tab{padding:8px 9px}.filter-pill{padding:5px 10px;font-size:11px}.customers-table .cust-sales-amt{display:none}.cat-list th:nth-child(3),.cat-list td:nth-child(3){display:none}.cat-list th:nth-child(2),.cat-list td:nth-child(2){display:none}.cat-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cat-hero-actions>.cat-kpi{padding:7px 9px}.cat-bulk-bar{font-size:11.5px;padding:9px 11px}.margin-pill{padding:7px 10px;flex:1 1 calc(33% - 6px);min-width:90px}.margin-pill-value{font-size:13px}.ar-aging-row{grid-template-columns:70px 1fr 70px;gap:8px;font-size:11px}.pnl-row.pnl-final{font-size:12.5px;padding:10px 4px}.recon-rate-value{font-size:22px}}@media (max-width: 360px){.page-content{padding:10px!important}.cat-hero-title,.fin-header-title,.detail-name{font-size:18px}.summary-card-value,.overview-card-value{font-size:16px}.cat-card-price{font-size:15px}.cat-hero-actions{grid-template-columns:1fr 1fr}}.fin-card,.fin-pnl-card,.recon-card,.cat-card,.summary-card,.overview-card,.cat-list-wrap,.ledger-table-wrap,.table-container{min-width:0;max-width:100%}.cat-shell.sidebar-hidden{grid-template-columns:minmax(0,1fr)!important}.cat-shell.sidebar-hidden>.cat-mobile-overlay{display:none}.cat-shell:has(.cat-sidebar.collapsed){grid-template-columns:248px minmax(0,1fr)}.cat-shell.sidebar-hidden:has(.cat-sidebar.collapsed),.cat-shell.sidebar-hidden{grid-template-columns:minmax(0,1fr)!important}.cat-action-bar .cat-sidebar-show{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12px;font-weight:500;flex-shrink:0}.cat-action-bar .cat-sidebar-show .cat-filter-count{margin-left:2px}.cat-sidebar.collapsed{display:none!important}.cat-action-bar{transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;transform:translateY(0)}.cat-action-bar.hidden{transform:translateY(calc(-100% - 24px));pointer-events:none;box-shadow:none}@media (max-width: 768px){.cat-action-bar.hidden{transform:none;pointer-events:auto}}.wh-page{padding-bottom:60px}.wh-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;flex-wrap:wrap}.wh-hero-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);opacity:.85}.wh-hero-title{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin:6px 0 4px}.wh-hero-sub{font-size:13px;color:var(--text-muted);max-width:580px;line-height:1.55}.wh-tabs{display:inline-flex;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;padding:4px;margin-bottom:16px;gap:2px;overflow-x:auto;scrollbar-width:none;max-width:100%}.wh-tabs::-webkit-scrollbar{display:none}.wh-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap}.wh-tab:hover{color:var(--text-secondary)}.wh-tab.active{background:var(--bg-elevated);color:var(--text-primary);font-weight:600;box-shadow:0 1px #ffffff0f inset,0 1px 4px #0003}.wh-card{background:var(--bg-card);border:1px solid var(--border);border-radius:13px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--shadow-card)}.wh-card-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px;gap:14px;flex-wrap:wrap}.wh-card-title{font-size:14px;font-weight:600;color:var(--text-primary)}.wh-card-sub{font-size:11.5px;color:var(--text-muted);margin-top:3px}.wh-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:16px}.wh-kpi{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .15s}.wh-kpi:hover{border-color:var(--border-light)}.wh-kpi-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--accent-light)}.wh-kpi-meta{display:flex;flex-direction:column;gap:1px}.wh-kpi-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.wh-kpi-value{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.wh-state-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px}.wh-state-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid;border-radius:10px}.wh-state-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wh-state-label{flex:1;font-size:11.5px;font-weight:600;letter-spacing:.01em}.wh-state-value{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary)}.wh-zone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.wh-zone-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:11px;padding:13px 14px}.wh-zone-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.wh-zone-name{font-size:13px;font-weight:600;color:var(--text-primary)}.wh-zone-loc{font-size:11px;color:var(--text-muted);margin-top:1px}.wh-zone-util{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.01em}.wh-zone-meter{height:5px;background:var(--bg-card);border-radius:3px;overflow:hidden;margin-bottom:9px}.wh-zone-meter-fill{height:100%;border-radius:3px;transition:width .3s ease}.wh-zone-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;color:var(--text-secondary)}.wh-zone-stats strong{color:var(--text-primary);font-weight:700;font-family:var(--font-display)}.wh-zone-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;padding-top:8px;border-top:1px dashed var(--border)}.wh-mini-badge{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.wh-mov-list{display:flex;flex-direction:column;gap:4px}.wh-mov-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;transition:background .15s}.wh-mov-row:hover{background:var(--bg-elevated)}.wh-mov-icon{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wh-mov-main{flex:1;min-width:0}.wh-mov-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden}.wh-mov-sku{font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);font-size:10.5px;color:var(--text-muted);flex-shrink:0}.wh-mov-name{font-size:12.5px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.wh-mov-meta{font-size:10.5px;color:var(--text-muted);margin-top:2px;display:flex;gap:4px;flex-wrap:wrap}.wh-mov-qty{text-align:right;font-size:13px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.wh-mov-time{font-size:10px;color:var(--text-muted);font-weight:400;margin-top:1px}.wh-locations-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:flex-start}.wh-zone-list{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:6px;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}.wh-zone-list-header{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 6px}.wh-zone-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .15s;font-size:12px;text-align:left}.wh-zone-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.wh-zone-item.active{background:#6366f124;color:var(--accent-light);font-weight:600}.wh-zone-item-name{flex:1;line-height:1.3}.wh-zone-item-count{font-size:10.5px;color:var(--text-muted);font-weight:500}.wh-zone-item.active .wh-zone-item-count{color:var(--accent-light);font-weight:600}.wh-zone-content{min-width:0}.wh-loc-filters{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.wh-search{display:flex;align-items:center;gap:7px;height:30px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;min-width:200px}.wh-search:focus-within{background:var(--bg-card);border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d}.wh-search>svg{color:var(--text-muted)}.wh-search input{flex:1;background:transparent;border:none;font-size:12px;color:var(--text-primary);outline:none;padding:0}.wh-search-large{height:40px;font-size:13.5px}.wh-search-large input{font-size:13.5px}.wh-search-clear{width:18px;height:18px;border-radius:50%;background:var(--bg-card);border:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wh-select{height:30px;padding:0 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;font-size:11.5px;color:var(--text-primary);cursor:pointer;outline:none}.wh-suggest{margin-top:8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;overflow:hidden}.wh-suggest-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;text-align:left}.wh-suggest-item:last-child{border-bottom:none}.wh-suggest-item:hover{background:var(--bg-card)}.wh-suggest-stacked{border-radius:10px;overflow:hidden;margin-top:8px;display:flex;flex-direction:column}.wh-suggest-head{padding:8px 14px;font-size:11px;font-weight:600;color:var(--text-muted);background:var(--bg-secondary, rgba(0,0,0,.02));border-bottom:1px solid var(--border);letter-spacing:.02em}.wh-suggest-scroll{max-height:280px;overflow-y:auto;display:flex;flex-direction:column}.wh-suggest-item-stacked{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .12s,padding-left .12s;text-align:left}.wh-suggest-item-stacked:last-child{border-bottom:none}.wh-suggest-item-stacked:hover{background:#6366f10f;padding-left:18px}.wh-suggest-item-stacked:focus-visible{outline:2px solid var(--accent-light);outline-offset:-2px;background:#6366f11a}.wh-suggest-name{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.35;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-suggest-sku{font-size:11px;font-family:ui-monospace,Menlo,monospace;color:var(--text-muted);letter-spacing:.02em;background:var(--bg-secondary, rgba(0,0,0,.04));padding:1px 6px;border-radius:4px}.wh-sku{font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);font-size:11px;color:var(--accent-light);background:var(--bg-elevated);padding:2px 7px;border-radius:5px}.wh-table th{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);padding:10px 12px;border-bottom:1px solid var(--border);background:var(--bg-card)}.wh-table td{padding:10px 12px;font-size:12.5px;border-bottom:1px solid var(--border);vertical-align:middle}.wh-table tr:last-child td{border-bottom:none}.wh-table tbody tr:hover{background:var(--bg-elevated)}.wh-pill{display:inline-block;padding:2px 8px;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:1px solid}@media (max-width: 768px){.wh-hero{flex-direction:column;align-items:stretch}.wh-locations-shell{grid-template-columns:1fr}.wh-zone-list{position:static;max-height:none}.wh-zone-grid{grid-template-columns:1fr}.wh-state-grid{grid-template-columns:1fr 1fr}.wh-loc-filters{width:100%}.wh-search{width:100%;min-width:0}}.wh-scanner{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:11px;min-width:280px;position:relative;transition:all .15s}.wh-scanner:focus-within{border-color:#6366f173;box-shadow:0 0 0 1px #6366f14d,0 0 12px #6366f12e;background:linear-gradient(180deg,rgba(99,102,241,.04),var(--bg-card))}.wh-scanner>svg{color:var(--accent-light);flex-shrink:0}.wh-scanner input{flex:1;background:transparent;border:none;padding:8px 0;font-size:13px;color:var(--text-primary);outline:none;font-family:var(--font-mono, ui-monospace, "SF Mono", monospace);letter-spacing:.02em}.wh-scanner input::-moz-placeholder{color:var(--text-muted);font-family:var(--font-sans, inherit);letter-spacing:0}.wh-scanner input::placeholder{color:var(--text-muted);font-family:var(--font-sans, inherit);letter-spacing:0}.wh-scanner-err{position:absolute;top:calc(100% + 4px);left:0;right:0;padding:6px 10px;font-size:11px;color:var(--red);background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:8px;pointer-events:none}.wh-quick-actions{display:inline-flex;gap:6px;flex-wrap:wrap}.wh-quick-actions .cat-btn-ghost{font-size:11.5px;padding:6px 11px}.wh-table tbody tr.row-clickable,.wh-mov-row-clickable{cursor:pointer}@media (max-width: 768px){.wh-scanner{width:100%;min-width:0}}.wh-health{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;margin-bottom:14px;border-radius:11px;border:1px solid;font-size:12.5px}.wh-health-ok{background:#22c55e14;border-color:#22c55e4d;color:var(--text-primary)}.wh-health-ok>svg{color:var(--green);flex-shrink:0;margin-top:2px}.wh-health-warn{background:#f9731614;border-color:#f9731652;color:var(--text-primary)}.wh-health-warn>svg{color:var(--orange);flex-shrink:0;margin-top:2px}.wh-health-flag{display:inline-block;padding:3px 10px;font-size:10.5px;font-weight:600;letter-spacing:.02em;background:#6366f11f;color:var(--accent-light);border-radius:999px;border:1px solid rgba(99,102,241,.2);flex-shrink:0;align-self:center}.wh-health-body{flex:1;display:flex;flex-direction:column;gap:2px}.wh-health-title{font-size:13.5px;font-weight:600;color:var(--text-primary)}.wh-health-sub{font-size:12px;color:var(--text-muted);line-height:1.45}.wh-health-tag{display:inline-block;margin-left:6px;padding:1px 7px;font-size:10.5px;font-weight:500;background:#0000000f;color:var(--text-secondary);border-radius:5px;text-transform:capitalize}.wh-health-line{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.wh-row-action{font-size:11.5px;font-weight:600;padding:5px 11px;background:#6366f11a;color:var(--accent-light);border:1px solid rgba(99,102,241,.25);border-radius:6px;cursor:pointer;white-space:nowrap;transition:background .15s,transform .1s}.wh-row-action:hover{background:#6366f12e}.wh-row-action:active{transform:scale(.97)}.wh-health-count{color:var(--text-muted);font-weight:500}.wh-empty-banner{display:flex;gap:12px;align-items:flex-start;padding:12px 16px;margin:12px 0 18px;border-radius:10px;background:#6366f10f;border:1px dashed rgba(99,102,241,.3)}.wh-empty-banner>svg{color:var(--accent-light);margin-top:3px;flex-shrink:0}.wh-empty-banner-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.wh-empty-banner-sub{font-size:12px;color:var(--text-muted);line-height:1.5}.wh-empty-banner-sub b{color:var(--text-secondary);font-weight:600}.wh-card-pill{font-size:11px;font-weight:600;padding:3px 10px;background:#f973161a;color:var(--orange);border:1px solid rgba(249,115,22,.25);border-radius:999px;align-self:center}.wh-attention-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.wh-attention-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:9px;background:var(--bg-elevated, rgba(0,0,0,.02));border:1px solid var(--border);transition:background .15s,border-color .15s,transform .1s}.wh-attention-clickable{cursor:pointer}.wh-attention-clickable:hover{background:#6366f10a;border-color:#6366f133}.wh-attention-main{flex:1;min-width:0}.wh-attention-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-attention-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--text-muted)}.wh-attention-stock strong{color:var(--text-primary);margin:0 2px}.wh-attention-min{color:var(--text-faint, var(--text-muted));margin-left:2px}.wh-attention-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.wh-attention-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;white-space:nowrap;border:1px solid}.wh-attn-red{color:var(--red);border-color:#ef444459;background:#ef44441a}.wh-attn-orange{color:var(--orange);border-color:#f9731659;background:#f973161a}.wh-attention-cta{font-size:12px;font-weight:600;padding:7px 14px;background:var(--accent-light);color:#fff;border:1px solid var(--accent-light);border-radius:7px;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .1s}.wh-attention-cta:hover{filter:brightness(1.08)}.wh-attention-cta:active{transform:scale(.97)}.wh-health-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.wh-health-chip{font-size:10.5px;padding:2px 8px;background:#0000002e;border-radius:5px;color:var(--text-muted);text-transform:capitalize}.wh-health-chip strong{color:var(--orange);margin-left:3px}.wh-health-toggle{font-size:11px;padding:4px 10px;background:transparent;border:1px solid var(--orange);color:var(--orange);border-radius:7px;cursor:pointer;flex-shrink:0;transition:background .15s}.wh-health-toggle:hover{background:#f973161f}.wh-health-samples{margin-top:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:1px}.wh-health-sample{display:flex;align-items:center;gap:8px;padding:6px 9px;background:transparent;border:none;border-radius:6px;font-size:11.5px;cursor:pointer;text-align:left;color:var(--text-secondary);transition:background .15s}.wh-health-sample:hover{background:var(--bg-elevated);color:var(--text-primary)}.wh-health{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:8px 12px;margin-bottom:14px;border-radius:9px;border:1px solid;font-size:12px;line-height:1.4}.wh-health>svg{flex-shrink:0}.wh-health-ok{background:#22c55e0f;border-color:#22c55e3d}.wh-health-ok>svg{color:var(--green)}.wh-health-warn{background:#f973160f;border-color:#f9731642}.wh-health-warn>svg{color:var(--orange)}.wh-health-line{flex:1;display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}.wh-health-tag{display:inline-block;padding:1px 7px;background:#0000001a;border-radius:4px;font-size:10.5px;font-weight:500;text-transform:capitalize;color:var(--orange);letter-spacing:.01em}.wh-health-flag{display:inline-block;padding:1px 8px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;background:#6366f12e;color:var(--accent-light);border-radius:999px}.wh-health-toggle{font-size:11px;padding:3px 10px;background:transparent;border:1px solid currentColor;color:var(--orange);border-radius:7px;cursor:pointer;flex-shrink:0;font-weight:500;opacity:.85}.wh-health-toggle:hover{opacity:1;background:#f973161a}.wh-health-samples{flex:1 1 100%;margin-top:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px;display:flex;flex-direction:column;gap:1px}.wh-section-label{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:18px 4px 8px;display:flex;align-items:center;gap:8px}.wh-section-label:after{content:"";flex:1;height:1px;background:var(--border);opacity:.5}.wh-actions-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:4px}.wh-action-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .18s;text-align:left;font-family:inherit;position:relative;overflow:hidden}.wh-action-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 70%,rgba(99,102,241,.06) 100%);pointer-events:none;opacity:0;transition:opacity .18s}.wh-action-card:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.wh-action-card:hover:before{opacity:1}.wh-action-card:hover .wh-action-arrow{transform:translate(2px);color:var(--accent-light)}.wh-action-icon{width:38px;height:38px;flex-shrink:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-elevated);color:var(--accent-light);transition:all .18s}.wh-action-indigo .wh-action-icon{color:var(--accent-light);background:#6366f11f}.wh-action-orange .wh-action-icon{color:var(--orange);background:#f973161f}.wh-action-muted .wh-action-icon{color:var(--text-secondary);background:var(--bg-elevated)}.wh-action-meta{flex:1;min-width:0}.wh-action-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.wh-action-badge{font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--orange);background:#f9731624;padding:1px 7px;border-radius:999px}.wh-action-desc{font-size:11.5px;color:var(--text-muted);margin-top:2px;line-height:1.4}.wh-action-arrow{color:var(--text-muted);flex-shrink:0;transition:all .18s}.wh-card-flush{padding:0;background:transparent;border:none;box-shadow:none}.wh-card-flush .wh-zone-grid{padding:0}button.wh-zone-card{display:block;width:100%;font-family:inherit;text-align:left;cursor:pointer;transition:all .18s}button.wh-zone-card.clickable:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 6px 18px #0000001f}.wh-zone-card.empty{background:var(--bg-card);border-style:dashed;border-color:var(--border);opacity:.85}.wh-zone-card.empty:hover{opacity:1}.wh-zone-meta{min-width:0}.wh-zone-empty-tag{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);padding:2px 8px;border-radius:999px}.wh-zone-empty{display:flex;align-items:center;gap:8px;padding:10px 0 0;font-size:11.5px;color:var(--text-muted)}.wh-zone-empty svg{color:var(--text-muted);opacity:.6}.wh-card .empty-state{text-align:center;padding:28px 16px}[data-theme=light] .wh-page,:root[data-theme=light] .wh-page{background:linear-gradient(180deg,#fafbfc,#f4f5f7)}[data-theme=light] .wh-card,[data-theme=light] .wh-action-card,[data-theme=light] .wh-zone-card,[data-theme=light] .wh-kpi{background:#fff;border-color:#0f172a14;box-shadow:0 1px 2px #0f172a0a}[data-theme=light] .wh-kpi-icon,[data-theme=light] .wh-action-icon{background:#f1f3f6}[data-theme=light] .wh-state-row{border-color:#0f172a1a}[data-theme=light] .wh-mov-row:hover{background:#f6f7f9}[data-theme=light] .wh-section-label{color:#5f6873}[data-theme=light] .wh-section-label:after{background:#0f172a14}[data-theme=light] .wh-zone-empty-tag,[data-theme=light] .wh-health-tag{background:#0f172a0f}[data-theme=light] .wh-health-warn{background:#fff7ed;border-color:#fdba74}[data-theme=light] .wh-health-ok{background:#f0fdf4;border-color:#86efac}@media (max-width: 768px){.wh-actions-row{grid-template-columns:1fr 1fr;gap:8px}.wh-action-card{padding:12px;gap:10px}.wh-action-icon{width:32px;height:32px}.wh-action-title{font-size:12.5px}.wh-action-desc{display:none}}@media (max-width: 480px){.wh-actions-row{grid-template-columns:1fr}.wh-action-desc{display:block}}.ds-component{box-sizing:border-box;-webkit-font-smoothing:antialiased}.filter-bar select,.filter-bar input:not([class*=dashboard-input]){height:34px;padding:6px 10px;background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:12.5px;outline:none;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.filter-bar select:hover,.filter-bar input:not([class*=dashboard-input]):hover{background:var(--surface-input-h);border-color:var(--border-strong)}.filter-bar select:focus,.filter-bar input:not([class*=dashboard-input]):focus{border-color:var(--border-active);box-shadow:0 0 0 3px #8b5cf62e}.filter-bar select option{background:var(--surface-2, #1C1630);color:var(--text-primary)}.filter-bar{padding:12px 16px!important;gap:10px!important;border-radius:14px;border:1px solid var(--border-subtle);background:var(--surface-tile)!important}.search-wrap input{height:34px;font-size:13px}.cat-filter-select{height:32px;padding:0 32px 0 12px;background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:999px;color:var(--text-secondary);font-size:12px;font-weight:500;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B86A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;transition:all .15s var(--ease)}.cat-filter-select:hover{background-color:var(--surface-input-h);border-color:var(--border-strong);color:var(--text-primary)}.cat-filter-select:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #8b5cf62e}.cat-filter-select--active{background-color:#8b5cf624;border-color:#8b5cf673;color:var(--accent-light);font-weight:600;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.cat-filter-select option{background:var(--surface-2, #1C1630);color:var(--text-primary)}.cat-filter-reset{height:32px;padding:0 14px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:999px;color:var(--danger);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s var(--ease)}.cat-filter-reset:hover{background:#ef444429;border-color:#ef444466}.tabs-bar{padding:4px!important;border-radius:999px!important;background:var(--surface-soft)!important;border:1px solid var(--border-subtle)!important;gap:4px!important}.tab-btn{border-radius:999px!important;padding:7px 18px!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;transition:all .18s var(--ease)!important}.tab-btn.active{background:var(--gradient-purple-deep)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 14px #7c3aed59!important}.tab-btn:hover:not(.active){background:var(--surface-soft-h)!important;color:var(--text-primary)!important}.fin-stmt{max-width:720px;margin:0}.fin-stmt-body{padding:4px 2px 2px}.fin-stmt-section{display:flex;align-items:center;gap:12px;margin:18px 0 4px;padding-bottom:0}.fin-stmt-section:first-child{margin-top:0}.fin-stmt-section-label{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.fin-stmt-section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--border-subtle) 0%,transparent 100%)}.fin-stmt-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;-moz-column-gap:24px;column-gap:24px;padding:5px 0;font-size:13px;color:var(--text-secondary);font-weight:400}.fin-stmt-row.indent{padding-left:18px}.fin-stmt-row.indent-2{padding-left:32px}.fin-stmt-row .fin-stmt-label{display:flex;align-items:center;gap:8px;min-width:0}.fin-stmt-row .fin-stmt-label .fin-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-light);flex-shrink:0}.fin-stmt-row .fin-stmt-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;text-align:right;color:var(--text-primary)}.fin-stmt-row.is-negative .fin-stmt-value{color:var(--danger)}.fin-stmt-subtotal{display:grid;grid-template-columns:1fr auto;align-items:baseline;-moz-column-gap:24px;column-gap:24px;padding:9px 0 4px;margin-top:6px;border-top:1px solid var(--border-subtle);font-size:13.5px;font-weight:600;color:var(--text-primary)}.fin-stmt-subtotal .fin-stmt-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap;text-align:right;font-weight:700}.fin-stmt-subtotal.is-positive .fin-stmt-value{color:var(--accent-green)}.fin-stmt-subtotal.is-negative .fin-stmt-value{color:var(--danger)}.fin-stmt-subtotal-hint{grid-column:1 / -1;margin-top:2px;font-size:11px;font-weight:500;color:var(--text-muted);text-align:right}.fin-stmt-total{display:grid;grid-template-columns:1fr auto;align-items:baseline;-moz-column-gap:24px;column-gap:24px;padding:14px 0 10px;margin-top:12px;border-top:1px solid var(--border-strong);position:relative}.fin-stmt-total:before,.fin-stmt-total:after{content:"";position:absolute;left:0;right:0;height:1px;background:#8b5cf652}.fin-stmt-total:before{bottom:4px}.fin-stmt-total:after{bottom:0}.fin-stmt-total.is-negative:before,.fin-stmt-total.is-negative:after{background:#ef444461}.fin-stmt-total .fin-stmt-label{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-primary)}.fin-stmt-total .fin-stmt-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:22px;font-weight:800;letter-spacing:-.02em;white-space:nowrap;text-align:right;color:var(--accent-green)}.fin-stmt-total.is-negative .fin-stmt-value{color:var(--danger)}.fin-stmt-total-hint{grid-column:1 / -1;margin-top:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-align:right}html.light .fin-stmt-subtotal.is-positive .fin-stmt-value,html.light .fin-stmt-total.is-positive .fin-stmt-value{color:#15803d}html.light .fin-stmt-subtotal.is-negative .fin-stmt-value,html.light .fin-stmt-row.is-negative .fin-stmt-value{color:#b91c1c}html.light .fin-stmt-total:before,html.light .fin-stmt-total:after{background:#7c3aed66}html.light .fin-stmt-total.is-negative:before,html.light .fin-stmt-total.is-negative:after{background:#ef444473}.finance-premium-page{position:relative}.finance-premium-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(139,92,246,.14),transparent 34%),radial-gradient(circle at 85% 6%,rgba(56,189,248,.09),transparent 32%);z-index:-1}.finance-premium-page .page-header{margin-bottom:22px;padding:14px 16px;border-radius:16px;border:1px solid rgba(139,92,246,.2);background:linear-gradient(135deg,#8b5cf621,#ffffff05);box-shadow:0 10px 26px #0a06183d}.finance-premium-page .page-title svg{color:var(--accent-light);opacity:.9}.finance-premium-page .kpi-card,.finance-premium-page .glass-card{border-color:#8b5cf629;box-shadow:0 12px 30px #0a061847,0 0 0 1px #ffffff08}.finance-premium-page .kpi-card:hover,.finance-premium-page .glass-card:hover{border-color:#a78bfa57}.finance-premium-page .dashboard-table thead tr{background:linear-gradient(90deg,#8b5cf629,#38bdf812)}.finance-premium-page .dashboard-table tbody tr:hover{background:linear-gradient(90deg,#8b5cf61c,#38bdf808)}.finance-premium-page .tabs-bar{border-color:#8b5cf63d!important;box-shadow:inset 0 0 0 1px #ffffff05}.finance-premium-page .tab-btn.active{box-shadow:0 6px 18px #7c3aed66!important}.finance-premium-page .finance-top-controls{padding:12px 14px;border-radius:14px;border:1px solid rgba(139,92,246,.16);background:linear-gradient(180deg,#ffffff08,#ffffff03)}.finance-premium-page .finance-pill-group{border:1px solid rgba(139,92,246,.2)!important;background:#ffffff08!important;box-shadow:inset 0 0 0 1px #ffffff05}.finance-premium-page .finance-date-chip{border:1px solid rgba(139,92,246,.2)!important;background:#ffffff08!important}.finance-premium-page .finance-date-chip input[type=date]{color:var(--text-primary)!important}.finance-premium-page .finance-info-banner{border-radius:12px!important;border-color:#38bdf845!important;background:linear-gradient(135deg,#38bdf814,#8b5cf60f)!important}.finance-premium-page .finance-warning-banner{border-radius:12px!important;border-color:#f59e0b47!important;background:linear-gradient(135deg,#f59e0b1a,#ffffff03)!important}.finance-premium-page .finance-section-card{border-radius:16px}.finance-premium-page .finance-section-card-header{background:linear-gradient(90deg,#8b5cf61a,#ffffff03)}.finance-premium-page .finance-section-card-body{background:linear-gradient(180deg,#ffffff04,#ffffff01)}.finance-premium-page .finance-pill-btn{border-color:#8b5cf63d!important;background:#ffffff08!important;color:var(--text-secondary)!important}.finance-premium-page .finance-pill-btn.active{border-color:#a78bfa70!important;background:linear-gradient(135deg,#8b5cf647,#7c3aed38)!important;color:#fff!important;box-shadow:0 6px 16px #7c3aed47}.finance-premium-page .finance-whatsapp-btn{box-shadow:0 8px 20px #0f9d5847}.finance-premium-page .modal-content{border:1px solid rgba(139,92,246,.24)!important;background:linear-gradient(180deg,#1c1630f5,#151027f5)!important;box-shadow:0 20px 48px #0a06186b,0 0 0 1px #a78bfa14!important}.finance-premium-page .btn-primary{box-shadow:0 8px 20px #7c3aed47}html.light .finance-premium-page:before,[data-theme=light] .finance-premium-page:before{background:none}html.light .finance-premium-page .page-header,[data-theme=light] .finance-premium-page .page-header{border:1px solid rgba(124,58,237,.18);background:#fff;box-shadow:0 1px #7c3aed0a,0 8px 24px #7c3aed14}html.light .finance-premium-page .page-title svg,[data-theme=light] .finance-premium-page .page-title svg{color:var(--brand-primary);opacity:1}html.light .finance-premium-page .kpi-card,html.light .finance-premium-page .glass-card,html.light .finance-premium-page .finance-kpi-spark-card,html.light .finance-premium-page .finance-mini-stat-card,html.light .finance-premium-page .finance-section-card,[data-theme=light] .finance-premium-page .kpi-card,[data-theme=light] .finance-premium-page .glass-card,[data-theme=light] .finance-premium-page .finance-kpi-spark-card,[data-theme=light] .finance-premium-page .finance-mini-stat-card,[data-theme=light] .finance-premium-page .finance-section-card{background:#fff!important;border:1px solid rgba(124,58,237,.12)!important;box-shadow:0 1px #7c3aed0a,0 6px 18px #7c3aed0f!important}html.light .finance-premium-page .kpi-card:hover,html.light .finance-premium-page .glass-card:hover,html.light .finance-premium-page .finance-kpi-spark-card:hover,html.light .finance-premium-page .finance-mini-stat-card:hover,[data-theme=light] .finance-premium-page .kpi-card:hover,[data-theme=light] .finance-premium-page .glass-card:hover,[data-theme=light] .finance-premium-page .finance-kpi-spark-card:hover,[data-theme=light] .finance-premium-page .finance-mini-stat-card:hover{border-color:#7c3aed4d!important;box-shadow:0 1px #7c3aed0f,0 12px 28px #7c3aed1f!important}html.light .finance-premium-page .finance-kpi-spark-card>div:last-child,[data-theme=light] .finance-premium-page .finance-kpi-spark-card>div:last-child{border-top-color:#7c3aed1a!important}html.light .finance-premium-page .finance-section-card-header,[data-theme=light] .finance-premium-page .finance-section-card-header{background:linear-gradient(90deg,#7c3aed0f,#38bdf808)!important;border-bottom-color:#7c3aed1f!important}html.light .finance-premium-page .finance-section-card-body,[data-theme=light] .finance-premium-page .finance-section-card-body{background:#fff!important}html.light .finance-premium-page .tabs-bar,[data-theme=light] .finance-premium-page .tabs-bar{background:#f5f3ff!important;border:1px solid rgba(124,58,237,.18)!important;box-shadow:inset 0 0 0 1px #fff9}html.light .finance-premium-page .tab-btn:hover:not(.active),[data-theme=light] .finance-premium-page .tab-btn:hover:not(.active){background:#7c3aed14!important;color:var(--brand-primary)!important}html.light .finance-premium-page .finance-top-controls,[data-theme=light] .finance-premium-page .finance-top-controls{background:#fff!important;border:1px solid rgba(124,58,237,.14)!important;box-shadow:0 1px #7c3aed0a}html.light .finance-premium-page .finance-pill-group,[data-theme=light] .finance-premium-page .finance-pill-group{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 1px #fff inset,0 2px 8px #7c3aed1a,0 0 0 1px #7c3aed0a!important}html.light .finance-premium-page .finance-pill-group button,[data-theme=light] .finance-premium-page .finance-pill-group button{color:#5f5877!important}html.light .finance-premium-page .finance-pill-group button:hover:not([style*=gradient]),[data-theme=light] .finance-premium-page .finance-pill-group button:hover:not([style*=gradient]){background:#7c3aed0f!important;color:var(--brand-primary)!important}html.light .finance-premium-page .finance-date-chip,[data-theme=light] .finance-premium-page .finance-date-chip{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 1px #fff inset,0 2px 8px #7c3aed1a!important;color:var(--text-primary)!important}html.light .finance-premium-page .finance-date-chip input[type=date],[data-theme=light] .finance-premium-page .finance-date-chip input[type=date]{color:var(--text-primary)!important;background:transparent!important}html.light .finance-premium-page .finance-date-chip input[type=date][style*="rgba(255"],[data-theme=light] .finance-premium-page .finance-date-chip input[type=date][style*="rgba(255"]{background:#f5f3ff!important;border:1px solid rgba(124,58,237,.18)!important;border-radius:8px!important}html.light .finance-premium-page .finance-pill-btn,[data-theme=light] .finance-premium-page .finance-pill-btn{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;color:#5f5877!important;box-shadow:0 1px 3px #7c3aed14!important}html.light .finance-premium-page .finance-pill-btn:hover:not(.active),[data-theme=light] .finance-premium-page .finance-pill-btn:hover:not(.active){background:#f5f3ff!important;border-color:#7c3aed5c!important;color:var(--brand-primary)!important}html.light .finance-premium-page .finance-pill-btn.active,[data-theme=light] .finance-premium-page .finance-pill-btn.active{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border-color:#6d28d9!important;color:#fff!important;box-shadow:0 4px 12px #7c3aed52!important}html.light .finance-premium-page select,[data-theme=light] .finance-premium-page select{background:#fff!important;color:var(--text-primary)!important;border-color:#7c3aed38!important}html.light .finance-premium-page select option,[data-theme=light] .finance-premium-page select option{background:#fff!important;color:var(--text-primary)!important}html.light .finance-premium-page .finance-section-card-header select,[data-theme=light] .finance-premium-page .finance-section-card-header select{background:#fff!important;color:var(--brand-primary)!important;font-weight:600}html.light .finance-premium-page .finance-info-banner,[data-theme=light] .finance-premium-page .finance-info-banner{background:#eff8fe!important;border:1px solid #BAE6FD!important;color:#0369a1!important;box-shadow:0 1px 3px #38bdf81a!important}html.light .finance-premium-page .finance-info-banner strong,[data-theme=light] .finance-premium-page .finance-info-banner strong{color:#075985}html.light .finance-premium-page .finance-warning-banner,[data-theme=light] .finance-premium-page .finance-warning-banner{background:#fff7ed!important;border:1px solid #FDBA74!important;color:#9a3412!important;box-shadow:0 1px 3px #f59e0b1a!important}html.light .finance-premium-page .alert-banner.warning,[data-theme=light] .finance-premium-page .alert-banner.warning{background:#fff7ed!important;border:1px solid #FDBA74!important;color:#9a3412!important}html.light .finance-premium-page .dashboard-table thead tr,[data-theme=light] .finance-premium-page .dashboard-table thead tr{background:linear-gradient(90deg,#f5f3ff,#faf8ff)!important}html.light .finance-premium-page .dashboard-table thead th,[data-theme=light] .finance-premium-page .dashboard-table thead th{color:#5b21b6!important;border-bottom:1px solid rgba(124,58,237,.18)!important}html.light .finance-premium-page .dashboard-table tbody td,[data-theme=light] .finance-premium-page .dashboard-table tbody td{border-bottom-color:#7c3aed14!important}html.light .finance-premium-page .dashboard-table tbody tr:hover,[data-theme=light] .finance-premium-page .dashboard-table tbody tr:hover{background:#faf8ff!important}html.light .finance-premium-page .modal-content,[data-theme=light] .finance-premium-page .modal-content,html.light .modal-overlay .modal-content,[data-theme=light] .modal-overlay .modal-content{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 24px 60px #7c3aed38,0 0 0 1px #7c3aed0f!important}html.light .finance-premium-page .modal-content input,html.light .finance-premium-page .modal-content select,html.light .finance-premium-page .modal-content textarea,[data-theme=light] .finance-premium-page .modal-content input,[data-theme=light] .finance-premium-page .modal-content select,[data-theme=light] .finance-premium-page .modal-content textarea{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;color:var(--text-primary)!important}html.light .finance-premium-page .finance-section-card-header>div[style*="rgba(255"],[data-theme=light] .finance-premium-page .finance-section-card-header>div[style*="rgba(255"]{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 1px 3px #7c3aed14!important}html.light .finance-premium-page [style*="rgba(255,255,255,0.03)"],[data-theme=light] .finance-premium-page [style*="rgba(255,255,255,0.03)"]{background:#f5f3ff!important}html.light .finance-premium-page .finance-info-banner[style*=grid],[data-theme=light] .finance-premium-page .finance-info-banner[style*=grid]{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}html.light .finance-premium-page .page-loading,[data-theme=light] .finance-premium-page .page-loading{color:var(--text-muted)!important}html.light .finance-premium-page .finance-hero>div:first-child,[data-theme=light] .finance-premium-page .finance-hero>div:first-child{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 4px 12px #7c3aed1f!important}html.light .finance-premium-page .finance-kpi-spark-card svg path[fill]:not([fill=none]),[data-theme=light] .finance-premium-page .finance-kpi-spark-card svg path[fill]:not([fill=none]){opacity:.85}.finance-warehouse-page .glass-card[style*="overflow: hidden"]{border-color:#8b5cf62e!important}.finance-warehouse-page .dashboard-btn-secondary{background:#8b5cf614;border:1px solid rgba(139,92,246,.18);transition:background .15s var(--ease-smooth),border-color .15s var(--ease-smooth)}.finance-warehouse-page .dashboard-btn-secondary:hover:not(:disabled){background:#8b5cf629;border-color:#a78bfa66}.finance-warehouse-page form[onsubmit]{border-color:#8b5cf633!important}.finance-warehouse-page .glass-card-hover[data-active=true]{border-color:#a78bfa73!important;background:linear-gradient(135deg,#8b5cf61f,#ffffff05)!important}.finance-opname-page .badge.paid,.finance-opname-page .badge.success{background:#22c55e29;border-color:#22c55e59}.finance-opname-page .badge.pending,.finance-opname-page .badge.warning{background:#fbbf2424;border-color:#fbbf2452}.finance-opname-page .badge.info{background:#38bdf824;border-color:#38bdf852}.finance-catalog-page .product-card,.finance-catalog-page .catalog-item{border:1px solid rgba(139,92,246,.14);box-shadow:0 8px 22px #0a061838;transition:transform .18s var(--ease-smooth),border-color .18s var(--ease-smooth)}.finance-catalog-page .product-card:hover,.finance-catalog-page .catalog-item:hover{transform:translateY(-2px);border-color:#a78bfa5c}html.light .finance-warehouse-page .dashboard-btn-secondary,[data-theme=light] .finance-warehouse-page .dashboard-btn-secondary{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;color:#1f1147!important;box-shadow:0 1px #fff inset,0 2px 6px #7c3aed14,0 0 0 1px #7c3aed0a!important}html.light .finance-warehouse-page .dashboard-btn-secondary:hover:not(:disabled),[data-theme=light] .finance-warehouse-page .dashboard-btn-secondary:hover:not(:disabled){background:#f5f3ff!important;border-color:#7c3aed66!important}html.light .finance-warehouse-page form[onsubmit],[data-theme=light] .finance-warehouse-page form[onsubmit]{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 1px #fff inset,0 2px 8px #7c3aed1a!important}html.light .finance-warehouse-page .glass-card,[data-theme=light] .finance-warehouse-page .glass-card{background:#fff!important;border:1px solid rgba(124,58,237,.14)!important;box-shadow:0 1px #7c3aed0a,0 6px 18px #7c3aed0f!important}html.light .finance-warehouse-page .glass-card-hover[data-active=true],[data-theme=light] .finance-warehouse-page .glass-card-hover[data-active=true]{background:linear-gradient(135deg,#f5f3ff,#ede9fe)!important;border-color:#7c3aed5c!important}html.light .finance-opname-page .glass-card,[data-theme=light] .finance-opname-page .glass-card,html.light .finance-catalog-page .product-card,[data-theme=light] .finance-catalog-page .product-card,html.light .finance-catalog-page .catalog-item,[data-theme=light] .finance-catalog-page .catalog-item{background:#fff!important;border:1px solid rgba(124,58,237,.14)!important;box-shadow:0 1px #7c3aed0a,0 6px 18px #7c3aed0f!important}html.light .finance-opname-page input[type=text],[data-theme=light] .finance-opname-page input[type=text],html.light .finance-warehouse-page input[type=text],[data-theme=light] .finance-warehouse-page input[type=text],html.light .finance-warehouse-page select,[data-theme=light] .finance-warehouse-page select{background:#fff!important;border:1px solid rgba(124,58,237,.18)!important;color:#1f1147!important;box-shadow:0 1px #fff inset,0 2px 6px #7c3aed0f!important}html.light .finance-warehouse-page>div[style*="border-radius: 999px"],[data-theme=light] .finance-warehouse-page>div[style*="border-radius: 999px"]{background:#fff!important;border:1px solid rgba(124,58,237,.22)!important;box-shadow:0 1px #fff inset,0 2px 8px #7c3aed1a!important}html.light .finance-warehouse-page .dashboard-table thead tr,[data-theme=light] .finance-warehouse-page .dashboard-table thead tr,html.light .finance-opname-page .dashboard-table thead tr,[data-theme=light] .finance-opname-page .dashboard-table thead tr{background:linear-gradient(90deg,#f5f3ff,#faf5ff)!important;color:#4c1d95!important}html.light .finance-warehouse-page .dashboard-table tbody tr:hover,[data-theme=light] .finance-warehouse-page .dashboard-table tbody tr:hover,html.light .finance-opname-page .dashboard-table tbody tr:hover,[data-theme=light] .finance-opname-page .dashboard-table tbody tr:hover{background:#7c3aed0a!important}.modal-overlay{background:#0804149e!important;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);animation:modalOverlayIn .18s var(--ease, cubic-bezier(.22, 1, .36, 1))}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}.modal-overlay>.modal-content,.modal-overlay>.modal{animation:modalContentIn .22s var(--ease, cubic-bezier(.22, 1, .36, 1))}@keyframes modalContentIn{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.finance-premium-page .kpi-card{transition:transform .22s var(--ease, cubic-bezier(.22, 1, .36, 1)),box-shadow .22s var(--ease, cubic-bezier(.22, 1, .36, 1)),border-color .22s var(--ease, cubic-bezier(.22, 1, .36, 1));will-change:transform}.finance-premium-page .kpi-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #0a06186b,0 0 0 1px #a78bfa33}.finance-premium-page .dashboard-table tbody tr{transition:background .18s var(--ease, cubic-bezier(.22, 1, .36, 1))}.finance-premium-page .dashboard-btn-primary:active:not(:disabled),.finance-premium-page .dashboard-btn-secondary:active:not(:disabled),.finance-premium-page .dashboard-btn-ghost:active:not(:disabled){transform:scale(.97);transition:transform 80ms var(--ease, cubic-bezier(.22, 1, .36, 1))}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal-overlay>.modal-content,.modal-overlay>.modal{animation:none!important}.finance-premium-page .kpi-card,.finance-premium-page .kpi-card:hover{transition:none;transform:none}.finance-premium-page .dashboard-btn-primary:active,.finance-premium-page .dashboard-btn-secondary:active,.finance-premium-page .dashboard-btn-ghost:active{transform:none}}html.light .modal-overlay,[data-theme=light] .modal-overlay{background:#4c1d952e!important;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.finance-settlements-page select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238B86A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px!important;transition:border-color .15s var(--ease, cubic-bezier(.22, 1, .36, 1)),background-color .15s var(--ease, cubic-bezier(.22, 1, .36, 1))}.finance-settlements-page select:hover{border-color:#a78bfa57!important}.finance-settlements-page select:focus{outline:none;border-color:var(--accent-light)!important;box-shadow:0 0 0 3px #8b5cf62e}.finance-settlements-page input[type=text]{transition:border-color .15s var(--ease, cubic-bezier(.22, 1, .36, 1)),box-shadow .15s var(--ease, cubic-bezier(.22, 1, .36, 1))}.finance-settlements-page input[type=text]:focus{outline:none;border-color:var(--accent-light)!important;box-shadow:0 0 0 3px #8b5cf62e}.finance-settlements-page button[title="Reset filter"]{animation:filterChipIn .2s var(--ease, cubic-bezier(.22, 1, .36, 1))}@keyframes filterChipIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion: reduce){.finance-settlements-page button[title="Reset filter"]{animation:none}.finance-settlements-page select,.finance-settlements-page input[type=text]{transition:none}}html.light .finance-settlements-page select,[data-theme=light] .finance-settlements-page select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%237C3AED' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}tr.sales-row-clickable{cursor:pointer;transition:background-color .16s var(--ease, cubic-bezier(.22, 1, .36, 1)),box-shadow .16s var(--ease, cubic-bezier(.22, 1, .36, 1))}tr.sales-row-clickable:hover{background:linear-gradient(90deg,#8b5cf61a,#38bdf80a)!important;box-shadow:inset 3px 0 0 var(--accent-light)}tr.sales-row-clickable:hover td:first-child span{text-decoration-color:var(--accent-light)!important}tr.sales-row-clickable td:last-child{cursor:default}@media (prefers-reduced-motion: reduce){tr.sales-row-clickable{transition:none}}html.light tr.sales-row-clickable:hover,[data-theme=light] tr.sales-row-clickable:hover{background:linear-gradient(90deg,#7c3aed0f,#7c3aed05)!important;box-shadow:inset 3px 0 #7c3aed}@media (max-width: 1024px){.finance-settlements-page .finance-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.finance-settlements-page .finance-kpi-grid>:nth-child(3){grid-column:1 / -1}.finance-settlements-page .tab-btn{padding:8px 12px!important;font-size:12.5px!important}}@media (max-width: 600px){.finance-settlements-page .finance-kpi-grid{grid-template-columns:1fr!important;gap:10px!important}.finance-settlements-page .finance-kpi-grid>:nth-child(3){grid-column:auto}.finance-settlements-page .page-header-hero,.finance-settlements-page>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.finance-settlements-page .dashboard-btn-primary{width:100%;justify-content:center}.finance-settlements-page>div[style*=flexWrap]{flex-direction:column!important;align-items:stretch!important}.finance-settlements-page input[type=text],.finance-settlements-page select{width:100%!important;min-width:0!important}.finance-settlements-page .tabs-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}.finance-settlements-page .tab-btn{flex-shrink:0}.finance-settlements-page .icon-btn{min-width:40px;min-height:40px}.finance-settlements-page [style*="padding: '12px 16px'"]{flex-wrap:wrap!important;gap:8px!important}.finance-settlements-page>div[style*="rgba(56,189,248,0.08)"]{padding:10px 12px!important;font-size:12px!important}}@media (max-width: 1024px){.modal-overlay{padding:16px 12px!important;align-items:flex-start!important}.modal-overlay>.modal-content,.modal-overlay>.modal{max-width:100%!important;width:100%;margin:0 auto}}@media (max-width: 600px){.modal-overlay{padding:8px!important}.modal-overlay>.modal-content,.modal-overlay>.modal{border-radius:12px!important;max-height:calc(100vh - 16px);overflow-y:auto}.modal-overlay .modal-header,.modal-overlay .modal-body{padding:16px 18px!important}.modal-overlay .modal-footer{padding:12px 18px!important;flex-wrap:wrap;gap:8px}.modal-overlay .modal-footer button{flex:1 1 auto;min-width:100px}}@media (max-width: 1024px){.finance-kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.finance-kpi-grid{grid-template-columns:1fr!important}tr.sales-row-clickable .icon-btn{min-width:38px;min-height:38px}}