@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#1b47db;--primary-hover:#1338b6;--primary-light:#ebf1ff;--primary-blue:#1b47db;--primary-blue-hover:#1338b6;--secondary-blue:#6997e4;--light-blue:#94b5e3;--secondary-color:#94b5e3;--accent-purple:#c6c3d7;--muted-lavender:#c6c3d7;--bg-main:#f4f5f8;--bg-dashboard:#ebebec;--bg-card:#fff;--dashboard-bg:#ebebec;--dashboard-surface:#fff;--dashboard-text:#232e32;--dashboard-text-muted:#8a8e94;--dashboard-primary:#1b47db;--dashboard-primary-soft:#6997e4;--dashboard-border:#232e321a;--border-color:#e2e4e8;--border-subtle:#232e3214;--border-focus:#1b47db;--text-primary:#232e32;--text-secondary:#798089;--text-muted:#9b9b9b;--text-on-primary:#fff;--color-danger:#b26552;--color-danger-light:#fdf2f0;--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:20px;--font-size-xxl:28px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-base:12px;--margin-xs:6px;--margin-default:var(--spacing-base);--margin-md:calc(var(--spacing-base) * 1.5);--margin-lg:calc(var(--spacing-base) * 2.5);--padding-xs:6px;--padding-default:var(--spacing-base);--padding-md:calc(var(--spacing-base) * 1.5);--padding-lg:calc(var(--spacing-base) * 2);--padding-xl:calc(var(--spacing-base) * 3);--border-width:1px;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{min-height:100vh}input,button{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.delay-100{opacity:0;animation-delay:.1s}.delay-200{opacity:0;animation-delay:.2s}.delay-300{opacity:0;animation-delay:.3s}.recharts-wrapper:focus,.recharts-wrapper :focus,.recharts-surface:focus,.recharts-surface :focus{outline:none!important}.brand-logo{color:var(--dashboard-text);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.brand-logo-mark{flex:none;width:34px;height:34px;display:block}.brand-logo-mark-surface{fill:var(--dashboard-primary)}.brand-logo-mark-line{fill:none;stroke:var(--text-on-primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.1px}.brand-logo-name{color:currentColor;letter-spacing:-.055em;font-size:20px;font-weight:750;line-height:1}.brand-logo--sm .brand-logo-mark{width:28px;height:28px}.brand-logo--sm .brand-logo-name{font-size:17px}.brand-logo--lg{gap:12px}.brand-logo--lg .brand-logo-mark{width:46px;height:46px}.brand-logo--lg .brand-logo-name{font-size:28px}.brand-logo--inverse{color:var(--text-on-primary)}.brand-logo--inverse .brand-logo-mark-surface{fill:var(--text-on-primary)}.brand-logo--inverse .brand-logo-mark-line{stroke:var(--dashboard-primary)}.top-menu-bar-container{z-index:100;background-color:#0000;width:100%;padding:12px 24px 0;position:relative}.top-menu-bar{background-color:var(--dashboard-surface,#fff);border:1px solid var(--dashboard-border,#e2e4e8);border-radius:18px;justify-content:space-between;align-items:center;width:min(1600px,100%);min-height:64px;margin:0 auto;padding:8px 14px;display:flex}.menu-bar-brand{flex-shrink:0;align-items:center;gap:12px;padding-left:2px;display:flex}.menu-bar-nav{scrollbar-width:none;-ms-overflow-style:none;flex:1;justify-content:center;align-items:center;gap:2px;display:flex;overflow-x:auto}.menu-bar-nav::-webkit-scrollbar{display:none}.menu-bar-item{min-height:40px;color:var(--dashboard-text,#232e32);white-space:nowrap;cursor:pointer;border-radius:20px;justify-content:center;align-items:center;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.menu-bar-item:hover{background-color:#0000000d}.menu-bar-item.active{background-color:var(--dashboard-text,#232e32);color:#fff}.menu-bar-actions{flex-shrink:0;align-items:center;gap:8px;padding-right:4px;display:flex}.menu-action-btn{width:36px;height:36px;color:var(--dashboard-text,#232e32);cursor:pointer;background:#fff;border:1px solid #e2e4e8;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex;position:relative}.menu-action-btn:hover{background-color:#f4f5f8}.menu-notification-wrap,.menu-profile-wrap{position:relative}.menu-profile-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.profile-avatar-gradient{background:linear-gradient(135deg,#ff914d 0%,#1b47db 50%,#9013fe 100%);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding:2px;display:inline-flex}.profile-avatar-inner{color:#1a1a1a;background-color:#f4f5f8;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex}.header-popover{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--radius-lg,12px);z-index:1000;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 12px);right:0}.profile-popover{width:220px}.profile-popover-header{border-bottom:1px solid var(--border-color,#e2e4e8);flex-direction:column;padding:16px;display:flex}.profile-popover-header strong{color:var(--text-primary);font-size:15px}.profile-popover-header span{color:var(--text-secondary);margin-top:2px;font-size:13px}.profile-popover-actions{padding:8px}.logout-action{width:100%;color:var(--color-danger);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500}.logout-action:hover{background:var(--color-danger-light)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.menu-bar-nav{justify-content:flex-start;overflow-x:auto}.top-menu-bar-container{padding-left:12px;padding-right:12px}.menu-bar-item{padding-left:10px;padding-right:10px}}@media (width<=640px){.top-menu-bar{border-radius:14px;min-height:58px;padding:7px 10px}.top-menu-bar-container{padding-top:8px}.menu-bar-brand{gap:8px}.brand-logo-name{font-size:17px}.menu-bar-nav{display:none}.menu-bar-actions{gap:4px}.menu-action-btn{width:34px;height:34px}.profile-avatar-gradient{width:36px;height:36px}}.breadcrumb{min-width:0;padding-left:12px;position:relative}.breadcrumb:before{background:var(--dashboard-primary);content:"";width:1px;position:absolute;inset:5px auto 5px 0}.breadcrumb-list{min-width:0;color:var(--dashboard-text-muted);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:13px;align-items:center;gap:2px;margin:0;padding:4px;font-size:12px;list-style:none;display:flex}.breadcrumb-item{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex}.breadcrumb-home{color:var(--dashboard-text);padding:0 7px 0 3px;font-weight:600}.breadcrumb-home-link{color:inherit;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.breadcrumb-home-link:hover{color:var(--dashboard-primary)}.breadcrumb-home-icon{width:26px;height:26px;color:var(--text-on-primary);background:var(--dashboard-primary);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.breadcrumb-separator{color:#a7adb5;flex:none}.breadcrumb-current{max-width:min(34vw,320px);color:var(--dashboard-text);background:#edf2ff;border-radius:10px;padding:7px 12px;font-weight:700}.breadcrumb-label{text-overflow:ellipsis;overflow:hidden}.breadcrumb-link{color:inherit;text-decoration:none}.breadcrumb-link:hover{color:var(--dashboard-primary)}.breadcrumb-button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.dribbble-layout{background:#fff;flex-direction:column;min-height:100vh;display:flex}.dribbble-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.dribbble-top-header{z-index:50;flex-shrink:0;justify-content:flex-start;align-items:center;width:min(1600px,100% - 48px);min-height:48px;margin:0 auto;padding:20px;display:flex;position:relative}.header-left{align-items:center;gap:32px;display:flex}.mobile-menu-button{padding:var(--padding-xs);color:var(--text-primary);cursor:pointer;background:0 0;border:0;display:none}.header-right{align-items:center;gap:16px;display:flex}.icon-btn{background:var(--bg-card);border:var(--border-width) solid var(--border-color);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background-color:var(--bg-main);color:var(--text-primary)}.icon-btn:active{transform:scale(.93)}.notification-dot{background-color:var(--color-danger);border:2px solid var(--bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:10px;right:12px}.header-profile-block{background-color:var(--bg-card);border:var(--border-width) solid var(--border-color);cursor:pointer;text-align:left;border-radius:30px;align-items:center;gap:12px;margin-left:12px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.header-profile-block:active{transform:scale(.97)}.profile-avatar{width:36px;height:36px;color:var(--text-on-primary);background:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-primary);font-size:14px;font-weight:600}.profile-role{color:var(--text-muted);font-size:12px}.profile-chevron{color:var(--text-muted);margin-left:8px}.dribbble-content{flex:1;width:min(1600px,100% - 48px);margin:0 auto;overflow-y:auto}.header-action-wrap{position:relative}.header-popover{z-index:55;min-width:220px;padding:var(--padding-default);color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);border:var(--border-width) solid var(--primary);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background:#fffffff2;animation:.2s forwards fadeInUp}.notification-popover{background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-lg);width:min(360px,100vw - 32px);min-width:0;padding:0;overflow:hidden}.notification-popover-header{justify-content:space-between;align-items:flex-start;gap:var(--margin-default);border-bottom:var(--border-width) solid var(--border-color);padding:16px 18px;display:flex}.notification-popover-header div,.notification-item div{flex-direction:column;display:flex}.notification-popover-header strong{color:var(--text-primary);font-size:15px}.notification-popover-header span:not(.notification-unread-count){color:var(--text-muted);margin-top:3px;font-size:11px}.notification-unread-count{color:var(--primary);background:var(--primary-light);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.notification-item{border-bottom:var(--border-width) solid var(--border-color);gap:11px;padding:14px 18px;display:flex}.notification-item-icon{border-radius:9px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.notification-item-icon--success{color:var(--color-success);background:var(--color-success-light)}.notification-item-icon--primary{color:var(--primary);background:var(--primary-light)}.notification-item-icon--warning{color:var(--color-warning);background:var(--color-warning-light)}.notification-item strong{color:var(--text-primary);font-size:12px}.notification-item span{color:var(--text-secondary);margin-top:3px;font-size:11px;line-height:1.35}.notification-item small{color:var(--text-muted);margin-top:5px;font-size:10px}.notification-view-all{width:100%;color:var(--primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 18px;font-size:12px;font-weight:700}.notification-view-all:hover{background:var(--primary-light)}.profile-popover button{width:100%;padding:var(--padding-xs);color:var(--color-danger);text-align:left;cursor:pointer;background:0 0;border:0}.profile-popover button:hover{background:var(--color-danger-light)}@media (width<=768px){.dribbble-sidebar{transition:transform var(--transition-base);position:fixed;top:0;left:0;transform:translate(-100%)}.dribbble-sidebar.sidebar-open{transform:translate(0)}.mobile-menu-button{display:inline-flex}.dribbble-top-header{width:calc(100% - 32px);min-height:48px;padding:10px 0 2px}.header-left{gap:var(--margin-default)}.header-right{gap:var(--margin-xs)}.date-selector,.profile-info{display:none}.header-profile-block{padding:var(--padding-xs);margin-left:0}.profile-chevron{display:none}.dribbble-content{width:calc(100% - 32px);padding:12px 0 24px}}.btn{min-height:40px;color:var(--dashboard-text);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);letter-spacing:-.01em;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:#1b47db59;transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{color:var(--text-on-primary);background:var(--dashboard-text);border-color:var(--dashboard-text)}.btn-primary:hover:not(:disabled){color:var(--text-on-primary);background:#000;border-color:#000}.btn-secondary{color:var(--dashboard-primary);background:var(--primary-light);border-color:#0000}.btn-secondary:hover:not(:disabled){background:#dfe8ff}.btn-outline{background:0 0}.btn-ghost{color:var(--dashboard-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--dashboard-text);background:#232e320d}.btn-danger{color:var(--color-danger);background:var(--color-danger-light);border-color:#0000}.btn-success{color:#087b4f;background:var(--color-success-light);border-color:#0000}.btn-sm{border-radius:9px;min-height:32px;padding:0 11px;font-size:12px}.btn-lg{border-radius:14px;min-height:48px;padding:0 20px;font-size:14px}.btn-icon-only{border-radius:50%;width:40px;padding:0}.btn-sm.btn-icon-only{width:32px}.btn-lg.btn-icon-only{width:48px}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dome-form-group{flex-direction:column;gap:7px;width:100%;display:flex}.dome-form-label{color:var(--dashboard-text);font-size:12px;font-weight:700}.dome-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.dome-form-input{width:100%;min-height:42px;color:var(--dashboard-text);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:11px;outline:none;padding:0 13px;font-size:13px}.dome-form-input::placeholder{color:var(--dashboard-text-muted)}.dome-form-input:focus{border-color:var(--dashboard-primary)}.dome-form-input:disabled{color:var(--dashboard-text-muted);background:var(--dashboard-bg);cursor:not-allowed}.dome-form-input--error{border-color:var(--color-danger)}.dome-form-input--with-right{padding-right:44px}.dome-input-right-element{align-items:center;display:flex;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.dome-form-error{color:var(--color-danger);font-size:11px}.dome-form-help{color:var(--dashboard-text-muted);font-size:11px}.login-container{background-color:var(--dashboard-bg,var(--bg-main));background-image:linear-gradient(#071c3a1f,#071c3a1f),url(/wps-login-background.png);background-position:50%;background-size:cover;place-items:center;min-height:100vh;padding:28px;display:grid}.login-card-layout{background:var(--dashboard-surface,var(--bg-card));border:1px solid #fffffff2;border-radius:30px;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);width:min(100%,1080px);min-height:650px;display:grid;overflow:hidden}.login-form-panel{background:var(--dashboard-surface);flex-direction:column;justify-content:center;min-width:0;padding:54px clamp(32px,5vw,72px) 42px;display:flex}.login-form-brand{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(62px,9vh,100px);display:flex}.login-secure-label{color:var(--dashboard-text-muted);background:var(--dashboard-bg);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.login-form-header{margin-bottom:30px}.login-eyebrow{color:var(--dashboard-primary);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:700}.form-title{color:var(--dashboard-text);letter-spacing:-.06em;margin-top:9px;font-size:clamp(30px,3vw,40px);font-weight:750}.form-subtitle{max-width:300px;color:var(--dashboard-text-muted);margin-top:10px;font-size:14px;line-height:1.55}.login-form{flex-direction:column;gap:19px;display:flex}.login-error-alert{color:var(--color-danger);background:var(--color-danger-light);border:1px solid #b265523d;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.45}.password-toggle-btn{color:var(--dashboard-primary);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:700}.password-toggle-btn:hover:not(:disabled){background:var(--primary-light)}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.login-form-panel .login-submit-btn{width:100%;min-height:48px;color:var(--text-on-primary);background:var(--dashboard-primary);border-color:var(--dashboard-primary);border-radius:12px;margin-top:8px}.login-form-panel .login-submit-btn:hover:not(:disabled){color:var(--text-on-primary);background:var(--primary-hover);border-color:var(--primary-hover)}.login-footer{color:var(--dashboard-text-muted);text-align:center;margin-top:40px;font-size:11px;line-height:1.5}.login-visual-panel{background:var(--dashboard-primary);min-height:650px;position:relative;overflow:hidden}.login-visual-panel:before{content:"";border:1px solid #ffffff2e;border-radius:50%;width:560px;height:560px;position:absolute;top:13%;right:-24%}.login-visual-panel:after{opacity:.12;content:"";background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%,#0000 92%);mask-image:linear-gradient(#0000,#000 35%,#0000 92%)}.visual-overlay{z-index:1;background:radial-gradient(circle at 82% 18%,#6997e48c,#0000 28%),linear-gradient(145deg,#1b47db2e,#1338b69e);position:absolute;inset:0}.visual-content{z-index:2;height:100%;color:var(--text-on-primary);flex-direction:column;justify-content:space-between;padding:42px;display:flex;position:relative}.visual-message{max-width:380px;margin-top:auto;padding-top:180px}.visual-kicker{color:var(--text-on-primary);letter-spacing:.08em;text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff40;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700;display:inline-flex}.visual-message h2{color:var(--text-on-primary);letter-spacing:-.065em;margin-top:18px;font-size:clamp(34px,4vw,52px);font-weight:700;line-height:.98}.visual-message p{color:#fffc;max-width:280px;margin-top:18px;font-size:14px;line-height:1.55}.visual-status{color:#ffffffd1;align-items:center;gap:8px;margin-top:28px;font-size:11px;font-weight:600;display:inline-flex}.visual-status-dot{background:var(--color-success);border:2px solid #ffffff8c;border-radius:50%;width:7px;height:7px}@media (width<=820px){.login-container{padding:18px}.login-card-layout{min-height:auto;display:block}.login-visual-panel{display:none}.login-form-panel{min-height:620px;padding:42px clamp(28px,8vw,72px) 34px}.login-form-brand{margin-bottom:70px}}@media (width<=440px){.login-container{padding:10px}.login-card-layout{border-radius:22px}.login-form-panel{min-height:calc(100vh - 20px);padding:30px 22px 26px}.login-form-brand{margin-bottom:56px}.login-secure-label{display:none}}:root{--line-chart-panel:var(--dashboard-surface,#fff);--line-chart-grid:#232e321f;--line-chart-muted:var(--dashboard-text-muted,#798089);--line-chart-cursor:#232e3247}.line-chart-container{background:radial-gradient(circle at 30% 0%, #705bd20f, transparent 42%), var(--line-chart-panel);border:1px solid var(--dashboard-border,#e2e4e8);border-radius:14px;width:100%;height:100%;min-height:240px;padding:12px 10px 6px;overflow:hidden}.line-chart-container .recharts-cartesian-grid-horizontal line{stroke:var(--line-chart-grid)}.line-chart-container .recharts-cartesian-axis-tick-value{letter-spacing:.01em}.line-chart-container .recharts-line-curve,.line-chart-container .recharts-area-curve{filter:drop-shadow(0 0 3px #9475ff40)}.line-chart-container .recharts-default-tooltip,.custom-line-tooltip-wrapper .recharts-default-tooltip{color:var(--text-primary,#232e32)!important;background:var(--dashboard-surface,#fff)!important;border:1px solid var(--dashboard-border,#e2e4e8)!important;border-radius:10px!important;padding:9px 11px!important}.line-chart-container .recharts-tooltip-label,.line-chart-container .recharts-tooltip-item{color:var(--text-primary,#232e32)!important}.line-chart-container .recharts-legend-item-text{color:var(--line-chart-muted)!important}.line-chart-container .recharts-default-legend{margin-top:4px!important}.pie-chart-wrapper{justify-content:space-between;align-items:center;gap:var(--spacing-4,16px);box-sizing:border-box;width:100%;height:100%;min-height:240px;max-height:100%;display:flex;overflow:hidden;border:none!important;outline:none!important}.pie-chart-wrapper:focus,.pie-chart-wrapper:active,.pie-chart-wrapper *{outline:none!important}.pie-chart-empty{background-color:var(--bg-card,#fff);border:1px dashed var(--border-color,#e2e4e8);border-radius:var(--border-radius-md,12px);justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.pie-chart-empty-text{font-size:var(--font-size-sm,13px);color:var(--text-secondary,#798089);font-weight:var(--font-weight-medium,500)}.pie-chart-visual-container{flex:50%;justify-content:center;align-items:center;min-width:0;height:100%;max-height:100%;display:flex;position:relative}.pie-slice-cell{transition:opacity var(--transition-fast,.15s ease), transform var(--transition-fast,.15s ease);cursor:pointer}.pie-slice-cell:hover{opacity:.95}.pie-center-content{text-align:center;pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pie-center-label{font-size:var(--font-size-xs,10px);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#798089);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;max-width:80px;overflow:hidden}.pie-center-value{font-size:var(--font-size-base,15px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#232e32);white-space:nowrap;text-overflow:ellipsis;max-width:80px;margin:1px 0;line-height:1.2;overflow:hidden}.pie-center-subtext{color:var(--text-secondary,#798089);font-size:10px;font-weight:var(--font-weight-medium,500)}.pie-legend-container{box-sizing:border-box;flex-direction:column;flex:50%;width:100%;min-width:0;max-width:320px;height:100%;max-height:100%;display:flex;overflow:hidden}.pie-legend-list{scrollbar-width:thin;scrollbar-color:var(--border-color,#e2e4e8) transparent;flex-direction:column;gap:6px;height:100%;max-height:100%;margin:0;padding:2px 4px 2px 0;list-style:none;display:flex;overflow:hidden auto}.pie-legend-list::-webkit-scrollbar{width:4px}.pie-legend-list::-webkit-scrollbar-track{background:0 0}.pie-legend-list::-webkit-scrollbar-thumb{background:var(--border-color,#e2e4e8);border-radius:4px}.pie-legend-card{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-sm,8px);transition:border-color var(--transition-fast,.15s ease), background-color var(--transition-fast,.15s ease);cursor:pointer;box-sizing:border-box;flex-shrink:0;align-items:center;gap:8px;padding:6px 10px;display:flex}.pie-legend-card:hover,.pie-legend-card.active{border-color:var(--primary-blue,#1b47db);background-color:var(--primary-light,#ebf1ff)}.pie-legend-badge-wrapper{flex-shrink:0}.pie-legend-badge{border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.pie-legend-badge-dot{border-radius:50%;width:6px;height:6px}.pie-legend-color-0{background-color:#8338ec1f}.pie-legend-color-0 .pie-legend-badge-dot{background-color:#8338ec}.pie-legend-color-1{background-color:#ff007a1f}.pie-legend-color-1 .pie-legend-badge-dot{background-color:#ff007a}.pie-legend-color-2{background-color:#ffb80024}.pie-legend-color-2 .pie-legend-badge-dot{background-color:#ffb800}.pie-legend-color-3{background-color:#1b47db1f}.pie-legend-color-3 .pie-legend-badge-dot{background-color:var(--primary-blue,#1b47db)}.pie-legend-color-4{background-color:#10b9811f}.pie-legend-color-4 .pie-legend-badge-dot{background-color:var(--color-success,#10b981)}.pie-legend-color-5{background-color:#6997e426}.pie-legend-color-5 .pie-legend-badge-dot{background-color:var(--secondary-blue,#6997e4)}.pie-legend-color-6{background-color:#fb56071f}.pie-legend-color-6 .pie-legend-badge-dot{background-color:#fb5607}.pie-legend-color-7{background-color:#7980891f}.pie-legend-color-7 .pie-legend-badge-dot{background-color:var(--text-secondary,#798089)}.pie-legend-info{flex-direction:column;flex:1;min-width:0;display:flex}.pie-legend-title{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#232e32);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pie-legend-subtext{color:var(--text-secondary,#798089);margin-top:1px;font-size:10px}.pie-legend-metrics{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.pie-legend-value{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#232e32);font-variant-numeric:tabular-nums}.pie-legend-percentage{font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#798089);font-variant-numeric:tabular-nums;margin-top:1px}.custom-pie-tooltip{background-color:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-sm,8px);pointer-events:none;padding:6px 10px}.custom-pie-tooltip-header{align-items:center;gap:6px;margin-bottom:2px;display:flex}.custom-pie-tooltip-dot{background-color:var(--primary-blue,#1b47db);border-radius:50%;width:6px;height:6px}.custom-pie-tooltip-title{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--text-secondary,#798089)}.custom-pie-tooltip-body{justify-content:space-between;align-items:center;gap:10px;display:flex}.custom-pie-tooltip-value{font-size:var(--font-size-xs,12px);font-weight:var(--font-weight-bold,700);color:var(--text-primary,#232e32)}.custom-pie-tooltip-percentage{font-size:10px;font-weight:var(--font-weight-semibold,600);color:var(--primary-blue,#1b47db)}@media (width<=640px){.pie-chart-wrapper{align-items:center;gap:var(--spacing-3,12px);flex-direction:column}.pie-legend-container{max-width:100%;height:180px}.pie-chart-visual-container{width:100%;min-height:180px}}.bar-chart-container{background:var(--bg-card,#fff);border-radius:var(--border-radius-lg,16px);flex-direction:column;width:100%;height:100%;min-height:260px;padding:16px 18px 14px;display:flex;position:relative;border:none!important;outline:none!important}.bar-chart-container:focus,.bar-chart-container:active,.bar-chart-container *{outline:none!important}.bar-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.bar-chart-title-group{flex-direction:column;gap:2px;display:flex}.bar-chart-title{font-size:var(--font-size-base,14px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#232e32);line-height:1.3}.bar-chart-subtitle{font-size:var(--font-size-xs,11px);color:var(--text-secondary,#798089);font-weight:var(--font-weight-normal,400)}.bar-chart-period-tabs{background:var(--bg-main,#f4f5f8);border-radius:var(--border-radius-full,9999px);border:1px solid var(--border-subtle,#232e3214);align-items:center;gap:4px;padding:3px;display:flex}.bar-period-pill{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-medium,500);color:var(--text-secondary,#798089);border-radius:var(--border-radius-full,9999px);cursor:pointer;transition:all var(--transition-fast,.15s ease);background:0 0;border:none;padding:4px 12px}.bar-period-pill:hover{color:var(--text-primary,#232e32)}.bar-period-pill.active{background:var(--primary-blue,#1b47db);color:var(--text-on-primary,#fff);font-weight:var(--font-weight-semibold,600)}.bar-chart-inner{flex:1;width:100%;min-height:200px;position:relative}.bar-chart-container .recharts-cartesian-grid-horizontal line{stroke:var(--border-subtle,#232e3214)}.bar-chart-container .recharts-cartesian-axis-tick-value{fill:var(--text-secondary,#798089);font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.bar-chart-container .recharts-legend-item-text{color:var(--text-secondary,#798089)!important;font-size:var(--font-size-xs,11px)!important;font-weight:500!important}.bar-chart-cell{transition:opacity var(--transition-fast,.15s ease), filter var(--transition-fast,.15s ease);cursor:pointer}.bar-chart-cell.bar-cell-active{filter:brightness(1.08);opacity:.95}.bar-floating-label{font-variant-numeric:tabular-nums;letter-spacing:-.2px;pointer-events:none;font-size:11px;font-weight:600}.custom-bar-tooltip{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-sm,8px);flex-direction:column;gap:6px;padding:8px 12px;display:flex}.custom-bar-tooltip-header{border-bottom:1px solid var(--border-subtle,#232e320f);padding-bottom:4px}.custom-bar-tooltip-title{font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#232e32)}.custom-bar-tooltip-body{flex-direction:column;gap:4px;display:flex}.custom-bar-tooltip-row{font-size:var(--font-size-xs,11px);align-items:center;gap:6px;display:flex}.custom-bar-tooltip-dot{background:var(--primary-blue,#1b47db);border-radius:50%;flex-shrink:0;width:6px;height:6px}.custom-bar-tooltip-name{color:var(--text-secondary,#798089)}.custom-bar-tooltip-value{font-weight:var(--font-weight-semibold,600);color:var(--text-primary,#232e32);margin-left:auto}.bar-chart-empty{justify-content:center;align-items:center;min-height:220px;display:flex}.bar-chart-empty-text{font-size:var(--font-size-sm,13px);color:var(--text-secondary,#798089);font-weight:var(--font-weight-medium,500)}.stat-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:20px;flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.stat-header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:0;margin-bottom:22px;display:flex}.stat-title{color:var(--dashboard-text-muted);margin-top:4px;font-size:13px;font-weight:600}.stat-icon-wrapper{width:40px;height:40px;color:var(--dashboard-primary);background:var(--primary-light);border-radius:12px;justify-content:center;align-items:center;display:flex}.text-primary,.text-primary-dark{color:var(--dashboard-primary)}.text-blue,.text-blue-dark{color:var(--dashboard-primary-soft)}.text-emerald,.text-emerald-dark{color:var(--color-success)}.text-amber,.text-amber-dark{color:#b36b00}.text-rose,.text-rose-dark{color:var(--color-danger)}.text-purple,.text-purple-dark{color:#765bd4}.stat-value{color:var(--dashboard-text);font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-bottom:10px;font-size:32px;font-weight:500;line-height:1.1}.stat-trend,.stat-subtext{border-radius:7px;align-items:center;gap:4px;width:fit-content;min-height:26px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.stat-trend.positive{color:#087b4f;background:var(--color-success-light)}.stat-trend.negative{color:var(--color-danger);background:var(--color-danger-light)}.stat-trend span,.stat-subtext{color:var(--dashboard-text-muted);font-weight:500}.stat-subtext{background:var(--dashboard-bg)}.global-pagination{color:var(--dashboard-text-muted);background:var(--dashboard-surface);border-top:1px solid var(--dashboard-border);justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;font-size:12px;display:flex}.global-pagination-summary,.global-pagination-controls,.global-pagination-pages,.global-pagination-size,.global-pagination-jump{align-items:center;display:flex}.global-pagination-summary{white-space:nowrap;gap:5px}.global-pagination-summary strong{color:var(--dashboard-text)}.global-pagination-controls{gap:14px}.global-pagination-pages{gap:4px}.global-pagination-pages button{width:30px;height:30px;color:var(--dashboard-text-muted);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;display:inline-flex}.global-pagination-pages button:hover:not(:disabled){color:var(--dashboard-text);border-color:#1b47db59}.global-pagination-pages button.is-active{color:var(--text-on-primary);background:var(--dashboard-text);border-color:var(--dashboard-text);font-weight:700}.global-pagination-pages button:disabled{cursor:not-allowed;opacity:.4}.global-pagination-size,.global-pagination-jump{white-space:nowrap;gap:6px}.global-pagination select,.global-pagination input{height:30px;color:var(--dashboard-text);background:var(--dashboard-bg);border:1px solid var(--dashboard-border);font:inherit;text-align:center;border-radius:9px}.global-pagination select{cursor:pointer;padding:0 7px}.global-pagination input{width:48px;padding:0 6px}.global-pagination select:focus,.global-pagination input:focus{border-color:var(--dashboard-primary);outline:0}@media (width<=900px){.global-pagination{flex-wrap:wrap}.global-pagination-controls{justify-content:space-between;width:100%}}@media (width<=560px){.global-pagination{align-items:flex-start;padding:12px}.global-pagination-controls{flex-wrap:wrap;justify-content:flex-start}}.executive-dashboard{flex-direction:column;gap:1.5rem;min-height:100%;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dashboard-header h1{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:700}.dashboard-filters-bar{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.dashboard-filters-bar select,.dashboard-filters-bar input{color:#334155;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:180px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.dashboard-filters-bar select:focus{border-color:#3b82f6}.dashboard-filters-bar .btn-refresh{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;align-items:center;gap:.5rem;margin-left:auto;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.dashboard-filters-bar .btn-refresh:hover{background-color:#1d4ed8;transform:translateY(-1px)}.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.dashboard-row{flex-wrap:wrap;gap:1.5rem;display:flex}.dashboard-col-full{flex:100%}.dashboard-col-2-3{flex:calc(66.66% - .75rem);min-width:400px}.dashboard-col-1-3{flex:calc(33.33% - .75rem);min-width:300px}.dashboard-col-1-2{flex:calc(50% - .75rem);min-width:400px}.dashboard-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.dashboard-card-header{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.dashboard-card-header h3{color:#1e293b;align-items:center;gap:.6rem;margin:0;font-size:1.05rem;font-weight:700;display:flex}.dashboard-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.dashboard-card-content.no-padding{padding:0}.chart-container{width:100%;height:350px;padding-top:1rem}.status-badge{text-transform:capitalize;border-radius:12px;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.good,.status-badge.success{color:#10b981;background-color:#10b9811a}.status-badge.warning,.status-badge.amber{color:#f59e0b;background-color:#f59e0b1a}.status-badge.danger,.status-badge.critical,.status-badge.red{color:#ef4444;background-color:#ef44441a}.kpi-stat-container{align-items:center;gap:1.25rem;display:flex}.kpi-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.kpi-icon-wrapper.blue{color:#3b82f6;background-color:#eff6ff}.kpi-icon-wrapper.green{color:#22c55e;background-color:#f0fdf4}.kpi-icon-wrapper.purple{color:#a855f7;background-color:#faf5ff}.kpi-icon-wrapper.orange{color:#f97316;background-color:#fff7ed}.health-stat{flex-direction:column;flex:1;align-items:flex-start;display:flex}.health-stat .label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.85rem;font-weight:600}.health-stat .value{color:#0f172a;font-size:1.75rem;font-weight:800;line-height:1.2}.inventory-health-summary{border-bottom:1px solid #f1f5f9;justify-content:space-around;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.inventory-health-summary .health-stat{align-items:center}.health-stat.critical .value{color:#ef4444}.health-stat.warning .value{color:#f59e0b}.alert-list{flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.alert-item{border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.alert-item.critical{background-color:#fef2f2;border-color:#fee2e2}.alert-item.critical:hover{background-color:#fee2e2}.alert-item.warning{background-color:#fffbeb;border-color:#fef3c7}.alert-item.warning:hover{background-color:#fef3c7}.alert-title{color:#0f172a;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.alert-desc{color:#475569;font-size:.85rem}.compact-table-wrapper{width:100%;overflow-x:auto}.compact-table{border-collapse:collapse;width:100%}.compact-table th,.compact-table td{text-align:left;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem;font-size:.9rem}.compact-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background-color:#f8fafc;font-size:.75rem;font-weight:600}.compact-table tbody tr{transition:background-color .2s}.compact-table tbody tr:hover{background-color:#f8fafc}.fade-in-up{opacity:0;animation:.4s ease-out forwards fadeInUp;transform:translateY(10px)}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@media (width<=1024px){.dashboard-col-2-3,.dashboard-col-1-3,.dashboard-col-1-2{flex:100%;min-width:100%}}.alert-list-padding{padding:1rem}.alert-time{color:#64748b;font-size:.75rem}.table-empty-cell{text-align:center;padding:2rem}.alert-scroll-container{max-height:300px;overflow-y:auto}.progress-bar-cell-container{justify-content:flex-end;align-items:center;gap:8px;display:flex}.progress-bar-text{font-size:.8rem}.progress-bar-track{background-color:#e2e8f0;border-radius:3px;width:40px;height:6px;overflow:hidden}.progress-bar-fill{height:100%}.progress-bar-fill.incomplete{background-color:#3b82f6}.progress-bar-fill.complete{background-color:#10b981}.header-spaced{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.no-margin{margin:0}.flex-gap-8{gap:8px;display:flex}.select-filter-compact{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px}.scrollable-table-350{max-height:350px;overflow-y:auto}.full-height{height:100%}.header-flex-between{justify-content:space-between;align-items:center;display:flex}.donut-card-content{flex-direction:column;height:calc(100% - 60px);padding:1.5rem;display:flex}.machine-efficiency-container{gap:var(--margin-lg);flex-direction:column;display:flex}.machine-efficiency-heading{justify-content:space-between;align-items:flex-end;gap:var(--margin-lg);display:flex}.machine-efficiency-heading h1{color:var(--text-primary);font-size:clamp(var(--font-size-xl), 2.5vw, var(--font-size-xxl));letter-spacing:-.03em;margin:0;line-height:1.2}.machine-efficiency-heading p,.machine-efficiency-section-heading p{margin-top:var(--margin-xs);color:var(--text-secondary);font-size:var(--font-size-sm)}.machine-efficiency-eyebrow{font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;margin:0 0 var(--margin-xs)!important;color:var(--primary)!important;font-size:var(--font-size-xs)!important}.machine-efficiency-filter-card{padding:var(--padding-lg);background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-lg)}.machine-efficiency-section-heading h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.machine-efficiency-filter-card .dashboard-filters{margin-top:var(--margin-md);-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0}.machine-efficiency-loading,.machine-efficiency-error{height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}.machine-efficiency-error{color:#ef4444}.dashboard-filters{gap:var(--margin-default) var(--margin-md);padding:var(--padding-md) var(--padding-lg);background:var(--bg-card);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);z-index:1;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative}.filter-group{gap:var(--margin-xs);flex-direction:column;min-width:0;display:flex}.filter-group:first-child,.filter-group:nth-child(2){grid-column:span 2}.filter-group:nth-child(3){grid-column:span 6}.filter-group:nth-child(4){grid-column:span 4}.filter-group:nth-child(5){grid-column:span 2}.filter-group:nth-child(6){grid-column:span 4}.filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase}.filter-group input,.filter-group select{width:100%;min-width:0;min-height:calc(var(--spacing-base) * 3.6);padding:var(--padding-xs) var(--padding-default);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-main);color:var(--text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.filter-group input:focus,.filter-group select:focus{border-color:var(--border-focus);outline:none}.stat-card-grid{margin:24px 0}.kpi-summary-cards{gap:var(--margin-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.kpi-card{background:var(--bg-card,#fff);border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8);flex-direction:column;gap:6px;padding:24px;display:flex}.kpi-title{color:var(--text-secondary,#798089);letter-spacing:-.01em;margin-bottom:4px;font-size:13px;font-weight:600}.kpi-value{color:var(--text-primary,#232e32);letter-spacing:-.02em;font-size:28px;font-weight:700}.kpi-subtext{color:var(--text-secondary,#798089);font-size:12px}.kpi-subtext.variance{color:var(--color-warning,#f59e0b);font-weight:600}.dashboard-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:var(--bg-card,#fff);border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8);flex-direction:column;height:350px;padding:24px;display:flex}.scatter-card{grid-column:1/-1;height:450px}.chart-title{color:var(--text-primary,#232e32);letter-spacing:-.01em;margin:0 0 16px;font-size:16px;font-weight:700}.chart-container{flex:1;width:100%}.custom-tooltip{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-md,12px);padding:12px}.custom-tooltip .label{color:var(--text-primary,#232e32);border-bottom:1px solid var(--border-color,#e2e4e8);margin-bottom:8px;padding-bottom:4px;font-size:13px;font-weight:700}.tooltip-details p{color:var(--text-secondary,#798089);margin:4px 0;font-size:12px}.tooltip-details strong{color:var(--text-primary,#232e32)}.efficiency-table-wrapper{background:var(--bg-card,#fff);border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8);margin-top:24px;padding:24px;overflow:hidden}.efficiency-table{border-collapse:collapse;text-align:left;width:100%}.efficiency-table th{color:var(--text-secondary,#798089);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color,#e2e4e8);background:#f8f9fa;padding:14px 20px;font-size:12px;font-weight:600}.efficiency-table td{color:var(--text-primary,#232e32);border-bottom:1px solid #f0f2f5;padding:14px 20px;font-size:13px}.efficiency-table tr.clickable-row{cursor:pointer;transition:background-color .2s}.efficiency-table tr.clickable-row:hover{background-color:#f4f5f8}.efficiency-table tr:last-child td{border-bottom:none}.machine-name-cell{font-weight:600}.status-badge{border:1px solid #0000;border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.good{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.status-badge.warning{color:#d97706;background:#fef3c7;border-color:#fde68a}.status-badge.danger{color:#b26552;background:#fdf2f0;border-color:#f87171}.status-badge.status-closed{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.status-badge.status-released{color:#1b47db;background:#ebf1ff;border-color:#d6e3ff}.status-badge.status-planned{color:#798089;background:#f4f5f8;border-color:#e2e4e8}.status-badge.status-canceled{color:#b26552;background:#fdf2f0;border-color:#f87171}.empty-state{text-align:center;color:var(--text-muted,#9b9b9b);padding:40px!important}.machine-efficiency-popup{width:min(100%,1120px)}.machine-efficiency-modal-header{justify-content:space-between;align-items:center;gap:var(--margin-lg);padding:var(--padding-lg) var(--padding-xl) var(--padding-md);border-bottom:var(--border-width) solid var(--border-color);background:var(--bg-card);display:flex}.machine-efficiency-modal-eyebrow{margin-bottom:var(--margin-xs);color:var(--primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;text-transform:uppercase;display:block}.machine-efficiency-modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);line-height:1.25}.drilldown-breadcrumb{align-items:center;gap:var(--margin-default);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);display:flex}.drilldown-breadcrumb .active{color:var(--text-primary)}.clickable-breadcrumb{cursor:pointer}@media (width<=1100px){.dashboard-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.filter-group:first-child,.filter-group:nth-child(2),.filter-group:nth-child(5),.filter-group:nth-child(3),.filter-group:nth-child(4),.filter-group:nth-child(6){grid-column:span 2}}@media (width<=700px){.dashboard-filters{grid-template-columns:1fr 1fr}.filter-group:nth-child(n){grid-column:span 1}}@media (width<=480px){.dashboard-filters{grid-template-columns:1fr}.filter-group:nth-child(n){grid-column:span 1}}.machine-efficiency-modal-content{flex:1;padding:24px;overflow-y:auto}@media (width<=700px){.machine-efficiency-modal-header{padding:var(--padding-lg) var(--padding-md) var(--padding-md);align-items:flex-start}.machine-efficiency-modal-header h2{max-width:calc(100vw - 120px);font-size:var(--font-size-lg)}.machine-efficiency-modal-content{padding:var(--padding-md)}}.section-title{color:var(--text-primary);margin:32px 0 16px;font-size:18px}.order-details-view{flex-direction:column;gap:24px;display:flex}.details-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.details-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px}.details-card h4{border-bottom:1px solid var(--border-color);margin:0 0 20px;padding-bottom:12px;font-size:16px}.detail-row{border-bottom:1px solid #0000000d;justify-content:space-between;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-secondary)}.detail-row.highlight-row{border-top:1px solid var(--border-color);margin-top:8px;padding-top:16px;font-size:16px;font-weight:600}.global-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);animation:globalPopupFadeIn var(--transition-fast) forwards;background:#232e3247;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.global-popup{width:min(100%,880px);max-height:calc(100vh - 48px);color:var(--dashboard-text);background:var(--dashboard-surface);animation:globalPopupSlideIn var(--transition-base) forwards;border:1px solid #fffc;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.global-popup-close{z-index:2;width:36px;height:36px;color:var(--dashboard-text-muted);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:16px;right:16px}.global-popup-close:hover{color:var(--color-danger);background:var(--color-danger-light)}@keyframes globalPopupFadeIn{0%{opacity:0}to{opacity:1}}@keyframes globalPopupSlideIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.global-popup-overlay{align-items:flex-end;padding:12px}.global-popup{border-radius:22px 22px 12px 12px;max-height:calc(100vh - 24px)}}.dome-table-container{flex-direction:column;width:100%;display:flex}.dome-table-wrapper{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:18px;width:100%;overflow-x:auto}.dome-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.dome-table th{color:var(--dashboard-text-muted);border-bottom:1px solid var(--dashboard-border);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#232e3206;padding:13px 18px;font-size:10px;font-weight:700}.dome-table td{color:var(--dashboard-text);font-variant-numeric:tabular-nums;white-space:nowrap;transition:background-color var(--transition-fast);border-bottom:1px solid #232e320f;padding:15px 18px}.dome-table tr:last-child td{border-bottom:0}.dome-table tr:hover td{background:#232e3206}.dome-table tr.dome-table-row--clickable{cursor:pointer}.dome-table tr.dome-table-row--clickable:hover td{background:#f0f4ff}.dome-table-actions-header{text-align:right;width:120px}.dome-table-actions{justify-content:flex-end;gap:5px;display:flex}.dome-table-action-btn{cursor:pointer;width:30px;height:30px;transition:transform var(--transition-fast), background-color var(--transition-fast);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.dome-table-action-btn:hover{transform:translateY(-1px)}.dome-table-action-btn--info{color:var(--dashboard-primary);background:var(--primary-light)}.dome-table-action-btn--list{color:var(--dashboard-text);background:var(--dashboard-bg)}.dome-table-action-btn--check{color:#087b4f;background:var(--color-success-light)}.dome-table-action-btn--delete{color:var(--color-danger);background:var(--color-danger-light)}.dome-table-empty{text-align:center;color:var(--dashboard-text-muted)!important;padding:56px!important}.empty-state-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:250px;padding:32px;display:flex}.empty-state-icon{width:56px;height:56px;color:var(--dashboard-primary);background:var(--primary-light);border-radius:18px;place-items:center;margin-bottom:16px;display:grid}.empty-state-title{color:var(--dashboard-text);margin-bottom:7px;font-size:16px;font-weight:700}.empty-state-message{max-width:400px;color:var(--dashboard-text-muted);margin-bottom:20px;font-size:13px;line-height:1.5}.empty-state-action{justify-content:center;display:flex}.global-loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#ebebec94;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-loading-content{color:var(--dashboard-text);background:var(--dashboard-surface);border:1px solid var(--dashboard-border);border-radius:16px;align-items:center;gap:14px;padding:16px 18px;display:flex}.global-loading-text{font-size:13px;font-weight:600}.lottie-dots-loader{align-items:center;gap:4px;height:22px;display:flex}.lottie-dot{background:var(--dashboard-primary);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite lottieDot}.lottie-dot:nth-child(2){opacity:.75;animation-delay:.12s}.lottie-dot:nth-child(3){opacity:.5;animation-delay:.24s}.lottie-dot:nth-child(4){opacity:.3;animation-delay:.36s}@keyframes lottieDot{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cost-analysis-dashboard{padding:24px 24px 32px}.dashboard-title{color:var(--text-primary,#232e32);margin-bottom:24px;font-weight:700}.kpi-row{margin-bottom:24px}.kpi-card{border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8)}.kpi-card .ant-statistic-title{color:var(--text-secondary,#798089);font-size:13px}.kpi-card .ant-statistic-content{color:var(--text-primary,#232e32);font-size:24px;font-weight:700}.trend-card,.orders-card{border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8);margin-bottom:24px}.cost-charts-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1024px){.cost-charts-row{grid-template-columns:1fr}}.title-icon{vertical-align:middle;margin-right:8px}.chart-container-padded{height:350px;padding:16px}.section-title{color:var(--text-primary,#232e32);margin-bottom:16px;font-size:16px;font-weight:700}.modal-table-scroll{min-width:800px;padding:20px;overflow-x:auto}.yield-badge{font-weight:700}.yield-red{color:#b26552}.yield-orange{color:#d97706}.yield-green{color:#10b981}.variance-text{font-weight:500}.variance-positive{color:#b26552}.variance-negative{color:#10b981}.variance-bold{font-weight:700}.production-trend-container{min-height:calc(100vh - 64px);color:var(--text-primary,#0f172a);flex-direction:column;gap:24px;padding:24px;display:flex}.production-trend-header{justify-content:space-between;align-items:center;display:flex}.production-trend-header h1{color:var(--text-primary,#0f172a);margin:0;font-size:24px;font-weight:700}.production-trend-subtitle{color:var(--text-muted,#64748b);margin-top:4px;font-size:14px}.pt-filters-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;padding:20px}.pt-filters-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.pt-filter-group{flex-direction:column;gap:6px;display:flex}.pt-filter-group label{color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.pt-filter-group select,.pt-filter-group input{border:1px solid var(--border-color,#cbd5e1);background-color:var(--bg-input,#fff);color:var(--text-primary,#0f172a);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:all .2s}.pt-filter-group select:focus,.pt-filter-group input:focus{border-color:var(--primary,#1b47db);outline:none}.pt-filter-actions{justify-content:flex-end;margin-top:16px;display:flex}.btn-reset-filters{border:1px solid var(--border-color,#e2e4e8);background:var(--bg-card,#fff);color:var(--text-secondary,#798089);cursor:pointer;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-reset-filters:hover{color:var(--text-primary,#232e32);background:#f4f5f8}.pt-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pt-kpi-card{background:var(--bg-card,#fff);border-radius:var(--border-radius-lg,16px);border:1px solid var(--border-color,#e2e4e8);flex-direction:column;gap:8px;padding:20px;display:flex;position:relative;overflow:hidden}.pt-kpi-card.accent-blue{border-top:3px solid #1b47db}.pt-kpi-card.accent-purple{border-top:3px solid #8b5cf6}.pt-kpi-card.accent-emerald{border-top:3px solid #10b981}.pt-kpi-card.accent-amber{border-top:3px solid #f59e0b}.pt-kpi-card.accent-rose{border-top:3px solid #b26552}.pt-kpi-title{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.pt-kpi-value{color:var(--text-primary,#0f172a);font-size:26px;font-weight:700}.pt-kpi-subtext{color:var(--text-secondary,#64748b);align-items:center;gap:4px;font-size:12px;display:flex}.growth-badge{border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.growth-badge.positive{color:#10b981;background-color:#10b98126}.growth-badge.negative{color:#f43f5e;background-color:#f43f5e26}.pt-charts-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.pt-chart-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:16px;padding:20px;transition:transform .2s,border-color .2s;display:flex}.pt-chart-card:hover{border-color:var(--primary,#06588d);transform:translateY(-2px)}.pt-chart-card.col-6,.pt-chart-card.col-12{grid-column:span 6}@media (width<=1024px){.pt-chart-card.col-6{grid-column:span 12}}.pt-chart-header{justify-content:space-between;align-items:center;display:flex}.pt-chart-title{color:var(--text-primary,#0f172a);margin:0;font-size:16px;font-weight:700}.pt-chart-container{width:100%;height:300px;position:relative;overflow:hidden}.donut-legend-container{flex-direction:column;gap:8px;max-height:250px;padding-right:8px;display:flex;overflow-y:auto}.donut-legend-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.legend-color-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.pt-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex}.pt-table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.pt-search-input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);border-radius:8px;outline:none;width:240px;padding:8px 14px;font-size:13px}.pt-search-input:focus{border-color:var(--primary,#3b82f6)}.pt-table-wrapper{overflow-x:auto}.pt-table{border-collapse:collapse;width:100%;font-size:13px}.pt-table th{background-color:var(--bg-hover,#f8fafc);color:var(--text-secondary,#475569);text-align:left;border-bottom:2px solid var(--border-color,#e2e8f0);white-space:nowrap;padding:12px 16px;font-weight:600}.pt-table th.text-right,.pt-table td.text-right{text-align:right}.pt-table td{border-bottom:1px solid var(--border-color,#f1f5f9);color:var(--text-primary,#0f172a);white-space:nowrap;font-variant-numeric:tabular-nums;padding:12px 16px}.pt-table tbody tr:hover{background-color:var(--bg-hover,#f8fafc)}.pt-status-badge{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.pt-status-badge.released{color:#2563eb;background-color:#3b82f626}.pt-status-badge.closed{color:#059669;background-color:#10b98126}.pt-status-badge.planned{color:#d97706;background-color:#f59e0b26}.pt-status-badge.canceled{color:#e11d48;background-color:#f43f5e26}.pt-empty-state{text-align:center;color:var(--text-muted,#94b5e3);padding:40px}.rejected-qty-text{color:var(--color-danger,#b26552);font-weight:600}.pt-table-content{padding:0 24px 24px}.flex-center{align-items:center;display:flex}.full-wh{width:100%;height:100%}.chart-h350{height:350px}.skeleton{background:#e3e6eb;border-radius:10px;position:relative;overflow:hidden}.gms-skeleton-shimmer{background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;inset:0}.skeleton.circle{border-radius:50%}.skeleton.text{border-radius:6px;height:16px;margin-bottom:8px}.skeleton.title{border-radius:7px;width:60%;height:24px;margin-bottom:16px}.skeleton.chart{border-radius:16px;width:100%;height:200px}.skeleton-width-full{width:100%}.skeleton-height-full{height:100%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.not-found-container{background:var(--bg-main,#f4f5f8);text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 64px);padding:40px;display:flex;position:relative;overflow:hidden}.animated-scene{justify-content:center;align-items:center;width:100%;max-width:600px;height:250px;margin-bottom:20px;display:flex;position:relative}.floating-404{color:var(--text-primary,#232e32);letter-spacing:-5px;font-variant-numeric:tabular-nums;z-index:10;align-items:center;gap:10px;font-size:160px;font-weight:900;display:flex}.ghost-icon{color:var(--primary,#1b47db);animation:3s ease-in-out infinite floatGhost}@keyframes floatGhost{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-20px)rotate(5deg)}}.forklift-container{z-index:20;align-items:flex-end;animation:10s linear infinite driveForklift;display:flex;position:absolute;bottom:0;left:-100px}.falling-box{animation:10s linear infinite dropBox;position:absolute;bottom:20px;right:-20px}@keyframes driveForklift{0%{transform:translate(-150px)}45%{transform:translate(50vw)}50%{transform:translate(50vw)rotateY(180deg)}95%{transform:translate(-150px)rotateY(180deg)}to{transform:translate(-150px)}}@keyframes dropBox{0%,40%{opacity:1;transform:translateY(0)rotate(0)}43%{opacity:1;transform:translateY(50px)rotate(45deg)}45%,to{opacity:0;transform:translateY(50px)rotate(45deg)}}.not-found-title{color:var(--text-primary,#111827);z-index:10;margin-bottom:16px;font-size:36px;font-weight:800}.not-found-subtitle{color:var(--text-secondary,#64748b);z-index:10;max-width:500px;margin-bottom:40px;font-size:16px;line-height:1.6}.bg-decor{color:var(--border-color,#e2e8f0);opacity:.3;z-index:-1;animation:8s ease-in-out infinite floatBg;position:absolute}.bg-decor-1{animation-delay:0s;top:10%;left:10%}.bg-decor-2{animation-duration:12s;animation-delay:2s;bottom:10%;right:5%}@keyframes floatBg{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-40px)rotate(15deg)}}.global-tab-group-pills{border:1px solid var(--dashboard-border);background:#232e320d;border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.global-tab-pill{min-height:34px;color:var(--dashboard-text-muted);font:inherit;cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.global-tab-pill:hover{color:var(--dashboard-text)}.global-tab-pill.active{color:var(--dashboard-text);background:var(--dashboard-surface)}.global-tab-icon{align-items:center;display:inline-flex}.inventory-page{padding:24px 24px 32px}.inventory-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.inventory-header h1{color:var(--text-primary,#232e32);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.inventory-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.inventory-filters select,.inventory-filters input{border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-md,12px);height:38px;color:var(--text-primary,#232e32);background:var(--bg-card,#fff);transition:all var(--transition-fast);min-width:150px;padding:0 14px;font-size:13px}.inventory-filters select:focus,.inventory-filters input:focus{border-color:var(--primary,#1b47db);outline:none}.inventory-filters .search-input{min-width:220px}.inventory-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.inventory-kpi-grid .stat-card{cursor:pointer}.inventory-charts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;display:grid}.inventory-chart-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-lg,16px);flex-direction:column;min-height:340px;padding:24px;display:flex}.inventory-chart-card h3{color:var(--text-primary,#232e32);letter-spacing:-.01em;margin-bottom:16px;font-size:15px;font-weight:700}.inventory-chart-card .chart-wrapper{flex:1;min-height:0}.inventory-tabs{margin-bottom:24px}.inventory-section{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e4e8);border-radius:var(--border-radius-lg,16px);margin-bottom:24px;padding:24px}.inventory-section h3{color:var(--text-primary,#232e32);letter-spacing:-.01em;margin-bottom:16px;font-size:15px;font-weight:700}.status-badge{letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;border-radius:9999px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.status-badge.critical{color:#b26552;background:#fdf2f0;border-color:#f87171}.status-badge.low{color:#d97706;background:#fef3c7;border-color:#fde68a}.status-badge.normal{color:#10b981;background:#ecfdf5;border-color:#a7f3d0}.status-badge.excess{color:#1b47db;background:#ebf1ff;border-color:#d6e3ff}.status-badge.out-of-stock{color:#798089;background:#f4f5f8;border-color:#e2e4e8}.status-badge.negative{color:#7c3aed;background:#f3e8ff;border-color:#ddd6fe}.status-badge.expired{color:#991b1b;background:#fdf2f0;border-color:#f87171}.status-badge.near-expiry{color:#b45309;background:#fef3c7;border-color:#fde68a}.item-detail-modal{width:90vw;max-width:900px}.item-detail-header{border-bottom:1px solid var(--border-color,#e2e4e8);padding:20px 24px 16px}.item-detail-header h2{color:var(--text-primary,#232e32);margin:0 0 4px;font-size:18px;font-weight:700}.item-detail-header .item-meta{color:var(--text-secondary,#798089);font-size:13px}.item-detail-body{max-height:65vh;padding:20px 24px;overflow-y:auto}.item-detail-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:20px;display:grid}.item-detail-metric{flex-direction:column;gap:4px;display:flex}.item-detail-metric .metric-label{color:var(--text-muted,#9b9b9b);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.item-detail-metric .metric-value{color:var(--text-primary,#232e32);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.item-detail-section{margin-bottom:20px}.item-detail-section h4{color:var(--text-primary,#232e32);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px;font-size:13px;font-weight:700}.text-right{text-align:right}.text-center{text-align:center}.qty-in-text{color:var(--color-success,#10b981);font-weight:600}.qty-out-text{color:var(--color-danger,#b26552);font-weight:600}@media (width<=1024px){.inventory-charts-grid{grid-template-columns:1fr}}@media (width<=768px){.inventory-page{padding:16px}.inventory-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.inventory-filters{flex-direction:column;align-items:stretch}.inventory-filters select,.inventory-filters input{min-width:unset;width:100%}}.production-planning-page{flex-direction:column;gap:1.5rem;min-height:100vh;padding:2rem;display:flex}.planning-header h1{color:var(--text-primary,#1e293b);letter-spacing:-.02em;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700}.planning-header p{color:var(--text-secondary,#64748b);font-size:1rem}.planning-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.planning-tabs{margin-top:.5rem;margin-bottom:.5rem;display:flex}.planning-filters{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.planning-filters select,.planning-filters input{border:1px solid var(--border-color,#e2e8f0);color:var(--text-primary,#1e293b);background-color:#fff;border-radius:8px;min-width:200px;padding:.5rem 1rem;font-size:.95rem}.planning-filters input.search-input{flex-grow:1}.planning-content{background-color:#fff;border-radius:12px;padding:1.5rem}.planning-section h3{color:var(--text-primary,#1e293b);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.section-desc{color:var(--text-secondary,#64748b);margin-bottom:1.5rem;font-size:.9rem}.status-badge.critical{color:#b91c1c;background-color:#fee2e2}.status-badge.expired{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.status-badge.warning{color:#b45309;background-color:#fef3c7}.status-badge.success{color:#15803d;background-color:#dcfce7}.status-badge.normal{color:#4338ca;background-color:#e0e7ff}.fade-in-up{animation:.4s ease-out forwards fadeInUp}.delay-100{animation-delay:.1s}.so-modal-overlay{z-index:10000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.so-modal-content{background-color:#fff;border-radius:4px;flex-direction:column;width:700px;max-width:90vw;max-height:80vh;display:flex;box-shadow:0 4px 6px #0000001a}.so-modal-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.so-modal-header h3{margin:0;font-size:14px;font-weight:600}.so-modal-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:20px}.so-modal-close:hover{color:#000}.so-modal-body{flex-direction:column;flex:1;padding:16px;display:flex;overflow:hidden}.so-search-input{border:1px solid #ccc;border-radius:2px;width:100%;margin-bottom:12px;padding:6px 10px;font-size:12px}.so-table-container{border:1px solid #ddd;overflow-y:auto}.so-table{border-collapse:collapse;width:100%;font-size:12px}.so-table th,.so-table td{text-align:left;border-bottom:1px solid #ddd;padding:6px 10px}.so-table th{background-color:#f0f0f0;position:sticky;top:0}.so-table-row{cursor:pointer}.so-table-row:hover{background-color:#fff9c4}.po-search-bar{background:#fff;border-radius:4px;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex;box-shadow:0 1px 3px #0000001a}.po-search-bar select{border:1px solid #ccc;border-radius:3px;flex:1;padding:6px 10px;font-size:13px}.po-search-bar button{cursor:pointer;background-color:#f0ad4e;border:1px solid #eea236;border-radius:3px;padding:6px 16px;font-weight:700}.po-search-bar button:hover:not(:disabled){background-color:#ec971f}.po-search-bar button:disabled{opacity:.7;cursor:not-allowed}.po-clear-btn{color:#fff;background-color:#d9534f!important;border-color:#d43f3a!important}.po-clear-btn:hover:not(:disabled){background-color:#c9302c!important}.po-error{color:#c62828;letter-spacing:.3px;background-color:#fffbfa;border:1px solid #ffcdd2;border-left:5px solid #ef5350;border-radius:6px;align-items:center;margin-bottom:24px;padding:16px 20px;font-size:15px;font-weight:500;display:flex;box-shadow:0 4px 6px #ef53501a}.po-error:before{content:"⚠️";margin-right:12px;font-size:18px}.po-header-grid{background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:space-between;gap:60px;margin-bottom:20px;padding:16px;display:flex}.po-header-col{flex-direction:column;flex:1;gap:10px;max-width:510px;display:flex}.po-field-row{align-items:center;display:flex}.po-field-label{color:#555;width:150px;font-size:12px}.po-field-value{background-color:#fafafa;border:1px solid #ccc;border-radius:2px;flex:1;align-items:center;min-height:26px;padding:1px 7px;font-size:12px;display:flex}.po-field-value.highlight{background-color:#fffde7}.po-tabs{border-bottom:1px solid #ccc;margin-bottom:-1px;display:flex}.po-tab{cursor:pointer;background-color:#e8e8e8;border:1px solid #ccc;border-bottom:none;border-radius:4px 4px 0 0;margin-right:4px;padding:6px 16px;font-weight:500}.po-tab.active{z-index:1;background-color:#fff;border-bottom:1px solid #fff;position:relative}.po-grid-container{background-color:#fff;border:1px solid #ccc;min-height:300px;overflow-x:auto}.po-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.po-table th,.po-table td{text-align:left;border:1px solid #ddd;padding:6px 8px}.po-table th{color:#444;background-color:#f0f0f0;font-weight:600;position:sticky;top:0}.po-table tbody tr:nth-child(2n){background-color:#fcfcfc}.po-table tbody tr:hover{background-color:#f0f8ff}.po-icon-cell{align-items:center;gap:4px;display:flex}.po-loading,.po-error,.po-empty{text-align:center;color:#666;padding:24px;font-size:14px}.po-error{color:#e53935}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:all .3s;display:flex}#next-steps ul a:hover{background:var(--primary-light)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}