@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}@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(1850px,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(1850px,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(1850px,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{0%{transform:rotate(0)}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)}.dome-card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.dome-card-link-wrapper{height:100%;color:inherit;text-decoration:none;display:block}.dome-card-wrapper{height:100%}.dome-card-premium{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;height:100%;padding:16px 20px 20px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.dome-card-premium:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.dome-card-premium.is-active{border-color:var(--primary-blue,#06588d);background-color:#f8fafc}.dome-card-premium.is-dark{background-color:#0f172a;border-color:#1e293b}.dome-card-premium.is-dark:hover{box-shadow:0 10px 25px -5px #0000004d}.card-top-section{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.card-icon-wrapper{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.dome-card-premium:hover .card-icon-wrapper{transform:scale(1.05)}.trend-badge{border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.trend-badge.positive{color:#059669;background-color:#0596691a}.trend-badge.negative{color:#dc2626;background-color:#dc26261a}.card-middle-section{flex-grow:1;margin-bottom:24px}.card-title-wrap{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.card-title-text{color:#0f172a;letter-spacing:-.01em;font-size:15px;font-weight:700}.is-dark .card-title-text{color:#f1f5f9}.card-desc-text{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.is-dark .card-desc-text{color:#94a3b8}.card-link-arrow{color:#cbd5e1;transition:transform .2s,color .2s}.dome-card-premium:hover .card-link-arrow{color:var(--primary-blue,#06588d);transform:translate(4px)}.stat-block{flex-direction:column;gap:4px;display:flex}.stat-label{color:#64748b;font-size:12px;font-weight:500}.is-dark .stat-label{color:#94a3b8}.stat-value{letter-spacing:-.02em;font-size:18px;font-weight:700}.is-dark .stat-value{color:#f8fafc}.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}}.dome-table-container{color:#0f2745;flex-direction:column;width:100%;min-width:0;display:flex}.dome-table-wrapper{scrollbar-color:#9fb0c4 #eef3f8;scrollbar-width:thin;background:#fff;border:1px solid #c9d5e3;border-radius:6px;width:100%;overflow-x:auto}.dome-table{border-collapse:separate;border-spacing:0;table-layout:auto;color:#0b1f38;text-align:left;width:100%;min-width:max-content;font-size:12px}.dome-table th{z-index:1;color:#102f55;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;background:#e6edf5;border-bottom:1px solid #b9c8d9;border-right:1px solid #c9d5e3;height:34px;padding:7px 12px;font-size:11px;font-weight:700;line-height:1.15;position:sticky;top:0}.dome-table th:last-child{border-right:0}.dome-table td{color:#071b33;font-variant-numeric:tabular-nums;vertical-align:middle;white-space:nowrap;background:#fff;border-bottom:1px solid #d2dce8;border-right:1px solid #d2dce8;height:36px;padding:7px 12px;font-weight:500;line-height:1.25;transition:background-color .12s}.dome-table td:last-child{border-right:0}.dome-table tbody tr:nth-child(odd) td{background:#f1f5f9}.dome-table tbody tr:last-child td{border-bottom:0}.dome-table tbody tr:hover td,.dome-table tbody tr.dome-table-row--clickable:hover td{background:#e4efff}.dome-table tr.dome-table-row--clickable{cursor:pointer}.dome-table td strong{font-weight:700}.dome-table td code{color:inherit;font-family:inherit;font-size:inherit;background:0 0;font-weight:600}.dome-table-actions-header{text-align:center;width:132px}.dome-table td.dome-table-actions{text-align:center;white-space:nowrap}.dome-table-action-btn{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;margin:0 2px;padding:0;transition:border-color .12s,background-color .12s,transform .12s;display:inline-flex}.dome-table-action-btn:hover{transform:translateY(-1px)}.dome-table-action-btn--info{color:#1457c8;background:#e8f0ff}.dome-table-action-btn--list{color:#334155;background:#e8edf3}.dome-table-action-btn--check{color:#087b4f;background:#e4f7ef}.dome-table-action-btn--delete{color:#dc2626;background:#feecec}.dome-table-empty{text-align:center;color:#64748b!important;background:#fff!important;height:120px!important;padding:32px!important}@media (width<=768px){.dome-table th,.dome-table td{padding-left:10px;padding-right:10px}}.table-loader-spinner{vertical-align:middle;border:3px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:24px;height:24px;margin-right:10px;animation:1s linear infinite spin;display:inline-block}.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{background-color:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.alert-section-header{margin-bottom:.5rem}.alert-title{letter-spacing:.05em;color:#ef4444;font-size:.8rem}.alert-link{cursor:pointer;font-size:.8rem;font-weight:500}.alert-container{padding-bottom:5px;overflow-x:auto}.dashboard-alert-card{background-color:#fff;border:none;border-radius:4px;flex-direction:row;flex:1;align-items:center;gap:1rem;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000d}.alert-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.danger-bg{background-color:#fef2f2}.warning-bg{background-color:#fffbeb}.alert-value{font-size:1.5rem;line-height:1.2}.alert-label{color:#1f2937;font-size:.85rem;font-weight:600}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid}.kpi-card-compact{border:none;min-width:0;padding:1rem;box-shadow:0 1px 3px #0000000d}.kpi-label{font-size:.75rem}.kpi-value{font-size:1.5rem}.order-card{background-color:#fff;border:none;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000d}.order-label{margin-bottom:.5rem;font-size:.85rem}.text-risk{color:#f97316}.order-value{font-size:1.5rem}.card-no-border{border:none;box-shadow:0 1px 3px #0000000d}.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}.dashboard-alert-card{background-color:#fff;border-radius:8px;flex:1;align-items:center;gap:1rem;min-width:200px;display:flex}.dashboard-alert-card h3{margin:0;font-size:1.5rem}.dashboard-alert-card p{white-space:nowrap;margin:0;font-size:.875rem;font-weight:600}.dashboard-alert-card small{color:#64748b;font-size:.75rem}.kpi-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:150px;padding:1.25rem}.kpi-card h2{margin:.5rem 0;font-size:1.75rem}.dashboard-row-multi{flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;display:flex}.dashboard-col-flex-2{flex:2;min-width:500px}.dashboard-col-flex-1{flex:1;min-width:350px}.chart-card-container{height:100%;padding:1.25rem}.chart-content{height:300px}.doughnut-content{height:250px}.icon-mr{margin-right:.5rem}.text-danger{color:#ef4444}.text-success{color:#10b981}.text-info{color:#3b82f6}.p-4{padding:1rem}.mb-4{margin-bottom:1rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.w-100{width:100%}.m-0{margin:0}.row-dense{gap:1rem;margin-bottom:1rem}.row-dense .dashboard-col-flex-1{min-width:320px}.oee-pie-chart{height:230px;min-height:230px}.order-total{border-top:4px solid #6b7280!important}.order-progress{border-top:4px solid #3b82f6!important}.order-hold{border-top:4px solid #f59e0b!important}.order-completed{border-top:4px solid #10b981!important}.order-delayed{border-top:4px solid #ef4444!important}.order-risk{border-top:4px solid #f97316!important}.order-card{box-shadow:none!important;background-color:#0000!important;border-bottom:none!important;border-left:none!important;border-right:none!important}.order-summary-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.order-total,.order-progress,.order-hold,.order-completed,.order-delayed,.order-risk{border-top:none!important}.order-card{border:1px solid #e2e8f0!important;border-radius:8px!important}.dashboard-alert-card{box-shadow:none!important;border:1px solid #e2e8f0!important;border-radius:8px!important}.donut-fixed-height{justify-content:center;align-items:center;height:250px;display:flex}.downtime-legend-table{border-collapse:collapse;width:100%}.downtime-legend-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:.5rem .25rem;font-size:.85rem}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.cost-summary-card .quality-summary-main,.cost-summary-card .quality-quantity-strip,.cost-variance-card .orders-overview,.cost-variance-card .orders-progress-track,.cost-variance-card .orders-status-grid,.quality-summary-card .quality-summary-legacy,.orders-summary-card .orders-summary-legacy{display:none}.summary-card .dashboard-card-header{padding-bottom:1rem}.quality-summary-card .quality-summary-content,.orders-summary-card .orders-summary-content{gap:1rem;padding:1.1rem}.quality-summary-main{grid-template-columns:minmax(0,1.35fr) minmax(125px,.65fr);gap:.75rem;display:grid}.quality-yield-panel{color:#065f46;background:linear-gradient(145deg,#ecfdf5,#f7fffb);border:1px solid #bbf7d0;border-radius:12px;padding:1rem}.quality-yield-heading,.orders-overview{justify-content:space-between;align-items:center;display:flex}.quality-yield-heading{text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.quality-yield-value{color:#047857;margin:.35rem 0 .6rem;font-size:1.75rem;line-height:1;display:block}.quality-progress-track,.orders-progress-track{background:#dce5ef;border-radius:999px;width:100%;overflow:hidden}.quality-progress-track{background:#ccefe0;height:7px}.quality-progress-track span,.orders-progress-track span{border-radius:inherit;height:100%;display:block}.quality-progress-track span{background:#10b981}.quality-yield-panel small{color:#5f746d;margin-top:.55rem;font-size:.68rem;display:block}.quality-rate-grid{gap:.65rem;display:grid}.quality-rate-tile{border:1px solid;border-radius:10px;flex-direction:column;justify-content:center;min-height:65px;padding:.75rem;display:flex}.quality-rate-tile span,.quality-quantity-strip span,.orders-overview-label,.orders-status-label{color:#64748b;font-size:.73rem;font-weight:600}.quality-rate-tile strong{margin-top:.2rem;font-size:1.05rem}.quality-rate-tile.is-danger{color:#c2413b;background:#fff7f5;border-color:#fed7d2}.quality-rate-tile.is-warning{color:#b7791f;background:#fffbeb;border-color:#fde7ae}.quality-quantity-strip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.quality-quantity-strip>div{text-align:center;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.quality-quantity-strip>div+div{border-left:1px solid #e2e8f0}.quality-quantity-strip strong{color:#162033;font-size:.95rem}.orders-overview strong{color:#15243a;margin-top:.2rem;font-size:1.7rem;line-height:1;display:block}.orders-completion-badge{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:.35rem .6rem;font-size:.7rem;font-weight:700}.orders-progress-track{height:8px}.orders-progress-track span{background:linear-gradient(90deg,#34d399,#10b981)}.orders-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.orders-status-tile{--status-color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem;min-height:43px;padding:.55rem .7rem;display:grid}.orders-status-tile strong{color:var(--status-color);font-size:1rem}.orders-status-dot{background:var(--status-color);border-radius:50%;width:7px;height:7px}.orders-status-tile.is-blue{--status-color:#2563eb}.orders-status-tile.is-amber{--status-color:#d97706}.orders-status-tile.is-green{--status-color:#059669}.orders-status-tile.is-red{--status-color:#dc4c3f}.orders-status-tile.is-orange{--status-color:#ea580c}.orders-status-tile:last-child:nth-child(odd){grid-column:1/-1}@media (width<=420px){.quality-summary-main{grid-template-columns:1fr}}.expandable-text-toggle{cursor:pointer;white-space:nowrap;font-size:.75rem}.cost-total-row{border-top:2px solid #e2e8f0;font-weight:700}.legacy-cost-unit-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;padding:1.25rem;display:flex}.legacy-cost-unit-label{font-size:.8rem}.legacy-quality-rates{border-bottom:1px solid #eee;padding-bottom:15px}.legacy-quality-tile{border-radius:8px}.legacy-quality-label{font-size:.85rem}.is-muted{opacity:.6}.legend-dot-svg{vertical-align:1px;width:8px;height:8px;margin-right:.55rem;display:inline-block}.quality-progress-native,.orders-progress-native{appearance:none;border:0;border-radius:999px;width:100%;display:block;overflow:hidden}.quality-progress-native{color:#10b981;background:#ccefe0;height:7px}.orders-progress-native{color:#10b981;background:#dce5ef;height:8px}.quality-progress-native::-webkit-progress-bar{background:inherit;border-radius:inherit}.orders-progress-native::-webkit-progress-bar{background:inherit;border-radius:inherit}.quality-progress-native::-webkit-progress-value{border-radius:inherit;background:#10b981}.orders-progress-native::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#34d399,#10b981)}.quality-progress-native::-moz-progress-bar{border-radius:inherit;background:#10b981}.orders-progress-native::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#34d399,#10b981)}.summary-header-actions{align-items:center;gap:.75rem;display:flex}.summary-count-badge{white-space:nowrap;border:1px solid;border-radius:999px;padding:.3rem .55rem;font-size:.68rem;font-weight:700}.summary-count-badge.is-danger{color:#b42318;background:#fff5f3;border-color:#fed7d2}.summary-count-badge.is-warning{color:#b45309;background:#fffbeb;border-color:#fde7ae}.shortage-summary-content,.efficiency-summary-content,.downtime-summary-content{min-height:0;padding:1rem}.shortage-summary-content .compact-table-wrapper{border:1px solid #dbe4ee;border-radius:10px;max-height:610px;overflow:auto}.shortage-legacy-table{display:none}.shortage-summary-content .dome-table-wrapper{border-radius:10px;max-height:610px;overflow:auto}.shortage-summary-content .dome-table{min-width:680px}.shortage-summary-content .dome-table th,.shortage-summary-content .dome-table td{height:38px;padding:8px 10px;font-size:11px}.shortage-summary-content .dome-table th{font-size:10px}.shortage-summary-content .dome-table td:first-child{color:#12345a;font-weight:700}.shortage-summary-content .dome-table td:nth-child(2){white-space:normal;max-width:220px}.shortage-summary-content .compact-table{border-collapse:separate;border-spacing:0;min-width:560px}.shortage-summary-content .compact-table th{z-index:1;color:#435a75;letter-spacing:.035em;background:#edf3f8;border-bottom:1px solid #cad7e5;border-right:1px solid #dbe4ee;padding:.7rem .65rem;font-size:.64rem;position:sticky;top:0}.shortage-summary-content .compact-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:.72rem .65rem;font-size:.75rem;line-height:1.35}.shortage-summary-content .compact-table th:last-child,.shortage-summary-content .compact-table td:last-child{border-right:0}.shortage-summary-content .compact-table tbody tr:nth-child(2n){background:#f8fafc}.shortage-summary-content .compact-table tbody tr:hover{background:#edf5ff}.shortage-summary-content .compact-table td:nth-child(2){white-space:normal;min-width:175px}.efficiency-summary-content{flex-direction:column;gap:.9rem;display:flex;overflow:hidden}.efficiency-chart-panel{background:0 0;border:0;border-radius:0;height:240px;min-height:240px;margin:0;padding:0}.efficiency-table-panel{flex:1;min-height:0;overflow:hidden}.efficiency-table-panel .dome-table-wrapper{border-radius:8px;overflow-x:hidden}.efficiency-table-panel .dome-table{table-layout:fixed;width:100%;min-width:0}.efficiency-table-panel .dome-table th,.efficiency-table-panel .dome-table td{text-overflow:ellipsis;height:31px;padding:6px 7px;font-size:9px;overflow:hidden}.efficiency-table-panel .dome-table th{letter-spacing:0;font-size:8.5px}.efficiency-table-panel .global-pagination{flex-wrap:wrap;gap:8px;padding:10px 8px;font-size:10px}.efficiency-table-panel .global-pagination-controls{flex-wrap:wrap;justify-content:space-between;gap:7px;width:100%}.efficiency-table-panel .global-pagination-summary{justify-content:center;width:100%}.efficiency-table-panel .global-pagination-pages button{width:25px;height:25px}.efficiency-table-panel .global-pagination-size,.efficiency-table-panel .global-pagination-jump{gap:4px}.efficiency-table-panel .global-pagination select,.efficiency-table-panel .global-pagination input{height:27px}.downtime-summary-content{flex-direction:column;gap:.75rem;display:flex;overflow:hidden}.downtime-chart-panel{background:radial-gradient(circle,#fff 0 42%,#f7fafc 100%);border:1px solid #e2e8f0;border-radius:12px;height:225px;min-height:225px;padding:.25rem}.downtime-list-panel{border:1px solid #e2e8f0;border-radius:10px;flex:1;min-height:0;overflow-y:auto}.downtime-summary-content .downtime-legend-table td{color:#334155;border-bottom:1px solid #e8eef5;padding:.65rem .75rem;font-size:.75rem;line-height:1.3}.downtime-summary-content .downtime-legend-table tr:nth-child(2n){background:#f8fafc}.downtime-summary-content .downtime-legend-table tr:last-child td{border-bottom:0}.downtime-summary-content .downtime-legend-table td:first-child{white-space:normal}.downtime-summary-content .downtime-legend-table td:last-child{white-space:nowrap;padding-left:.5rem;font-weight:700}.downtime-summary-content .legend-dot{vertical-align:1px;width:8px;height:8px;margin-right:.55rem}@media (width<=900px){.efficiency-summary-content{grid-template-rows:220px auto}.downtime-summary-content{grid-template-rows:210px auto}}.plan-actual-card,.cost-summary-card,.cost-variance-card,.shortage-summary-card,.efficiency-summary-card,.downtime-summary-card{min-height:560px}.plan-actual-content{min-height:0;padding:.75rem .9rem 1rem}.plan-actual-chart{background:linear-gradient(#fbfdff 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;width:100%;height:420px;min-height:420px;padding:.5rem .25rem 0}.cost-summary-card .quality-summary-content,.cost-variance-card .orders-summary-content{min-height:0;padding:1rem;overflow:hidden}.cost-summary-card .quality-summary-legacy,.cost-variance-card .orders-summary-legacy{flex-direction:column;flex:1;min-height:0;display:flex}.cost-summary-card .compact-table-wrapper,.cost-variance-card .compact-table-wrapper{border:1px solid #d6e0eb;border-radius:10px;width:100%;overflow:auto}.cost-summary-card .compact-table,.cost-variance-card .compact-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;min-width:0}.cost-summary-card .compact-table th,.cost-variance-card .compact-table th{color:#38516e;letter-spacing:.025em;white-space:normal;background:#eaf0f6;border-bottom:1px solid #c7d3e1;border-right:1px solid #d4deea;padding:.65rem .45rem;font-size:.61rem;line-height:1.25}.cost-summary-card .compact-table td,.cost-variance-card .compact-table td{vertical-align:middle;border-bottom:1px solid #e0e7ef;border-right:1px solid #e0e7ef;padding:.72rem .45rem;font-size:.7rem;line-height:1.3}.cost-summary-card .compact-table th:last-child,.cost-summary-card .compact-table td:last-child,.cost-variance-card .compact-table th:last-child,.cost-variance-card .compact-table td:last-child{border-right:0}.cost-summary-card .compact-table tbody tr:nth-child(2n),.cost-variance-card .compact-table tbody tr:nth-child(2n){background:#f8fafc}.cost-summary-card .compact-table th:first-child{width:31%}.cost-summary-card .compact-table th:not(:first-child){width:17.25%}.cost-summary-card .d-flex.gap-3.mt-4{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.75rem;display:grid}.cost-summary-card .d-flex.gap-3.mt-4>div{min-width:0;border-radius:9px!important;padding:.75rem .45rem!important}.cost-summary-card .d-flex.gap-3.mt-4 p{line-height:1.3;margin-bottom:.3rem!important;font-size:.66rem!important}.cost-summary-card .d-flex.gap-3.mt-4 h4{font-size:.95rem}.cost-variance-card .compact-table-wrapper{max-height:440px}.cost-variance-card .compact-table th:first-child{width:16%}.cost-variance-card .compact-table th:nth-child(2){width:21%}.cost-variance-card .compact-table th:nth-child(3),.cost-variance-card .compact-table th:nth-child(4){width:18%}.cost-variance-card .compact-table th:nth-child(5){width:14%}.cost-variance-card .compact-table th:nth-child(6){width:13%}.cost-variance-card .compact-table td:nth-child(2){text-overflow:ellipsis;overflow:hidden}.cost-variance-card .status-badge{white-space:nowrap;max-width:100%;padding:.22rem .35rem;font-size:.58rem}.cost-variance-card .orders-summary-legacy .dome-table-wrapper{border-radius:10px;width:100%;overflow-x:hidden}.cost-variance-card .orders-summary-legacy .dome-table{table-layout:fixed;width:100%;min-width:0}.cost-variance-card .orders-summary-legacy .dome-table th,.cost-variance-card .orders-summary-legacy .dome-table td{text-overflow:ellipsis;height:44px;padding:7px 6px;font-size:9px;overflow:hidden}.cost-variance-card .orders-summary-legacy .dome-table th{letter-spacing:0;white-space:normal;height:52px;font-size:8px;line-height:1.2}.cost-variance-card .orders-summary-legacy .dome-table td:nth-child(2){white-space:nowrap}.cost-variance-card .orders-summary-legacy .status-badge{text-overflow:ellipsis;justify-content:center;max-width:100%;padding:3px 5px;font-size:7px;line-height:1;display:inline-flex;overflow:hidden}@media (width<=1100px){.plan-actual-card,.cost-summary-card,.cost-variance-card,.shortage-summary-card,.efficiency-summary-card,.downtime-summary-card{min-height:500px}}.cost-summary-card .quality-summary-legacy{display:none}.cost-summary-redesign{flex-direction:column;flex:1;gap:.9rem;min-height:0;display:flex}.cost-summary-hero{grid-template-columns:minmax(0,1.45fr) minmax(120px,.75fr);gap:.7rem;display:grid}.cost-total-primary,.cost-variance-highlight{border:1px solid #d8e3ef;border-radius:12px;flex-direction:column;justify-content:center;min-height:105px;padding:.9rem 1rem;display:flex}.cost-total-primary{color:#15385e;background:linear-gradient(145deg,#edf5ff,#f8fbff)}.cost-total-primary span,.cost-variance-highlight span,.cost-per-unit-grid span{color:#64748b;letter-spacing:.025em;text-transform:uppercase;font-size:.69rem;font-weight:700}.cost-total-primary strong{color:#163f6d;margin:.25rem 0;font-size:1.7rem;line-height:1}.cost-total-primary small{color:#64748b;font-size:.7rem}.cost-variance-highlight{background:#f8fafc}.cost-variance-highlight strong{margin:.3rem 0;font-size:1.2rem}.cost-variance-highlight small{font-size:.72rem;font-weight:700}.cost-variance-highlight.is-over,.cost-per-unit-grid .is-over{color:#c2413b;background:#fff7f5;border-color:#fed7d2}.cost-variance-highlight.is-under,.cost-per-unit-grid .is-under{color:#047857;background:#f0fdf4;border-color:#bbf7d0}.cost-breakdown-panel{border:1px solid #d8e3ef;border-radius:11px;overflow:hidden}.cost-breakdown-header,.cost-breakdown-row{grid-template-columns:1.35fr repeat(4,minmax(0,.75fr));align-items:center;display:grid}.cost-breakdown-header{color:#3e5774;letter-spacing:.025em;text-transform:uppercase;background:#eaf0f6;border-bottom:1px solid #cad6e3;min-height:37px;font-size:.57rem;font-weight:700}.cost-breakdown-header span,.cost-breakdown-row>*{border-right:1px solid #dde5ee;min-width:0;padding:.55rem .42rem}.cost-breakdown-header span:last-child,.cost-breakdown-row>:last-child{border-right:0}.cost-breakdown-row{color:#1f3148;font-variant-numeric:tabular-nums;border-bottom:1px solid #e2e8f0;min-height:49px;font-size:.66rem}.cost-breakdown-row:nth-child(odd){background:#f8fafc}.cost-breakdown-row:last-child{border-bottom:0}.cost-breakdown-row strong{color:#243b56;font-size:.69rem}.cost-per-unit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:auto;display:grid}.cost-per-unit-grid>div{text-align:center;background:#fff;border:1px solid #d8e3ef;border-radius:10px;flex-direction:column;justify-content:center;gap:.3rem;min-height:73px;padding:.65rem;display:flex}.cost-per-unit-grid strong{color:#17283e;font-size:1rem}@media (width<=420px){.cost-summary-hero{grid-template-columns:1fr}}.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;margin-top:24px;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%,1200px);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)}}.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-top: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{background:var(--bg-main,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:var(--border-radius-md,12px);flex-wrap:wrap;gap:6px;padding:6px;display:inline-flex}.global-tab-pill{min-height:36px;color:var(--text-secondary,#64748b);border-radius:var(--border-radius-sm,8px);font:inherit;font-size:var(--font-size-sm,13px);font-weight:var(--font-weight-semibold,600);cursor:pointer;transition:all var(--transition-fast,.2s ease);background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.global-tab-pill:hover{color:var(--text-primary,#1e293b);background:var(--border-subtle,#f1f5f9)}.global-tab-pill.active{color:var(--primary,#1b47db);background:var(--primary-light,#ebf1ff);box-shadow:0 1px 2px #0000000d}.global-tab-icon{align-items:center;display:inline-flex}.inventory-page{padding:var(--spacing-6,24px);padding-bottom:32px}.inventory-header{margin-bottom:var(--spacing-5,20px);justify-content:space-between;align-items:center;gap:var(--spacing-3,12px);flex-wrap:wrap;display:flex}.inventory-header h1{font-size:var(--font-size-xl,18px);font-weight:var(--font-weight-bold,700);color:var(--text-primary);letter-spacing:-.02em;margin:0}.inventory-filters{gap:var(--spacing-2,8px);margin-bottom:var(--spacing-5,20px);flex-wrap:wrap;align-items:center;display:flex}.inventory-filters select,.inventory-filters input{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);height:38px;font-size:var(--font-size-sm,12px);color:var(--text-primary);background:var(--bg-card);transition:all var(--transition-fast);min-width:150px;padding:0 14px}.inventory-filters select:focus,.inventory-filters input:focus{border-color:var(--primary-blue);outline:none}.inventory-filters .search-input{min-width:220px}.inventory-overview-cards{margin-bottom:var(--spacing-6,24px)}.inventory-kpi-grid{gap:var(--spacing-4,16px);margin-bottom:var(--spacing-6,24px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.inventory-kpi-grid .stat-card{cursor:pointer}.inventory-charts-grid{gap:var(--spacing-5,20px);margin-bottom:var(--spacing-6,24px);grid-template-columns:1fr 1fr;display:grid}.inventory-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:var(--spacing-6,24px);flex-direction:column;min-height:340px;display:flex}.inventory-chart-card h3{font-size:var(--font-size-base,14px);font-weight:var(--font-weight-bold,700);color:var(--text-primary);margin-bottom:var(--spacing-4,16px);letter-spacing:-.01em}.inventory-chart-card .chart-wrapper{flex:1;min-height:0}.inventory-tabs{margin-bottom:var(--spacing-6,24px)}.inventory-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:var(--spacing-5,20px);margin-bottom:var(--spacing-6,24px)}.inventory-section.mt-6{margin-top:var(--spacing-6,24px)}.inventory-section h3{font-size:var(--font-size-base,14px);font-weight:var(--font-weight-bold,700);color:var(--text-primary);margin-bottom:var(--spacing-4,16px);letter-spacing:-.01em}.status-badge{border-radius:var(--radius-full,9999px);font-size:var(--font-size-xs,11px);font-weight:var(--font-weight-semibold,600);letter-spacing:.02em;text-transform:uppercase;border:1px solid #0000;padding:4px 12px;display:inline-block}.status-badge.critical{color:var(--color-danger);background:#fdf2f0;border-color:#f87171}.status-badge.low{color:var(--accent-orange);background:#fef3c7;border-color:#fde68a}.status-badge.normal{color:var(--color-success);background:#ecfdf5;border-color:#a7f3d0}.status-badge.excess{color:var(--primary-blue);background:#ebf1ff;border-color:#d6e3ff}.status-badge.out-of-stock{border-color:var(--border-color);color:var(--text-secondary);background:#f4f5f8}.status-badge.negative{color:#7c3aed;background:#f3e8ff;border-color:#ddd6fe}.status-badge.expired{color:var(--color-danger);background:#fdf2f0;border-color:#f87171}.status-badge.near-expiry{color:var(--accent-orange);background:#fef3c7;border-color:#fde68a}.expiry-cards-wrapper{margin-bottom:var(--spacing-6,24px)}.expiry-cards-wrapper .dome-card-grid{gap:var(--spacing-2,8px);grid-template-columns:repeat(7,1fr)}@media (width<=1400px){.expiry-cards-wrapper .dome-card-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=1024px){.expiry-cards-wrapper .dome-card-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.expiry-cards-wrapper .dome-card-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-bottom-grid{gap:var(--spacing-4,16px);margin-bottom:var(--spacing-6,24px);grid-template-columns:1fr 1.5fr;display:grid}.chart-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg,12px);padding:var(--spacing-5,20px)}.chart-section h3{font-size:var(--font-size-base,14px);font-weight:var(--font-weight-bold,700);color:var(--text-primary);margin-bottom:var(--spacing-4,16px)}.inventory-chart-container{height:300px;margin-top:var(--spacing-5,20px)}.inventory-risk-table-scroll{max-height:none;overflow:hidden}.inventory-risk-table-scroll .dome-table-wrapper{border-radius:8px;max-height:350px;overflow:auto}.inventory-risk-table-scroll .dome-table{min-width:900px}.inventory-risk-table-scroll .dome-table th,.inventory-risk-table-scroll .dome-table td{height:34px;padding:7px 9px;font-size:10px}.inventory-risk-table-scroll .dome-table th{font-size:9px}.inventory-risk-table-scroll .inventory-category-cell{color:#1f334c;font-weight:700}.category-risk-table{border-collapse:collapse;width:100%;font-size:var(--font-size-xs,11px)}.category-risk-table th{text-align:left;border-bottom:2px solid var(--border-color);color:var(--text-secondary);font-weight:var(--font-weight-semibold,600);padding:8px 6px}.category-risk-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-weight:var(--font-weight-medium,500);padding:8px 6px}.category-risk-table td.text-right,.category-risk-table th.text-right{text-align:right}.table-toolbar{gap:var(--spacing-4,16px);margin-bottom:var(--spacing-4,16px);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.search-bar-wrapper{background:var(--bg-main);border-radius:var(--radius-full,9999px);border:1px solid var(--border-color);align-items:center;min-width:300px;padding:6px 16px;display:flex}.search-bar-icon{margin-right:var(--spacing-2,8px);color:var(--text-secondary)}.search-bar-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.aging-filters-tabs{flex:1;justify-content:center}.toolbar-actions{align-items:center;gap:var(--spacing-3,12px);display:flex}.toolbar-btn{border-radius:var(--radius-md,8px);border:1px solid var(--border-color);background:var(--bg-card);font-size:var(--font-size-sm,12px);font-weight:var(--font-weight-semibold,600);color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;display:flex}.toolbar-btn.refresh-btn{padding:6px}.page-size-selector{align-items:center;gap:var(--spacing-2,8px);font-size:var(--font-size-sm,12px);display:flex}.page-size-label{color:var(--text-secondary)}.page-size-select{border-radius:var(--radius-sm,4px);border:1px solid var(--border-color);font-size:var(--font-size-sm,12px);color:var(--text-primary);background:var(--bg-card);outline:none;padding:4px 8px}.text-right{text-align:right}.text-center{text-align:center}.text-red,.text-danger{color:var(--color-danger)}.text-warning{color:var(--accent-orange)}@media (width<=1024px){.dashboard-bottom-grid,.inventory-charts-grid{grid-template-columns:1fr}.dashboard-kpi-row-2{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}}@media (width<=768px){.inventory-page{padding:var(--spacing-4,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%}.table-toolbar{flex-direction:column;align-items:stretch}.search-bar-wrapper{min-width:unset;width:100%}}.item-master-page{margin:0 auto;padding:24px}.breadcrumb-wrapper{margin-bottom:8px}.page-title{color:#111827;font-size:1.25rem;font-weight:600}.detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.detail-card-header{color:#374151;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:16px 20px;font-weight:600;display:flex}.detail-card-header .icon{font-size:1.1rem}.overview-grid{flex-wrap:wrap;gap:24px;padding:20px;display:flex}.overview-field{flex-direction:column;flex:1;min-width:120px;display:flex}.overview-field.flex-2{flex:2;min-width:200px}.overview-field label{text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-size:.75rem;font-weight:600}.overview-field span{color:#111827;font-size:.95rem;font-weight:600}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.p-6{padding:24px}.tabular-nums{font-variant-numeric:tabular-nums}.font-bold{font-weight:600}.text-green{color:#10b981}.text-red{color:#ef4444}.text-blue{color:#3b82f6}.text-gray{color:#9ca3af}.flex-between{justify-content:space-between;align-items:center;display:flex}.chart-stats{gap:24px;display:flex}.stat-item{flex-direction:column;align-items:flex-end;display:flex}.stat-item .stat-val{font-size:1.25rem;font-weight:700}.stat-item .stat-lbl{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.tab-group{align-items:center;gap:8px;display:flex}.tab-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:#374151;background:#f3f4f6}.tab-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.loader{border:3px solid #f3f3f3;border-top-color:#4f46e5;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}.absolute{position:absolute}.inset-0{inset:0}.z-10{z-index:10}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.bg-white\/70{background-color:#ffffffb3}.border-b{border-bottom:1px solid #e5e7eb}.border-y{border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.gap-4{gap:16px}.items-end{align-items:flex-end}.bg-gray-50{background-color:#f9fafb}.block{display:block}.text-sm{font-size:.875rem}.text-gray-600{color:#4b5563}.mb-1{margin-bottom:4px}.border{border:1px solid #d1d5db}.rounded{border-radius:4px}.px-3{padding-left:12px;padding-right:12px}.py-1\.5{padding-top:6px;padding-bottom:6px}.audit-history-header{flex-wrap:wrap;gap:1rem}.audit-chart-stats{background-color:#fff;padding:24px}.audit-stat-list{gap:32px}.audit-stat-item{text-align:center;align-items:center}.audit-stat-value{font-size:1.5rem}.audit-stat-label.is-stock-in{color:#10b981}.audit-stat-label.is-stock-out{color:#ef4444}.audit-stat-label.is-stock-available{color:#3b82f6}.audit-chart-section{position:relative}.audit-chart-loading{min-height:200px}.audit-chart-wrapper{width:100%;height:350px}.audit-chart-wrapper .recharts-default-tooltip{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;border:0!important}.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}.po-route-arrow-red{color:#d32f2f;font-weight:700}.po-route-arrow-yellow{color:#fbc02d;font-weight:700}.po-field-value-create{background-color:#0000!important;border:none!important;padding:0!important;display:block!important}.po-field-value-create-basic{background-color:#0000!important;border:none!important;padding:0!important}.po-field-value-create-flex{align-items:center;gap:4px;background-color:#0000!important;border:none!important;padding:0!important;display:flex!important}.po-uom-input{border:1px solid #ccc;border-radius:2px;outline:none;width:100%;height:100%;min-height:26px;padding:2px 7px;font-size:12px}.po-inline-label{width:auto;margin:0 8px}.po-margin-top-4{margin-top:4px}.po-margin-right-8{margin-right:8px}.po-linked-order-input{border:1px solid #ccc;border-radius:2px;outline:none;flex:1;height:100%;min-height:26px;padding:2px 7px;font-size:12px}.po-linked-order-input-active{color:#000;background-color:#fffde7}.po-linked-order-input-inactive{color:#888;background-color:#f0f0f0}.po-customer-input{color:#000;background-color:#fffde7;border:1px solid #ccc;border-radius:2px;outline:none;flex:1;height:100%;min-height:26px;padding:2px 7px;font-size:12px}.po-list-button{cursor:pointer;color:#fff;background-color:#4a90e2;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;padding:0;font-size:12px;display:inline-flex}.po-modal-error-text{color:red}.po-text-center{text-align:center}.po-search-container{width:400px}.po-header-actions{gap:8px;margin-left:auto;display:flex}.complaints-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.complaints-header h1{color:var(--text-color,#202224);margin:0;font-size:24px;font-weight:600}.generate-complain-modal-content{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.generate-complain-modal-header{border-bottom:1px solid #eee;flex-shrink:0;padding:20px 24px 10px}.generate-complain-modal-header h2{color:var(--text-color,#202224);margin:0;font-size:20px}.generate-complain-modal-body{flex:auto;min-height:0;padding:20px 24px;overflow-y:auto}.generate-complain-form{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.col-span-3{grid-column:span 3}.generate-complain-modal-footer{background-color:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.generate-complain-modal-body::-webkit-scrollbar{width:6px}.generate-complain-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.generate-complain-modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.generate-complain-modal-body::-webkit-scrollbar-thumb:hover{background:#999}.complaints-table-section{background-color:#fff;border-radius:8px;padding:20px;overflow-x:auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.expandable-text-toggle{color:#0056b3;cursor:pointer;margin-left:5px;font-size:.9em;font-weight:700}.table-action-edit-btn{cursor:pointer;color:#666;background:0 0;border:none}.custom-async-select .react-select__control{border-color:var(--dashboard-border);background:0 0;border-radius:8px;min-height:44px}.custom-async-select .react-select__menu{z-index:9999}.coa-document-wrapper{background-color:#0000;justify-content:center;padding:0;display:flex}.coa-document-container{width:100%}.coa-top-header{justify-content:space-between;align-items:flex-end;margin-bottom:5px;display:flex}.coa-top-logo{border:1px solid #333;align-items:center;display:flex}.logo-lds{color:#fff;background-color:#4a86e8;padding:5px 15px;font-size:20px;font-weight:700}.logo-text{color:#4a86e8;padding:5px 10px;font-size:11px;font-weight:700;line-height:1.2}.coa-top-title{padding-bottom:5px;font-size:16px;font-weight:700}.coa-document{color:#333;background-color:#0000;border:1px solid #333;width:100%;font-family:Arial,sans-serif;font-size:13px}.coa-document input,.coa-document textarea{color:#333;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;width:100%}.coa-document input::placeholder{color:#888}.coa-header{border-bottom:1px solid #333;display:flex}.coa-logo-section{border-right:1px solid #333;justify-content:center;align-items:center;width:15%;display:flex}.coa-logo-placeholder{color:#fff;background-color:#4a86e8;padding:10px 20px;font-size:24px;font-weight:700}.coa-title-section{text-align:center;border-right:1px solid #333;width:65%;padding:15px}.coa-title-section h2,.coa-title-section h3,.coa-title-section h4{margin:5px 0}.coa-title-section h2{font-size:16px}.coa-title-section h3,.coa-title-section h4{font-size:14px}.coa-form-info{color:#333;flex-direction:column;justify-content:center;width:20%;padding:10px;font-size:11px;display:flex}.coa-form-row{margin-bottom:5px;display:flex}.coa-form-row label{white-space:nowrap;margin-right:5px}.coa-details-section{border-bottom:1px solid #333;padding:15px}.coa-detail-row{align-items:center;margin-bottom:10px;display:flex}.coa-detail-row label{flex-shrink:0;width:140px;font-weight:700}.coa-grid-details{margin-top:20px;display:flex}.coa-grid-col{flex:1}.coa-table-section{width:100%;padding:20px 20px 0}.coa-table{border-collapse:collapse;width:100%}.coa-table th,.coa-table td{text-align:center;vertical-align:top;border:1px solid #333;padding:8px}.coa-table th{text-transform:uppercase;font-weight:700}.coa-table td textarea{resize:none;field-sizing:content;overflow:hidden}.coa-add-row-btn{color:#333;cursor:pointer;background-color:#f0f0f0;border:none;border-bottom:1px solid #333;width:100%;padding:10px;font-weight:700}.coa-add-row-btn:hover{background-color:#e0e0e0}.coa-remarks-section{border-bottom:1px solid #333;padding:0 20px;display:flex}.coa-remarks-label{border-right:1px solid #333;align-items:center;width:150px;padding:10px;font-weight:700;display:flex}.coa-remarks-input{flex:1;padding:10px}.coa-signatures-section{border-bottom:1px solid #333;display:flex}.coa-signature-block{text-align:center;border-right:1px solid #333;flex-direction:column;flex:1;padding:10px;display:flex}.coa-signature-block:last-child{border-right:none}.coa-sig-header{margin-bottom:10px;font-weight:700}.coa-signature-block input{text-align:center;margin-bottom:5px}.coa-footer-status{text-align:center;border-bottom:1px solid #333;padding:15px;font-size:16px;font-weight:700}.coa-footer-disclaimer{padding:5px 10px;font-size:11px}.coa-detail-row-centered{align-items:center}.coa-item-select-container{flex:1;max-width:500px}.coa-sign-input-bold{font-weight:700}.coa-sign-input-grey-bold{color:gray;font-weight:700}.qc-header{margin-bottom:20px}.qc-header h2{color:#333;margin-bottom:15px;font-size:24px}.qc-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d}.access-control-page{background-color:#fff;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif}.access-control-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1.5rem}.access-control-header h1{color:#023e25;margin:0;font-size:1.5rem;font-weight:700}.access-control-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.access-search-wrapper{align-items:center;width:100%;max-width:350px;display:flex;position:relative}.search-icon{color:#94a3b8;position:absolute;left:10px}.access-search-input{border:1px solid #cbd5e1;border-radius:4px;outline:none;width:100%;padding:.5rem .75rem .5rem 2.25rem;font-size:.875rem;transition:border-color .2s}.access-search-input:focus{border-color:#023e25}.permission-btn{color:#fff;cursor:pointer;background-color:#023e25;border:none;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s;display:flex}.permission-btn:hover{background-color:#012b1a}.employee-count-text{color:#64748b;margin-bottom:2rem;font-size:.75rem}.employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.employee-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.employee-card-header{justify-content:space-between;align-items:flex-start;display:flex}.employee-identity h3{color:#1e293b;margin:0 0 .25rem;font-size:1rem;font-weight:700}.employee-email{color:#64748b;margin:0;font-size:.75rem}.employee-shield-icon{background-color:#023e25;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;display:flex}.employee-details{flex-direction:column;gap:.75rem;display:flex}.detail-group{flex-direction:column;gap:.25rem;display:flex}.detail-group label{color:#94a3b8;font-size:.7rem;font-weight:500}.detail-group p{color:#334155;margin:0;font-size:.85rem}.ap-modal-overlay{z-index:1000;background-color:#64748b99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.ap-modal-container{background-color:#fff;border-radius:6px;flex-direction:column;width:100%;max-width:700px;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden;box-shadow:0 10px 25px #0000001a}.ap-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.ap-modal-header-text h2{color:#1e293b;margin:0 0 .25rem;font-size:1.15rem;font-weight:700}.ap-modal-header-text p{color:#64748b;margin:0;font-size:.8rem}.ap-modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.ap-modal-close-btn:hover{color:#1e293b;background:#f1f5f9}.ap-modal-body{padding:1.5rem}.ap-form-grid{grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;display:grid}.ap-form-group{flex-direction:column;display:flex}.ap-form-group label{color:#64748b;margin-bottom:.4rem;font-size:.75rem;font-weight:600}.ap-form-group input,.ap-form-group select{color:#334155;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:.65rem;font-size:.875rem;transition:border-color .2s}.ap-form-group input:focus,.ap-form-group select:focus{border-color:#023e25}.ap-form-group input::placeholder{color:#94a3b8}.ap-form-hint{color:#94a3b8;margin-top:.4rem;font-size:.65rem}.ap-modal-footer{background-color:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.ap-btn-cancel{color:#fff;cursor:pointer;background-color:#023e25;border:none;border-radius:4px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.ap-btn-cancel:hover{background-color:#012b1a}.ap-btn-save{color:#fff;cursor:pointer;background-color:#023e25;border:none;border-radius:4px;padding:.65rem 1.5rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.ap-btn-save:hover{background-color:#012b1a}.permission-control-page{background-color:var(--background-color,#fff);color:var(--text-color,#333);padding:24px}.pc-top-section{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.pc-header-text h1{color:var(--heading-color,#111);margin:0 0 4px;font-size:24px;font-weight:600}.pc-header-text p{color:#666;margin:0;font-size:14px}.pc-action-buttons{gap:12px;display:flex}.pc-btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.pc-btn-outline:hover{background:#f9fafb}.pc-btn-solid{color:#fff;cursor:pointer;background:#023e25;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.pc-btn-solid:hover{background:#012b1a}.pc-controls-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pc-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;min-width:200px;padding:8px 12px;font-size:14px}.pc-breadcrumb-actions{align-items:center;gap:16px;display:flex}.pc-breadcrumb{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:500}.pc-btn-up{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.pc-btn-up:hover:not(:disabled){background:#e5e7eb}.pc-btn-up:disabled{opacity:.5;cursor:not-allowed}.pc-modules-grid{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;display:grid}.pc-module-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.pc-module-card:hover{border-color:#023e25;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.pc-module-title{color:#111;font-size:14px;font-weight:600}.pc-module-subtitle{color:#9ca3af;font-size:12px}.pc-permissions-list{padding:24px 0}.pc-leaves-header{color:#374151;margin:0 0 16px;font-size:16px;font-weight:600}.pc-leaves-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.pc-permission-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s}.pc-permission-card:hover{box-shadow:0 4px 10px #0000000d}.pc-perm-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.pc-perm-card-header h4{color:#111;margin:0 0 4px;font-size:14px;font-weight:600}.pc-perm-card-path{color:#6b7280;font-size:10px}.pc-perm-actions{gap:8px;display:flex}.pc-icon-btn{cursor:pointer;background:0 0;border:1px solid;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.pc-edit-btn{color:#10b981;border-color:#10b981}.pc-edit-btn:hover{background:#ecfdf5}.pc-delete-btn{color:#fff;background:#ef4444;border-color:#ef4444}.pc-delete-btn:hover{background:#dc2626}.pc-perm-details{flex-direction:column;gap:8px;font-size:12px;display:flex}.pc-perm-row{justify-content:space-between;display:flex}.pc-perm-row label{color:#6b7280}.pc-perm-row span{color:#111;font-weight:500}.pc-perm-val-bold{font-weight:700}.pc-perm-row-group{color:#9ca3af;flex-direction:column;gap:4px;margin-top:8px;font-size:11px;display:flex}.access-permission-page{padding:10px 30px}.ap-loading{color:#666;justify-content:center;align-items:center;height:60vh;font-size:1.1rem;display:flex}.ap-header{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.ap-header-left{align-items:center;gap:16px;display:flex}.ap-back-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-weight:500;transition:all .2s;display:flex}.ap-back-btn:hover{background:#f5f5f5}.ap-header-info h1{color:#1a1a1a;margin:0;font-size:1.5rem;font-weight:600}.ap-header-info p{color:#666;margin:4px 0 0;font-size:.85rem}.ap-header-right{gap:12px;display:flex}.ap-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.ap-btn-reset{color:#333;background:#f0f0f0}.ap-btn-reset:hover{background:#e4e4e4}.ap-btn-reset:disabled{opacity:.5;cursor:not-allowed}.ap-btn-add{color:#fff;background:#9ab4a6}.ap-btn-add.highlight{background:#023e25}.ap-btn-add.highlight:hover{background:#012b1a}.ap-btn-add:disabled{opacity:.6;cursor:not-allowed}.ap-btn-remove{color:#fff;background:#d4a3a3}.ap-btn-remove.highlight-remove{background:#dc3545}.ap-btn-remove.highlight-remove:hover{background:#c82333}.ap-btn-remove:disabled{opacity:.65;cursor:not-allowed}.ap-employee-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;margin-bottom:24px;padding:16px 20px}.ap-employee-card h3{color:#1a1a1a;margin:0 0 4px;font-size:1rem}.ap-employee-card p{color:#666;margin:0;font-size:.85rem}.ap-content-card{background:#fff;border:1px solid #eaeaea;border-radius:8px;padding:24px}.ap-content-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.ap-content-title h3{color:#1a1a1a;margin:0 0 4px;font-size:1.1rem}.ap-content-title p{color:#666;margin:0;font-size:.85rem}.ap-module-selector{flex-direction:column;gap:4px;display:flex}.ap-module-selector label{color:#666;font-size:.75rem;font-weight:500}.ap-module-selector select{border:1px solid #ddd;border-radius:6px;min-width:200px;padding:8px 12px;font-size:.9rem}.ap-tree-container{border-top:1px solid #eaeaea;padding-top:16px}.ap-folder-header{cursor:pointer;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:8px;transition:background .2s;display:flex}.ap-folder-header:hover{background:#f9f9f9}.ap-folder-icon-wrapper{color:#888;align-items:center;display:flex}.ap-folder-name{color:#1a1a1a;font-size:.95rem;font-weight:600}.ap-folder-count{color:#888;font-size:.85rem;font-weight:400}.ap-folder-content{border-left:1px dashed #ddd;margin-bottom:12px;margin-left:14px;padding-left:28px}.ap-permission-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.ap-root-permissions{margin-top:16px}.ap-permission-item{background:#fafafa;border:1px solid #eaeaea;border-radius:6px;align-items:flex-start;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.ap-permission-item:hover{border-color:#d0d0d0}.ap-permission-item.selected{background:#f0f7ff;border-color:#b3d4ff}.ap-checkbox{cursor:pointer;accent-color:#007bff;width:16px;height:16px;margin-top:4px}.ap-permission-info{flex-direction:column;gap:4px;display:flex}.ap-permission-title{color:#1a1a1a;cursor:pointer;font-size:.9rem;font-weight:600}.ap-permission-meta{color:#666;align-items:center;gap:8px;font-size:.8rem;display:flex}.ap-method{color:#495057;font-weight:600}.ap-route{color:#868e96}.ap-access-text{background:#e9ecef;border-radius:4px;padding:2px 6px;font-size:.75rem}.ap-no-data{color:#888;padding:20px 0;font-style:italic}.unauthorized-container{background-color:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.unauthorized-card{text-align:center;background:#fff;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000003}.unauthorized-brand{margin-bottom:2rem}.unauthorized-icon-wrapper{justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:2rem;display:flex;position:relative}.unauthorized-icon-pulse{background-color:#fee2e2;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute}.unauthorized-icon{color:#ef4444;z-index:1;position:relative}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.unauthorized-title{color:#0f172a;letter-spacing:-.025em;margin:0 0 1rem;font-size:1.75rem;font-weight:700}.unauthorized-description{color:#475569;margin:0 0 2.5rem;font-size:1.05rem;line-height:1.6}.unauthorized-description strong{color:#1e293b;font-weight:600}.unauthorized-actions{width:100%}.unauthorized-btn-primary{color:#fff;cursor:pointer;background-color:#023e25;border:none;border-radius:8px;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #023e251a,0 2px 4px -2px #023e251a}.unauthorized-btn-primary:hover{background-color:#035231;transform:translateY(-1px);box-shadow:0 6px 8px -1px #023e2526,0 3px 6px -2px #023e251a}.unauthorized-btn-primary:active{transform:translateY(0)}.mp-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.mp-modal-content{background:#fff;border-radius:12px;width:650px;max-width:95vw;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.mp-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:24px;display:flex}.mp-modal-header h4{color:#1e293b;margin:0;font-size:1.25rem;font-weight:600}.mp-modal-body{padding:24px}.mp-form-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.mp-form-group{flex-direction:column;gap:6px;display:flex}.mp-form-group label{color:#475569;font-size:.875rem;font-weight:500}.mp-input{color:#334155;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:10px 12px;font-size:.95rem;transition:all .2s}.mp-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mp-textarea{resize:vertical;min-height:80px}.mp-calc-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px;display:grid}.mp-calc-item{flex-direction:column;gap:4px;display:flex}.mp-calc-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.mp-calc-value{color:#0f172a;font-size:1.25rem;font-weight:700}.mp-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom-right-radius:12px;border-bottom-left-radius:12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.manpower-modal-content{flex-direction:column;max-height:calc(100vh - 48px);display:flex}.manpower-modal-header{border-bottom:1px solid #eee;flex-shrink:0;padding:20px 24px 10px}.manpower-modal-header h2{color:var(--text-color,#202224);margin:0;font-size:20px}.manpower-modal-body{flex:auto;min-height:0;padding:20px 24px;overflow-y:auto}.manpower-form{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.col-span-2{grid-column:span 2}.manpower-modal-footer{background-color:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.production-template-container{padding:20px}.production-template-container h2{margin-bottom:20px}.production-template-tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.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}