html{--mat-sys-background: light-dark(#faf9fd, #121316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f2f0f4, #2f3033);--mat-sys-inverse-primary: light-dark(#abc7ff, #005cbb);--mat-sys-inverse-surface: light-dark(#2f3033, #e3e2e6);--mat-sys-on-background: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #002f65);--mat-sys-on-primary-container: light-dark(#00458f, #d7e3ff);--mat-sys-on-primary-fixed: light-dark(#001b3f, #001b3f);--mat-sys-on-primary-fixed-variant: light-dark(#00458f, #00458f);--mat-sys-on-secondary: light-dark(#ffffff, #283041);--mat-sys-on-secondary-container: light-dark(#3e4759, #dae2f9);--mat-sys-on-secondary-fixed: light-dark(#131c2b, #131c2b);--mat-sys-on-secondary-fixed-variant: light-dark(#3e4759, #3e4759);--mat-sys-on-surface: light-dark(#1a1b1f, #e3e2e6);--mat-sys-on-surface-variant: light-dark(#44474e, #e0e2ec);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#74777f, #8e9099);--mat-sys-outline-variant: light-dark(#c4c6d0, #44474e);--mat-sys-primary: light-dark(#005cbb, #abc7ff);--mat-sys-primary-container: light-dark(#d7e3ff, #00458f);--mat-sys-primary-fixed: light-dark(#d7e3ff, #d7e3ff);--mat-sys-primary-fixed-dim: light-dark(#abc7ff, #abc7ff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#565e71, #bec6dc);--mat-sys-secondary-container: light-dark(#dae2f9, #3e4759);--mat-sys-secondary-fixed: light-dark(#dae2f9, #dae2f9);--mat-sys-secondary-fixed-dim: light-dark(#bec6dc, #bec6dc);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#faf9fd, #121316);--mat-sys-surface-bright: light-dark(#faf9fd, #38393c);--mat-sys-surface-container: light-dark(#efedf0, #1f2022);--mat-sys-surface-container-high: light-dark(#e9e7eb, #292a2c);--mat-sys-surface-container-highest: light-dark(#e3e2e6, #343537);--mat-sys-surface-container-low: light-dark(#f4f3f6, #1a1b1f);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0d0e11);--mat-sys-surface-dim: light-dark(#dbd9dd, #121316);--mat-sys-surface-tint: light-dark(#005cbb, #abc7ff);--mat-sys-surface-variant: light-dark(#e0e2ec, #44474e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;background:#f5f7fb}*{padding:0;margin:0}:root{--primary-color:#3498db;--sidebar-color:#2c3e50;--header-text:#ffffff}.main-content{padding-bottom:30px}.theme-blue{--primary-color:#3498db}.theme-green{--primary-color:#27ae60}.theme-purple{--primary-color:#9b59b6}.theme-orange{--primary-color:#f39c12}.module-container{padding:20px}.sidebar.collapsed img.arrow{display:none}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;height:72px}.create-btn{background:#4f46e5;color:#fff;border:none;padding:10px 18px;border-radius:6px;cursor:po;font-weight:500}.create-btn:hover{background:#4338ca}.module-table{width:100%;border-collapse:collapse;background:#fff}.hod-po-pr-overlay{position:fixed;inset:0;z-index:1200;background:#0f172a6b;display:flex;align-items:center;justify-content:center;padding:24px}.hod-add-product-overlay{position:fixed;inset:0;z-index:1300;background:#0f172a57;display:flex;align-items:center;justify-content:center;padding:24px}.hod-po-pr-popup{width:min(720px,calc(100vw - 48px));max-height:min(94vh,820px);background:#d8edff;border-radius:14px;box-shadow:0 26px 64px #0f172a4d;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.hod-po-pr-header{min-height:56px;padding:0 18px;background:#fff;border-bottom:1px solid #cfe3fb;display:flex;align-items:center;gap:8px;flex-shrink:0}.hod-po-pr-header h2{margin:0;color:#1e4a9e;font-size:16px;font-weight:700}.hod-po-pr-back-btn{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.hod-po-pr-back-btn svg{width:22px;height:22px}.hod-po-pr-body{flex:1;min-height:0;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.hod-empty-card{min-height:250px;background:#fff;border-radius:10px;padding:28px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 4px 14px #0f172a0a}.hod-empty-box-icon{width:58px;height:58px;color:#b3b3b3;margin-bottom:24px}.hod-empty-card p{max-width:260px;margin:0 0 26px;color:#0f172a;font-size:18px;line-height:1.2;font-weight:500}.hod-add-item-btn{min-width:158px;min-height:48px;border:0;border-radius:999px;background:#000;color:#fff;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer}.hod-added-items-panel{background:#fff;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 14px #0f172a0a}.hod-added-item-row{min-height:80px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;padding:14px 18px;display:grid;grid-template-columns:minmax(160px,1fr) auto auto 36px;grid-template-areas:"title stock qty remove" "title stock qty unit";align-items:center;gap:16px 20px;box-shadow:0 2px 8px #0f172a0a;transition:all .2s ease}.hod-added-item-row:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0f172a0f}.hod-added-item-row h3{grid-area:title;margin:0;color:#0f172a;font-size:15px;line-height:1.35;font-weight:700;letter-spacing:-.01em}.hod-added-stock{grid-area:stock;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.hod-added-stock-values{display:flex;align-items:center;gap:6px;white-space:nowrap}.hod-added-stock span,.hod-added-qty span{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.hod-added-stock strong{color:#ef4444;font-size:15px;line-height:1;font-weight:700;white-space:nowrap}.hod-added-stock small{padding:2px 7px;border-radius:999px;background:#fee2e2;color:#dc2626;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;line-height:1.2}.hod-added-qty{grid-area:qty;display:flex;flex-direction:column;gap:4px}.hod-added-qty input{width:82px;height:32px;border:1.5px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:14.5px;font-weight:700;text-align:center;outline:none;transition:all .2s ease;box-shadow:0 1px 2px #0f172a0d}.hod-added-qty input:hover{background:#fff;border-color:#94a3b8}.hod-added-qty input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.hod-remove-added-item{grid-area:remove;width:34px;height:34px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.hod-remove-added-item:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444}.hod-remove-added-item svg{width:18px;height:18px}.hod-added-unit{grid-area:unit;color:#94a3b8;font-size:12px;font-weight:600;text-align:center;align-self:start}.hod-added-add-item-btn{align-self:center;min-width:224px;min-height:54px;margin:12px 0 0;border:0;border-radius:999px;background:#000;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:700;cursor:pointer}.hod-products-panel{background:#fff;border-radius:10px;padding:12px;box-shadow:0 4px 14px #0f172a0a}.hod-products-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:4px}.hod-products-header h3{margin:0 0 3px;color:#1e4a9e;font-size:15px;font-weight:700}.hod-products-header span{color:#94a3b8;font-size:11px;font-weight:600}.hod-collapse-products-btn{width:28px;height:28px;border:0;border-radius:50%;background:#eef4fb;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hod-collapse-products-btn svg{width:18px;height:18px}.hod-select-all-products{display:block;margin-left:auto;margin-bottom:6px;border:0;background:transparent;color:#0f172a;font-size:11px;font-weight:700;cursor:pointer}.hod-products-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:292px;overflow-y:auto;padding-right:2px}.hod-product-card{min-height:72px;border:1px solid #d7e8ff;border-radius:8px;background:#f8fafc;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:10px;align-items:start}.hod-product-main h4{margin:0 0 10px;color:#0f172a;font-size:12px;font-weight:700;line-height:1.25}.hod-product-meta{display:flex;flex-wrap:wrap;gap:8px}.hod-product-meta span,.hod-product-qty span,.hod-remarks-box span{color:#64748b;font-size:10px;font-weight:700}.hod-product-qty{min-width:72px;text-align:right}.hod-product-qty strong{display:block;margin:2px 0;color:#ff0018;font-size:12px;font-weight:700;white-space:nowrap}.hod-product-qty small{display:block;color:#64748b;font-size:9px;font-weight:600;white-space:nowrap}.hod-select-check{width:18px;height:18px;position:relative;cursor:pointer}.hod-select-check input{position:absolute;opacity:0;inset:0;cursor:pointer}.hod-select-check span{width:18px;height:18px;border-radius:4px;border:2px solid #c8d1dc;background:#fff;display:block;box-sizing:border-box}.hod-select-check input:checked+span{border-color:#78c68a;background:#f1fff4;position:relative}.hod-select-check input:checked+span:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:solid #14a74a;border-width:0 2px 2px 0;transform:rotate(45deg)}.hod-remarks-box{display:flex;flex-direction:column;gap:8px}.hod-remarks-box textarea{min-height:92px;resize:vertical;border:1px solid #d6dce5;border-radius:10px;background:#f5f5f5;padding:14px;color:#0f172a;font-family:Inter,sans-serif;font-size:13px;font-weight:600;outline:none;box-shadow:inset 0 2px 4px #0f172a14}.hod-remarks-box textarea::placeholder{color:#1e4a9e}.hod-po-pr-footer{padding:14px 18px 18px;background:#fff;flex-shrink:0}.hod-primary-action{width:100%;min-height:54px;border:0;border-radius:999px;background:#0879ff;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px;box-shadow:0 10px 24px #0879ff38;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:700}.hod-primary-action svg{width:24px;height:24px;flex-shrink:0}.hod-selected-list-overlay{position:fixed;inset:0;z-index:1400;background:#0f172a5c;display:flex;align-items:center;justify-content:center;padding:0}.hod-selected-list-popup{width:min(720px,calc(100vw - 48px));height:min(760px,calc(100vh - 48px));background:#d8edff;border-radius:4px;box-shadow:0 26px 64px #0f172a4d;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.hod-selected-list-header{min-height:56px;padding:0 18px;background:#fff;border-bottom:1px solid #cfe3fb;display:flex;align-items:center;gap:10px;flex-shrink:0}.hod-selected-list-header h2{margin:0;color:#1e4a9e;font-size:18px;line-height:1.2;font-weight:700}.hod-selected-list-body{flex:1;min-height:0;padding:14px;overflow-y:auto;background:#d8edff}.hod-selected-items-panel{background:#fff;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:100%;box-shadow:0 4px 14px #0f172a0a}.hod-selected-list-row{min-height:44px;border:1px solid #d7e8ff;border-radius:8px;background:#f8fafc;padding:8px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:all .15s ease}.hod-selected-list-row:hover{background:#fff;border-color:#cbd5e1}.hod-selected-list-row h3{margin:0;color:#0f2947;font-size:13.5px;line-height:1.25;font-weight:700}.hod-selected-request{display:flex;align-items:center;gap:6px;white-space:nowrap}.hod-selected-request span{color:#64748b;font-size:12px;line-height:1;font-weight:600}.hod-selected-request strong{color:#ef4444;font-size:14px;line-height:1;font-weight:700;white-space:nowrap}.hod-selected-list-footer{padding:14px 18px 16px;background:#fff;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex-shrink:0}.hod-request-pr-btn,.hod-request-po-btn{min-height:50px;border-radius:999px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer}.hod-request-pr-btn{border:1px solid #d7e8ff;background:#fff;color:#1e4a9e}.hod-request-po-btn{border:1px solid #0879ff;background:#0879ff;color:#fff;box-shadow:0 10px 24px #0879ff38}.hod-po-pr-success-overlay{position:fixed;inset:0;z-index:1500;background:#0f172a5c;display:flex;align-items:center;justify-content:center;padding:24px}.hod-po-pr-success-popup{width:min(420px,calc(100vw - 48px));max-height:min(86vh,620px);background:#fff;border:1px solid #1280ff;border-radius:6px;padding:28px 22px 22px;box-shadow:0 22px 54px #0f172a47;font-family:Inter,sans-serif;text-align:center;overflow-y:auto}.hod-success-icon{width:74px;height:74px;margin:0 auto 18px;border-radius:50%;background:#21c99a;color:#fff;display:flex;align-items:center;justify-content:center}.hod-success-icon svg{width:38px;height:38px}.hod-po-pr-success-popup h2{margin:0 0 10px;color:#0f172a;font-size:20px;line-height:1.2;font-weight:700}.hod-po-pr-success-popup p{max-width:320px;margin:0 auto 18px;color:#64748b;font-size:12px;line-height:1.35;font-weight:500}.hod-success-items{display:flex;flex-direction:column;gap:8px;text-align:left}.hod-success-item-row{min-height:30px;border:1px solid #d7e8ff;border-radius:6px;background:#f8fafc;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.hod-success-item-row h3{margin:0;color:#0f2947;font-size:13px;line-height:1.25;font-weight:700}.hod-success-item-row span{color:#ff0018;font-size:13px;line-height:1.1;font-weight:700;white-space:nowrap}.hod-success-ok-btn{min-width:160px;min-height:46px;margin:18px auto 0;border:0;border-radius:999px;background:#0879ff;color:#fff;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #0879ff38}.store-shelf-plan-card{margin-top:0;background:#fff;border:1px solid #e2e8f0;border-radius:0 0 8px 8px;overflow:hidden}.store-shelf-plan-select{width:100%;min-height:58px;padding:0 18px;border:0;border-bottom:1px solid #e2e8f0;background:#fff;color:#0f2947;display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer}.store-shelf-plan-select svg{width:24px;height:24px;color:#64748b;flex-shrink:0}.store-shelf-plan{padding:26px 18px 16px}.store-shelf-plan-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.store-shelf-plan-header h3{margin:0;color:#0f2947;font-size:16px;line-height:1.25;font-weight:700}.store-shelf-add-btn{width:28px;height:28px;border:0;background:transparent;color:#111827;padding:0;cursor:pointer}.store-shelf-add-btn svg{width:28px;height:28px;display:block}.store-shelf-row{margin-bottom:16px}.store-shelf-row h4{margin:0 0 10px;color:#64748b;font-size:12px;line-height:1.2;font-weight:700}.store-shelf-grid{display:grid;grid-template-columns:repeat(6,minmax(64px,1fr));gap:6px}.store-shelf-cell{min-height:44px;border:0;border-radius:7px;color:#1e314a;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer}.store-shelf-cell.in-stock{background:#1f73f2;color:#fff}.store-shelf-cell.low-stock{background:#ff7417;color:#fff}.store-shelf-cell.empty{background:#e3e9f4}.store-shelf-aisle{margin:16px 0 0;border-top:1px dashed #dbe4f0;color:#64748b;font-size:12px;line-height:1;font-weight:700;text-align:center;padding-top:9px}.store-shelf-legend{border-top:1px solid #e2e8f0;padding-top:14px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#64748b;font-size:13px;font-weight:500}.store-shelf-legend span{display:inline-flex;align-items:center;gap:6px}.store-shelf-legend i{width:13px;height:13px;border-radius:3px;display:inline-block}.store-shelf-legend .in-stock{background:#1f73f2}.store-shelf-legend .low-stock{background:#ff7417}.store-shelf-legend .empty{background:#e3e9f4}@media(max-width:720px){.store-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mapping-tab-control{margin-left:auto;min-width:380px;display:flex;justify-content:flex-end}.mapping-tab-search,.mapping-tab-select{width:min(460px,100%);height:42px;border:1px solid #d9e2ef;border-radius:10px;background:#fff;display:flex;align-items:center;box-shadow:0 3px 10px #0f172a0f;overflow:hidden}.mapping-tab-search svg{width:18px;height:18px;margin-left:14px;color:#94a3b8;flex-shrink:0}.mapping-tab-search input,.mapping-tab-select select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#0f2947;font-family:Inter,sans-serif;font-size:14px;font-weight:600}.mapping-tab-search input{padding:0 14px 0 10px}.mapping-tab-select select{padding:0 42px 0 18px;appearance:auto;cursor:pointer}@media(max-width:720px){.mapping-tab-control{width:100%;min-width:0}.mapping-tab-search,.mapping-tab-select{width:100%}}.hod-add-product-popup{width:min(440px,calc(100vw - 36px));max-height:min(92vh,700px);background:#fff;border:1px solid #d7e8ff;border-radius:12px;box-shadow:0 22px 54px #0f172a47;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.hod-add-product-header{min-height:54px;padding:10px 14px 10px 16px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.hod-add-product-header h2{margin:0;color:#1e4a9e;font-size:17px;font-weight:700}.hod-add-product-close{width:34px;height:34px;border:0;border-radius:50%;background:#eef2f7;color:#64748b;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.hod-add-product-close svg{width:20px;height:20px}.hod-add-product-body{flex:1;min-height:0;padding:12px 12px 0;display:flex;flex-direction:column;gap:10px}.hod-product-category-select{display:block}.hod-product-category-select select{width:100%;min-height:42px;padding:0 40px 0 14px;border:1px solid #d7dee8;border-radius:10px;background:#fff;color:#0f172a;font-size:14px;font-weight:700;font-family:Inter,sans-serif;outline:none;cursor:pointer}.hod-product-search{height:52px;padding:0 12px 0 14px;border:1px solid #d6dce5;border-radius:10px;background:#f5f5f5;box-shadow:inset 0 2px 4px #0f172a14;display:flex;align-items:center;gap:12px;flex-shrink:0}.hod-product-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#0f172a;font-size:14px;font-weight:600;font-family:Inter,sans-serif}.hod-product-search svg{width:24px;height:24px;color:#4b5563;flex-shrink:0}.hod-add-product-list{flex:1;min-height:0;overflow-y:auto}.hod-add-product-row{min-height:48px;padding:8px 8px 8px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto 28px;align-items:center;gap:10px;background:#f8fafc;border-radius:8px;margin-bottom:8px}.hod-add-product-row span{color:#64748b;font-size:13px;font-weight:600}.hod-add-product-row strong{color:#475569;font-size:12px;font-weight:700;white-space:nowrap}.hod-add-product-footer{padding:10px 20px 14px;display:flex;justify-content:center;background:#fff;flex-shrink:0}.hod-add-product-submit{min-width:210px;min-height:54px;border:0;border-radius:999px;background:#000;color:#fff;font-family:Inter,sans-serif;font-size:20px;font-weight:700;cursor:pointer}@media(max-width:720px){.hod-po-pr-overlay{padding:0}.hod-add-product-overlay{padding:10px}.hod-selected-list-overlay{padding:0}.hod-po-pr-popup,.hod-selected-list-popup{width:100vw;max-height:100vh;min-height:100vh;border-radius:0}.hod-products-list{grid-template-columns:1fr;max-height:360px}.hod-po-pr-body,.hod-selected-list-body{padding:10px}.hod-selected-list-header{min-height:56px;padding:0 16px}.hod-selected-list-header h2{font-size:16px}.hod-selected-list-footer{padding:10px 12px 14px}.hod-add-product-popup{width:calc(100vw - 20px);max-height:94vh}}@media(max-width:540px){.hod-added-item-row{grid-template-columns:minmax(0,1fr) 88px 38px;grid-template-areas:"title title remove" "stock qty unit";gap:10px}.hod-added-item-row h3{font-size:15px}.hod-added-qty input{width:84px}}.module-table th,.module-table td{padding:12px;border-bottom:1px solid #eee;font-family:Inter;font-weight:400;font-size:15px;line-height:24px;color:#475569}.module-table th{padding:12px;border-bottom:1px solid #eee;text-align:left;background:#f9fafb;font-family:Inter;font-weight:600;font-style:Semi Bold;font-size:14px;line-height:21px;color:#475569}.container-wrapper{padding:12px 20px 80px}.page-title-row{display:block!important}.pagehead{display:flex;justify-content:space-between}.pagehead h2{font-family:Inter;font-weight:600;font-size:28px;line-height:32px;color:#0f172a}.pagehead h2 span{font-family:Inter;font-weight:400;font-size:14px;line-height:20px;color:#94a3b8;display:block}.pagehead ul{display:flex;gap:5px}.pagehead ul li{padding:0 20px;background:#fff;border-radius:30px;font-family:Inter;font-weight:500;font-size:14px;line-height:40px;color:#475569;list-style-type:none;border:1px solid #E6EAF2;min-width:70px;text-align:center;flex-shrink:0;height:40px}.pagehead ul li:hover,.pagehead ul li.active{background:#1a6bf4;color:#fff;border:1px solid #1A6BF4}.pagehead ul li a{text-decoration:none;color:inherit;display:block}.pagehead ul li img{width:16px;height:16px;vertical-align:middle;margin-right:3px;margin-top:-2px}.pagehead ul li:hover img,.pagehead ul li.active img{filter:invert(100%) sepia(100%) grayscale(100%) brightness(200%)}.createtaskbtn{display:flex;gap:12px;align-items:center}.btn-download,.btn-create{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;height:44px;box-sizing:border-box}.btn-download{background:transparent;color:#1a6bf4;border:1px solid #1A6BF4}.btn-download:hover{background:#1a6bf40d}.btn-create{background:#1a6bf4;color:#fff;border:none}.btn-create:hover{background:#1557c0}.btn-download svg,.btn-create svg{width:20px;height:20px}.select-wrapper,.filter-dropdown{position:relative;display:flex;align-items:center;width:100%}.select-wrapper select,.filter-dropdown select{width:100%;padding:12px 40px 12px 16px;border:1px solid #dbe1e8;border-radius:12px;background:#fff;font-size:14px;color:#1e293b;appearance:none;cursor:pointer;outline:none;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.select-wrapper select:hover,.filter-dropdown select:hover{border-color:#cbd5e1;background:#f8fafc}.select-wrapper select:focus,.filter-dropdown select:focus{border-color:#1a6bf4;box-shadow:0 0 0 4px #1a6bf41a;background:#fff}.select-wrapper:after,.filter-dropdown:after{content:"";position:absolute;right:18px;top:50%;width:10px;height:6px;background-color:#94a3b8;clip-path:polygon(100% 0%,0% 0%,50% 100%);transform:translateY(-50%);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.select-wrapper:focus-within:after,.filter-dropdown:focus-within:after{transform:translateY(-50%) rotate(180deg);background-color:#1a6bf4}.uom-text{color:#1a6bf4!important;font-weight:800!important;font-size:14px!important;margin-left:6px!important;text-transform:none!important;display:inline-block!important}.sop-banner-card,.incident-summary-card,.audit-summary-card,.permit-summary-card,.training-summary-card{background:#fffdf2!important;border:1px solid #fde68a!important}.sop-banner-title,.banner-tabs span,.incident-title,.info-item-left,.incident-description,.info-item-right span,.incident-time span,.icon-clock,.audit-card-title,.schedule-label,.schedule-value,.schedule-value span,.info-item span,.permit-card-title,.time-display span,.permit-desc-text,.training-card-title{color:#1e293b!important}.sop-banner-title{font-size:20px!important}.banner-footer{background:#fffdf2!important}.card-divider{background-color:#f8ecaa!important}.banner-footer{border-top:1px solid rgb(248,236,170)!important}.pill-created,.info-row-dark{background-color:#ffead1!important}.badge-active{background-color:#dcfce7!important;color:#059669!important}html,body{height:100%}