@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}nextjs-portal,[data-nextjs-toast],[data-nextjs-dialog],[data-nextjs-dialog-overlay],[data-next-js-indicator],[data-nextjs-scroll-indicator],#__next-build-watcher,#next-route-announcer{opacity:0!important;pointer-events:none!important;visibility:hidden!important;display:none!important}:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--primary:#059669;--primary-foreground:#fff;--accent:#d97706;--accent-foreground:#78350f;--secondary:#f0fdf4;--muted:#f1f5f9;--muted-foreground:#64748b;--border:#cbd5e1;--input:#cbd5e1;--ring:#059669;--success:#16a34a;--success-foreground:#14532d;--destructive:#dc2626;--sidebar:#0f172a;--sidebar-foreground:#f8fafc;--sidebar-primary:#059669;--sidebar-accent:#1e293b;--radius:4px}*{box-sizing:border-box;border-color:var(--border)}html{background:var(--background);scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--foreground);margin:0;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.app-loading{background:var(--background);min-height:100svh;color:var(--foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.loading-mark{background:var(--primary);width:42px;height:42px;color:var(--primary-foreground);border-radius:12px;place-items:center;display:grid}.app-loading small{color:var(--muted-foreground);font-size:12px}.login-page{background:var(--background);grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);min-height:100svh;display:grid}.login-panel{flex-direction:column;justify-content:center;gap:34px;width:min(100%,560px);margin:0 auto;padding:48px clamp(20px,6vw,80px);display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-brand strong{font-size:16px;display:block}.login-brand small{color:var(--muted-foreground);margin-top:3px;font-size:11px;display:block}.login-copy{flex-direction:column;gap:9px;display:flex}.login-copy h1{margin:0;font-size:clamp(28px,4vw,40px)}.login-copy p:last-child{color:var(--muted-foreground);margin:0;line-height:1.6}.login-actions{flex-direction:column;gap:12px;display:flex}.role-card{border:1px solid var(--border);background:var(--card);width:100%;color:var(--foreground);text-align:left;border-radius:13px;align-items:center;gap:13px;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.role-card:hover{border-color:var(--primary);box-shadow:0 8px 24px var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-card:hover{box-shadow:0 8px 24px color-mix(in oklch, var(--primary) 10%, transparent)}}.role-card:hover{transform:translateY(-2px)}.role-card>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.role-card strong{font-size:13px}.role-card small{color:var(--muted-foreground);font-size:11px;line-height:1.5}.role-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.role-icon.admin{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.role-icon.admin{background:color-mix(in oklch, var(--primary) 12%, transparent)}}.role-icon.admin{color:var(--primary)}.role-icon.manager{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.role-icon.manager{background:color-mix(in oklch, var(--success) 14%, transparent)}}.role-icon.manager{color:var(--success-foreground)}.role-arrow{color:var(--primary);font-size:20px}.login-note{color:var(--muted-foreground);align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.login-aside{background:var(--primary);align-items:flex-end;min-height:100svh;padding:clamp(28px,6vw,80px);display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.login-aside{background:color-mix(in oklch, var(--primary) 12%, var(--background))}}.login-aside-grid{opacity:.55;background-image:linear-gradient(var(--primary) 1px, transparent 1px), linear-gradient(90deg, var(--primary) 1px, transparent 1px);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.login-aside-grid{background-image:linear-gradient(color-mix(in oklch, var(--primary) 10%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--primary) 10%, transparent) 1px, transparent 1px)}}.login-aside-grid{background-size:42px 42px;-webkit-mask-image:linear-gradient(#0000,#000 28% 75%,#0000);mask-image:linear-gradient(#0000,#000 28% 75%,#0000)}.login-aside-content{max-width:440px;position:relative}.aside-chip{border:1px solid var(--primary);padding:6px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.aside-chip{border:1px solid color-mix(in oklch, var(--primary) 25%, transparent)}}.aside-chip{color:var(--primary);border-radius:999px;font-size:10px;font-weight:800}.login-aside h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(28px,4vw,46px);line-height:1.08}.login-aside p{max-width:370px;color:var(--muted-foreground);line-height:1.65}.login-stat-row{gap:42px;margin-top:28px;display:flex}.login-stat-row span{flex-direction:column;gap:4px;display:flex}.login-stat-row strong{font-family:ui-monospace,monospace;font-size:24px}.login-stat-row small{color:var(--muted-foreground);font-size:11px}.profile-logout{color:var(--muted-foreground);background:0 0;border:0;margin-left:auto;font-size:10px}.profile-logout:hover{color:var(--destructive)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--ring)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in oklch, var(--ring) 35%, transparent)}}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:var(--secondary);min-height:100svh;display:flex}@supports (color:color-mix(in lab, red, red)){.app-shell{background:color-mix(in oklch, var(--secondary) 45%, var(--background))}}.sidebar{z-index:50;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 240px;gap:20px;width:240px;height:100svh;min-height:100svh;padding:16px 12px;transition:width .2s,flex-basis .2s;display:flex;position:sticky;top:0}.brand{color:#0f172a;align-items:center;gap:10px;padding:4px 6px;display:flex}.brand-mark{color:#fff;cursor:pointer;background:#059669;border-radius:6px;flex:0 0 32px;place-items:center;width:32px;height:32px;display:grid}.brand strong{color:#0f172a;font-size:14px;font-weight:700;display:block}.brand small,.profile small{color:#64748b;margin-top:2px;font-size:11px;display:block}.sidebar-toggle{color:#64748b;background:0 0;border:0;margin-left:auto;display:grid}.nav-section-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:8px 10px 4px;font-size:10px;font-weight:700}.side-nav{flex-direction:column;gap:2px;display:flex}.side-nav button,.side-link{color:#475569;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.side-nav button.active{color:#fff;background:#059669;font-weight:600}.sidebar-bottom{flex-direction:column;gap:12px;margin-top:auto;display:flex}.profile{color:#0f172a;border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 6px 0;display:flex}.profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-info strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.profile-info small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.avatar{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.avatar-small{border:0;width:30px;height:30px}.avatar-tiny{width:26px;height:26px}.sidebar.collapsed{flex:0 0 64px;width:64px;padding:22px 8px 16px}.sidebar.collapsed .brand-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .profile-info,.sidebar.collapsed .profile-arrow{display:none}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .side-nav button,.sidebar.collapsed .side-link{justify-content:center;padding:10px 0}.sidebar.collapsed .profile{justify-content:center;padding:12px 0 0}.main-column{flex:1;min-width:0}.topbar{z-index:40;border-bottom:1px solid var(--border);align-items:center;gap:18px;height:68px;padding:0 30px;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.topbar{border-bottom:1px solid color-mix(in oklch, var(--border) 75%, transparent)}}.topbar{background:var(--background)}@supports (color:color-mix(in lab, red, red)){.topbar{background:color-mix(in oklch, var(--background) 86%, transparent)}}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.global-search{border:1px solid var(--input);background:var(--card);width:min(360px,100%);color:var(--muted-foreground);border-radius:9px;align-items:center;gap:9px;padding:9px 12px;display:flex}.global-search input,.search-box input{width:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-size:12px}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--border);background:var(--card);width:34px;height:34px;color:var(--muted-foreground);border-radius:9px;place-items:center;display:grid}.icon-button:hover{color:var(--primary);border-color:var(--primary)}.menu-button{display:grid}.page-content{width:100%;max-width:1440px;margin:0 auto;padding:28px 30px 56px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.11em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(24px,3vw,32px);line-height:1.15}h2{letter-spacing:-.01em;margin-bottom:5px;font-size:15px}.page-description,.card-head p{color:var(--muted-foreground);margin-bottom:0;font-size:12px;line-height:1.55}.period{border:1px solid var(--border);background:var(--card);color:var(--muted-foreground);border-radius:8px;align-items:center;gap:7px;margin:-8px 0 18px;padding:5px 9px;font-size:12px;display:inline-flex}.period .MuiFormControl-root{min-width:105px}.period .MuiInputBase-root{background:0 0;border:0;min-height:30px}.period .MuiOutlinedInput-notchedOutline{border:0}.period .MuiInputLabel-root{display:none}.overview-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:10px;display:flex}.overview-head h1{margin-bottom:7px;font-size:clamp(24px,2.5vw,30px)}.overview-period{border:1px solid var(--border);background:var(--card);min-width:126px;color:var(--muted-foreground);border-radius:9px;align-items:center;gap:6px;padding:4px 8px;display:flex}.overview-period .MuiFormControl-root{min-width:95px}.overview-period .MuiInputBase-root{background:0 0;border:0;min-height:28px}.overview-period .MuiOutlinedInput-notchedOutline{border:0}.overview-period .MuiInputLabel-root{display:none}.overview-context{color:var(--muted-foreground);align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.overview-context strong{color:var(--primary)}.ov-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.ov-kpi-card{align-items:center;gap:12px;min-height:82px;margin-bottom:0;padding:14px 16px;display:flex}.ov-kpi-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.icon-purple{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.icon-purple{background:color-mix(in oklch, var(--primary) 12%, transparent)}}.icon-purple{color:var(--primary)}.icon-green{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.icon-green{background:color-mix(in oklch, var(--success) 14%, transparent)}}.icon-green{color:var(--success)}.icon-blue{color:#005b8d;color:lab(35.4266% -6.66153 -55.1284);background:#cbe9ff;background:lab(90.7695% -7.5866 -16.2089)}.icon-purple-light{color:var(--primary);background:#eae8ff;background:lab(92.6426% 5.13813 -14.0335)}.icon-orange{color:#a95a00;color:lab(46.8395% 41.0975 106.287);background:#ffe6bf;background:lab(93.0855% 8.5946 31.0903)}.icon-red{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.icon-red{background:color-mix(in oklch, var(--destructive) 12%, transparent)}}.icon-red{color:var(--destructive)}.ov-kpi-body{flex:1;min-width:0}.ov-kpi-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.ov-kpi-title{color:var(--muted-foreground);font-size:11px;font-weight:600}.ov-badge{border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.badge-down{color:#ba293b;color:lab(42.403% 57.7623 27.7389);background:#ffeced;background:lab(95.0361% 9.77165 3.07217)}.badge-up{color:#005e26;color:lab(34.6435% -49.6251 34.5694);background:#d0f7d6;background:lab(93.8347% -17.7931 11.3956)}.badge-neutral{background:var(--muted);color:var(--muted-foreground)}.ov-kpi-val{color:var(--foreground);font-family:ui-monospace,monospace;font-size:18px;font-weight:800;display:block}.kpi-period-note{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:9px;display:block;overflow:hidden}@media (max-width:900px){.ov-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:550px){.ov-kpi-grid{grid-template-columns:1fr}}.button{border:1px solid var(--border);background:var(--card);min-height:36px;color:var(--foreground);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.button.primary:hover{filter:brightness(1.08)}.button.outline:hover,.button.ghost:hover{border-color:var(--primary);color:var(--primary)}.button.ghost{background:0 0;border-color:#0000}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 2px 12px var(--foreground);margin-bottom:18px;padding:18px}@supports (color:color-mix(in lab, red, red)){.card{box-shadow:0 2px 12px color-mix(in oklch, var(--foreground) 3%, transparent)}}.card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.text-button{color:var(--primary);background:0 0;border:0;font-size:12px;font-weight:700}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{align-items:flex-start;gap:12px;min-height:112px;margin-bottom:0;display:flex}.kpi-icon{background:var(--primary);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.kpi-icon{background:color-mix(in oklch, var(--primary) 11%, transparent)}}.kpi-icon{color:var(--primary)}.kpi-icon.success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.kpi-icon.success{background:color-mix(in oklch, var(--success) 13%, transparent)}}.kpi-icon.success{color:var(--success)}.kpi-icon.accent{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.kpi-icon.accent{background:color-mix(in oklch, var(--accent) 30%, transparent)}}.kpi-icon.accent{color:var(--accent-foreground)}.kpi-icon.danger{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.kpi-icon.danger{background:color-mix(in oklch, var(--destructive) 11%, transparent)}}.kpi-icon.danger{color:var(--destructive)}.kpi-copy{min-width:0}.kpi-copy p{color:var(--muted-foreground);margin-bottom:8px;font-size:11px}.kpi-copy strong{white-space:nowrap;font-family:ui-monospace,monospace;font-size:clamp(16px,2vw,21px);display:block}.kpi-copy span{margin-top:7px;font-size:11px;display:block}.positive{color:var(--success)}.negative{color:var(--destructive)}.muted-text{color:var(--muted-foreground)}.dashboard-grid,.report-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:18px;display:grid}.dashboard-grid>.card{min-height:330px}.stack{flex-direction:column;gap:18px;display:flex}.stack .card{margin-bottom:0}.legend{color:var(--muted-foreground);gap:17px;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.accent-dot{background:var(--accent)}.success-dot{background:var(--success)}.bar-chart{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top, transparent 0, transparent 50px, var(--border) 51px);align-items:flex-end;gap:12px;height:220px;margin-top:10px;padding:14px 5px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.bar-chart{background:repeating-linear-gradient(to top, transparent 0, transparent 50px, color-mix(in oklch, var(--border) 55%, transparent) 51px)}}.bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;min-width:22px;height:100%;display:flex}.bars{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:100%;display:flex}.bars i,.bars b{background:var(--primary);border-radius:5px 5px 1px 1px;width:8px;min-height:4px;display:block}.bars .bar-accent{background:var(--accent)}.bars b{background:var(--success)}.bar-group small{color:var(--muted-foreground);font-size:10px}.rank{flex-direction:column;gap:8px;margin-bottom:17px;display:flex}.rank:last-child{margin-bottom:0}.rank>div:first-child{justify-content:space-between;gap:10px;font-size:12px;display:flex}.rank span{color:var(--muted-foreground);white-space:nowrap}.progress{background:var(--muted);border-radius:99px;height:6px;overflow:hidden}.progress i{border-radius:inherit;background:var(--primary);height:100%;display:block}.tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:32px;width:100%;margin-bottom:24px;padding:0 0 0 2px;display:flex;overflow:auto hidden;background:0 0!important;border-radius:0!important}.tabs::-webkit-scrollbar{width:0;height:0;display:none}.tabs button{cursor:pointer;white-space:nowrap;outline:none;flex:none;justify-content:center;align-items:center;padding:10px 0 12px;font-size:13.5px;font-weight:500;transition:color .15s ease-in-out;display:inline-flex;position:relative;color:#64748b!important;background:0 0!important;border:0!important;border-radius:0!important}.tabs button:hover{color:#0f172a!important;background:0 0!important}.tabs button.active{color:#059669!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}.tabs button.active:after{content:"";background-color:#059669;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:0;right:0}.filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-box,.select-wrap{border:1px solid var(--input);background:var(--card);min-height:35px;color:var(--muted-foreground);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex}.search-box{width:min(300px,100%)}.select-wrap{min-width:135px;position:relative}.select-wrap select,.field select{appearance:none;width:100%;color:var(--foreground);background:0 0;border:0;outline:0;font-size:12px}.select-wrap svg{pointer-events:none;position:absolute;right:8px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{border-bottom:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:10px;font-size:10px;font-weight:800}td{border-bottom:1px solid var(--border);padding:13px 10px}@supports (color:color-mix(in lab, red, red)){td{border-bottom:1px solid color-mix(in oklch, var(--border) 72%, transparent)}}td{white-space:nowrap}tr:last-child td{border-bottom:0}td strong{font-weight:800}.money{text-align:right;white-space:nowrap;font-family:ui-monospace,monospace}.cell-sub{color:var(--muted-foreground);margin-top:4px;font-size:10px;display:block}.status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status.success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.status.success{background:color-mix(in oklch, var(--success) 14%, transparent)}}.status.success{color:var(--success-foreground)}.status.warning{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.status.warning{background:color-mix(in oklch, var(--accent) 30%, transparent)}}.status.warning{color:var(--accent-foreground)}.status.danger{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.status.danger{background:color-mix(in oklch, var(--destructive) 11%, transparent)}}.status.danger{color:var(--destructive)}.status.neutral{background:var(--muted);color:var(--muted-foreground)}.product-thumb{background:var(--primary);border-radius:7px;place-items:center;width:29px;height:29px;display:grid}@supports (color:color-mix(in lab, red, red)){.product-thumb{background:color-mix(in oklch, var(--primary) 10%, transparent)}}.product-thumb{color:var(--primary)}.empty{min-height:190px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.empty p{margin:0}.debt-chart{min-height:320px}.debt-bars{border-bottom:1px solid var(--border);justify-content:center;align-items:flex-end;gap:80px;height:220px;padding:20px 0 0;display:flex}.debt-bars>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.debt-bars i{border-radius:6px 6px 0 0;width:36px;min-height:10px;display:block}.debt-bars .receivable{background:var(--success)}.debt-bars .payable{background:var(--accent)}.debt-bars span{color:var(--muted-foreground);font-size:11px}.debt-bars strong{font-family:ui-monospace,monospace;font-size:12px}.line-chart{border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top, transparent 0, transparent 50px, var(--border) 51px);align-items:flex-end;gap:12px;height:220px;padding:14px 10px 0;display:flex}@supports (color:color-mix(in lab, red, red)){.line-chart{background:repeating-linear-gradient(to top, transparent 0, transparent 50px, color-mix(in oklch, var(--border) 55%, transparent) 51px)}}.line-chart div{background:var(--primary);border-radius:6px 6px 1px 1px;flex:1;min-width:22px;position:relative}.line-chart span{color:var(--muted-foreground);white-space:nowrap;font-size:10px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.summary{flex-direction:column;gap:15px;display:flex}.summary div{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding-bottom:13px;display:flex}.summary dt{color:var(--muted-foreground)}.summary dd{text-align:right;margin:0;font-family:ui-monospace,monospace;font-weight:800}.modal-backdrop{z-index:100;background:var(--foreground);place-items:center;padding:18px;display:grid;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.modal-backdrop{background:color-mix(in oklch, var(--foreground) 35%, transparent)}}.modal{border:1px solid var(--border);background:var(--card);width:min(590px,100%);max-height:min(720px,100svh - 36px);box-shadow:0 25px 80px var(--foreground);border-radius:16px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.modal{box-shadow:0 25px 80px color-mix(in oklch, var(--foreground) 25%, transparent)}}.modal-head,.modal-footer{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;display:flex}.modal-head{border-bottom:1px solid var(--border)}.modal-head h2{margin-bottom:5px;font-size:16px}.modal-head p{color:var(--muted-foreground);margin:0;font-size:11px}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.field{min-width:0;color:var(--muted-foreground);flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.field.wide{grid-column:1/-1}.field input,.field select{border:1px solid var(--input);background:var(--card);width:100%;min-height:36px;color:var(--foreground);border-radius:8px;outline:0;padding:8px 10px;font-size:12px}.field input:focus,.field select:focus{border-color:var(--primary)}.modal-total{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:10px;margin-top:20px;padding-top:15px;display:flex}.modal-total strong{color:var(--foreground);font-family:ui-monospace,monospace}.select-all{align-items:center;gap:12px;margin-bottom:12px;display:flex}.select-all span{color:var(--muted-foreground);font-size:11px}.reminder-list{scrollbar-gutter:stable;flex-direction:column;gap:6px;max-height:340px;padding-right:6px;display:flex;overflow-y:auto}.reminder-row{border:1px solid var(--border);background:var(--card);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s;display:flex}.reminder-row:hover{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.reminder-row:hover{background:color-mix(in oklch, var(--primary) 4%, var(--card))}}.reminder-row input{accent-color:var(--primary);cursor:pointer;flex:none;width:16px;height:16px}.reminder-info strong{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.reminder-info small{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.reminder-amount{text-align:right;color:var(--destructive);white-space:nowrap;flex:none;font-family:ui-monospace,monospace;font-size:12px}.notice{background:var(--accent);border-radius:8px;align-items:center;gap:7px;margin:15px 0 0;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.notice{background:color-mix(in oklch, var(--accent) 20%, transparent)}}.notice{color:var(--accent-foreground);font-size:11px}.modal-section{border-bottom:1px solid var(--border);margin-bottom:18px;padding-bottom:18px}.modal-section:last-child{border-bottom:0;margin-bottom:0}.modal{border-radius:14px;width:min(640px,100%)}.modal-head{background:var(--muted);padding:16px 20px}@supports (color:color-mix(in lab, red, red)){.modal-head{background:color-mix(in oklch, var(--muted) 45%, var(--card))}}.modal-title-wrap{align-items:flex-start;gap:10px;min-width:0;display:flex}.modal-title-icon{background:var(--primary);width:30px;height:30px;color:var(--primary-foreground);border-radius:9px;flex:none;place-items:center;display:grid}.modal-head h2{margin-top:1px;font-size:14px}.modal-head p{font-size:10px}.modal-body{padding:18px 20px}.modal-section{margin-bottom:15px;padding-bottom:15px}.modal-section>.field>span,.modal-section .field>span{color:var(--foreground);font-size:10px;font-weight:700}.modal-footer{padding:13px 20px}.modal-footer .button{min-height:32px;padding:7px 12px;font-size:11px}.modal-summary{gap:6px;padding-top:12px}.modal-summary>div{font-size:11px}.summary-total{margin-top:3px;padding-top:9px}.line-item{grid-template-columns:30px minmax(125px,1fr) max-content 58px 32px 78px 26px;align-items:center;gap:7px;padding:8px;display:grid}.line-status .status{padding:4px 6px;font-size:9px}.line-qty,.line-price{width:100%;min-width:0;height:30px}.modal .MuiInputBase-root{min-height:35px}.selected-customer{border:1px solid var(--primary);background:var(--primary);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.selected-customer{background:color-mix(in oklch, var(--primary) 6%, var(--card))}}.selected-customer strong{color:var(--foreground);flex:1;font-size:13px}.dropdown-list{border:1px solid var(--border);background:var(--card);max-height:220px;box-shadow:0 8px 28px var(--foreground);border-radius:10px;flex-direction:column;gap:2px;margin-top:6px;padding:6px;display:flex;overflow:auto}@supports (color:color-mix(in lab, red, red)){.dropdown-list{box-shadow:0 8px 28px color-mix(in oklch, var(--foreground) 8%, transparent)}}.dropdown-add{width:100%;color:var(--primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:10px;font-size:12px;font-weight:700;display:flex}.dropdown-add:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dropdown-add:hover{background:color-mix(in oklch, var(--primary) 8%, transparent)}}.dropdown-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px 8px;transition:background-color .15s;display:flex}.dropdown-item:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.dropdown-item:hover{background:color-mix(in oklch, var(--primary) 7%, transparent)}}.dropdown-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dropdown-info strong{color:var(--foreground);font-size:12px;display:block}.dropdown-info small{color:var(--muted-foreground);font-size:10px;display:block}.dropdown-debt{color:var(--destructive);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;font-family:ui-monospace,monospace;font-size:11px;font-weight:700;display:flex}.dropdown-debt small{color:var(--muted-foreground);font-family:inherit;font-size:9px;font-weight:400}.dropdown-price{color:var(--foreground);white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px;font-weight:700}.line-items{flex-direction:column;gap:6px;margin-top:10px;display:flex}.line-item{border:1px solid var(--border);background:var(--muted);border-radius:9px;align-items:center;gap:8px;padding:10px;display:flex}@supports (color:color-mix(in lab, red, red)){.line-item{background:color-mix(in oklch, var(--muted) 40%, var(--card))}}.line-info{flex:1;min-width:0}.line-info strong{color:var(--foreground);font-size:12px;display:block}.line-info small{color:var(--muted-foreground);margin-top:2px;font-size:10px;display:block}.line-status{flex:none}.line-qty,.line-price{border:1px solid var(--input);background:var(--card);width:70px;min-height:30px;color:var(--foreground);text-align:center;border-radius:7px;outline:0;padding:5px 7px;font-family:ui-monospace,monospace;font-size:12px}.line-qty:focus,.line-price:focus{border-color:var(--primary)}.line-unit{color:var(--muted-foreground);white-space:nowrap;font-size:11px}.icon-button-sm{border:1px solid var(--border);background:var(--card);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;border-radius:6px;flex:none;place-items:center;display:grid}.icon-button-sm:hover{color:var(--destructive);border-color:var(--destructive)}.pay-row{align-items:center;gap:8px;display:flex}.pay-row input{border:1px solid var(--input);background:var(--card);min-height:36px;color:var(--foreground);border-radius:8px;outline:0;flex:1;padding:8px 10px;font-size:12px}.pay-row input:focus{border-color:var(--primary)}.modal-summary{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:8px;padding:14px 0 0;display:flex}.modal-summary>div{color:var(--muted-foreground);justify-content:space-between;gap:10px;font-size:12px;display:flex}.modal-summary strong{color:var(--foreground);font-family:ui-monospace,monospace}.summary-total{border-top:1px solid var(--border);padding-top:10px;font-weight:800}.summary-total span{color:var(--foreground);font-size:13px}.summary-total strong{font-size:15px}.summary-remaining{padding-top:6px}.summary-remaining strong{color:var(--destructive)}.note-badge{border:1px dashed var(--border);color:var(--muted-foreground);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;transition:border-color .2s;display:inline-flex}.note-badge:hover{border-color:var(--primary);color:var(--primary)}.group-cell{color:var(--foreground);background:var(--muted);font-size:12px;font-weight:700}@supports (color:color-mix(in lab, red, red)){.group-cell{background:color-mix(in oklch, var(--muted) 50%, var(--card))}}.group-cell{vertical-align:top}.reminder-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.reminder-info strong{color:var(--foreground);font-size:12px;display:block}.reminder-info small{color:var(--muted-foreground);font-size:10px;display:block}.reminder-badge{flex:none}.reminder-amount{color:var(--destructive);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-family:ui-monospace,monospace;font-size:11px;font-weight:800;line-height:1.4;display:flex}.drawer-backdrop{display:none}.mui-option{flex-direction:column;gap:2px;min-width:0;display:flex}.mui-option strong{color:var(--foreground);font-size:12px;font-weight:700}.mui-option small{color:var(--muted-foreground);font-size:10px}.MuiAutocomplete-popper{z-index:1300}.MuiPaper-root{border:1px solid var(--border);background:var(--card)!important;color:var(--foreground)!important;border-radius:10px!important}.MuiAutocomplete-option{min-height:42px!important}.MuiAutocomplete-option[aria-selected=true],.MuiAutocomplete-option:hover{background:var(--primary)!important}@supports (color:color-mix(in lab, red, red)){.MuiAutocomplete-option[aria-selected=true],.MuiAutocomplete-option:hover{background:color-mix(in oklch, var(--primary) 10%, var(--card))!important}}:root{--radius:4px}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select{font-family:inherit}.app-shell{background:var(--background)}.sidebar{gap:20px;padding-top:16px;color:#0f172a!important;background:#fff!important;border-right:1px solid #e2e8f0!important}.brand-mark{border-radius:6px;color:#fff!important;background:#059669!important}.side-nav{gap:4px}.nav-section{flex-direction:column;gap:2px;display:flex}.nav-section-label{letter-spacing:.08em;text-transform:uppercase;padding:6px 10px 4px;font-size:10px;font-weight:700;color:#94a3b8!important}.side-nav button,.side-link{min-height:34px;color:#475569!important;background:0 0!important;border-radius:6px!important}.side-nav button:hover,.side-link:hover{color:#059669!important;background:#f0fdf4!important}.side-nav button.active{color:#fff!important;background:#059669!important;box-shadow:0 2px 4px #05966933!important}.sidebar.collapsed .nav-section-label{display:none}.sidebar.collapsed .side-nav{gap:10px}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--card);height:64px;padding-inline:24px}.global-search{background:var(--background);border-radius:6px;width:min(440px,100%)}.top-create-button{border:1px solid var(--primary);background:var(--primary);min-height:34px;color:var(--primary-foreground);white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:7px 11px;font-size:12px;font-weight:750;display:inline-flex}.icon-button{border-radius:6px}.page-content{padding-top:26px}.card{box-shadow:0 1px 5px var(--foreground);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.card{box-shadow:0 1px 5px color-mix(in oklch, var(--foreground) 3%, transparent)}}.button,.field input,.field select,.search-box,.select-wrap{border-radius:6px}.overview-head{align-items:flex-start;margin-bottom:8px}.overview-head h1{letter-spacing:-.025em;margin-bottom:5px;font-size:clamp(22px,2.4vw,27px)}.overview-actions{align-items:center;gap:8px;display:flex}.overview-period{border-radius:6px}.overview-context{margin-bottom:18px}.context-divider{background:var(--border);width:1px;height:12px}.metric-strip{border:1px solid var(--border);background:var(--card);border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px;display:grid;overflow:hidden}.metric-item{border-left:1px solid var(--border);flex-direction:column;min-width:0;padding:14px 16px;transition:background-color .15s;display:flex}.metric-item:first-child{border-left:0}.metric-item:hover{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){.metric-item:hover{background:color-mix(in oklch, var(--muted) 40%, var(--card))}}.metric-header{justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.metric-label{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.metric-item strong{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Roboto Mono,monospace;font-size:clamp(16px,1.8vw,19px);font-weight:700;line-height:1.2;overflow:hidden}.metric-item small{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:10px;overflow:hidden}.metric-primary{border-top:3px solid var(--primary)}.operations-grid{grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;display:grid}.operations-grid>.card{min-height:330px}.chart-legend{justify-content:flex-end;margin-bottom:12px}.work-list{flex-direction:column;margin-inline:-6px;display:flex}.work-item{border:0;border-bottom:1px solid var(--border);grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;width:100%;padding:12px 6px;display:grid}@supports (color:color-mix(in lab, red, red)){.work-item{border-bottom:1px solid color-mix(in oklch, var(--border) 72%, transparent)}}.work-item{color:var(--foreground);text-align:left;background:0 0}.work-item:last-child{border-bottom:0}.work-item:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.work-item:hover{background:color-mix(in oklch, var(--primary) 4%, transparent)}}.work-item>svg{color:var(--muted-foreground)}.work-item>span:nth-child(2){min-width:0}.work-item strong,.work-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.work-item strong{margin-bottom:4px;font-size:12px}.work-item small{color:var(--muted-foreground);font-size:10px}.work-icon{border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.work-icon.warning{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.work-icon.warning{background:color-mix(in oklch, var(--accent) 25%, transparent)}}.work-icon.warning{color:var(--accent-foreground)}.work-icon.danger{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.work-icon.danger{background:color-mix(in oklch, var(--destructive) 10%, transparent)}}.work-icon.danger{color:var(--destructive)}.work-note{border-top:1px solid var(--border);color:var(--muted-foreground);align-items:flex-start;gap:6px;margin-top:16px;padding-top:13px;font-size:10px;line-height:1.5;display:flex}th{background:var(--muted)}@supports (color:color-mix(in lab, red, red)){th{background:color-mix(in oklch, var(--muted) 62%, var(--card))}}th{letter-spacing:.025em}td{padding-block:11px}.status{border-radius:5px}@media (max-width:1100px){.sidebar{flex-basis:220px;width:220px}.page-content{padding-inline:22px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.report-grid{grid-template-columns:1fr}.stack{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (max-width:700px){.sidebar{width:min(290px,85vw);box-shadow:12px 0 30px var(--foreground);transition:transform .25s ease-out;position:fixed;top:0;left:0;transform:translate(-105%)}@supports (color:color-mix(in lab, red, red)){.sidebar{box-shadow:12px 0 30px color-mix(in oklch, var(--foreground) 14%, transparent)}}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close,.menu-button{display:grid}.drawer-backdrop{z-index:45;background:var(--foreground);border:0;display:block;position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.drawer-backdrop{background:color-mix(in oklch, var(--foreground) 28%, transparent)}}.topbar{gap:10px;height:60px;padding:0 15px}.global-search{flex:1;width:auto}.top-actions .icon-button:first-child{display:none}.page-content{padding:22px 14px 42px}.page-head{flex-direction:column;gap:14px;margin-bottom:18px}.page-head .button{align-self:flex-start}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{gap:9px;min-height:102px;padding:13px}.kpi-icon{width:31px;height:31px}.kpi-copy strong{font-size:14px}.card{border-radius:12px;padding:14px}.card-head{margin-bottom:14px}.stack{display:flex}.bar-chart{gap:7px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.modal-body{padding:16px}.modal-head,.modal-footer{padding:15px 16px}.filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;display:grid}.filters>.form-search,.filters>.MuiTextField-root.form-search,.filters>.search-box,.filters>button:not(.icon-button){grid-column:1/-1;width:100%}.filters>.custom-datepicker{flex:100%;width:100%;min-width:0!important}.filters>.custom-datepicker .MuiTextField-root,.filters>.MuiTextField-root{width:100%;min-width:0!important}.tabs{margin-inline:-14px;padding-inline:14px}.dashboard-grid>.card{min-height:0}.debt-bars{gap:45px}.line-item{grid-template-columns:30px minmax(0,1fr) 26px}.line-item .line-status,.line-item .line-qty,.line-item .line-unit,.line-item .line-price{grid-column:span 1}.line-item .line-info{min-width:0}.line-item .line-status{grid-column:2;justify-self:start}.line-item .line-qty{grid-column:1/2}.line-item .line-unit{grid-column:2}.line-item .line-price{grid-column:1/3}.line-item .icon-button-sm{grid-area:2/3}}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-panel{width:min(100%,600px);min-height:100svh}.login-aside{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:1100px){.overview-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.overview-head{flex-direction:column;gap:12px}.overview-period{align-self:flex-start}.overview-context{flex-direction:column;align-items:flex-start;gap:4px}.overview-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.kpi-grid,.ov-kpi-grid{grid-template-columns:1fr}.modal{max-height:calc(100svh - 16px)}.debt-bars{gap:24px}}.custom-datepicker{flex:175px;min-width:180px;display:inline-flex;position:relative}.custom-calendar-popover{z-index:1200;border:1px solid var(--border);background:var(--card);width:280px;box-shadow:0 16px 40px var(--foreground);border-radius:14px;padding:14px;position:absolute;top:calc(100% + 6px);left:0;height:auto!important;max-height:none!important}@supports (color:color-mix(in lab, red, red)){.custom-calendar-popover{box-shadow:0 16px 40px color-mix(in oklch, var(--foreground) 16%, transparent)}}.custom-calendar-popover{flex-direction:column;gap:0;animation:.15s ease-out popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cal-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cal-header strong{color:var(--foreground);font-size:13px}.cal-nav-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--foreground);cursor:pointer;background:0 0;border-radius:7px;place-items:center;transition:background .15s;display:grid}.cal-nav-btn:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cal-nav-btn:hover{background:color-mix(in oklch, var(--primary) 10%, transparent)}}.cal-nav-btn:hover{color:var(--primary)}.cal-grid{text-align:center;grid-template-columns:repeat(7,1fr);grid-auto-rows:32px;align-content:start;gap:2px;margin-block:4px;display:grid}.cal-day-head{height:24px;color:var(--muted-foreground);text-transform:uppercase;place-items:center;font-size:11px;font-weight:800;display:grid}.cal-day{width:100%;height:32px;color:var(--foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:grid}.cal-day:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cal-day:hover{background:color-mix(in oklch, var(--primary) 12%, transparent)}}.cal-day:hover{color:var(--primary)}.cal-day.empty{pointer-events:none;height:32px}.cal-day.today{border:1px solid var(--primary);color:var(--primary);font-weight:800}.cal-day.selected{font-weight:800;background:var(--primary)!important;color:var(--primary-foreground)!important}.cal-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.cal-footer button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.cal-footer button.clear{color:var(--muted-foreground)}.cal-footer button:hover{text-decoration:underline}@media (max-width:1100px){.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item:nth-child(3){border-left:0;border-top:1px solid var(--border)}.metric-item:nth-child(4){border-top:1px solid var(--border)}.operations-grid{grid-template-columns:1fr}.operations-grid>.card{min-height:0}}@media (max-width:700px){.top-create-button{display:none}.overview-head{align-items:flex-start}.overview-actions{width:100%}.overview-actions .button{flex:1}.overview-context{flex-direction:row;align-items:center}.metric-strip{grid-template-columns:1fr}.metric-item,.metric-item:nth-child(3){border-left:0;border-top:1px solid var(--border)}.metric-item:first-child{border-top:3px solid var(--primary)}}.ov-kpi-grid{align-items:stretch}.ov-kpi-card{border-radius:10px;min-height:104px}.ov-kpi-val{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:inherit}.kpi-copy strong,.money,.metric-item strong{font-variant-numeric:tabular-nums;font-family:inherit}.ov-kpi-title{line-height:1.25}.ov-kpi-header{min-height:18px}.ov-badge{white-space:nowrap;min-height:18px}.operations-grid{align-items:stretch}.operations-grid>.card{height:100%}:root{--ui-gap:16px;--ui-radius:10px}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.4}button,input,select,textarea{font:inherit}h1,h2,h3,p{letter-spacing:normal}h1{letter-spacing:-.025em;font-size:26px;font-weight:700}h2{font-size:15px;font-weight:700}.page-content{max-width:1480px;padding:24px 28px 52px}.page-head,.overview-head{min-height:48px;margin-bottom:18px}.page-head h1,.overview-head h1{margin-bottom:5px;font-size:26px;line-height:1.2}.eyebrow{color:var(--primary);letter-spacing:.01em;text-transform:none;margin-bottom:5px;font-size:11px;font-weight:700}.page-description,.card-head p{font-size:12px;line-height:1.45}.card{margin-bottom:var(--ui-gap);border-radius:var(--ui-radius);box-shadow:0 1px 4px var(--foreground);padding:16px}@supports (color:color-mix(in lab, red, red)){.card{box-shadow:0 1px 4px color-mix(in oklch, var(--foreground) 3%, transparent)}}.card-head{min-height:30px;margin-bottom:14px}.card-head h2{margin-bottom:3px;line-height:1.25}.button{border-radius:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:700}.filters{gap:8px;margin-bottom:14px}.search-box,.select-wrap,.field input,.field select,.global-search{border-radius:7px;min-height:36px;font-size:12px}table{font-size:12px}th{text-transform:none;padding:10px 9px;font-size:10px;font-weight:700}td{padding:12px 9px}.money,.kpi-copy strong,.ov-kpi-val{font-variant-numeric:tabular-nums;font-family:inherit}.kpi-grid,.ov-kpi-grid{gap:var(--ui-gap)}.kpi,.ov-kpi-card{border-radius:var(--ui-radius);min-height:104px}.status{border-radius:5px;font-size:10px}.modal{border-radius:12px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--primary:#059669;--primary-foreground:#fff;--accent:#d97706;--accent-foreground:#78350f;--secondary:#f0fdf4;--muted:#f1f5f9;--muted-foreground:#64748b;--border:#e2e8f0;--input:#cbd5e1;--ring:#059669;--success:#16a34a;--success-foreground:#14532d;--destructive:#dc2626;--sidebar:#fff;--sidebar-foreground:#0f172a;--sidebar-primary:#059669;--sidebar-accent:#f0fdf4;--radius:6px;--ui-radius:6px}html,body,.app-shell{background:var(--background)}body{color:var(--foreground);font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar{color:#0f172a;background:#fff;border-right:1px solid #e2e8f0;flex-basis:232px;gap:26px;width:232px;padding:20px 12px 14px}.brand{color:#0f172a}.brand-mark{color:#fff;background:#059669;border:1px solid #059669;border-radius:6px;flex-basis:32px;width:32px;height:32px}.brand strong{letter-spacing:.01em;color:#0f172a;font-size:14px}.brand small,.sidebar .profile small{color:#64748b}.nav-section-label{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;padding:10px 12px 4px;font-size:10px;font-weight:700}.side-nav button,.side-link{color:#334155;border-radius:6px;min-height:38px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s ease-in-out}.side-nav button svg,.side-link svg{color:#64748b;transition:color .15s ease-in-out}.side-nav button:hover,.side-link:hover{color:#0f172a;background:#f1f5f9}.side-nav button:hover svg,.side-link:hover svg{color:#059669}.side-nav button.active{font-weight:600;color:#fff!important;background:#059669!important;box-shadow:0 2px 4px #05966933!important}.side-nav button.active svg{color:#fff!important}.sidebar .profile{border-top:1px solid #e2e8f0;align-items:center;gap:10px;padding:12px 6px 0;display:flex}.sidebar .avatar{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:700}.profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-info strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.profile-info small{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.profile-logout{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s}.profile-logout:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.topbar{border-bottom-color:var(--border);background:#fff;height:54px;padding-inline:20px}.global-search{border-color:var(--border);background:#f8fafc;border-radius:5px;width:min(360px,100%);min-height:32px}.global-search:focus-within{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #05966926}.top-create-button,.button.primary{color:#fff;background:#059669;border-color:#059669;border-radius:5px;font-weight:600;box-shadow:0 1px 2px #05966933}.top-create-button:hover,.button.primary:hover{color:#fff;filter:none;background:#047857;border-color:#047857}.icon-button{border-radius:5px}.page-content{max-width:1520px;padding:18px 28px 48px}.page-head,.overview-head{min-height:0;margin-bottom:16px}.page-head h1,.overview-head h1,h1{color:#14201c;letter-spacing:-.025em;margin-bottom:4px;font-size:23px;font-weight:720}.eyebrow{color:#65756f;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:750}.page-description,.card-head p{color:#68756f}.overview-context{margin-bottom:12px}.overview-context strong{color:var(--foreground)}.overview-period,.period{border-radius:5px}.overview-actions{gap:10px}.overview-actions .button{min-height:34px}.card{border-color:var(--border);box-shadow:none;border-radius:6px;padding:16px 18px}.card:hover{border-color:#cbd3ce}.card-head{margin-bottom:14px}.card-head h2{color:#1d2925;font-size:15px}.kpi-grid{gap:10px}.kpi{align-items:center;min-height:98px;padding:14px 16px}.kpi-icon,.ov-kpi-icon{border:1px solid #d5dcd8;border-radius:5px;width:30px;height:30px;color:#53635d!important;background:#f5f7f5!important}.kpi-copy p{color:#65736e;margin-bottom:5px;font-size:11px}.kpi-copy strong{color:#17211e;letter-spacing:-.015em;font-size:clamp(17px,1.8vw,21px);font-weight:720}.metric-strip{border-color:#cfd7d2;border-radius:6px;margin-bottom:14px}.metric-item{min-height:104px;padding:14px 15px 13px}.metric-item:first-child{border-top:0}.metric-primary{box-shadow:inset 0 3px 0 var(--primary);border-top:0}.metric-item:hover{background:#f7f9f7}.metric-label{color:#64726d;letter-spacing:.045em;font-size:10px;font-weight:700}.metric-item strong{letter-spacing:-.01em;font-size:clamp(16px,1.65vw,19px);font-weight:730}.ov-badge{opacity:.9;background:0 0;border:1px solid;border-radius:4px;font-weight:650}.badge-up{color:#137153;background:#edf7f2}.badge-down{color:#b43d37;background:#fbefee}.badge-neutral{color:#66736e}.operations-grid,.dashboard-grid,.report-grid{gap:14px}.tabs{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;align-items:center;gap:32px;width:100%;margin-bottom:24px;padding:0 0 0 2px;display:flex;overflow:auto hidden;background:0 0!important;border-radius:0!important}.tabs::-webkit-scrollbar{width:0;height:0;display:none}.tabs button{outline:none;padding:10px 0 12px;font-size:13.5px;font-weight:500;transition:color .15s ease-in-out;position:relative;color:#64748b!important;background:0 0!important;border:0!important;border-radius:0!important}.tabs button:hover{color:#0f172a!important;background:0 0!important}.tabs button.active{color:#059669!important;box-shadow:none!important;background:0 0!important;font-weight:600!important}.tabs button.active:after{content:"";background-color:#059669;border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:0;left:0;right:0}.button,.search-box,.select-wrap,.field input,.field select{border-radius:5px}.button{font-weight:650}.button.outline{color:#059669;background:#fff;border:1px solid #cbd5e1}.button.outline:hover{color:#047857;background:#f0fdf4;border-color:#059669}.button.ghost:hover,.text-button{color:#059669}.search-box,.select-wrap{border-color:#cbd5e1}.search-box:focus-within,.select-wrap:focus-within{border-color:#059669;box-shadow:0 0 0 3px #05966926}.table-scroll{border:1px solid #e0e4e1;border-radius:5px}table{font-size:12px}th{color:#52615b;letter-spacing:.025em;text-transform:uppercase;background:#edf1ee;border-bottom-color:#cfd6d2;padding:9px 10px;font-size:10px;font-weight:720}td{color:#27332f;border-bottom-color:#e5e9e6;padding:10px}tbody tr{transition:background-color .12s}tbody tr:hover{background:#f6f8f6}td strong{color:#14201c;font-weight:720}.money{font-variant-numeric:tabular-nums}.status{border:1px solid #0000;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:680}.status.success{color:#0b6248;background:#e8f4ef;border-color:#b9ddcf}.status.warning{color:#76530d;background:#fbf4df;border-color:#ead49e}.status.danger{color:#a73c36;background:#faeceb;border-color:#ecc5c2}.status.neutral{color:#58655f;background:#f0f2f1;border-color:#d6dcd8}.product-thumb,.work-icon{border:1px solid #d7ddd9;border-radius:5px;color:#596861!important;background:#f3f5f3!important}.work-item:hover{background:#f6f8f6}.progress{background:#e5e9e6;border-radius:2px;height:5px}.progress i,.line-chart>div{background:var(--primary);border-radius:2px 2px 0 0}.debt-bars .receivable{background:#287b69}.debt-bars .payable{background:#c28a24}.positive{color:#137153}.negative{color:#b43d37}.modal{border-radius:8px;box-shadow:0 24px 70px #12241e38}@media (max-width:1100px){.sidebar{flex-basis:214px;width:214px}}@media (max-width:700px){.page-content{padding:18px 14px 38px}.metric-primary,.metric-item:first-child{box-shadow:inset 3px 0 0 var(--primary);border-top:0}}.mock-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.mock-heading h1{letter-spacing:-.03em;margin:0;font-size:30px}.mock-heading p{color:var(--muted-foreground);margin:8px 0 0}.mock-primary,.mock-secondary{cursor:pointer;min-height:42px;font:inherit;white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 18px;display:inline-flex}.mock-primary{background:var(--primary);color:#fff}.mock-secondary{border-color:var(--border);color:var(--foreground);background:#fff}.mock-stat{background:#fff;border:1px solid #c7c5ce61;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:136px;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #2d325009}.mock-icon-badge{width:44px;height:44px;color:var(--primary);background:#dee0ff;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.mock-icon-badge.mint{color:#0e512f;background:#e6f0ea}.mock-icon-badge.amber{color:#784619;background:#fff0d7}.mock-icon-badge.rose{color:#93000a;background:#f9e3e1}.mock-stat strong{color:var(--foreground);letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.2;display:block}.mock-stat-icon{width:44px;height:44px;color:var(--primary);background:#dee0ff;border-radius:50%;place-items:center;display:grid}.mock-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.mock-panel{background:#fff;border:1px solid #c7c5ce6b;border-radius:16px;min-width:0;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #2d32500d}.mock-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.mock-panel-head h2{letter-spacing:-.02em;margin:0;font-size:22px}.mock-link{color:var(--primary);cursor:pointer;font:inherit;background:0 0;border:0}.mock-bars{border-bottom:1px solid var(--border);align-items:flex-end;gap:14px;height:260px;padding:24px 10px 0;display:flex}.mock-bars i{background:#c7c5ce;border-radius:6px 6px 0 0;flex:1;min-width:14px;display:block}.mock-bars i:nth-child(4){background:var(--primary)}.mock-bars.amber i{background:#c7c5ce}.mock-bars.amber i:nth-child(4){background:#feb880}.mock-filterbar{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.mock-filterbar .MuiTextField-root{flex:1;min-width:260px}.mock-filterbar .MuiSelect-root{min-width:180px}.mock-table-wrap{overflow:auto}.mock-table{border-collapse:collapse;width:100%;min-width:680px}.mock-table th{color:var(--muted-foreground);text-align:left;letter-spacing:.05em;background:#f2f4f6;padding:14px 16px;font-size:12px}.mock-table td{white-space:nowrap;border-bottom:1px solid #eceef0;padding:16px}.mock-table tr:last-child td{border-bottom:0}.mock-status{white-space:nowrap;border-radius:5px;align-items:center;gap:5px;min-height:22px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.mock-status.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.mock-status.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.mock-status.danger{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.mock-status.neutral{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}@media (max-width:900px){.mock-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.mock-heading{flex-direction:column;align-items:flex-start;gap:16px}.mock-heading h1{font-size:26px}.mock-kpi-grid,.mock-chart-grid{grid-template-columns:1fr}.mock-stat{min-height:110px}.mock-panel{padding:18px}}:root{--background:#f7f9fb;--foreground:#191c1e;--card:#fff;--primary:#181d3a;--primary-foreground:#fff;--accent:#feb880;--accent-foreground:#2f1500;--secondary:#f2f4f6;--muted:#eceef0;--muted-foreground:#46464d;--border:#e0e3e5;--input:#c7c5ce;--ring:#585c7d;--success:#003d21;--success-foreground:#b0f1c3;--destructive:#ba1a1a;--sidebar:#181d3a;--sidebar-foreground:#fff;--sidebar-accent:#2d3250;--radius:8px}body{background:var(--background);color:var(--foreground)}.mock-shell{background:var(--background);min-height:100svh;display:flex}.mock-sidebar{z-index:50;color:#e5e7eb;background:#111827;flex-direction:column;flex:0 0 248px;width:248px;height:100svh;padding:16px 12px 14px;transition:width .2s,flex-basis .2s,padding .2s;display:flex;position:sticky;top:0;overflow:hidden}.mock-sidebar.is-collapsed{flex:0 0 64px;align-items:center;width:64px;padding:16px 0}.mock-sidebar-header{justify-content:space-between;align-items:center;height:40px;margin-bottom:20px;padding:0 8px;display:flex}.mock-sidebar.is-collapsed .mock-sidebar-header{justify-content:center;width:100%;padding:0}.mock-brand{color:#f9fafb;letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;font-size:18px;font-weight:700;display:flex}.mock-brand-icon{color:#60a5fa;background:#1f2937;border-radius:7px;flex:none;place-items:center;width:32px;height:32px;display:grid}.mock-brand-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mock-collapse-btn{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;transition:color .12s,background .12s;display:grid}.mock-collapse-btn:hover{color:#d1d5db;background:#1f2937}.mock-collapse-btn-collapsed{color:#6b7280;cursor:pointer;background:#1f2937;border:0;border-radius:8px;place-items:center;width:40px;height:40px;transition:color .12s,background .12s;display:grid}.mock-collapse-btn-collapsed:hover{color:#f9fafb;background:#374151}.mock-sidebar nav{flex-direction:column;gap:2px;display:flex}.mock-sidebar.is-collapsed nav{align-items:center;width:100%}.mock-sidebar nav a{color:#9ca3af;border-radius:7px;align-items:center;gap:12px;height:38px;padding:0 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s,background .12s;display:flex}.mock-sidebar nav a:hover{color:#f3f4f6;background:#ffffff0d}.mock-sidebar nav a.active{color:#fff;background:#ffffff1a;font-weight:600}.mock-sidebar nav a.active svg{color:#60a5fa}.mock-sidebar.is-collapsed nav a{border-radius:8px;justify-content:center;width:40px;height:40px;margin:0 auto;padding:0}.mock-sidebar.is-collapsed nav a.active{color:#60a5fa;background:#ffffff1a}.mock-profile{color:#e5e7eb;border-top:1px solid #1f2937;align-items:center;gap:10px;margin-top:auto;padding:10px 6px;display:flex}.mock-sidebar.is-collapsed .mock-profile{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0}.mock-logout-compact{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;margin:0!important}.mock-logout-compact:hover{color:#ef4444;background:#1f2937}.mock-profile>span:nth-child(2),.mock-account>span:nth-child(2){flex-direction:column;gap:1px;min-width:0;display:flex}.mock-profile small,.mock-account small{color:#6b7280;font-size:11px}.mock-profile button,.mock-account button,.mock-menu{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.mock-profile button{color:#6b7280;margin-left:auto}.mock-sidebar.is-collapsed .mock-profile button{margin-left:0}.mock-profile button:hover{color:#d1d5db}.avatar{color:#93c5fd;background:#1e3a5f;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:grid}.mock-main{flex-direction:column;flex:1;min-width:0;display:flex}.mock-topbar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex;position:sticky;top:0}.mock-menu{color:var(--foreground);display:none}.mock-search{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;width:min(480px,55%);padding:0 14px;display:flex}.mock-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mock-search input{color:#111827;width:100%;height:40px;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.mock-search input::placeholder{color:#9ca3af}.mock-account{align-items:center;gap:14px;margin-left:auto;display:flex}.mock-account>button{color:#6b7280}.mock-account>button:hover{color:#111827}.mock-content{width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 48px}@media (max-width:700px){.desktop-only{display:none!important}}.mock-content .page-head{align-items:flex-start;margin-bottom:28px}.mock-content .page-head h1{letter-spacing:-.02em;font-size:30px}.mock-content .page-head p{color:var(--muted-foreground)}.mock-content .card{background:var(--card);border:1px solid #c7c5ce6b;border-radius:16px;box-shadow:0 4px 12px #2d32500d}.mock-content .card:hover{border-color:#c7c5ce6b;transform:none;box-shadow:0 4px 12px #2d32500d}.mock-content .button.primary{background:var(--primary);color:#fff}.mock-content .button.primary:hover{background:#2d3250}.mock-content .button.outline{color:var(--primary);background:0 0;border-color:#181d3a38}.mock-content .status.success{color:#0e512f;background:#e2f1e8}.mock-content .status.warning{color:#784619;background:#fff0d7}.mock-content .status.danger{color:#93000a;background:#ffdad6}.mock-filterbar{flex-wrap:wrap;align-items:center;gap:16px;padding-bottom:20px;display:flex}.mock-inline-search{color:var(--muted-foreground);flex:260px;align-items:center;gap:8px;display:flex}.mock-inline-search .MuiFormControl-root{flex:1}.mock-filterbar .MuiFormControl-root{min-width:180px}.mock-content .MuiOutlinedInput-root{background:#fff;border-radius:8px}.mock-content .MuiButton-contained{background:var(--primary);text-transform:none;border-radius:8px}.mock-content .MuiButton-contained:hover{background:#2d3250}.mock-content .MuiDialog-paper{border-radius:16px}.mui-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;padding-top:8px!important;display:grid!important}.mui-dialog-grid .MuiFormControl-root,.mui-dialog-grid .MuiTextField-root{width:100%}.mui-dialog-grid .switch-row{align-items:center;gap:8px;display:flex}.supplier-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.report-tabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:2px;width:fit-content;margin:0 0 20px;padding:3px;display:inline-flex}.report-tabs button{color:#64748b;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:6px 16px;font-size:13.5px;font-weight:500;transition:all .12s}.report-tabs button:hover{color:#0f172a}.report-tabs button.active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.report-structure{justify-content:center;align-items:center;gap:38px;min-height:250px;padding:18px;display:flex}.report-donut{border-radius:50%;flex:none;place-items:center;width:164px;height:164px;display:grid;position:relative}.report-donut:after{content:"";background:var(--card);border-radius:50%;position:absolute;inset:28px}.report-donut span{z-index:1;text-align:center;font-size:24px;font-weight:750;display:grid}.report-donut small{color:var(--muted-foreground);font-size:11px;font-weight:500}.report-legend{gap:14px;min-width:210px;display:grid}.report-legend span{color:var(--muted-foreground);grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:12px;display:grid}.report-legend i{background:#181d3a;border-radius:50%;width:9px;height:9px}.report-legend span:nth-child(2) i{background:#8589a2}.report-legend span:nth-child(3) i{background:#d8d9e3}.report-legend b{color:var(--foreground)}.mock-kpi{color:var(--primary);background:#fff;border:1px solid #c7c5ce6b;border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.mock-kpi>svg{background:#dee0ff;border-radius:8px;width:28px;height:28px;padding:6px}.mock-kpi span{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:13px;display:flex}.mock-kpi strong{color:var(--foreground);font-size:21px}.mock-kpi.danger{color:var(--destructive)}.row-actions{gap:4px;display:flex}.row-actions button{width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;opacity:.86;background:0 0;border:0;border-radius:8px;place-items:center;transition:opacity .12s,background .12s,color .12s;display:grid}.row-actions button:hover{background:var(--muted);color:var(--primary);opacity:1}.entity-empty{color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:56px 20px;display:flex}.entity-empty strong{color:var(--foreground)}.entity-empty .button{margin-top:8px}.settings-tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.settings-tabs button{border:1px solid var(--border);min-height:42px;color:var(--muted-foreground);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.settings-tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}.settings-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:760px;display:grid}.settings-form .wide,.settings-form button{grid-column:1/-1;justify-self:start}.setting-line{justify-content:space-between;align-items:center;gap:20px;padding:8px 0;display:flex}.setting-line span{align-items:center;gap:10px;display:inline-flex}.settings-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.mock-backdrop{z-index:45;background:#191c1e80;border:0;position:fixed;inset:0}@media (max-width:900px){.mock-sidebar{flex-basis:220px;width:220px}.mock-content{padding-inline:20px}}@media (max-width:700px){.mock-sidebar{transition:transform .25s;position:fixed;left:0;transform:translate(-100%)}.mock-sidebar.is-open{transform:translate(0)}.mock-menu{display:grid}.mock-topbar{gap:10px;padding:12px 16px}.mock-search{flex:1;width:auto}.mock-account>span:not(.avatar),.mock-account>button{display:none}.mock-content{padding:20px 14px 40px}.supplier-kpis,.settings-card-grid,.settings-form,.mui-dialog-grid{grid-template-columns:1fr}}.mock-heading.compact{margin-bottom:20px}.mock-subtle{color:var(--muted-foreground);margin:6px 0 0}.mock-actions-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.mock-actions-row.tight{margin-bottom:0}.mock-faux-select{min-height:42px;color:var(--foreground);font:inherit;cursor:pointer;background:#fff;border:1px solid #c7c5cecc;border-radius:8px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.mock-faux-select span:last-child{color:var(--muted-foreground)}.mock-divider{background:#c7c5ceb3;align-self:stretch;width:1px}.mock-filter-shell{background:#fff;border:1px solid #c7c5ce59;border-radius:16px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:18px;display:flex;box-shadow:0 4px 12px #2d32500d}.mock-filter-shell .mock-inline-search{flex:360px;min-width:0}.mock-filter-shell .MuiFormControl-root{min-width:160px}.mock-filter-select.wide .MuiFormControl-root{min-width:220px}.mock-show-count{white-space:nowrap;color:var(--muted-foreground);align-items:center;gap:10px;margin-left:auto;display:inline-flex}.mock-show-count span{letter-spacing:.08em;font-size:12px}.mock-show-count .MuiFormControl-root{min-width:72px}.mock-chip{min-height:28px;color:var(--muted-foreground);background:#eceef0;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.mock-quad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.mock-list{flex-direction:column;gap:14px;display:flex}.mock-list-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.mock-list-row strong,.mock-list-row b{color:var(--foreground)}.mock-list-row small{color:var(--muted-foreground);margin-top:3px;display:block}.mock-round-initial{width:34px;height:34px;color:var(--primary);background:#dee0ff;border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid}.mock-round-initial.neutral{color:var(--muted-foreground);background:#eceef0}.mock-footer-link{width:100%;color:var(--primary);text-align:center;cursor:pointer;background:0 0;border:0;margin-top:18px;font-weight:500}.mock-bars-stack{flex-direction:column;gap:14px;display:flex}.mock-meter-row{flex-direction:column;gap:8px;display:flex}.mock-meter-head{color:var(--foreground);justify-content:space-between;align-items:center;gap:10px;display:flex}.mock-meter-track{background:#eceef0;border-radius:999px;width:100%;height:8px;overflow:hidden}.mock-meter-track i{border-radius:inherit;background:#181d3a;height:100%;display:block}.mock-stat-watermark{display:none}.mock-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.mock-stat{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:16px 18px;display:flex;position:relative;box-shadow:0 1px 2px #00000008}.mock-stat-head{color:#64748b;text-transform:none;letter-spacing:normal;align-items:center;gap:8px;width:100%;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.mock-icon-inline{color:#64748b;align-items:center;display:inline-flex}.mock-stat-body{flex-direction:column;gap:4px;width:100%;display:flex}.mock-stat-body strong{color:#0f172a;letter-spacing:-.02em;font-size:22px;font-weight:700}.mock-stat-meta{color:#64748b;align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.mock-delta{align-items:center;font-size:12px;font-weight:600;display:inline-flex;background:0 0!important;padding:0!important}.mock-delta.success{color:#16a34a}.mock-delta.warning{color:#d97706}.mock-delta.danger{color:#dc2626}.mock-chart{flex-direction:column;gap:12px;display:flex}.mock-chart-svg{width:100%;height:250px;display:block}.mock-chart-axis{color:var(--muted-foreground);grid-template-columns:repeat(5,1fr);gap:8px;font-size:12px;display:grid}.mock-banner{background:#ffdad673;border:1px solid #ba1a1a38;border-radius:16px;align-items:flex-start;gap:16px;padding:18px;display:flex}.mock-banner-icon{width:48px;height:48px;color:var(--destructive);background:#ba1a1a14;border-radius:999px;flex:none;place-items:center;display:grid}.mock-banner-copy{flex:1}.mock-banner-copy strong{color:var(--destructive);margin-bottom:6px;font-size:16px;display:block}.mock-banner-copy p{color:#ba1a1ad9;margin:0;line-height:1.6}.mock-product-thumb{width:48px;height:48px;color:var(--primary);background:#eceef0;border-radius:12px;place-items:center;font-weight:700;display:grid}.mock-pager{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px 6px;display:flex}.mock-pager-controls{align-items:center;gap:8px;display:flex}.mock-pager-controls button{min-width:34px;height:34px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:0 10px;display:grid}.mock-pager-controls button:hover{background:#eceef0}.mock-pager-controls button.active{background:var(--primary);color:#fff}.mock-pager-controls button:disabled{color:var(--muted-foreground);opacity:.5;cursor:default}.mock-table-icon{width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.mock-table-icon:hover{color:var(--primary);background:#eceef0}.mock-cell-stack{flex-direction:column;gap:2px;display:flex}.products-page{flex-direction:column;gap:16px;display:flex}.products-duplicate-banner{color:#be123c;background:#fff1f2b8;border:1px solid #e11d4833;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.products-duplicate-copy{align-items:center;gap:10px;min-width:0;font-size:13px;font-weight:600;display:flex}.products-duplicate-banner button{color:#fff;font:inherit;cursor:pointer;background:#e11d48;border:0;border-radius:8px;flex:none;padding:7px 14px;font-size:12.5px;font-weight:700}.products-title{margin-bottom:2px}.products-title h1{font-size:24px}.products-title p{margin-top:6px}.products-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.products-toolbar-left{flex:420px;align-items:center;gap:12px;min-width:0;display:flex}.products-toolbar-right{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.products-filter,.products-filter .MuiFormControl-root{min-width:220px}.products-page .mock-inline-search{flex:360px;min-width:280px}.products-page .mock-inline-search .MuiOutlinedInput-root{border-radius:8px;height:40px}.products-page .mock-table-wrap{background:#fff;border:1px solid #e2e8f0e6;border-radius:14px;overflow:hidden;box-shadow:0 4px 12px #1118270a}.products-page .mock-table{min-width:1120px}.products-page .mock-table th,.products-page .mock-table td{padding-inline:14px}.products-page .mock-table th{padding-top:12px;padding-bottom:12px;font-size:11px}.products-page .mock-table td{padding-top:12px;padding-bottom:12px;font-size:13px}.products-row:hover .row-actions button{opacity:1}.products-code{align-items:center;gap:6px;display:flex}.products-code span{color:#e11d48;background:#ffe4e6;border-radius:999px;align-items:center;min-height:18px;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.mock-money.danger{color:var(--destructive)}.mock-money{white-space:nowrap}.mock-icon-only{min-width:42px;padding:0}.settings-layout{align-items:flex-start;gap:24px;display:flex}.settings-tabs{background:#eceef0;border-radius:16px;flex-direction:column;gap:8px;width:260px;padding:10px;display:flex}.settings-tabs button{min-height:54px;color:var(--muted-foreground);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.settings-tabs button.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #181d3a24}.settings-panel{background:#fff;border:1px solid #c7c5ce59;border-radius:16px;flex:1;min-width:0;box-shadow:0 8px 20px #2d32500f}.settings-inner{flex-direction:column;display:flex}.settings-head{border-bottom:1px solid #c7c5ce59;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 28px 22px;display:flex}.settings-head h2{letter-spacing:-.02em;margin:0 0 8px;font-size:30px}.settings-head p{color:var(--muted-foreground);margin:0;line-height:1.5}.staff-filters{box-shadow:none;border:0;border-bottom:1px solid #c7c5ce59;border-radius:0;margin:0;padding:18px 20px}.mock-employee{align-items:center;gap:12px;display:flex}.mock-employee-avatar{color:#fff;background:#181d3a;border-radius:999px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.mock-employee small{color:var(--muted-foreground);margin-top:2px;display:block}.mock-role{min-height:34px;color:var(--foreground);background:#eceef0;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.mock-role.admin{color:#fff;background:#2d3250}.mock-role.manager{color:#6a3b0e;background:#feb880}.mock-role.staff{color:#46464d;background:#e0e3e5}.mock-switch{align-items:center;display:inline-flex}.compact-card{box-shadow:none;margin-bottom:0}.compact-card h3{align-items:center;gap:10px;margin:0 0 10px;font-size:18px;display:flex}@media (max-width:1100px){.mock-quad-grid{grid-template-columns:1fr}.settings-layout{flex-direction:column}.settings-tabs{width:100%}}.MuiDialog-backdrop{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background-color:#0f172a73!important}.erp-dialog-paper,.MuiDialog-paper{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.erp-dialog-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.erp-dialog-header h3{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:700}.erp-dialog-header p{color:#64748b;margin:0;font-size:13px}.erp-dialog-close{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;transition:all .12s;display:grid}.mui-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 20px!important;padding:20px 24px!important;display:grid!important}.mui-dialog-grid .wide{grid-column:1/-1}.erp-dialog-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-around;align-items:center;margin-top:4px;padding:12px 16px;display:flex}.erp-dialog-summary .summary-item{flex-direction:column;align-items:center;gap:2px;display:flex}.erp-dialog-summary .summary-item span{color:#64748b;font-size:12px}.erp-dialog-summary .summary-item strong{color:#0f172a;font-size:15px;font-weight:700}.erp-dialog-summary .summary-divider{background:#e2e8f0;width:1px;height:28px}.text-success{color:#16a34a!important}.text-danger{color:#dc2626!important}.erp-dialog-actions{background:#fff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;display:flex;padding:16px 24px!important}.btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13.5px;font-weight:600;transition:background .12s;display:inline-flex}.btn-primary:hover{background:#1e293b}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.MuiDialog-paper .MuiOutlinedInput-root{background:#fff!important;border-radius:8px!important;font-size:13.5px!important}.MuiDialog-paper .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1!important}.MuiDialog-paper .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#94a3b8!important}.MuiDialog-paper .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1.5px!important;border-color:#0f172a!important}.MuiDialog-paper .MuiInputLabel-root{color:#64748b!important;font-size:13px!important;font-weight:500!important}.MuiDialog-paper .MuiInputLabel-root.Mui-focused{color:#0f172a!important;font-weight:600!important}.MuiDialog-paper .MuiFormHelperText-root{color:#fff;letter-spacing:-.01em;font-weight:700;margin-left:2px!important}.erp-dialog-close{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.erp-dialog-close:hover{color:#fff;background:#fff3}.erp-dialog-actions{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.MuiDialog-paper .MuiDialogContent-root table{border-collapse:separate!important;border-spacing:0 8px!important;width:100%!important;min-width:0!important}.MuiDialog-paper .MuiDialogContent-root table thead tr{background:#f3f6f4!important}.MuiDialog-paper .MuiDialogContent-root table thead th{color:#5b6571!important;letter-spacing:.04em!important;text-transform:uppercase!important;padding:10px 12px!important;font-size:11px!important;font-weight:700!important}.MuiDialog-paper .MuiDialogContent-root table tbody tr{background:#fff!important}.MuiDialog-paper .MuiDialogContent-root table tbody td{border-top:1px solid #edf1f3!important;border-bottom:1px solid #edf1f3!important;padding:10px 12px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child{border-radius:10px 0 0 10px;border-left:1px solid #edf1f3!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:last-child{border-radius:0 10px 10px 0;border-right:1px solid #edf1f3!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(2),.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(3),.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(4),.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(5){text-align:center}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(6){text-align:right;color:#059669;font-weight:700}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(7){text-align:center}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child>div{gap:10px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child>div>div:first-child{color:#475569!important;background:#eef2f6!important;border-radius:8px!important;width:36px!important;height:36px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child>div>div:last-child{min-width:0}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child>div>div:last-child>span:first-child{color:#0f172a!important;font-size:14px!important;font-weight:700!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:first-child>div>div:last-child>span:last-child{display:block;color:#94a3b8!important;margin-top:4px!important;font-size:11px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td .MuiInputBase-root{background:#fff!important;border-radius:10px!important;height:38px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(2) .MuiInputBase-root{width:78px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(3) .MuiInputBase-root{width:120px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(4) .MuiInputBase-root{width:104px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td:nth-child(5) .MuiFormControl-root{min-width:92px!important}.MuiDialog-paper .MuiDialogContent-root table tbody td .MuiOutlinedInput-notchedOutline{border-color:#d7e0e8!important}.MuiDialog-paper .MuiDialogContent-root table+button{color:#0f172a!important;background:0 0!important;border:0!important;align-items:center!important;gap:6px!important;margin-top:12px!important;padding:0!important;font-size:13px!important;font-weight:700!important;display:inline-flex!important}.MuiDialog-paper .MuiDialogContent-root table+button:hover{color:#059669!important}.mock-filter-shell .btn-secondary,.mock-filter-shell .custom-overview-datepicker>button{box-sizing:border-box!important;border-radius:6px!important;height:36px!important;min-height:36px!important;max-height:36px!important;font-size:12px!important}.mock-filter-shell .MuiOutlinedInput-notchedOutline{border-color:#cbd5e1!important;border-radius:6px!important}.mock-filter-shell .MuiSelect-select{align-items:center!important;height:34px!important;padding-top:0!important;padding-bottom:0!important;font-size:12px!important;display:flex!important}.mock-show-count{color:#64748b;letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}@media print{body *{visibility:hidden!important}.printable-invoice,.printable-invoice *{visibility:visible!important}.printable-invoice{width:100%!important;box-shadow:none!important;color:#000!important;background:#fff!important;margin:0!important;padding:20px!important;position:absolute!important;top:0!important;left:0!important}.no-print,.MuiBackdrop-root{display:none!important}}@media (max-width:1280px){.mock-kpi-grid,.supplier-kpis,.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.mock-quad-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:1024px){.mock-content{padding:16px 20px 32px!important}.mock-chart-grid,.mock-quad-grid{grid-template-columns:1fr!important;gap:16px!important}.settings-layout{flex-direction:column!important}.settings-tabs{flex-direction:row!important;width:100%!important;overflow-x:auto!important}}@media (max-width:768px){.mock-kpi-grid,.supplier-kpis,.reports-grid{grid-template-columns:1fr!important;gap:12px!important}.mock-heading,.mock-panel-head,.page-head{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.mock-panel{border-radius:12px!important;margin-bottom:16px!important;padding:14px!important}.mock-actions-row,.mock-filterbar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}.mock-filter-shell{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;height:auto!important;min-height:0!important;margin-bottom:16px!important;padding:12px!important}.mock-filter-shell .mock-divider{display:none!important}.mock-filter-shell .mock-inline-search{flex:none!important;width:100%!important;min-width:0!important;height:auto!important}.mock-filter-shell .mock-filter-select,.mock-filter-shell .custom-overview-datepicker,.mock-filter-shell .MuiFormControl-root,.mock-filter-shell select,.mock-filter-shell input{flex:none!important;width:100%!important;min-width:0!important}.mock-actions-row button,.mock-filterbar .MuiFormControl-root{width:100%!important;min-width:0!important}.report-tabs{width:100%!important;margin-bottom:16px!important;display:flex!important;overflow-x:auto!important}.report-tabs button{text-align:center!important;white-space:nowrap!important;flex:1!important;padding:8px 12px!important}.mock-table-wrap{width:100%!important;margin-inline:0!important;padding-inline:0!important;overflow-x:auto!important}.mock-stat-body strong{font-size:20px!important}}