@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}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-feature-settings:"cv02","cv03","cv04","cv11"}*{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:calc(var(--radius) + 4px);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:calc(var(--radius) + 4px);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:calc(var(--radius) + 4px);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.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)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);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:calc(var(--radius) + 4px);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}}.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:var(--radius);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}.form-hint{font-size:11px;color:var(--text-muted);margin-top:4px}.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}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-1{top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-right-0\.5{right:-.125rem}.-right-12{right:-3rem}.-top-0\.5{top:-.125rem}.-top-12{top:-3rem}.bottom-0{bottom:0}.left-0{left:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-3\.5{top:.875rem}.top-4{top:1rem}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2 / span 2}.row-start-1{grid-row-start:1}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3\.5{margin-left:.875rem;margin-right:.875rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.-mb-1{margin-bottom:-.25rem}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.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}.aspect-square{aspect-ratio:1 / 1}.size-10{width:2.5rem;height:2.5rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-3\.5{width:.875rem;height:.875rem}.size-4{width:1rem;height:1rem}.size-7{width:1.75rem;height:1.75rem}.size-8{width:2rem;height:2rem}.size-9{width:2.25rem;height:2.25rem}.size-full{width:100%;height:100%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[150px\]{height:150px}.h-\[18px\]{height:18px}.h-\[2px\]{height:2px}.h-\[38px\]{height:38px}.h-\[3px\]{height:3px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-72{max-height:18rem}.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-0{min-height:0px}.min-h-svh{min-height:100svh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-\[220px\]{width:220px}.w-\[var\(--radix-dropdown-menu-trigger-width\)\]{width:var(--radix-dropdown-menu-trigger-width)}.w-\[var\(--sidebar-width\)\]{width:var(--sidebar-width)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.min-w-5{min-width:1.25rem}.min-w-\[200px\]{min-width:200px}.min-w-\[8rem\]{min-width:8rem}.max-w-\[160px\]{max-width:160px}.max-w-\[var\(--skeleton-width\)\]{max-width:var(--skeleton-width)}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-\[var\(--radix-dropdown-menu-content-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50%;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))}.-translate-x-px{--tw-translate-x: -1px;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))}.-translate-y-1\/2{--tw-translate-y: -50%;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))}.translate-x-px{--tw-translate-x: 1px;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))}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;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))}.-rotate-90{--tw-rotate: -90deg;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))}.rotate-0{--tw-rotate: 0deg;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))}.rotate-45{--tw-rotate: 45deg;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))}.rotate-90{--tw-rotate: 90deg;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))}.scale-0{--tw-scale-x: 0;--tw-scale-y: 0;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))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;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))}.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 ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.self-start{align-self:flex-start}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.text-balance{text-wrap:balance}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:calc(var(--radius) + 8px)}.rounded-\[2px\]{border-radius:2px}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-width:1px}.border-0{border-width:0px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-border\/40{border-color:hsl(var(--border) / .4)}.border-border\/60{border-color:hsl(var(--border) / .6)}.border-red-500\/30{border-color:#ef44444d}.border-sidebar-border{border-color:hsl(var(--sidebar-border))}.border-transparent{border-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-accent{background-color:hsl(var(--accent))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-background{background-color:hsl(var(--background))}.bg-background\/40{background-color:hsl(var(--background) / .4)}.bg-background\/50{background-color:hsl(var(--background) / .5)}.bg-background\/80{background-color:hsl(var(--background) / .8)}.bg-black\/15{background-color:#00000026}.bg-black\/50{background-color:#00000080}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-border{background-color:hsl(var(--border))}.bg-border\/50{background-color:hsl(var(--border) / .5)}.bg-border\/60{background-color:hsl(var(--border) / .6)}.bg-card{background-color:hsl(var(--card))}.bg-cyan-500{--tw-bg-opacity: 1;background-color:rgb(6 182 212 / var(--tw-bg-opacity, 1))}.bg-cyan-500\/10{background-color:#06b6d41a}.bg-destructive{background-color:hsl(var(--destructive))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-foreground{background-color:hsl(var(--foreground))}.bg-foreground\/10{background-color:hsl(var(--foreground) / .1)}.bg-indigo-500{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-muted{background-color:hsl(var(--muted))}.bg-muted\/40{background-color:hsl(var(--muted) / .4)}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-red-500\/10{background-color:#ef44441a}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/10{background-color:#f43f5e1a}.bg-secondary{background-color:hsl(var(--secondary))}.bg-sidebar{background-color:hsl(var(--sidebar))}.bg-sidebar-border{background-color:hsl(var(--sidebar-border))}.bg-slate-50\/50{background-color:#f8fafc80}.bg-slate-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.bg-slate-500\/10{background-color:#64748b1a}.bg-transparent{background-color:transparent}.bg-violet-400{--tw-bg-opacity: 1;background-color:rgb(167 139 250 / var(--tw-bg-opacity, 1))}.bg-violet-500{--tw-bg-opacity: 1;background-color:rgb(139 92 246 / var(--tw-bg-opacity, 1))}.bg-violet-500\/10{background-color:#8b5cf61a}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-border{--tw-gradient-from: hsl(var(--border)) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--border) / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/10{--tw-gradient-from: rgb(139 92 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500\/20{--tw-gradient-from: rgb(139 92 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from: #7c3aed var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 58 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-indigo-500\/20{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(99 102 241 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-indigo-500\/10{--tw-gradient-to: rgb(99 102 241 / .1) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-500\/20{--tw-gradient-to: rgb(139 92 246 / .2) var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.fill-foreground{fill:hsl(var(--foreground))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-px{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.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-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.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-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.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)}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[0\.04em\]{letter-spacing:.04em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.10em\]{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-background{color:hsl(var(--background))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-cyan-500{--tw-text-opacity: 1;color:rgb(6 182 212 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-foreground{color:hsl(var(--foreground))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/50{color:hsl(var(--muted-foreground) / .5)}.text-muted-foreground\/60{color:hsl(var(--muted-foreground) / .6)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground) / .7)}.text-muted\/40{color:hsl(var(--muted) / .4)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-sidebar-foreground{color:hsl(var(--sidebar-foreground))}.text-sidebar-foreground\/70{color:hsl(var(--sidebar-foreground) / .7)}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-65{opacity:.65}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-\[0\.08\]{opacity:.08}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-border));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-violet-500\/20{--tw-shadow-color: rgb(139 92 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-amber-500\/20{--tw-ring-color: rgb(245 158 11 / .2)}.ring-blue-500\/20{--tw-ring-color: rgb(59 130 246 / .2)}.ring-border\/50{--tw-ring-color: hsl(var(--border) / .5)}.ring-cyan-500\/20{--tw-ring-color: rgb(6 182 212 / .2)}.ring-emerald-500\/20{--tw-ring-color: rgb(16 185 129 / .2)}.ring-indigo-500\/20{--tw-ring-color: rgb(99 102 241 / .2)}.ring-rose-500\/20{--tw-ring-color: rgb(244 63 94 / .2)}.ring-sidebar-ring{--tw-ring-color: hsl(var(--sidebar-ring))}.ring-slate-500\/20{--tw-ring-color: rgb(100 116 139 / .2)}.ring-violet-500\/20{--tw-ring-color: rgb(139 92 246 / .2)}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.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)}.blur-md{--tw-blur: blur(12px);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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.fade-in-0{--tw-enter-opacity: 0}.zoom-in-95{--tw-enter-scale: .95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{animation-timing-function:linear}.running{animation-play-state:running}.tabular{font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,SFMono-Regular,monospace}:root{--radius: .75rem;--background: 0 0% 6%;--foreground: 0 0% 96%;--card: 0 0% 9%;--card-foreground: 0 0% 96%;--popover: 0 0% 9%;--popover-foreground: 0 0% 96%;--primary: 265 92% 70%;--primary-foreground: 0 0% 6%;--secondary: 0 0% 14%;--secondary-foreground: 0 0% 96%;--muted: 0 0% 14%;--muted-foreground: 0 0% 60%;--accent: 0 0% 14%;--accent-foreground: 0 0% 96%;--destructive: 0 75% 60%;--destructive-foreground: 0 0% 96%;--border: 0 0% 18%;--input: 0 0% 18%;--ring: 265 92% 70%;--sidebar: 0 0% 4%;--sidebar-foreground: 0 0% 96%;--sidebar-primary: 265 92% 70%;--sidebar-primary-foreground: 0 0% 6%;--sidebar-accent: 0 0% 14%;--sidebar-accent-foreground: 0 0% 96%;--sidebar-border: 0 0% 14%;--sidebar-ring: 265 92% 70%}html.light{--background: 240 13% 99%;--foreground: 240 14% 12%;--card: 0 0% 100%;--card-foreground: 240 14% 12%;--popover: 0 0% 100%;--popover-foreground: 240 14% 12%;--primary: 265 92% 58%;--primary-foreground: 0 0% 100%;--secondary: 240 13% 96%;--secondary-foreground: 240 14% 18%;--muted: 240 13% 96%;--muted-foreground: 240 12% 47%;--accent: 240 13% 96%;--accent-foreground: 240 14% 18%;--destructive: 0 75% 55%;--destructive-foreground: 0 0% 100%;--border: 240 13% 91%;--input: 240 13% 91%;--ring: 265 92% 58%;--sidebar: 240 13% 99%;--sidebar-foreground: 240 14% 12%;--sidebar-primary: 265 92% 58%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 13% 96%;--sidebar-accent-foreground: 240 14% 18%;--sidebar-border: 240 13% 91%;--sidebar-ring: 265 92% 58%}html.theme-transition,html.theme-transition *,html.theme-transition *:before,html.theme-transition *:after{transition:background-color .3s ease,border-color .3s ease,color .2s ease,fill .2s ease,stroke .2s ease,box-shadow .3s ease!important}:root{color-scheme:dark;--bg: #0F0F0F;--bg-secondary: #0A0A0A;--bg-sidebar: #0A0A0A;--surface-1: #171717;--surface-2: #1F1F1F;--surface-3: #262626;--bg-elevated: #171717;--bg-card: #171717;--text-primary: #F5F5F5;--text-secondary: #B5B5B5;--text-muted: #999999;--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: #0A0A0A;--surface-topbar: #0F0F0F;--surface-card: #171717;--surface-modal: #1F1F1F;--surface-login: #171717;--surface-input: #1A1A1A;--surface-input-h: #232323;--surface-soft: #161616;--surface-soft-h: #1F1F1F;--surface-tabs: #161616;--surface-tile: #141414;--surface-th: #181818;--surface-tr-hover: #1A1A1A;--surface-chat-ai: #1A1A1A;--surface-chat-bar: #0F0F0F;--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)}.selection\:bg-primary *::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary *::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground *::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground *::selection{color:hsl(var(--primary-foreground))}.selection\:bg-primary::-moz-selection{background-color:hsl(var(--primary))}.selection\:bg-primary::selection{background-color:hsl(var(--primary))}.selection\:text-primary-foreground::-moz-selection{color:hsl(var(--primary-foreground))}.selection\:text-primary-foreground::selection{color:hsl(var(--primary-foreground))}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:1.75rem}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground\/60::-moz-placeholder{color:hsl(var(--muted-foreground) / .6)}.placeholder\:text-muted-foreground\/60::placeholder{color:hsl(var(--muted-foreground) / .6)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem}.after\:inset-y-0:after{content:var(--tw-content);top:0;bottom:0}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.hover\:max-w-md:hover{max-width:28rem}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-foreground\/15:hover{border-color:hsl(var(--foreground) / .15)}.hover\:border-foreground\/20:hover{border-color:hsl(var(--foreground) / .2)}.hover\:border-foreground\/25:hover{border-color:hsl(var(--foreground) / .25)}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-background\/80:hover{background-color:hsl(var(--background) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-muted:hover{background-color:hsl(var(--muted))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-muted\/60:hover{background-color:hsl(var(--muted) / .6)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-red-100\/60:hover{background-color:#fee2e299}.hover\:bg-red-500\/15:hover{background-color:#ef444426}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-sidebar-accent:hover{background-color:hsl(var(--sidebar-accent))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-sidebar-accent-foreground:hover{color:hsl(var(--sidebar-accent-foreground))}.hover\:text-violet-600:hover{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-95:hover{opacity:.95}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent));--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-border:hover{--tw-ring-color: hsl(var(--border))}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:hsl(var(--sidebar-border))}.focus\:max-w-md:focus{max-width:28rem}.focus\:border-violet-500\/50:focus{border-color:#8b5cf680}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-red-700:focus{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-violet-500\/40:focus{--tw-ring-color: rgb(139 92 246 / .4)}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:border-primary\/50:focus-visible{border-color:hsl(var(--primary) / .5)}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:bg-background:focus-visible{background-color:hsl(var(--background))}.focus-visible\:outline-1:focus-visible{outline-width:1px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: hsl(var(--destructive) / .2)}.focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color: hsl(var(--primary) / .2)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: hsl(var(--ring) / .5)}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;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))}.active\:bg-sidebar-accent:active{background-color:hsl(var(--sidebar-accent))}.active\:text-sidebar-accent-foreground:active{color:hsl(var(--sidebar-accent-foreground))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-55:disabled{opacity:.55}.group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100{opacity:1}.group\/item:hover .group-hover\/item\:scale-110,.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;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))}.group:hover .group-hover\:bg-muted\/70{background-color:hsl(var(--muted) / .7)}.group:hover .group-hover\:text-muted-foreground{color:hsl(var(--muted-foreground))}.group\/menu-item:hover .group-hover\/menu-item\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-\[0\.15\]{opacity:.15}.group:hover .group-hover\:ring-border{--tw-ring-color: hsl(var(--border))}.group:focus .group-focus\:bg-background{background-color:hsl(var(--background))}.group:focus .group-focus\:text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.group:focus .group-focus\:opacity-100{opacity:1}.group:focus .group-focus\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group:focus .group-focus\:ring-violet-500\/50{--tw-ring-color: rgb(139 92 246 / .5)}.peer\/menu-button:hover~.peer-hover\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-50{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-left:.625rem;padding-right:.625rem}.has-\[\>svg\]\:px-3:has(>svg){padding-left:.75rem;padding-right:.75rem}.has-\[\>svg\]\:px-4:has(>svg){padding-left:1rem;padding-right:1rem}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:hsl(var(--secondary))}.data-\[inset\]\:pl-8[data-inset]{padding-left:2rem}.data-\[active\=true\]\:font-medium[data-active=true]{font-weight:500}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:hsl(var(--sidebar-accent-foreground))}.data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:hsl(var(--accent-foreground))}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:hsl(var(--destructive))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=closed\]\:duration-300[data-state=closed]{transition-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{transition-duration:.5s}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity: 0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity: 0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale: .95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale: .95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y: -.5rem}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x: .5rem}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x: -.5rem}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y: .5rem}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y: 100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x: -100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y: -100%}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y: 100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x: -100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y: -100%}.data-\[state\=closed\]\:duration-300[data-state=closed]{animation-duration:.3s}.data-\[state\=open\]\:duration-500[data-state=open]{animation-duration:.5s}.data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state=open]{background-color:hsl(var(--sidebar-accent))}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state=open]{color:hsl(var(--sidebar-accent-foreground))}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10:focus[data-variant=destructive]{background-color:hsl(var(--destructive) / .1)}.data-\[variant\=destructive\]\:focus\:text-destructive:focus[data-variant=destructive]{color:hsl(var(--destructive))}.group[data-disabled=true] .group-data-\[disabled\=true\]\:pointer-events-none{pointer-events:none}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:calc(var(--sidebar-width) * -1)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:calc(var(--sidebar-width) * -1)}.group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:-1rem}.group[data-side=right] .group-data-\[side\=right\]\:left-0{left:0}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:-mt-8{margin-top:-2rem}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:hidden{display:none}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!size-8{width:2rem!important;height:2rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+theme\(spacing\.4\)\)\]{width:calc(var(--sidebar-width-icon) + 1rem)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+theme\(spacing\.4\)\+2px\)\]{width:calc(var(--sidebar-width-icon) + 1rem + 2px)}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:w-\[var\(--sidebar-width-icon\)\]{width:var(--sidebar-width-icon)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:w-0{width:0px}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:translate-x-0{--tw-translate-x: 0px;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))}.group[data-side=right] .group-data-\[side\=right\]\:rotate-180,.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate: 180deg;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))}.group[data-variant=floating] .group-data-\[variant\=floating\]\:rounded-lg{border-radius:var(--radius)}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border{border-width:1px}.group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:1px}.group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:1px}.group[data-variant=floating] .group-data-\[variant\=floating\]\:border-sidebar-border{border-color:hsl(var(--sidebar-border))}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-0{padding:0!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:\!p-2{padding:.5rem!important}.group[data-collapsible=icon] .group-data-\[collapsible\=icon\]\:opacity-0{opacity:0}.group[data-disabled=true] .group-data-\[disabled\=true\]\:opacity-50{opacity:.5}.group[data-variant=floating] .group-data-\[variant\=floating\]\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{content:var(--tw-content);left:100%}.group[data-collapsible=offcanvas] .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover{background-color:hsl(var(--sidebar))}.peer\/menu-button[data-size=default]~.peer-data-\[size\=default\]\/menu-button\:top-1\.5{top:.375rem}.peer\/menu-button[data-size=lg]~.peer-data-\[size\=lg\]\/menu-button\:top-2\.5{top:.625rem}.peer\/menu-button[data-size=sm]~.peer-data-\[size\=sm\]\/menu-button\:top-1{top:.25rem}.peer\/menu-button[data-active=true]~.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground{color:hsl(var(--sidebar-accent-foreground))}.dark\:border-input:is([data-theme=dark] *){border-color:hsl(var(--input))}.dark\:bg-amber-500\/20:is([data-theme=dark] *){background-color:#f59e0b33}.dark\:bg-blue-500\/20:is([data-theme=dark] *){background-color:#3b82f633}.dark\:bg-cyan-500\/20:is([data-theme=dark] *){background-color:#06b6d433}.dark\:bg-destructive\/60:is([data-theme=dark] *){background-color:hsl(var(--destructive) / .6)}.dark\:bg-emerald-500\/20:is([data-theme=dark] *){background-color:#10b98133}.dark\:bg-indigo-500\/20:is([data-theme=dark] *){background-color:#6366f133}.dark\:bg-input\/30:is([data-theme=dark] *){background-color:hsl(var(--input) / .3)}.dark\:bg-rose-500\/20:is([data-theme=dark] *){background-color:#f43f5e33}.dark\:bg-slate-500\/20:is([data-theme=dark] *){background-color:#64748b33}.dark\:bg-slate-950\/50:is([data-theme=dark] *){background-color:#02061780}.dark\:bg-violet-500\/20:is([data-theme=dark] *){background-color:#8b5cf633}.dark\:text-amber-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-cyan-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-rose-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-violet-400:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-accent\/50:hover:is([data-theme=dark] *){background-color:hsl(var(--accent) / .5)}.dark\:hover\:bg-input\/50:hover:is([data-theme=dark] *){background-color:hsl(var(--input) / .5)}.dark\:hover\:bg-red-500\/10:hover:is([data-theme=dark] *){background-color:#ef44441a}.dark\:hover\:text-red-400:hover:is([data-theme=dark] *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:focus-visible\:ring-destructive\/40:focus-visible:is([data-theme=dark] *){--tw-ring-color: hsl(var(--destructive) / .4)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:focus[data-variant=destructive]:is([data-theme=dark] *){background-color:hsl(var(--destructive) / .2)}@media (min-width: 640px){.sm\:mt-2{margin-top:.5rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-5{height:1.25rem}.sm\:w-10{width:2.5rem}.sm\:w-5{width:1.25rem}.sm\:w-64{width:16rem}.sm\:max-w-sm{max-width:24rem}.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-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-4{gap:1rem}.sm\:space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:pr-12{padding-right:3rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}.sm\:hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;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))}.sm\:hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 768px){.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:gap-4{gap:1rem}.md\:p-5{padding:1.25rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:opacity-0{opacity:0}.md\:after\:hidden:after{content:var(--tw-content);display:none}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:m-2{margin:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0}.peer[data-variant=inset][data-state=collapsed]~.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2{margin-left:.5rem}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (min-width: 1024px){.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:.75rem;height:.75rem}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:hsl(var(--sidebar-accent-foreground))}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:hsl(var(--muted-foreground))}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:-.5rem}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:-.5rem}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}a.\[a\&\]\:hover\:bg-accent:hover{background-color:hsl(var(--accent))}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:hsl(var(--secondary) / .9)}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.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}:root{--body-radial-1: transparent;--body-radial-2: transparent;--body-radial-3: transparent;--body-radial-4: transparent}body{background:hsl(var(--background))!important;color:hsl(var(--foreground))}.page-wrap,.page-content{padding:16px;width:100%}.page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid hsl(var(--border))}.page-title{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0;color:hsl(var(--foreground))}.page-title svg{color:hsl(var(--primary))}.page-subtitle{font-size:13.5px;color:hsl(var(--muted-foreground));margin:6px 0 0;font-weight:400}.glass-card,.kpi-card,.chart-card,.table-wrap,.form-section,.card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--card-foreground));transition:border-color .2s ease,background-color .2s ease}.glass-card,.chart-card,.card{padding:0}.kpi-card{padding:18px 20px}.form-section,.table-wrap{padding:0;overflow:hidden}:root:not(.light) .glass-card:hover,:root:not(.light) .kpi-card:hover,:root:not(.light) .chart-card:hover,:root:not(.light) .card:hover{border-color:hsl(var(--foreground) / .15)}html.light .glass-card:hover,html.light .kpi-card:hover,html.light .chart-card:hover,html.light .card:hover{border-color:hsl(var(--foreground) / .15)}.glass-card:after,.kpi-card:after,.chart-card:after{content:none!important}.card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 20px;border-bottom:1px solid hsl(var(--border))}.dashboard-btn-primary,.btn-primary{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:600;border:1px solid transparent;cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground));transition:filter .16s ease,transform .1s ease}.dashboard-btn-primary:hover,.btn-primary:hover{filter:brightness(1.08)}.dashboard-btn-primary:active,.btn-primary:active{transform:scale(.98)}.dashboard-btn-secondary{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;font-size:13.5px;font-weight:500;background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));cursor:pointer;transition:all .14s ease}.dashboard-btn-secondary:hover{background:hsl(var(--accent));border-color:hsl(var(--border))}.btn-icon,.icon-btn{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));transition:all .16s ease}.btn-icon:hover,.icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.btn-icon.btn-danger{color:hsl(var(--destructive))}.btn-icon.btn-danger:hover{background:hsl(var(--destructive) / .1);border-color:hsl(var(--destructive) / .3)}.search-box{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:40px;border-radius:12px;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border));min-width:240px}.search-box:focus-within{border-color:hsl(var(--ring) / .45);box-shadow:0 0 0 3px hsl(var(--ring) / .12)}.search-box svg{color:hsl(var(--muted-foreground));flex-shrink:0}.search-box input{flex:1;background:transparent;border:none;outline:none;font-size:13.5px;color:hsl(var(--foreground))}.search-box input::-moz-placeholder{color:hsl(var(--muted-foreground))}.search-box input::placeholder{color:hsl(var(--muted-foreground))}.stats-mini{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:hsl(var(--muted-foreground))}.stats-mini>div{padding:5px 12px;border-radius:999px;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border))}.stats-mini strong{color:hsl(var(--foreground));margin-left:4px;font-variant-numeric:tabular-nums;font-weight:600}.data-table,.dashboard-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;caption-side:bottom;background:hsl(var(--card))}.data-table thead,.dashboard-table thead{background:hsl(var(--muted))}.data-table thead tr,.dashboard-table thead tr{border-bottom:1px solid hsl(var(--border))}.data-table thead th,.dashboard-table thead th{text-align:left;padding:12px 16px;height:44px;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));position:sticky;top:0;z-index:1}.data-table tbody,.dashboard-table tbody{background:hsl(var(--card))}.data-table tbody td,.dashboard-table tbody td{padding:12px 16px;border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));vertical-align:middle;font-size:13px;background:hsl(var(--card))}.data-table tbody tr,.dashboard-table tbody tr{transition:background-color .12s ease}.data-table tbody tr:hover td,.dashboard-table tbody tr:hover td{background:hsl(var(--muted))}.data-table tbody tr:last-child td,.dashboard-table tbody tr:last-child td{border-bottom:0}.td-product{font-weight:500}.td-qty strong{font-variant-numeric:tabular-nums;color:hsl(var(--foreground));font-weight:500}.action-buttons{display:inline-flex;align-items:center;gap:4px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}:root:not(.light) .status-badge.received,:root:not(.light) .status-badge.paid,:root:not(.light) .status-badge.active,:root:not(.light) .status-badge.success{background:#10b98126;color:#6ee7b7}:root:not(.light) .status-badge.pending,:root:not(.light) .status-badge.draft{background:#f59e0b26;color:#fcd34d}:root:not(.light) .status-badge.cancelled,:root:not(.light) .status-badge.failed,:root:not(.light) .status-badge.danger{background:#ef444426;color:#fca5a5}html.light .status-badge.received,html.light .status-badge.paid,html.light .status-badge.active,html.light .status-badge.success{background:#10b9811a;color:#047857}html.light .status-badge.pending,html.light .status-badge.draft{background:#f59e0b1a;color:#b45309}html.light .status-badge.cancelled,html.light .status-badge.failed,html.light .status-badge.danger{background:#ef44441a;color:#b91c1c}.stat-card,.kpi-card{padding:18px 20px}.stat-label,.kpi-label{font-size:12px;font-weight:500;color:hsl(var(--muted-foreground));letter-spacing:.02em}.stat-value,.kpi-value{font-size:28px;font-weight:700;letter-spacing:-.025em;color:hsl(var(--foreground));font-variant-numeric:tabular-nums;line-height:1.15;margin-top:6px}.dashboard-input,textarea,select{font-family:inherit;font-size:13.5px;border-radius:10px;background:hsl(var(--input));border:1px solid hsl(var(--border));color:hsl(var(--foreground));transition:all .16s ease}.dashboard-input:focus,textarea:focus,select:focus{border-color:hsl(var(--ring) / .45);box-shadow:0 0 0 3px hsl(var(--ring) / .12);outline:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000000eb;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;animation:fade-in .2s ease;backdrop-filter:none;-webkit-backdrop-filter:none}@media (min-height: 720px){.modal-overlay{align-items:center}}html.light .modal-overlay{background:#0f172a8c;backdrop-filter:none;-webkit-backdrop-filter:none}.modal,.modal-content{position:relative;width:100%;max-width:min(500px,calc(100vw - 32px))!important;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:hsl(var(--card))!important;border:1px solid hsl(var(--border));border-radius:var(--radius);color:hsl(var(--card-foreground));box-shadow:0 25px 50px -12px #00000040;animation:scale-in .18s cubic-bezier(.22,1,.36,1);overflow:hidden}.modal-content{max-width:min(820px,calc(100vw - 32px))!important}:root:not(.light) .modal,:root:not(.light) .modal-content{box-shadow:0 25px 50px -12px #00000080}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid hsl(var(--border))}.modal-title{font-size:16px;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));line-height:1.3}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;transition:all .14s ease;flex-shrink:0}.modal-close:hover{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--border))}.modal-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid hsl(var(--border));background:hsl(var(--card))}.form-group{display:flex;flex-direction:column;gap:6px}.form-group>label,.form-group>.label{font-size:13px;font-weight:500;color:hsl(var(--foreground));letter-spacing:0}.form-group small,.form-group .form-hint{margin-top:2px;font-size:11.5px!important;color:hsl(var(--muted-foreground))!important;line-height:1.4}.modal input[type=text],.modal input[type=number],.modal input[type=email],.modal input[type=password],.modal input[type=date],.modal input[type=search],.modal input:not([type]),.modal select,.modal textarea,.modal-content input[type=text],.modal-content input[type=number],.modal-content input[type=email],.modal-content input[type=password],.modal-content input[type=date],.modal-content input[type=search],.modal-content input:not([type]),.modal-content select,.modal-content textarea{width:100%;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;color:hsl(var(--foreground));background:hsl(var(--background))!important;border:1px solid hsl(var(--border));border-radius:8px;transition:all .16s ease;outline:none}.modal textarea,.modal-content textarea{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.modal select,.modal-content select{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' 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;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.modal input::-moz-placeholder,.modal textarea::-moz-placeholder,.modal-content input::-moz-placeholder,.modal-content textarea::-moz-placeholder{color:hsl(var(--muted-foreground))}.modal input::placeholder,.modal textarea::placeholder,.modal-content input::placeholder,.modal-content textarea::placeholder{color:hsl(var(--muted-foreground))}.modal input:focus,.modal select:focus,.modal textarea:focus,.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:hsl(var(--ring) / .5);box-shadow:0 0 0 3px hsl(var(--ring) / .12)}.modal-content .close-btn,.modal .close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;transition:all .14s ease;flex-shrink:0}.modal-content .close-btn:hover,.modal .close-btn:hover{background:hsl(var(--secondary));color:hsl(var(--foreground))}.modal-content .form,.modal-content form.form{padding:20px 24px;background:hsl(var(--card))}.modal-content .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}@media (max-width: 640px){.modal-content .form-grid{grid-template-columns:1fr}}.modal-content .alert{padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:14px}.modal-content .alert.alert-error{background:#e64c4c1a;border:1px solid hsl(0 75% 60% / .3);color:#f28c8c}.modal-content .modal-footer{background:hsl(var(--card));margin-top:0}.modal-content .btn-primary,.modal-content .btn-secondary{height:38px;padding:0 18px;border-radius:10px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;cursor:pointer;transition:all .16s ease}.modal-content .btn-primary{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;box-shadow:0 4px 14px -4px #7c3aed73}.modal-content .btn-primary:hover{filter:brightness(1.08)}.modal-content .btn-secondary{background:hsl(var(--muted));color:hsl(var(--foreground));border-color:hsl(var(--border))}.modal-content .btn-secondary:hover{background:hsl(var(--secondary))}.radio-group{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:999px;width:100%}.radio-option{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;min-height:32px;font-size:12.5px;font-weight:500;color:hsl(var(--muted-foreground));background:transparent;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:all .14s ease;flex:1;min-width:80px;white-space:nowrap}.radio-option>input[type=radio]{display:none}.radio-option:hover:not(.selected){color:hsl(var(--foreground));background:hsl(var(--background))}.radio-option.selected{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 4px 14px -4px #7c3aed80,0 1px #ffffff1f inset}.radio-option.selected:hover{filter:brightness(1.06)}@media (max-width: 480px){.modal{max-width:100%}.modal-header,.modal-body,.modal-footer{padding-left:18px;padding-right:18px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer>*{width:100%}}.tabs-bar{background:hsl(var(--muted) / .5)!important;border:1px solid hsl(var(--border))!important}.tab-btn{background:transparent!important;color:hsl(var(--muted-foreground))!important}.tab-btn:hover:not(.active){background:hsl(var(--accent))!important;color:hsl(var(--foreground))!important}.tab-btn.active{background:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--muted-foreground) / .3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}@keyframes sl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-wrap>*,.page-content>*{animation:sl-fade-in .28s cubic-bezier(.22,1,.36,1) both}.page-wrap>*:nth-child(1),.page-content>*:nth-child(1){animation-delay:30ms}.page-wrap>*:nth-child(2),.page-content>*:nth-child(2){animation-delay:70ms}.page-wrap>*:nth-child(3),.page-content>*:nth-child(3){animation-delay:.11s}@media (prefers-reduced-motion: reduce){.page-wrap>*,.page-content>*{animation:none!important}}