@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-glow:#2563eb14;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);--secondary:#0f172a;--accent:#6366f1;--success:#10b981;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--info:#06b6d4;--info-light:#ecfeff;--bg-main:#f1f5f9;--bg-card:#fff;--bg-sidebar:#0f172a;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-color:#e2e8f0;--border-hover:#cbd5e1;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-premium:0 1px 2px 0 #0000000d, 0 4px 6px -1px #00000005, 0 10px 15px -3px #00000008;--navbar-height:68px;--sidebar-width:260px;--sidebar-collapsed-width:74px}.form-control-erp{width:100%;color:var(--text-main);border:1px solid var(--border-color);background-color:#fff;background-clip:padding-box;border-radius:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;line-height:1.5;transition:all .2s ease-in-out;display:block}.form-control-erp:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);outline:0}.form-label-erp{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.card-premium{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-premium);transition:all .3s}.card-premium:hover{box-shadow:0 20px 25px -5px #0000000a,0 10px 10px -5px #00000003}.fade-in-up{animation:.4s cubic-bezier(.16,1,.3,1) fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{--bg-main:#020617;--bg-card:#0f172a;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#94a3b8;--border-color:#1e293b;--primary-glow:#2563eb40;--bg-sidebar:#020617}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Poppins,sans-serif;font-weight:700}.btn-erp{border-radius:var(--radius);cursor:pointer;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-erp:hover{transform:translateY(-1px)}.btn-erp:active{transform:translateY(0)scale(.98)}.btn-erp-primary{background:linear-gradient(135deg, var(--primary) 0%, #3b82f6 100%);color:#fff;box-shadow:0 4px 12px #2563eb40}.btn-erp-primary:hover{box-shadow:0 6px 15px #2563eb59}.table-erp-container{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);overflow:hidden}.table-erp thead th{background-color:var(--bg-main);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-color);padding:1.25rem 1rem;font-size:.75rem;font-weight:800}.table-erp tbody td{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:1.125rem 1rem;font-size:.875rem}@media print{.no-print{display:none!important}.report-card{width:210mm;min-height:297mm;margin:0;padding:20mm;box-shadow:none!important;border:none!important}}.erp-navbar{height:var(--navbar-height);z-index:1030;-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffeb;border-bottom:1px solid #e2e8f0e6;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:0;box-shadow:inset 0 1px #fffc,0 4px 24px -4px #0f172a0f}.erp-navbar:before{content:"";opacity:.85;background:linear-gradient(90deg,#1d4ed8 0%,#3b82f6 40%,#6366f1 100%);height:2px;position:absolute;top:0;left:0;right:0}[data-theme=dark] .erp-navbar{background:#0f172af0;border-bottom-color:#33415599;box-shadow:0 4px 24px -4px #00000059}.sidebar-open .erp-navbar{left:var(--sidebar-width)}.sidebar-closed .erp-navbar{left:var(--sidebar-collapsed-width)}.erp-navbar__inner{justify-content:space-between;align-items:center;gap:1rem;height:100%;padding:0 1.25rem 0 1rem;display:flex}.erp-navbar__left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.erp-navbar__toggle{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.35rem;transition:background .2s,border-color .2s,color .2s,transform .15s;display:flex}.erp-navbar__toggle:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.erp-navbar__toggle:active{transform:scale(.96)}.erp-navbar__mega-wrap{position:relative}.erp-navbar__mega-btn{color:#0f172a;letter-spacing:.02em;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;height:40px;padding:0 .875rem 0 .5rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex}.erp-navbar__mega-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex;box-shadow:0 2px 8px #2563eb59}.erp-navbar__mega-label{padding-right:.125rem}.erp-navbar__mega-chevron{color:#94a3b8;font-size:.65rem;transition:transform .2s}.erp-navbar__mega-chevron.is-open{transform:rotate(180deg)}.erp-navbar__mega-btn:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.erp-navbar__mega-btn.is-active{color:#fff;background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 14px #1d4ed859}.erp-navbar__mega-btn.is-active .erp-navbar__mega-icon{box-shadow:none;background:#fff3}.erp-navbar__mega-btn.is-active .erp-navbar__mega-chevron{color:#ffffffd9}.erp-navbar__search{background:#f1f5f9;border:1px solid #0000;border-radius:10px;flex:1;align-items:center;gap:.5rem;min-width:200px;max-width:420px;height:40px;margin-left:.5rem;padding:0 .75rem 0 .875rem;transition:background .2s,border-color .2s,box-shadow .2s,max-width .25s;display:flex}.erp-navbar__search:focus-within{background:#fff;border-color:#93c5fd;max-width:460px;box-shadow:0 0 0 3px #3b82f626}.erp-navbar__search-icon{color:#94a3b8;flex-shrink:0;font-size:.95rem}.erp-navbar__search:focus-within .erp-navbar__search-icon{color:#2563eb}.erp-navbar__search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.8125rem;font-weight:500}.erp-navbar__search input::placeholder{color:#94a3b8;font-weight:500}.erp-navbar__search-kbd{letter-spacing:.04em;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:5px;flex-shrink:0;padding:.2rem .45rem;font-family:inherit;font-size:.625rem;font-weight:700;line-height:1.2;box-shadow:0 1px #f8fafc}.erp-navbar__info-strip{background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex-shrink:1;align-items:center;gap:0;min-width:0;height:40px;margin-left:.5rem;padding:0 .25rem;display:flex;overflow:hidden}.erp-navbar__info-cell{white-space:nowrap;color:#2563eb;align-items:center;gap:.3rem;padding:0 .6rem;font-size:.7rem;display:flex}.erp-navbar__info-cell+.erp-navbar__info-cell{border-left:1px solid #dbeafe}.erp-navbar__info-cell i{color:#3b82f6;flex-shrink:0;font-size:.8rem}.erp-navbar__info-cell span{color:#60a5fa;text-transform:uppercase;letter-spacing:.03em;font-size:.6rem;font-weight:600}.erp-navbar__info-cell strong{color:#1d4ed8;text-overflow:ellipsis;max-width:130px;font-weight:800;overflow:hidden}@keyframes erpNavbarSpin{to{transform:rotate(360deg)}}.erp-navbar__info-spin{animation:.9s linear infinite erpNavbarSpin}.erp-navbar__info-cell--live{cursor:pointer;border-radius:6px;position:relative}.erp-navbar__info-cell--live:hover,.erp-navbar__info-cell--live.is-open{background:#3b82f61f}.erp-navbar__live-dropdown{z-index:1100;white-space:normal;text-transform:none;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:220px;max-height:280px;padding:.5rem;animation:.2s navbarDropIn;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 4px 6px -1px #0f172a0f,0 20px 40px -8px #0f172a1f}.erp-navbar__live-dropdown-head{text-transform:uppercase;letter-spacing:.03em;color:#64748b;padding:.35rem .5rem;font-size:.7rem;font-weight:700}.erp-navbar__live-dropdown-empty{color:#94a3b8;padding:.5rem;font-size:.8rem}.erp-navbar__live-dropdown-item{color:#334155;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .5rem;font-size:.8125rem;font-weight:600;display:flex}.erp-navbar__live-dropdown-item:hover{background:#f1f5f9}.erp-navbar__live-dropdown-item .erp-navbar__avatar-status{position:static}[data-theme=dark] .erp-navbar__live-dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .erp-navbar__live-dropdown-item{color:#f8fafc}[data-theme=dark] .erp-navbar__live-dropdown-item:hover{background:#94a3b81f}[data-theme=dark] .erp-navbar__info-strip{background:#3b82f61a;border-color:#3b82f63d}[data-theme=dark] .erp-navbar__info-cell{color:#93c5fd}[data-theme=dark] .erp-navbar__info-cell+.erp-navbar__info-cell{border-left-color:#3b82f63d}[data-theme=dark] .erp-navbar__info-cell span{color:#60a5fa}[data-theme=dark] .erp-navbar__info-cell strong{color:#bfdbfe}@media (width<=1400px){.erp-navbar__info-cell:nth-child(n+4){display:none}}.erp-navbar__right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.erp-navbar__actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.25rem;padding:.25rem;display:flex}.erp-navbar__icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.05rem;transition:background .2s,color .2s;display:flex;position:relative}.erp-navbar__icon-btn:hover{color:#1d4ed8;background:#fff;box-shadow:0 1px 4px #0f172a14}.erp-navbar__badge{background:#ef4444;border:1.5px solid #f8fafc;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 1px #ef4444}.erp-navbar__badge--count{color:#fff;width:auto;min-width:16px;height:16px;box-shadow:none;border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;top:2px;right:2px}.erp-navbar__divider{background:linear-gradient(#0000,#e2e8f0 20% 80%,#0000);width:1px;height:32px}.erp-navbar__user{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:.625rem;height:44px;padding:.25rem .5rem .25rem .25rem;transition:background .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.erp-navbar__user:hover,.erp-navbar__user.is-open{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 2px 12px #0f172a0f}.erp-navbar__avatar{color:#fff;letter-spacing:-.02em;background:linear-gradient(145deg,#1e40af 0%,#3b82f6 55%,#60a5fa 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #2563eb59}.erp-navbar__avatar img,.erp-navbar__dropdown-avatar img{object-fit:cover;width:100%;height:100%}.erp-navbar__avatar-status{background:#22c55e;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.erp-navbar__user-info{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2}.erp-navbar__user-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.8125rem;font-weight:700;overflow:hidden}.erp-navbar__user-role{color:#64748b;letter-spacing:.01em;font-size:.6875rem;font-weight:600}.erp-navbar__user-chevron{color:#94a3b8;margin-left:.125rem;font-size:.65rem;transition:transform .2s}.erp-navbar__user-chevron.is-open{transform:rotate(180deg)}.erp-navbar__dropdown{z-index:1100;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:240px;padding:.5rem;animation:.2s navbarDropIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 6px -1px #0f172a0f,0 20px 40px -8px #0f172a1f}@keyframes navbarDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.erp-navbar__dropdown-head{align-items:center;gap:.75rem;padding:.625rem .5rem;display:flex}.erp-navbar__dropdown-avatar{color:#fff;background:linear-gradient(145deg,#1e40af,#3b82f6);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;display:flex;overflow:hidden}.erp-navbar__dropdown-name{color:#0f172a;font-size:.875rem;font-weight:700}.erp-navbar__dropdown-role{color:#64748b;margin-top:2px;font-size:.6875rem;font-weight:600}.erp-navbar__dropdown-divider{background:#f1f5f9;height:1px;margin:.35rem 0}.erp-navbar__dropdown-item{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.625rem;width:100%;padding:.55rem .75rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.erp-navbar__dropdown-item i{color:#64748b;text-align:center;width:1.25rem;font-size:1rem}.erp-navbar__dropdown-item:hover{color:#1d4ed8;background:#f1f5f9}.erp-navbar__dropdown-item:hover i{color:#2563eb}.erp-navbar__dropdown-item--danger{color:#dc2626}.erp-navbar__dropdown-item--danger i{color:#ef4444}.erp-navbar__dropdown-item--danger:hover{color:#b91c1c;background:#fef2f2}[data-theme=dark] .erp-navbar__toggle,[data-theme=dark] .erp-navbar__mega-btn,[data-theme=dark] .erp-navbar__actions{background:#1e293b;border-color:#334155}[data-theme=dark] .erp-navbar__mega-btn{color:#f1f5f9}[data-theme=dark] .erp-navbar__search{background:#1e293b}[data-theme=dark] .erp-navbar__search input{color:#f1f5f9}[data-theme=dark] .erp-navbar__user:hover,[data-theme=dark] .erp-navbar__user.is-open{background:#1e293b;border-color:#334155}[data-theme=dark] .erp-navbar__user-name{color:#f1f5f9}[data-theme=dark] .erp-navbar__dropdown{background:#1e293b;border-color:#334155}[data-theme=dark] .erp-navbar__dropdown-name{color:#f8fafc}@media (width<=991.98px){.erp-navbar__inner{padding-right:1rem}}@media (width<=767.98px){.erp-navbar__inner{padding:0 .75rem}.erp-navbar__user{padding-right:.25rem}}.erp-sidebar{width:var(--sidebar-width);color:#fff;z-index:1040;background:linear-gradient(#0c2348 0%,#0a1d3d 100%);border-right:1px solid #ffffff0f;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #02061759}.sidebar-closed .erp-sidebar{width:var(--sidebar-collapsed-width)}.erp-sidebar__header{height:var(--navbar-height);white-space:nowrap;background:#0000002e;border-bottom:1px solid #ffffff12;align-items:center;padding:0 1.1rem;display:flex;overflow:hidden}.erp-sidebar__logo-icon{color:#4f8dfd;flex-shrink:0;margin-right:.65rem;font-size:1.15rem}.erp-sidebar__brand{letter-spacing:.01em;color:#fff;font-size:1rem;font-weight:700}.erp-sidebar__nav{flex-direction:column;flex:1;gap:.1rem;padding:.6rem .55rem;display:flex;overflow:hidden auto}.erp-sidebar__section-label{text-transform:uppercase;letter-spacing:.15em;color:#94a3b880;padding:1.75rem 1rem .75rem;font-size:.65rem;font-weight:800}.erp-sidebar__item{color:#cbd5f5d9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;padding:.5rem .65rem;font-size:calc(.82rem + 1px);font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.erp-sidebar__item:hover{color:#fff;background:#ffffff14}.erp-sidebar__item--active{font-weight:600;box-shadow:inset 3px 0 #4f8dfd;color:#fff!important;background:#3b82f638!important}.erp-sidebar__item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.erp-sidebar__chevron{color:#cbd5f58c;flex-shrink:0;margin-left:.4rem}.erp-sidebar__item:hover .erp-sidebar__chevron,.erp-sidebar__item--active .erp-sidebar__chevron{color:inherit}.erp-sidebar__icon{flex-shrink:0;justify-content:center;min-width:20px;margin-right:.65rem;font-size:.95rem;display:flex}.erp-sidebar__toggle-btn{color:#fff6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.erp-sidebar__toggle-btn:hover{color:#fff}.erp-sidebar__footer{text-align:center;background:#0000001f;border-top:1px solid #ffffff0f;padding:.55rem}.erp-sidebar__footer small{color:#cbd5f566;font-size:.66rem}.erp-sidebar__divider{background:#ffffff14;height:1px;margin:.5rem .65rem}.sidebar-closed .erp-sidebar__item{justify-content:center;padding:.5rem 0}.sidebar-closed .erp-sidebar__icon{margin-right:0}.erp-sidebar__expandable{flex-direction:column;display:flex}.erp-sidebar__item--toggle{font-family:inherit}.erp-sidebar__subnav{flex-direction:column;gap:.05rem;margin:.05rem 0 .2rem;padding-left:1.6rem;display:flex}.erp-sidebar__subitem{color:#cbd5f5a6;border-radius:5px;align-items:center;padding:.4rem .55rem;font-size:.76rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.erp-sidebar__subitem:hover{color:#fff;background:#ffffff0f}.erp-sidebar__subitem--active{font-weight:700;color:#7fadff!important}.erp-sidebar__subitem-dot{opacity:.6;background:currentColor;border-radius:50%;flex-shrink:0;width:4px;height:4px;margin-right:.55rem}.sidebar-closed .erp-sidebar__section-label,.sidebar-closed .erp-sidebar__item span,.sidebar-closed .erp-sidebar__item-label,.sidebar-closed .erp-sidebar__chevron,.sidebar-closed .erp-sidebar__brand,.sidebar-closed .erp-sidebar__subnav,.sidebar-closed .erp-sidebar__subnav-box,.sidebar-closed .erp-sidebar__dropdown-head button{display:none}.erp-sidebar__lucide{width:.95rem;min-width:20px;height:.95rem;color:inherit;stroke:currentColor;flex-shrink:0;margin-right:.65rem}.erp-sidebar__dropdown{margin-bottom:.1rem}.erp-sidebar__dropdown-head{border-radius:6px;align-items:stretch;gap:0;transition:background .15s;display:flex}.erp-sidebar__dropdown-head:not(.erp-sidebar__dropdown-head--active):hover{background:#ffffff14}.erp-sidebar__dropdown-head:not(.erp-sidebar__dropdown-head--active):hover .erp-sidebar__item--dropdown-link,.erp-sidebar__dropdown-head:not(.erp-sidebar__dropdown-head--active):hover .erp-sidebar__toggle-btn--dropdown{color:#fff;background:0 0}.erp-sidebar__dropdown-head--active{background:#3b82f638;box-shadow:inset 3px 0 #4f8dfd}.erp-sidebar__dropdown-head--active .erp-sidebar__item--dropdown-link,.erp-sidebar__dropdown-head--active .erp-sidebar__toggle-btn--dropdown{font-weight:600;color:#fff!important;box-shadow:none!important;background:0 0!important}.erp-sidebar__dropdown-head--active:hover .erp-sidebar__item--dropdown-link,.erp-sidebar__dropdown-head--active:hover .erp-sidebar__toggle-btn--dropdown{color:#fff!important;background:0 0!important}.erp-sidebar__item--dropdown-link{border-radius:6px 0 0 6px;flex:1;min-width:0;margin-bottom:0}.erp-sidebar__toggle-btn--dropdown{color:#cbd5f5b3;border-radius:0 6px 6px 0;align-self:stretch;margin-bottom:0;padding:0 .55rem}.erp-sidebar__chevron--open{transform:rotate(180deg)}.erp-sidebar__subnav-box{background:#0003;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;gap:2px;margin:.15rem .35rem .25rem;padding:.25rem;display:flex}.erp-sidebar__subnav-box--compact{border-radius:6px;margin:.15rem .25rem .25rem;padding:.2rem}.erp-sidebar__subitem--depth-0{padding:.4rem .55rem;font-size:.74rem}.erp-sidebar__subitem--depth-1{padding:.35rem .5rem .35rem 1.2rem;font-size:.7rem}.erp-sidebar__subitem-label{line-height:1.2}.erp-sidebar__nested-group{flex-direction:column;display:flex}.erp-sidebar__nested-toggle{color:#cbd5f5cc;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:.35rem;width:100%;padding:.4rem .5rem;font-size:.7rem;font-weight:600;transition:background .15s,color .15s;display:flex}.erp-sidebar__nested-toggle:hover,.erp-sidebar__nested-toggle--active{color:#fff;background:#ffffff0f}.erp-sidebar__nested-children{flex-direction:column;gap:1px;padding-left:.15rem;display:flex}.erp-sidebar__nested-group--depth-1 .erp-sidebar__nested-toggle{padding-left:.9rem;font-size:.67rem}.sidebar-closed .erp-sidebar__lucide{min-width:auto;margin-right:0}.erp-layout{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.erp-layout__container{background-color:var(--bg-main);flex-direction:column;flex:1;min-width:0;transition:padding-left .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-open .erp-layout__container{padding-left:var(--sidebar-width)}.sidebar-closed .erp-layout__container{padding-left:var(--sidebar-collapsed-width)}.erp-layout__main{padding-top:var(--navbar-height);flex-direction:column;flex:1;display:flex}.erp-layout__content{flex:1;width:100%;max-width:100%;margin:0;padding:2.5rem}@media (width<=1024px){.sidebar-open .erp-layout__container,.sidebar-closed .erp-layout__container{padding-left:0}.erp-layout__content{padding:1.5rem}}footer{background:var(--bg-card);border-top:1px solid var(--border-color);margin-top:auto}.dbx-page{--dbx-radius:14px;--dbx-radius-lg:18px;--dbx-radius-sm:10px;--dbx-font:"Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--dbx-brand-1:#0b2545;--dbx-brand-2:#163d73;--dbx-brand-3:#1d63d1;--dbx-accent:#2f6fed;--dbx-accent-2:#7c5cff;--dbx-accent-soft:#2f6fed1f;--dbx-seg-1:#2a78d6;--dbx-seg-2:#eb6834;--dbx-seg-3:#1baf7a;--dbx-seg-4:#eda100;--dbx-seg-5:#e87ba4;font-family:var(--dbx-font);-webkit-font-smoothing:antialiased;flex-direction:column;gap:.65rem;min-height:100%;padding:.75rem .9rem 1rem;transition:background-color .25s,color .25s;animation:.35s dbxFadeIn;display:flex}.dbx-page,.dbx-page[data-theme=light]{--dbx-bg:#f3f5fb;--dbx-bg-alt:#eaf0fa;--dbx-surface:#fff;--dbx-surface-2:#f7f9ff;--dbx-border:#e6eaf4;--dbx-text:#101a2e;--dbx-text-dim:#5b6b85;--dbx-text-faint:#8b97ac;--dbx-shadow:0 1px 2px #0f2a4a0a, 0 2px 16px -10px #0f2a4a29;--dbx-shadow-hover:0 14px 34px -16px #0f2a4a47;--dbx-track:#eef1f8;--dbx-seg-1:#2a78d6;--dbx-seg-2:#eb6834;--dbx-seg-3:#1baf7a;--dbx-seg-4:#eda100;--dbx-seg-5:#e87ba4;background:radial-gradient(1100px 480px at 12% -8%, #2f6fed0f, transparent 55%), var(--dbx-bg);color:var(--dbx-text)}.dbx-page[data-theme=dark]{--dbx-bg:#090d18;--dbx-bg-alt:#0d1424;--dbx-surface:#121a2e;--dbx-surface-2:#16203a;--dbx-border:#212c47;--dbx-text:#eef2fb;--dbx-text-dim:#a7b3cc;--dbx-text-faint:#77869f;--dbx-shadow:0 1px 2px #00000052, 0 2px 20px -10px #0009;--dbx-shadow-hover:0 16px 36px -14px #000000a6;--dbx-track:#1b2540;--dbx-seg-1:#3987e5;--dbx-seg-2:#d95926;--dbx-seg-3:#199e70;--dbx-seg-4:#c98500;--dbx-seg-5:#d55181;background:radial-gradient(1100px 480px at 12% -8%, #2f6fed24, transparent 55%), var(--dbx-bg);color:var(--dbx-text)}@keyframes dbxFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.45s both dbxFadeIn}@keyframes dbxSpin{to{transform:rotate(360deg)}}.dbx-spin{animation:.9s linear infinite dbxSpin;display:inline-block}.dbx-page--loading{justify-content:center;align-items:center;min-height:70vh}.dbx-loader{color:var(--dbx-text-dim);flex-direction:column;align-items:center;gap:.9rem;display:flex}.dbx-loader__ring{border:3px solid var(--dbx-accent-soft);border-top-color:var(--dbx-accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite dbxSpin}.dbx-block{border:1px solid var(--dbx-border);background:var(--dbx-surface);border-radius:var(--dbx-radius);box-shadow:var(--dbx-shadow);padding:.75rem .85rem .85rem;transition:box-shadow .2s,border-color .2s,transform .2s}.dbx-block:hover{box-shadow:var(--dbx-shadow-hover);border-color:color-mix(in srgb, var(--dbx-accent) 20%, var(--dbx-border))}.dbx-block-title{letter-spacing:-.01em;color:var(--dbx-text);align-items:center;gap:.5rem;margin-bottom:.55rem;font-size:.85rem;font-weight:800;display:flex}.dbx-block-title i{background:var(--dbx-accent-soft);width:24px;height:24px;color:var(--dbx-accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;display:flex}.dbx-block-title small{letter-spacing:.06em;color:var(--dbx-accent);background:var(--dbx-accent-soft);border-radius:999px;margin-left:auto;padding:.18rem .5rem;font-size:.6rem;font-weight:800}.dbx-block-link,.dbx-block-btn{color:var(--dbx-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin-top:.5rem;padding:0;font-size:.78rem;font-weight:700;text-decoration:none;transition:gap .15s,color .15s;display:inline-flex}.dbx-block-link:hover,.dbx-block-btn:hover{color:var(--dbx-brand-3);gap:.55rem}.dbx-text-warning{color:#b7791f}.dbx-text-danger{color:#dc2626}.dbx-text-success{color:#17b26a}.dbx-page[data-theme=dark] .dbx-text-warning{color:#f5b942}.dbx-page[data-theme=dark] .dbx-text-danger{color:#ff6b6b}.dbx-page[data-theme=dark] .dbx-text-success{color:#3ddc84}.dbx-kpi-strip{flex-wrap:nowrap;gap:.45rem;display:flex}.dbx-kpi-card{background:linear-gradient(160deg, color-mix(in srgb, var(--dbx-kpi-color,var(--dbx-accent)) 7%, var(--dbx-surface)), var(--dbx-surface) 55%);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius);min-width:0;box-shadow:var(--dbx-shadow);flex:1 1 0;align-items:flex-start;gap:.5rem;padding:.6rem .65rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.dbx-kpi-card:hover{box-shadow:var(--dbx-shadow-hover);border-color:color-mix(in srgb, var(--dbx-kpi-color,var(--dbx-accent)) 35%, var(--dbx-border));transform:translateY(-3px)}.dbx-kpi-card:before{content:"";background:var(--dbx-kpi-color,var(--dbx-accent));width:4px;position:absolute;top:0;bottom:0;left:0}.dbx-kpi-card:after{content:"";background:color-mix(in srgb, var(--dbx-kpi-color,var(--dbx-accent)) 16%, transparent);pointer-events:none;border-radius:50%;width:84px;height:84px;position:absolute;top:-22px;right:-22px}.dbx-kpi-card__icon{background:color-mix(in srgb, var(--dbx-kpi-color,var(--dbx-accent)) 16%, transparent);width:30px;height:30px;color:var(--dbx-kpi-color,var(--dbx-accent));z-index:1;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;display:flex;position:relative}.dbx-kpi-card__body{z-index:1;flex-direction:column;gap:.15rem;min-width:0;display:flex;position:relative}.dbx-kpi-card__label{color:var(--dbx-text-dim);text-transform:uppercase;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:700;overflow:hidden}.dbx-kpi-card__body strong{letter-spacing:-.02em;color:var(--dbx-text);font-size:1.3rem;font-weight:800;line-height:1.1}.dbx-trend{border-radius:999px;align-items:center;gap:.2rem;width:fit-content;padding:.08rem .35rem;font-size:.64rem;font-weight:800;display:inline-flex}.dbx-trend--up{color:#17b26a;background:#17b26a1f}.dbx-trend--down{color:#dc2626;background:#dc26261a}.dbx-trend--flat{color:var(--dbx-text-faint);background:color-mix(in srgb, var(--dbx-text-faint) 12%, transparent)}.dbx-page[data-theme=dark] .dbx-trend--up{color:#3ddc84}.dbx-page[data-theme=dark] .dbx-trend--down{color:#ff6b6b}.kpi-orders{--dbx-kpi-color:#7c5cff}.kpi-production{--dbx-kpi-color:#2a78d6}.kpi-dispatch{--dbx-kpi-color:#0891b2}.kpi-sampling{--dbx-kpi-color:#db2777}.kpi-dyeing{--dbx-kpi-color:#0d9488}.kpi-purchase{--dbx-kpi-color:#eb6834}.kpi-inventory{--dbx-kpi-color:#eda100}.kpi-suppliers{--dbx-kpi-color:#16a34a}.kpi-approvals{--dbx-kpi-color:#dc2626}.dbx-insight-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.55rem;display:grid}.dbx-ops-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:.55rem;display:grid}.dbx-block-body{flex-direction:column;align-items:center;gap:.4rem;display:flex}.dbx-stat-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.dbx-stat-list li{background:var(--dbx-surface-2);border-radius:var(--dbx-radius-sm);justify-content:space-between;align-items:center;gap:.6rem;padding:.35rem .55rem;font-size:.8rem;display:flex}.dbx-stat-list li span{color:var(--dbx-text-dim);font-weight:600}.dbx-stat-list li strong{color:var(--dbx-text);font-weight:800}.dbx-donut{flex-direction:column;align-items:center;gap:.4rem;width:100%;display:flex}.dbx-donut__ring{width:108px;height:108px;position:relative}.dbx-donut__svg{filter:drop-shadow(0 4px 10px #0f2a4a1f);width:100%;height:100%}.dbx-donut__track{fill:none;stroke:var(--dbx-track);stroke-width:13px}.dbx-donut__seg{transition:stroke-dasharray .6s}.dbx-donut__center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dbx-donut__center strong{letter-spacing:-.02em;color:var(--dbx-text);font-size:1.15rem;font-weight:800;line-height:1.1}.dbx-donut__center span{color:var(--dbx-text-faint);text-transform:uppercase;letter-spacing:.02em;font-size:.58rem;font-weight:700}.dbx-donut__empty{color:var(--dbx-text-faint);align-items:center;gap:.4rem;margin:0;font-size:.78rem;display:flex}.dbx-donut__legend{flex-direction:column;gap:.15rem;width:100%;margin:0;padding:0;list-style:none;display:flex}.dbx-donut__legend li{color:var(--dbx-text-dim);border-radius:7px;align-items:center;gap:.45rem;padding:.2rem .35rem;font-size:.72rem;transition:background .15s;display:flex}.dbx-donut__legend li:hover{background:var(--dbx-surface-2)}.dbx-donut__legend li b{color:var(--dbx-text);margin-left:auto;font-weight:800}.dbx-donut__dot{border-radius:3px;flex-shrink:0;width:8px;height:8px}.dbx-quick-actions{grid-template-columns:repeat(2,1fr);gap:.4rem;display:grid}.dbx-quick-btn{color:var(--dbx-text);background:var(--dbx-surface-2);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius-sm);align-items:center;gap:.4rem;padding:.45rem .55rem;font-size:.74rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.dbx-quick-btn i{background:var(--dbx-accent-soft);width:22px;height:22px;color:var(--dbx-accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.dbx-quick-btn:hover{background:var(--dbx-accent-soft);border-color:var(--dbx-accent);box-shadow:var(--dbx-shadow-hover);transform:translateY(-2px)}.dbx-activity-feed{flex-direction:column;gap:.45rem;max-height:190px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dbx-activity-feed li{align-items:flex-start;gap:.5rem;display:flex}.dbx-activity-dot{background:var(--dbx-accent);width:7px;height:7px;box-shadow:0 0 0 3px var(--dbx-accent-soft);border-radius:50%;flex-shrink:0;margin-top:.35rem}.dbx-activity-feed p{color:var(--dbx-text);margin:0;font-size:.78rem;font-weight:600}.dbx-activity-feed span{color:var(--dbx-text-faint);font-size:.68rem}.dbx-admin-toolbar{flex-wrap:wrap;gap:.4rem;display:flex}.dbx-admin-btn{color:#fff;background:linear-gradient(120deg, var(--dbx-brand-2), var(--dbx-accent));cursor:pointer;border:none;border-radius:999px;padding:.45rem .9rem;font-size:.76rem;font-weight:700;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 6px 16px -8px #2f6fed80}.dbx-admin-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 10px 22px -8px #2f6fed99}.dbx-admin-btn:disabled{opacity:.6;cursor:not-allowed}.dbx-role-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.5rem;display:grid}.dbx-role-card{background:var(--dbx-surface-2);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius-sm);padding:.65rem .8rem;transition:border-color .15s,transform .15s}.dbx-role-card:hover{border-color:color-mix(in srgb, var(--dbx-accent) 30%, var(--dbx-border));transform:translateY(-2px)}.dbx-role-card header{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.dbx-role-card h6{color:var(--dbx-text);margin:0;font-size:.84rem;font-weight:800}.dbx-role-card header span{color:var(--dbx-accent);background:var(--dbx-accent-soft);text-transform:uppercase;border-radius:999px;padding:.14rem .4rem;font-size:.6rem;font-weight:800}.dbx-role-columns{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.dbx-role-columns p{color:var(--dbx-text-dim);margin:0 0 .25rem;font-size:.72rem}.dbx-module-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;display:grid}.dbx-module-tile{background:var(--dbx-surface-2);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius-sm);color:var(--dbx-text);align-items:center;gap:.5rem;padding:.6rem .7rem;text-decoration:none;transition:all .15s;display:flex}.dbx-module-tile:hover{border-color:var(--dbx-accent);box-shadow:var(--dbx-shadow-hover);background:var(--dbx-surface);transform:translateY(-3px)}.dbx-module-tile i{width:32px;height:32px;color:var(--dbx-accent);background:var(--dbx-accent-soft);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.dbx-module-tile h6{margin:0;font-size:.8rem;font-weight:800}.dbx-module-tile p{color:var(--dbx-text-faint);margin:0;font-size:.64rem}.dbx-report-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.5rem;display:grid}.dbx-report-tile{background:var(--dbx-surface-2);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius-sm);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.65rem .75rem;transition:all .15s;display:flex}.dbx-report-tile:hover{border-color:var(--dbx-accent);box-shadow:var(--dbx-shadow-hover);background:var(--dbx-surface);transform:translateY(-3px)}.dbx-report-tile i{width:28px;height:28px;color:var(--dbx-accent);background:var(--dbx-accent-soft);border-radius:8px;justify-content:center;align-items:center;font-size:.92rem;display:flex}.dbx-report-tile span{color:var(--dbx-text);font-size:.8rem;font-weight:800}.dbx-report-tile small{color:var(--dbx-accent);font-size:.68rem;font-weight:700}.dbx-table-wrap{border-radius:var(--dbx-radius-sm);border:1px solid var(--dbx-border);max-height:280px;overflow:auto}.dbx-mini-table{border-collapse:collapse;width:100%;font-size:.75rem}.dbx-mini-table thead th{background:var(--dbx-surface-2);text-align:left;color:var(--dbx-text-dim);border-bottom:1px solid var(--dbx-border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:.4rem .55rem;font-size:.6rem;font-weight:800;position:sticky;top:0}.dbx-mini-table td{border-bottom:1px solid var(--dbx-border);color:var(--dbx-text);white-space:nowrap;padding:.38rem .55rem}.dbx-mini-table tbody tr:last-child td{border-bottom:none}.dbx-mini-table tbody tr:hover{background:var(--dbx-surface-2)}.dbx-empty-row{text-align:center;color:var(--dbx-text-faint);padding:1.1rem 0!important}.dbx-status-pill{letter-spacing:.02em;border-radius:999px;padding:.14rem .55rem;font-size:.62rem;font-weight:800;display:inline-block}.dbx-status-pill.is-online{color:#17b26a;background:#17b26a26}.dbx-status-pill.is-offline{color:var(--dbx-text-faint);background:#8b97ac26}.dbx-health-bar{background:var(--dbx-surface);border:1px solid var(--dbx-border);border-radius:var(--dbx-radius);color:var(--dbx-text-dim);box-shadow:var(--dbx-shadow);flex-wrap:wrap;align-items:center;gap:.85rem;padding:.55rem .9rem;font-size:.75rem;display:flex}.dbx-health-bar strong{color:var(--dbx-text);margin-left:.25rem;font-weight:800}.dbx-health-dot{background:#17b26a;border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 0 4px #17b26a2e}.dbx-health-dot.is-warn{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e}.dbx-health-updated{color:var(--dbx-text-faint);margin-left:auto}@media (width<=760px){.dbx-health-updated{width:100%;margin-left:0}.dbx-quick-actions{grid-template-columns:1fr}.dbx-kpi-strip{flex-wrap:wrap}.dbx-kpi-card{flex:140px}}.apr-page{animation:.25s ease-out fade-in-up}.apr-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.apr-page__header h1{align-items:center;gap:.5rem;margin:0;font-size:1.35rem;font-weight:700;display:flex}.apr-page__header p{color:var(--text-light,#6b7280);margin:.25rem 0 0;font-size:.85rem}.apr-summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.apr-summary-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-left:4px solid var(--primary,#2563eb);border-radius:10px;padding:1rem 1.1rem;transition:transform .15s,box-shadow .15s;box-shadow:0 1px 2px #1018280a}.apr-summary-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10182814}.apr-summary-card__value{color:var(--primary,#2563eb);font-size:1.6rem;font-weight:700;line-height:1.1}.apr-summary-card__value--danger{color:var(--danger,#dc2626)}.apr-summary-card__label{color:var(--text-light,#6b7280);margin-top:.25rem;font-size:.78rem}.apr-filters{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:1.25rem;padding:1rem;box-shadow:0 1px 2px #1018280a}.apr-filters .form-label{color:var(--text-light,#6b7280);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.apr-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.apr-card__head{border-bottom:1px solid var(--border,#eef0f3);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1rem;display:flex}.apr-card__head h2{margin:0;font-size:.95rem;font-weight:600}.apr-table-wrap{overflow-x:auto}.apr-table{border-collapse:collapse;width:100%;font-size:.85rem}.apr-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.7rem .85rem;font-weight:600}.apr-table tbody td{border-bottom:1px solid var(--border,#eef0f3);vertical-align:middle;padding:.7rem .85rem}.apr-table tbody tr:hover{background:var(--bg,#f8fafc)}.apr-badge{color:#fff;white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.apr-badge--po{background:#3b82f6}.apr-badge--dyeing{background:#06b6d4}.apr-badge--bom{background:#10b981}.apr-badge--buyer{background:#ef4444}.apr-badge--job{background:#f59e0b}.apr-status{color:#92400e;background:#fef3c7;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-block}.apr-actions{flex-wrap:nowrap;gap:.35rem;display:flex}.apr-empty{text-align:center;color:var(--text-light,#6b7280);padding:3rem 1rem}.apr-empty i,.apr-empty svg{margin-bottom:.5rem;font-size:2.5rem;display:block}.apr-loader{color:var(--text-light,#6b7280);justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.apr-spin{animation:.8s linear infinite apr-spin}@keyframes apr-spin{to{transform:rotate(360deg)}}.apr-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.8rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background .15s,box-shadow .15s,transform 50ms;display:inline-flex}.apr-btn:disabled{opacity:.6;cursor:not-allowed}.apr-btn:active{transform:translateY(1px)}.apr-btn--primary{background:linear-gradient(135deg, var(--primary,#2563eb) 0%, #3b82f6 100%);color:#fff;box-shadow:0 2px 8px #2563eb33}.apr-btn--primary:hover:not(:disabled){box-shadow:0 4px 12px #2563eb4d}.apr-btn--success{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%);box-shadow:0 2px 8px #16a34a33}.apr-btn--success:hover:not(:disabled){box-shadow:0 4px 12px #16a34a4d}.apr-btn--danger{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#ef4444 100%);box-shadow:0 2px 8px #dc262633}.apr-btn--danger:hover:not(:disabled){box-shadow:0 4px 12px #dc26264d}.apr-btn--outline{color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);background:0 0}.apr-btn--outline:hover:not(:disabled){background:#2563eb14}.apr-btn--ghost{color:var(--text-light,#6b7280);border-color:var(--border,#e5e7eb);background:0 0}.apr-btn--ghost:hover:not(:disabled){background:var(--bg,#f8fafc)}.apr-modal-backdrop{z-index:1050;background:#0f172a80;justify-content:center;align-items:flex-start;padding:4rem 1rem 1rem;animation:.15s ease-out apr-fade;display:flex;position:fixed;inset:0}@keyframes apr-fade{0%{opacity:0}to{opacity:1}}.apr-modal{background:#fff;border-radius:10px;width:100%;max-width:520px;animation:.2s ease-out apr-slide;overflow:hidden;box-shadow:0 20px 50px #0f172a40}@keyframes apr-slide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.apr-modal__header{background:var(--danger,#dc2626);color:#fff;justify-content:space-between;align-items:center;padding:.85rem 1.1rem;display:flex}.apr-modal__header h5{margin:0;font-size:1rem;font-weight:600}.apr-modal__body{padding:1.1rem}.apr-modal__footer{border-top:1px solid var(--border,#eef0f3);justify-content:flex-end;gap:.5rem;padding:.85rem 1.1rem;display:flex}.apr-error-text{color:var(--danger,#dc2626);margin-top:.35rem;font-size:.78rem;display:none}.apr-error-text.is-show{display:block}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.owner-dash{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 2rem}.owner-dash__header{margin-bottom:1.25rem}.owner-dash__header h1{margin:0 0 .15rem;font-size:1.4rem;font-weight:800}.owner-dash__header p{color:var(--text-muted,#94a3b8);margin:0;font-size:.85rem}.owner-dash__grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;display:grid}.owner-kpi{color:inherit;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;display:flex}.owner-kpi__label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600}.owner-kpi__value{letter-spacing:-.02em;font-size:1.55rem;font-weight:800;line-height:1.1}.owner-kpi__sub{color:var(--text-muted,#94a3b8);font-size:.78rem}.owner-kpi--muted .owner-kpi__value{color:var(--text-muted,#94a3b8);font-size:1.1rem;font-weight:600}a.owner-kpi:hover{box-shadow:0 6px 18px #2563eb26}.owner-kpi__link-hint{color:#2563eb;margin-top:auto;font-size:.72rem;font-weight:600}.oa-page{max-width:100%;padding:.75rem 1rem 1.5rem}.oa-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.oa-page__eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);margin:0 0 .15rem;font-size:.72rem;font-weight:600}.oa-page__header h1{margin:0;font-size:1.35rem;font-weight:700}.oa-page__header-actions{align-items:center;gap:.4rem;display:flex}.oa-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem;margin-bottom:.75rem;display:grid}.oa-kpi{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-left:4px solid #cbd5e1;border-radius:8px;padding:.65rem .85rem}.oa-kpi--primary{border-left-color:#2563eb}.oa-kpi--warning{border-left-color:#f59e0b}.oa-kpi--success{border-left-color:#16a34a}.oa-kpi--info{border-left-color:#0891b2}.oa-kpi__label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;display:block}.oa-kpi__value{font-size:1.35rem;font-weight:700;line-height:1.2;display:block}.oa-tabs{flex-wrap:wrap;gap:.35rem;margin-bottom:.65rem;display:flex}.oa-tab{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:500;text-decoration:none}.oa-tab--active{color:#fff;background:#2563eb;border-color:#2563eb}.oa-filters{margin-bottom:.65rem;padding:.65rem .85rem}.oa-filters__grid{flex-wrap:wrap;align-items:flex-end;gap:.45rem;display:flex}.oa-filter-field{flex:130px;min-width:130px}.oa-table-card{padding:0;overflow:hidden}.oa-table-card__head{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.oa-table-card__head h2{margin:0;font-size:.85rem;font-weight:600}.oa-table-wrap{max-height:calc(100vh - 340px);overflow:auto}.oa-table{border-collapse:collapse;width:100%;font-size:.78rem}.oa-table thead th{z-index:2;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:.4rem .5rem;font-weight:600;position:sticky;top:0}.oa-table tbody td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:.35rem .5rem}.oa-table tbody tr:hover{background:#f8fafc}.oa-order-link{color:inherit;text-decoration:none}.oa-order-link:hover{color:#2563eb}.oa-module,.oa-cat,.oa-status{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.1rem .45rem;font-size:.66rem;font-weight:600;display:inline-block}.oa-module--purchase{color:#1d4ed8;background:#dbeafe}.oa-module--dyeing{color:#0e7490;background:#cffafe}.oa-cat--yarn{color:#1e40af;background:#dbeafe}.oa-cat--raw{color:#166534;background:#dcfce7}.oa-cat--accessory{color:#92400e;background:#fef3c7}.oa-cat--process{color:#3730a3;background:#e0e7ff}.oa-cat--yarn-dyeing{color:#0e7490;background:#cffafe}.oa-cat--fabric-dyeing{color:#5b21b6;background:#ddd6fe}.oa-status--draft{color:#475569;background:#f1f5f9}.oa-status--submitted{color:#b45309;background:#fef3c7}.oa-status--approved{color:#15803d;background:#dcfce7}.oa-status--rejected{color:#b91c1c;background:#fee2e2}.oa-status--ordered{color:#1d4ed8;background:#dbeafe}.oa-status--partial,.oa-status--in_process{color:#0369a1;background:#e0f2fe}.oa-status--closed{color:#475569;background:#e2e8f0}.oa-status--cancelled{color:#991b1b;background:#fee2e2}.oa-status--completed{color:#15803d;background:#dcfce7}.oa-create-dropdown{position:relative}.oa-create-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:200px;padding:.35rem 0;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0f172a1f}.oa-create-menu__section{text-transform:uppercase;color:#94a3b8;letter-spacing:.04em;padding:.35rem .75rem .15rem;font-size:.65rem;font-weight:600}.oa-create-menu a{color:#334155;padding:.4rem .75rem;font-size:.8rem;text-decoration:none;display:block}.oa-create-menu a:hover{background:#f1f5f9}@media (width<=768px){.oa-table-wrap{max-height:none}}.dye-page{max-width:100%;padding:.75rem 1rem 1.5rem}.dye-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.dye-page__header h1{margin:0;font-size:1.25rem;font-weight:700}.dye-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:.75rem;display:grid}.dye-kpi{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;padding:.6rem .75rem}.dye-kpi__label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.dye-kpi__value{font-size:1.35rem;font-weight:700;line-height:1.2}.dye-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:8px;margin-bottom:.75rem}.dye-card__head{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;font-weight:600;display:flex}.dye-card__body{padding:.65rem .75rem}.dye-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.4rem;margin-bottom:.5rem;display:flex}.dye-filter-field{min-width:120px}.dye-table-wrap{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;max-height:calc(100vh - 220px);overflow:auto}.dye-table{border-collapse:collapse;width:100%;font-size:.78rem}.dye-table thead th{z-index:2;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #cbd5e1;padding:.35rem .45rem;font-weight:600;position:sticky;top:0}.dye-table tbody td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:.3rem .45rem}.dye-status{text-transform:uppercase;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.dye-status--draft{color:#475569;background:#f1f5f9}.dye-status--submitted{color:#b45309;background:#fef3c7}.dye-status--approved{color:#15803d;background:#dcfce7}.dye-status--rejected{color:#b91c1c;background:#fee2e2}.dye-status--in_process{color:#0369a1;background:#e0f2fe}.dye-status--completed{color:#047857;background:#d1fae5}.dye-actions{flex-wrap:wrap;gap:.25rem;display:flex}.dye-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.68rem;text-decoration:none;display:inline-flex}.dye-modal-backdrop{z-index:1050;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dye-modal{background:#fff;border-radius:8px;width:min(480px,100%);padding:1rem;box-shadow:0 10px 40px #00000026}.dye-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}@keyframes dye-spin{to{transform:rotate(360deg)}}.dye-view-page{padding:.75rem 1rem 1.5rem}.dye-view-status{text-transform:uppercase;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.dye-view-status--draft{color:#475569;background:#e2e8f0}.dye-view-status--submitted{color:#92400e;background:#fef3c7}.dye-view-status--approved{color:#166534;background:#dcfce7}.dye-view-status--rejected{color:#991b1b;background:#fee2e2}.dye-view-status--in_process{color:#1d4ed8;background:#dbeafe}.dye-view-status--partial{color:#3730a3;background:#e0e7ff}.dye-view-status--completed{color:#047857;background:#d1fae5}.dye-view-panel--info{border-left:4px solid #3498db}.dye-view-specs{border-left:4px solid #9b59b6;padding:.85rem 1rem}.dye-view-specs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem 1rem;display:grid}.dye-view-color-chip{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.1rem .4rem;font-size:.75rem;display:inline-block}.dye-view-notes-row{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.dye-view-rejection{border-left:4px solid #ef4444;padding:.85rem 1rem}.dye-view-approval-badge{text-transform:uppercase;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.dye-view-approval--submitted{color:#92400e;background:#fef3c7}.dye-view-approval--approved{color:#166534;background:#dcfce7}.dye-view-approval--rejected{color:#991b1b;background:#fee2e2}.po-yarn-header-row--second{border-top:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;padding-top:.35rem}.po-create-lines-card,.po-yarn-notes-card{padding:0;overflow:hidden}.po-yarn-notes-row{flex-wrap:wrap;gap:.5rem;padding:.45rem .75rem .55rem;display:flex}.po-item-type-badge{text-transform:uppercase;letter-spacing:.02em;color:#0d6efd;white-space:nowrap;background:#0d6efd14;border-radius:4px;padding:.15rem .35rem;font-size:.62rem;font-weight:700;display:inline-block}.po-dyeing-source-badge{color:#198754;white-space:nowrap;background:#1987541a;border-radius:4px;padding:.12rem .32rem;font-size:.6rem;font-weight:600;display:inline-block}.admin-rbac__panel{border-left:3px solid #2563eb}.admin-rbac__picker-list{flex-direction:column;gap:2px;max-height:60vh;display:flex;overflow-y:auto}.admin-rbac__picker-item{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:8px;padding:.45rem .6rem;font-size:.85rem;display:block}.admin-rbac__picker-item:hover{background:#2563eb14}.admin-rbac__picker-item.active{color:#fff;background:#2563eb}.admin-rbac__matrix{max-height:65vh;overflow-y:auto}.admin-rbac__matrix thead th{z-index:1;position:sticky;top:0}.admin-rbac__module-row td{background:#2563eb0f}.staff-master-wrapper{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;min-height:calc(100vh - 140px);display:grid}.staff-form-panel,.staff-list-panel{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:16px;box-shadow:0 6px 20px #0000000a}.staff-form-header{z-index:2;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;position:sticky;top:0}.staff-form-content{max-height:calc(100vh - 270px);padding:1rem;overflow:auto}.staff-section-title{color:var(--bs-secondary-color,#6c757d);letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.68rem;font-weight:700;display:flex}.staff-section-title i{color:var(--bs-primary,#0d6efd);font-size:.85rem}.staff-form-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end;gap:.5rem;padding:.9rem 1rem;display:flex}.staff-list-panel{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.staff-sticky-actions{z-index:3;background:inherit;border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;padding:.85rem;position:sticky;top:0}.staff-title-wrap{min-width:220px}.staff-stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:.75rem;display:grid}.staff-stat-card{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa);border-radius:10px;flex-direction:column;padding:.5rem .75rem;display:flex}.staff-stat-card .label{color:var(--bs-secondary-color,#6c757d);text-transform:uppercase;font-size:.65rem;font-weight:600}.staff-stat-card .value{font-size:1.1rem;font-weight:700}.staff-toolbar{gap:.5rem;display:flex}.staff-search{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:10px;flex:1;align-items:center;gap:.6rem;padding:.4rem .85rem;transition:border-color .2s;display:flex}.staff-search:focus-within{border-color:var(--bs-primary,#0d6efd)}.staff-search input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.staff-role-filter{border-color:var(--bs-border-color);border-radius:10px;font-size:.85rem;font-weight:500}.staff-table-wrap{border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;max-height:calc(100vh - 420px);overflow:auto}.staff-table thead th{z-index:1;background:var(--bs-tertiary-bg,#f8f9fa);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:.85rem 1rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.staff-table tbody td{border-bottom:1px solid var(--bs-border-color,#dee2e6);padding:.85rem 1rem}.staff-table tbody tr{transition:background-color .15s}.staff-table tbody tr:hover{background-color:rgba(var(--bs-primary-rgb), .03)}.staff-pagination{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.bg-purple-soft{color:#7c3aed;background-color:#f5f3ff}.bg-slate-soft{color:#475569;background-color:#f8fafc}@media (width<=1200px){.staff-master-wrapper{grid-template-columns:1fr}.staff-form-content,.staff-table-wrap{max-height:none}}@media print{.no-print{display:none!important}.staff-master-wrapper{display:block}.staff-form-panel{display:none}.staff-list-panel{box-shadow:none;border:none;width:100%}.staff-table-wrap{max-height:none;overflow:visible}}.customer-master-wrapper{height:calc(100vh - var(--navbar-height));background:var(--bg-main);display:flex;overflow:hidden}.customer-form-panel{border-right:1px solid var(--border-color);z-index:10;background:#fff;flex-direction:column;width:420px;min-width:420px;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:10px 0 30px #00000005}.customer-form-header{border-bottom:1px solid var(--border-color);background:#fff;padding:1.5rem 1.75rem}.customer-form-content{background:#fcfdfe;flex:1;padding:1.75rem;overflow-y:auto}.customer-form-footer{border-top:1px solid var(--border-color);background:#fff;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.customer-list-panel{flex-direction:column;flex:1;gap:2rem;height:100%;padding:2rem;display:flex;overflow-y:auto}.customer-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;display:grid}.form-control-erp-floating,.form-select-erp-floating{width:100%;color:var(--text-main);text-transform:uppercase;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;padding:1.25rem 1rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control-erp-floating:focus,.form-select-erp-floating:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#fff}.form-control-erp-floating:focus~.floating-label,.floating-label.active{color:var(--primary);background:0 0;width:auto;height:auto;font-size:.65rem;top:.4rem;left:1rem}.error-message-erp{color:var(--danger);text-transform:uppercase;margin-top:.25rem;margin-left:.5rem;font-size:.7rem;font-weight:700}.form-control-erp-floating.is-invalid{border-color:var(--danger);background-color:var(--danger-light)}.form-control-erp-floating.is-invalid~.floating-label{color:var(--danger)}.custom-check .form-check-input{cursor:pointer;border-radius:6px;width:1.25rem;height:1.25rem;margin-top:.15rem}.custom-check .form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.stat-card-mini{background:#fff;border:1px solid #e2e8f0cc;border-radius:20px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005}.stat-card-mini:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.stat-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.bg-primary-glow{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)}.bg-success-light{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}.bg-warning-light{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.bg-info-light{background:linear-gradient(135deg,#ecfeff 0%,#cffafe 100%)}.erp-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #00000005}.erp-table-modern{border-collapse:separate;border-spacing:0;margin-bottom:0}.erp-table-modern thead th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:1.25rem 1rem;font-size:.75rem;font-weight:800}.erp-table-modern tbody tr{cursor:pointer;transition:all .2s}.erp-table-modern tbody tr:hover{background-color:#f8fafc}.erp-table-modern tbody tr.table-active-row{background-color:var(--primary-glow)}.erp-table-modern tbody td{vertical-align:middle;color:#334155;border-bottom:1px solid #f8fafc;padding:1rem;font-size:.85rem}.erp-table-modern tbody tr:last-child td{border-bottom:none}.erp-action-btn{color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.erp-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.erp-action-btn.view:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-glow)}.erp-action-btn.edit:hover{color:var(--warning);border-color:var(--warning);background:var(--warning-light)}.erp-action-btn.delete:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-light)}.extra-small{font-size:.65rem}.customer-code-badge{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.customer-contact-info{flex-direction:column;gap:.15rem;margin-bottom:.75rem;display:flex}.contact-item{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;display:flex}.customer-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.5rem;padding-top:.75rem;display:flex}.mini-action-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .2s;display:flex}.mini-action-btn:hover{background:#fff;transform:scale(1.1)}.mini-action-btn.edit:hover{color:var(--warning);border-color:var(--warning)}.mini-action-btn.delete:hover{color:var(--danger);border-color:var(--danger)}.form-control-erp-floating[type=email],.form-control-erp-floating[name=website],.form-control-erp-floating[name=remarks]{text-transform:none}.customer-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.75rem;margin-top:1.5rem;margin-bottom:1.25rem;font-size:.75rem;font-weight:800;display:flex}.customer-section-title:first-child{margin-top:0}.customer-section-title i{color:var(--primary);opacity:.7;font-size:1rem}@media (width<=1200px){.customer-form-panel{width:380px;min-width:380px}}@media (width<=992px){.customer-master-wrapper{flex-direction:column}.customer-form-panel{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:100%;height:auto}}.supplier-master-wrapper{height:calc(100vh - var(--navbar-height));background:linear-gradient(#f8fafc,#eef2f7);grid-template-columns:420px minmax(0,1fr);display:grid;overflow:hidden}.supplier-form-panel{width:420px;min-width:420px;height:calc(100vh - var(--navbar-height));z-index:10;background:#fff;border-right:1px solid #e2e8f0cc;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;box-shadow:20px 0 50px #00000005}.supplier-form-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.supplier-form-content{background:#fff;flex:1;padding:1rem 1.25rem;overflow-y:auto}.supplier-form-footer{background:#fff;border-top:1px solid #f1f5f9;gap:.65rem;padding:.85rem 1.25rem;display:flex}.supplier-form-footer .btn{border-radius:14px;padding:.55rem .85rem;font-size:.85rem}.supplier-form-footer .btn:disabled{opacity:.65}.supplier-list-panel{grid-template-rows:auto auto auto 1fr;gap:.9rem;height:100%;padding:1.05rem 1.15rem;display:grid;overflow:hidden}.supplier-topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.supplier-top-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.supplier-action-btn{border-radius:14px;padding:.55rem .85rem;font-size:.85rem}.supplier-icon-btn{border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.supplier-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.supplier-master-wrapper .stat-card-premium{background:#fff;border:1px solid #e2e8f080;border-radius:18px;align-items:center;gap:.85rem;padding:.95rem 1.05rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005}.supplier-master-wrapper .stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d}.supplier-master-wrapper .stat-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex;box-shadow:0 8px 16px #0000000d}.supplier-master-wrapper .form-floating-erp{margin-bottom:.85rem;position:relative}.supplier-master-wrapper .form-control-erp-floating,.supplier-master-wrapper .form-select-erp-floating{color:#0f172a;background:#fff;border:1px solid #dce3ee;border-radius:12px;outline:none;width:100%;height:40px;padding:1.05rem .85rem .35rem;font-size:.86rem;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1)}.supplier-master-wrapper textarea.form-control-erp-floating{height:auto;min-height:76px;padding-top:1.05rem}.supplier-master-wrapper .form-control-erp-floating:focus,.supplier-master-wrapper .form-select-erp-floating:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.supplier-master-wrapper .floating-label{color:#94a3b8;pointer-events:none;text-transform:uppercase;letter-spacing:.025em;font-size:.78rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:.75rem;left:.85rem}.supplier-master-wrapper .floating-label.active{color:#2563eb;font-size:.6rem;top:.35rem;left:.85rem}.supplier-master-wrapper .customer-section-title{letter-spacing:.08em;text-transform:uppercase;color:#64748b;align-items:center;gap:.55rem;margin-bottom:.75rem;font-size:.72rem;font-weight:900;display:flex}.supplier-master-wrapper .customer-section-title i{color:#2563eb;font-size:.9rem}.supplier-master-wrapper .modern-toolbar{z-index:5;background:#fff;border-radius:16px;align-items:center;gap:.85rem;padding:.65rem .85rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000005}.supplier-data-region{background:#f8fafcb3;border:1px solid #e2e8f0e6;border-radius:16px;min-height:0;padding:.85rem;overflow:auto}.supplier-master-wrapper .search-wrapper-modern{flex:1;position:relative}.supplier-master-wrapper .search-wrapper-modern i{color:#94a3b8;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.supplier-master-wrapper .search-input-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.55rem .85rem .55rem 2.4rem;font-size:.85rem;font-weight:500;transition:all .2s}.supplier-master-wrapper .search-input-modern:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.supplier-toolbar-select{color:#0f172a;appearance:none;background-color:#f8fafc;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #e2e8f0;border-radius:12px;outline:none;height:40px;padding:0 2.25rem 0 .85rem;font-size:.85rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}.supplier-toolbar-select:hover{background:#fff;border-color:#cbd5e1}.supplier-toolbar-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.supplier-view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:4px;height:40px;padding:3px;display:flex}.supplier-view-btn{color:#64748b;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:38px;height:32px;transition:background .15s,border-color .15s,color .15s;display:flex}.supplier-view-btn:hover{color:#0f172a;background:#fff;border-color:#e2e8f0}.supplier-view-btn.active{color:#2563eb;background:#fff;border-color:#2563eb59;box-shadow:0 6px 14px #2563eb14}.supplier-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:.95rem;display:grid}.supplier-premium-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:18px;flex-direction:column;gap:.85rem;padding:1.05rem 1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.supplier-premium-card:hover{border-color:#2563eb;transform:translateY(-8px);box-shadow:0 25px 50px -12px #2563eb1a}.supplier-premium-card.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb,0 25px 50px -12px #2563eb26}.supplier-master-wrapper .card-top-section{border-bottom:1px solid #f8fafc;align-items:center;gap:.85rem;padding-bottom:.75rem;display:flex}.supplier-master-wrapper .card-avatar{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#3b82f6 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;font-weight:800;display:flex}.supplier-master-wrapper .card-title-area{flex:1;min-width:0}.supplier-master-wrapper .card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.98rem;font-weight:800;overflow:hidden}.supplier-master-wrapper .card-meta{align-items:center;gap:.75rem;display:flex}.supplier-master-wrapper .card-code{color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:800}.supplier-master-wrapper .card-middle-section{grid-template-columns:1fr 1fr;gap:.45rem .75rem;display:grid}.supplier-master-wrapper .card-info-item{color:#475569;align-items:center;gap:.6rem;min-width:0;font-size:.8rem;font-weight:500;display:flex}.supplier-master-wrapper .card-info-item i{color:#2563eb;opacity:.8;width:16px;font-size:1rem}.supplier-master-wrapper .card-bottom-section{border-top:1px solid #f8fafc;justify-content:flex-end;gap:.55rem;padding-top:.75rem;display:flex}.supplier-master-wrapper .card-action-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.supplier-master-wrapper .card-action-btn:hover{background:#fff;transform:scale(1.1)}.supplier-master-wrapper .card-action-btn.edit:hover{color:#f59e0b;border-color:#f59e0b}.supplier-master-wrapper .card-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.supplier-master-wrapper .card-action-btn.view:hover{color:#2563eb;border-color:#2563eb}.supplier-table-wrap{width:100%;height:100%;min-height:0;overflow:hidden}.supplier-table-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;height:100%;max-height:100%;overflow:auto}.supplier-table{border-collapse:collapse;table-layout:fixed;width:100%}.supplier-table thead tr.supplier-table-header-tools th{z-index:4;text-transform:none;letter-spacing:normal;background:#f1f5f9;border-bottom:1px solid #e2e8f0;height:auto;padding:.35rem .65rem;font-weight:500;position:sticky;top:0}.supplier-col-size-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.supplier-col-size-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;display:inline-flex}.supplier-col-size-label i{color:#2563eb;font-size:.85rem}.supplier-col-size-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:2px;padding:2px;display:inline-flex}.supplier-col-size-toggle button{color:#64748b;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.7rem;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.supplier-col-size-toggle button:hover{color:#0f172a;background:#f8fafc}.supplier-col-size-toggle button.active{color:#2563eb;background:#eff6ff;border-color:#2563eb59}.supplier-table thead tr:not(.supplier-table-header-tools) th{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;height:32px;padding:.4rem .55rem;font-size:.68rem;font-weight:900;position:sticky;top:36px}.supplier-table tbody tr{height:34px}.supplier-table tbody td{color:#334155;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:.28rem .55rem;font-size:.78rem;font-weight:400;line-height:1.2;overflow:hidden}.supplier-table tbody td:nth-child(2){white-space:nowrap}.supplier-table tbody td.supplier-actions-cell{white-space:nowrap;width:118px;overflow:visible}.supplier-table-actions{flex-flow:row;justify-content:flex-end;align-items:center;gap:.2rem;display:inline-flex}.supplier-status-control{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .75rem;display:flex}.supplier-status-label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;font-size:.78rem;font-weight:700}.supplier-status-check{color:#0f172a;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:inline-flex}.supplier-status-check input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.supplier-row-check{background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.supplier-row-check input[type=checkbox]{accent-color:#2563eb;width:16px;height:16px}.supplier-table tbody tr:hover{background:#f8fafc}.supplier-table tbody tr.active{background:#2563eb0f}.supplier-pill{color:#0f172a;letter-spacing:.03em;text-transform:uppercase;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:.7rem;font-weight:800;display:inline-flex}.supplier-status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:.68rem;font-weight:900;display:inline-flex}.supplier-status.active{color:#166534;background:#dcfce7}.supplier-status.inactive{color:#991b1b;background:#fee2e2}.supplier-row-action{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;font-size:.7rem;transition:transform .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.supplier-row-action:hover{color:#2563eb;border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 10px 20px #0206170f}.supplier-row-action.danger:hover{color:#ef4444;border-color:#ef444459}.supplier-table-card--cols-big .supplier-table{table-layout:auto}.supplier-table-card--cols-big .supplier-table thead tr:not(.supplier-table-header-tools) th{height:40px;padding:.55rem .75rem;font-size:.74rem;top:40px}.supplier-table-card--cols-big .supplier-table tbody tr{height:46px}.supplier-table-card--cols-big .supplier-table tbody td{padding:.5rem .75rem;font-size:.88rem}.supplier-table-card--cols-big .supplier-pill,.supplier-table-card--cols-big .supplier-status{height:24px;padding:0 10px;font-size:.72rem}.supplier-table-card--cols-big .supplier-row-check{width:30px;height:30px}.supplier-table-card--cols-big .supplier-row-action{width:28px;height:28px;font-size:.75rem}.supplier-table-card--cols-big .supplier-table tbody td.supplier-actions-cell{width:138px}.supplier-empty{text-align:center;color:#475569;width:100%;padding:2.25rem 1.5rem}.supplier-empty .display-1{font-size:3.25rem}.supplier-workspace-empty{background:linear-gradient(#ffffffeb,#f8fafceb);border:1px solid #e2e8f0e6;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:clamp(420px,58vh,620px);padding:1.25rem;display:flex;box-shadow:0 10px 30px #0206170f}.supplier-workspace-empty-inner{grid-template-rows:auto auto auto;gap:1rem;width:100%;max-width:980px;display:grid}.supplier-empty-hero{background:#ffffffbf;border:1px solid #e2e8f0cc;border-radius:14px;grid-template-columns:76px 1fr;align-items:center;gap:1rem;padding:1rem;display:grid}.supplier-empty-icon{color:#2563eb;background:radial-gradient(circle at 30% 30%,#2563eb2e,#2563eb0f);border:1px solid #2563eb2e;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;font-size:2rem;display:flex}.supplier-empty-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-weight:900}.supplier-empty-subtitle{color:#64748b;margin:.25rem 0 .75rem;font-size:.9rem;font-weight:600}.supplier-empty-actions{flex-wrap:wrap;gap:.6rem;display:flex}.supplier-empty-btn{border-radius:14px;padding:.55rem .9rem;font-size:.85rem;font-weight:800}.supplier-empty-section-title{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:.55rem;font-size:.7rem;font-weight:900}.supplier-empty-suggestions,.supplier-empty-recent{background:#ffffffbf;border:1px solid #e2e8f0cc;border-radius:14px;padding:.95rem 1rem}.supplier-empty-chips{flex-wrap:wrap;gap:.5rem;display:flex}.supplier-chip{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;height:32px;padding:0 12px;font-size:.78rem;font-weight:800;transition:transform .12s,border-color .12s,box-shadow .12s}.supplier-chip:hover{border-color:#2563eb59;transform:translateY(-1px);box-shadow:0 12px 22px #0206170f}.supplier-empty-recent-row{color:#475569;align-items:center;gap:.7rem;font-size:.9rem;font-weight:600;display:flex}.supplier-empty-recent-row i{color:#2563eb}@media (width>=1440px){.supplier-master-wrapper{grid-template-columns:460px minmax(0,1fr)}.supplier-form-panel{width:460px;min-width:460px}}@media (width<=1200px){.supplier-form-panel{width:420px;min-width:420px}.supplier-master-wrapper{grid-template-columns:420px minmax(0,1fr)}.supplier-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.supplier-master-wrapper{grid-template-rows:auto 1fr;grid-template-columns:1fr}.supplier-form-panel{border-bottom:1px solid #e2e8f0cc;border-right:none;width:100%;min-width:100%;height:auto;position:relative}.supplier-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.import-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1060;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;animation:.2s importOverlayIn;display:flex;position:fixed;inset:0}@keyframes importOverlayIn{0%{opacity:0}to{opacity:1}}.import-modal-box{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;animation:.22s cubic-bezier(.34,1.3,.64,1) importModalIn;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000038}@keyframes importModalIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.import-modal-header{background:#fafbfd;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.import-modal-title{color:#0f172a;align-items:center;font-size:1.05rem;font-weight:700;display:flex}.import-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.import-modal-close:hover{color:#0f172a;background:#e2e8f0}.import-modal-close:disabled{opacity:.4;cursor:not-allowed}.import-steps-bar{background:#fafbfd;border-bottom:1px solid #f1f5f9;align-items:center;gap:0;padding:.85rem 1.5rem;display:flex}.import-step{color:#94a3b8;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;transition:color .2s;display:flex}.import-step.active{color:#3b82f6}.import-step-circle{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:700;transition:background .2s,color .2s;display:flex}.import-step.active .import-step-circle{color:#fff;background:#3b82f6}.import-step-line{background:#e2e8f0;border-radius:2px;flex:1;height:2px;margin:0 .5rem;transition:background .2s}.import-step-line.active{background:#3b82f6}.import-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.import-body-preview{gap:.85rem;padding:1rem 1.5rem}.import-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;padding:2.5rem 1.5rem;transition:border-color .2s,background .2s}.import-dropzone:hover{background:#eff6ff;border-color:#3b82f6}.import-dropzone.has-error{background:#fef2f2;border-color:#f87171}.import-dropzone-icon{color:#94a3b8;margin-bottom:.75rem;font-size:2.8rem;line-height:1}.import-dropzone:hover .import-dropzone-icon{color:#3b82f6}.import-dropzone-text{color:#334155;margin-bottom:.35rem;font-size:.95rem}.import-dropzone-hint{color:#94a3b8;font-size:.78rem}.import-parse-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;font-weight:500}.import-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:1rem 1.25rem}.import-tips-title{color:#0369a1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.82rem;font-weight:700}.import-tips-list{color:#0c4a6e;margin:0 0 .85rem;padding-left:1.2rem;font-size:.82rem;line-height:1.8}.import-template-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:7px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;transition:background .15s;display:inline-flex}.import-template-btn:hover{background:#0369a1}.import-preview-summary{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.import-badge{border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.import-badge-import{color:#15803d;background:#dcfce7}.import-badge-skip{color:#a16207;background:#fef9c3}.import-badge-error{color:#b91c1c;background:#fee2e2}.import-badge-total{color:#475569;background:#f1f5f9}.import-progress-wrap{padding:.5rem 0}.import-progress-label{color:#3b82f6;margin-bottom:.35rem;font-size:.8rem;font-weight:600}.import-progress-bar-bg{background:#e2e8f0;border-radius:99px;width:100%;height:6px;overflow:hidden}.import-progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:99px;height:100%;transition:width .25s}.import-preview-table-wrap{border:1px solid #e2e8f0;border-radius:10px;flex:1;max-height:340px;overflow-y:auto}.import-preview-table{border-collapse:collapse;width:100%;font-size:.82rem}.import-preview-table thead tr{z-index:1;background:#f8fafc;position:sticky;top:0}.import-preview-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;padding:.6rem .75rem;font-size:.75rem;font-weight:700}.import-preview-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.import-preview-table tbody tr:last-child td{border-bottom:none}.import-preview-table tbody tr:hover{background:#f8fafc}.import-row-import td{background:0 0}.import-row-skip td{color:#92400e;background:#fffbeb}.import-row-error td{color:#9b1c1c;background:#fff5f5}.import-row-done td{background:#f0fdf4}.import-row-failed td{background:#fef2f2}.import-row-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:.2rem .55rem;font-size:.7rem;font-weight:700;display:inline-block}.import-row-badge.import{color:#166534;background:#dcfce7}.import-row-badge.skip{color:#854d0e;background:#fef9c3}.import-row-badge.error{color:#991b1b;cursor:help;background:#fee2e2}.import-row-badge.done{color:#065f46;background:#d1fae5}.import-row-badge.failed{color:#9d174d;cursor:help;background:#fce7f3}.import-row-checkbox{cursor:pointer;accent-color:#3b82f6;width:15px;height:15px}.import-error-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.65rem 1rem;font-size:.8rem;font-weight:500}.import-result-body{text-align:center;align-items:center;gap:1.5rem}.import-result-hero{flex-direction:column;align-items:center;gap:.75rem;padding-top:.5rem;display:flex}.import-result-icon{border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:2rem;display:flex}.import-result-icon.success{color:#16a34a;background:#dcfce7}.import-result-icon.warning{color:#ca8a04;background:#fef9c3}.import-result-headline{color:#0f172a;font-size:1.1rem;font-weight:700}.import-result-stats{justify-content:center;gap:1.5rem;display:flex}.import-result-stat{flex-direction:column;align-items:center;gap:.25rem;min-width:80px;display:flex}.import-result-stat-num{font-size:2rem;font-weight:800;line-height:1}.import-result-stat.success .import-result-stat-num{color:#16a34a}.import-result-stat.skip .import-result-stat-num{color:#ca8a04}.import-result-stat.error .import-result-stat-num{color:#dc2626}.import-result-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.import-result-errors{text-align:left;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:flex}.import-result-errors-title{color:#991b1b;text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.import-result-error-list{flex-direction:column;gap:.4rem;max-height:160px;display:flex;overflow-y:auto}.import-result-error-item{grid-template-columns:60px 180px 1fr;align-items:baseline;gap:.5rem;font-size:.8rem;display:grid}.import-result-error-row{color:#dc2626;font-weight:700}.import-result-error-name{color:#374151;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.import-result-error-msg{color:#6b7280;font-size:.76rem}.import-error-download-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:7px;align-self:flex-start;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.import-error-download-btn:hover{background:#b91c1c}.import-modal-footer{background:#fafbfd;border-top:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.product-master-wrapper{height:calc(100vh - var(--navbar-height));background:linear-gradient(#f4f7ff 0%,#eef3ff 52%,#eaf1ff 100%);display:flex;overflow:hidden}.product-form-panel{z-index:10;background:#fff;border-right:1px solid #e2e8f0cc;flex-direction:column;width:420px;min-width:420px;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:20px 0 50px #00000005}.product-form-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem .75rem}.product-form-content{background:#fff;flex:1;padding:.85rem 1rem 1rem;overflow-y:auto}.product-form-footer{background:#fff;border-top:1px solid #f1f5f9;gap:.5rem;padding:.8rem 1rem;display:flex}.product-submit-error{color:#842029;background:#dc354514;border:1px solid #dc354566;border-radius:8px;margin:.4rem 1rem .8rem;padding:.45rem .6rem;font-size:.75rem}.product-form-content .section-divider:first-of-type{margin-top:.2rem}.product-list-panel{flex-direction:column;flex:1;gap:.55rem;height:100%;min-height:0;padding:.85rem 1rem;display:flex;overflow:hidden}.product-list-panel .product-list-toolbar{border-radius:12px;flex-shrink:0;gap:.65rem;padding:.55rem .75rem}.product-list-panel .product-list-toolbar .search-input-modern{padding:.45rem .65rem .45rem 2.1rem;font-size:.78rem}.product-stage-panel{background:#fff;border-right:1px solid #e2e8f0cc;flex-direction:column;width:300px;min-width:300px;height:100%;display:flex}.product-stage-header{z-index:4;background:#fff;border-bottom:1px solid #f1f5f9;padding:.6rem .75rem}.product-stage-body{padding:.55rem;overflow-y:auto}.product-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.product-search-suggestions{z-index:40;background:#fff;border:1px solid #dbe5f3;border-radius:10px;max-height:280px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 10px 24px #0f172a1f}.product-search-suggestion-item{text-align:left;color:#334155;background:0 0;border:none;border-bottom:1px solid #eef3fb;justify-content:space-between;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;font-size:.76rem;display:flex}.product-search-suggestion-item:last-child{border-bottom:none}.product-search-suggestion-item:hover{background:#f3f7ff}.product-search-suggestion-item small{color:#64748b;font-weight:700}.product-grid{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:.28rem;min-height:0;padding-right:4px;display:flex;overflow:hidden scroll}.product-grid::-webkit-scrollbar{width:10px}.product-grid::-webkit-scrollbar-track{background:#eef2f7;border-radius:8px}.product-grid::-webkit-scrollbar-thumb{background:#94a3b8;border:2px solid #eef2f7;border-radius:8px}.product-grid::-webkit-scrollbar-thumb:hover{background:#64748b}.product-row-item{cursor:pointer;background:#fff;border:1px solid #dbe5f3;border-radius:8px;grid-template-columns:minmax(180px,1.1fr) minmax(360px,2fr) auto;align-items:center;gap:.45rem;min-height:40px;padding:.32rem .55rem;transition:border-color .2s,box-shadow .2s;display:grid}.product-row-item:hover{border-color:#7aa2ff;box-shadow:0 4px 12px #2663eb14}.product-row-item.active{background:#f3f7ff;border-color:#2563eb}.product-row-main{align-items:center;gap:.45rem;min-width:0;display:flex}.product-row-image{background:#eff4ff;border:1px solid #d5e2ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.product-row-image img{object-fit:cover;width:100%;height:100%}.product-row-image i{color:#7d96c6}.product-row-title h5{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.76rem;font-weight:800;line-height:1.15;overflow:hidden}.product-row-subtitle{align-items:center;gap:.25rem;margin-top:.05rem;display:flex}.row-code{color:#5f6f8f;background:#eef3fc;border-radius:999px;padding:1px 6px;font-size:.62rem;font-weight:800}.row-badge{border-radius:999px;padding:1px 6px;font-size:.58rem;font-weight:700}.row-badge.active{color:#166534;background:#dcfce7}.row-badge.inactive{color:#991b1b;background:#fee2e2}.product-row-details{color:#475569;grid-template-columns:repeat(5,minmax(72px,1fr));gap:.35rem;font-size:.68rem;display:grid}.product-row-details span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;min-width:0;display:flex;overflow:hidden}.product-row-details i{color:#326bdf;font-size:.72rem}.product-stage-cell{align-items:flex-start!important}.stage-inline-list{flex-wrap:wrap;align-items:center;gap:.25rem;display:inline-flex}.stage-chip{color:#274c8e;background:#eef4ff;border:1px solid #d3e3ff;border-radius:999px;align-items:center;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-flex}.stage-more-btn{color:#1d4ed8;background:#f8fbff;border:1px dashed #86a8eb;border-radius:999px;padding:1px 7px;font-size:.62rem;font-weight:700}.product-row-actions{align-items:center;gap:.25rem;display:flex}.product-list-panel .card-action-btn{border-radius:8px;width:26px;height:26px;font-size:.72rem}.card-action-btn.view:hover{color:#2563eb;border-color:#2563eb}.card-action-btn.duplicate:hover{color:#16a34a;border-color:#16a34a}.section-divider{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin:1.5rem 0 1rem;padding-bottom:.5rem;font-size:.7rem;font-weight:800;display:flex}.section-divider i{color:#2563eb}.image-upload-wrapper{margin-bottom:1.5rem}.image-preview-container{cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:180px;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-preview-container:hover{background:#f1f5f9;border-color:#2563eb}.image-preview-container.drag-over{background:#e8f0ff;border-color:#2563eb}.image-preview-container img{object-fit:contain;width:100%;height:100%}.upload-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-placeholder i{color:#2563eb;font-size:2rem}.upload-placeholder span{font-size:.85rem;font-weight:600}.image-upload-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.stage-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:1rem;padding:.75rem}.stage-search-row{border:1px solid #dce3ee;border-radius:10px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.35rem .55rem;display:flex}.stage-search-row input{border:none;outline:none;width:100%;font-size:.85rem}.stage-check-grid{grid-template-columns:1fr;gap:.45rem;max-height:calc(100vh - 240px);margin-bottom:.2rem;display:grid;overflow:auto}.vb6-list{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:.4rem}.stage-check-item{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:16px 1fr auto;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:.75rem;display:grid}.stage-check-item.active{background:#f0f6ff;border-color:#2563eb}.stage-check-name{font-weight:600}.stage-check-code{color:#64748b;font-size:.68rem}.stage-detail-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow:auto}.stage-detail-table-wrap table th{text-transform:uppercase;white-space:nowrap;font-size:.68rem}.stage-detail-table-wrap .row-selected{background:#eef5ff}.product-import-overlay{z-index:1300;background:#02061773;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.product-import-modal{background:#fff;border:1px solid #dce3ee;border-radius:12px;width:min(900px,100%);box-shadow:0 18px 40px #0003}.product-import-header,.product-import-footer{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.product-import-footer{border-top:1px solid #eef2f7;border-bottom:none;justify-content:flex-end;gap:.5rem}.product-import-body{padding:.9rem 1rem}.product-import-summary{flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.35rem;font-size:.78rem;display:flex}.product-import-hint{margin-bottom:.35rem!important}.product-import-preview{scrollbar-gutter:stable;border:1px solid #dce3ee;border-radius:8px;max-height:340px;overflow:auto scroll}.product-import-preview::-webkit-scrollbar{width:8px;height:8px}.product-import-preview::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px}.product-import-table thead th{z-index:1;text-transform:uppercase;white-space:nowrap;background:#f8fafc;font-size:.68rem;position:sticky;top:0}.product-import-table tbody td{vertical-align:top;font-size:.74rem}.import-status-cell{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.import-row--duplicate .import-status-cell{color:#b45309;font-weight:700}.import-row--invalid .import-status-cell{color:#b91c1c;font-weight:700}.import-row--ok .import-status-cell{color:#166534;font-weight:600}.import-row--error{background:#fef2f2}.import-reason-btn i{opacity:.75;flex-shrink:0;font-size:.65rem}.product-import-error-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.55rem;overflow:hidden}.product-import-error-detail--invalid,.product-import-error-detail--error,.product-import-error-detail--duplicate{background:#fff7f7;border-color:#fecaca}.product-import-error-detail--ok,.product-import-error-detail--imported{background:#f0fdf4;border-color:#bbf7d0}.product-import-error-detail__head{border-bottom:1px solid #e2e8f0e6;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.product-import-error-detail__body{white-space:pre-wrap;word-break:break-word;color:#334155;max-height:160px;margin:0;padding:.55rem .65rem;font-family:inherit;font-size:.74rem;line-height:1.45;overflow-y:auto}.form-floating-erp{margin-bottom:1.25rem;position:relative}.form-control-erp-floating,.form-select-erp-floating{color:#0f172a;background:#fff;border:1px solid #dce3ee;border-radius:14px;outline:none;width:100%;height:46px;padding:1.25rem 1rem .5rem;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-control-erp-floating.has-icon,.form-select-erp-floating.has-icon{padding-left:2.75rem}.field-icon-erp{color:#94a3b8;pointer-events:none;z-index:5;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-control-erp-floating:focus,.form-select-erp-floating:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.floating-label{color:#94a3b8;pointer-events:none;text-transform:uppercase;letter-spacing:.025em;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:.9rem;left:1rem}.floating-label.has-icon{left:2.75rem}.floating-label.active{color:#2563eb;font-size:.65rem;top:.4rem}@media (width<=1200px){.product-form-panel{width:380px;min-width:380px}.product-stage-panel{width:270px;min-width:270px}.product-row-item{grid-template-columns:1fr;gap:.5rem}.product-row-details{grid-template-columns:repeat(2,minmax(120px,1fr))}.product-row-actions{justify-content:flex-end}}@media (width<=992px){.product-master-wrapper{flex-direction:column}.product-form-panel,.product-stage-panel{border-bottom:1px solid #e2e8f0cc;border-right:none;width:100%;min-width:100%;height:auto}}.currency-master-wrap{height:calc(100vh - var(--navbar-height));flex-direction:column;display:flex;overflow:hidden}.currency-master-wrap .master-template-wrapper{flex:1;min-height:0}.currency-quick-add-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.currency-chip{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.2rem .45rem;font-size:.65rem;font-weight:700}.master-template-wrapper{height:calc(100vh - var(--navbar-height));background:linear-gradient(#f8fafc,#eef2f7);display:flex;overflow:hidden}.master-form-panel{z-index:10;background:#fff;border-right:1px solid #e2e8f0cc;flex-direction:column;width:420px;min-width:420px;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:20px 0 50px #00000005}.master-form-scroll{flex:1;min-height:0;padding:.65rem 1.1rem .25rem;overflow-y:auto}.master-form-fields{display:block}.master-form-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem}.master-form-scroll .form-floating-erp,.master-form-fields .form-floating-erp{margin-bottom:.55rem}.master-form-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;gap:1rem;padding:.85rem 1.1rem;display:flex}.master-form-panel--compact .master-form-scroll{padding:.5rem 1rem .2rem}.master-form-panel--compact .master-form-footer{gap:.5rem;padding:.55rem 1rem}.master-form-panel--compact .master-form-content .form-floating-erp{margin-bottom:.42rem}.master-form-panel--compact textarea.form-control-erp-floating{resize:none;max-height:48px;padding-top:.95rem;line-height:1.2;height:48px!important;min-height:48px!important}.master-checkbox-row{margin:.25rem 0 1rem}.master-select-with-add{align-items:flex-start;gap:.4rem;display:flex}.master-select-with-add>.form-floating-erp{flex:auto;min-width:0}.master-select-add-btn{border:1.5px solid var(--primary,#2563eb);width:2.6rem;height:2.6rem;color:var(--primary,#2563eb);cursor:pointer;background:#fff;border-radius:8px;flex:none;margin-top:.15rem;font-size:1.3rem;font-weight:700;line-height:1;transition:background .15s,color .15s}.master-select-add-btn:hover{background:var(--primary,#2563eb);color:#fff}.master-multiselect-field{margin-bottom:1rem}.master-multiselect-field .form-label-erp{color:#334155;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}.master-multiselect{min-height:110px}.master-multiselect-field small{margin-top:.25rem;font-size:.7rem;display:block}.master-checkbox-row label{color:#334155;align-items:center;gap:.5rem;font-size:.86rem;font-weight:600;display:inline-flex}.master-list-panel{flex-direction:column;flex:1;gap:2.5rem;height:100%;padding:2.5rem;display:flex;overflow-y:auto}.master-list-panel--no-stats{gap:.65rem}.master-kind-toggle{z-index:5;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:.45rem;padding:.45rem .55rem;position:relative}.master-kind-toggle__label{letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-bottom:.45rem;font-size:.68rem;font-weight:800;display:block}.master-kind-toggle__options{flex-wrap:wrap;gap:.4rem;display:flex}.master-kind-toggle__btn{color:#475569;cursor:pointer;pointer-events:auto;z-index:2;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:1;min-width:88px;padding:.45rem .75rem;font-size:.8rem;font-weight:700;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;position:relative}.master-kind-toggle__btn:hover{color:#0f172a;border-color:#94a3b8}.master-kind-toggle__btn.is-active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.master-stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stat-card-premium{background:#fff;border:1px solid #e2e8f080;border-radius:24px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #00000005}.stat-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d}.stat-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 16px #0000000d}.bg-primary-light{color:#2563eb;background:#eff6ff}.bg-success-light{color:#16a34a;background:#f0fdf4}.bg-warning-light{color:#ca8a04;background:#fffbeb}.bg-info-light{color:#0891b2;background:#ecfeff}.modern-toolbar{background:#fff;border-radius:20px;align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #00000005}.search-wrapper-modern{flex:1;position:relative}.search-wrapper-modern i{color:#94a3b8;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-input-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.9rem;font-weight:500;transition:all .2s}.search-input-modern:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.master-cascade-filters{background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:-.5rem;margin-bottom:1rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 4px 6px -1px #00000005}.master-cascade-filters__select{flex:1;min-width:160px}.master-cascade-filters__clear{white-space:nowrap;padding:.5rem .9rem;font-size:.8rem}.master-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:auto}.master-table{border-collapse:collapse;width:100%;font-size:.82rem}.master-table th{color:#475569;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.7rem .8rem;font-size:.67rem;font-weight:800}.master-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #eef2f7;padding:.62rem .8rem}.master-table tr{cursor:pointer}.master-table tbody tr:nth-child(odd){background:#fff}.master-table tbody tr:nth-child(2n){background:#f4f7fb}.master-table tbody tr:hover{background:#e8f1ff}.master-table tbody tr.active{background:#dbeafe}.table-actions{gap:.35rem;display:inline-flex}.empty-cell{text-align:center;color:#94a3b8;font-weight:700;padding:1.2rem!important}.card-action-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.card-action-btn:hover{background:#fff;transform:scale(1.1)}.card-action-btn.edit:hover{color:#f59e0b;border-color:#f59e0b}.card-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}@media (width<=1200px){.master-form-panel{width:380px;min-width:380px}}@media (width<=992px){.master-template-wrapper{flex-direction:column}.master-form-panel{border-bottom:1px solid #e2e8f0cc;border-right:none;width:100%;min-width:100%;height:auto}}.quickadd-overlay{z-index:1060;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.quickadd-modal{width:min(420px,100%);max-height:90vh;overflow:auto}.quickadd-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.quickadd-modal__header h3{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1rem}.quickadd-modal__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;padding:.25rem}.quickadd-modal__body{padding:1rem}.quickadd-modal__footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.quickadd-field-row{align-items:stretch;gap:.4rem;display:flex}.quickadd-field-row>:first-child{flex:auto;min-width:0}.quickadd-btn{aspect-ratio:1;border:1.5px solid var(--primary,#2563eb);min-width:1.75rem;min-height:1.75rem;color:var(--primary,#2563eb);cursor:pointer;background:#fff;border-radius:.5rem;flex:none;padding:0;font-size:1rem;font-weight:700;line-height:1;transition:background .15s,color .15s}.quickadd-btn:hover:not(:disabled){background:var(--primary,#2563eb);color:#fff}.quickadd-btn:disabled{opacity:.5;cursor:not-allowed}.yarn-master-wrapper{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;min-height:calc(100vh - 140px);display:grid}.yarn-form-panel,.yarn-list-panel{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:16px;box-shadow:0 6px 20px #0000000a}.yarn-form-header{z-index:2;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;position:sticky;top:0}.yarn-form-content{max-height:calc(100vh - 270px);padding:1rem;overflow:auto}.yarn-master-wrapper .form-control-erp-floating,.yarn-master-wrapper .form-select-erp-floating,.yarn-master-wrapper .form-select-erp-floating option{font-weight:400}.yarn-master-wrapper .floating-label{font-weight:500}.yarn-form-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end;gap:.5rem;padding:.9rem 1rem;display:flex}.yarn-list-panel{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.yarn-sticky-actions{z-index:3;background:inherit;border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;display:flex;position:sticky;top:0}.yarn-title-wrap{min-width:260px}.yarn-stats-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:.75rem;display:grid}.yarn-stat-card{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa);border-radius:12px;padding:.75rem}.yarn-toolbar{grid-template-columns:minmax(240px,1fr) 160px 160px 130px;gap:.5rem;display:grid}.yarn-search{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.yarn-search input{background:0 0;border:none;outline:none;width:100%}.yarn-table-wrap{border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;max-height:calc(100vh - 420px);overflow:auto}.yarn-table thead th{z-index:1;background:var(--bs-tertiary-bg,#f8f9fa);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.82rem;font-weight:700;position:sticky;top:0}.yarn-table tbody tr{transition:background-color .18s,transform .15s}.yarn-table tbody tr:hover{background:color-mix(in srgb, var(--bs-primary,#0d6efd) 6%, transparent)}.yarn-pagination{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.floating-readonly-label{text-transform:uppercase;letter-spacing:.02em;color:var(--bs-secondary-color,#6c757d);margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.yarn-code-readonly{background:var(--bs-tertiary-bg,#f8f9fa);border-radius:10px;font-weight:500}.yarn-code-help{color:var(--bs-secondary-color,#6c757d);margin-top:.25rem;font-size:.72rem}.yarn-duplicate-alert{background:#dc35450f;border:1px solid #dc354559;border-radius:10px;padding:.5rem .65rem}.yarn-duplicate-title{color:#842029;font-size:.78rem;font-weight:600}.yarn-duplicate-list{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.yarn-duplicate-chip{color:#842029;background:#ffffffd9;border:1px solid #dc354559;border-radius:999px;padding:.12rem .5rem;font-size:.72rem}.yarn-modal-overlay{z-index:1200;background:#0d13218c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.yarn-modal-box{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:14px;width:min(600px,100%);animation:.16s ease-out yarnPop;box-shadow:0 16px 36px #0003}.yarn-import-overlay{z-index:1300;background:#02061773;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.yarn-import-modal{background:#fff;border:1px solid #dce3ee;border-radius:12px;width:min(920px,100%);box-shadow:0 18px 40px #0003}.yarn-import-header,.yarn-import-footer{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex}.yarn-import-footer{border-top:1px solid #eef2f7;border-bottom:none;justify-content:flex-end;gap:.5rem}.yarn-import-body{padding:.9rem 1rem}.yarn-import-summary{flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.35rem;font-size:.78rem;display:flex}.yarn-import-hint{margin-bottom:.35rem!important}.yarn-import-preview{scrollbar-gutter:stable;border:1px solid #dce3ee;border-radius:8px;max-height:340px;overflow:auto scroll}.yarn-import-preview::-webkit-scrollbar{width:8px;height:8px}.yarn-import-preview::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:6px}.yarn-modal-header,.yarn-modal-footer{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.yarn-modal-header{border-bottom:1px solid var(--bs-border-color,#dee2e6)}.yarn-modal-body{padding:1rem}.yarn-modal-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end}.yarn-import-table thead th{z-index:1;text-transform:uppercase;white-space:nowrap;background:#f8fafc;font-size:.68rem;position:sticky;top:0}.yarn-import-table tbody td{vertical-align:top;font-size:.74rem}.import-row--ok{background:#f0fdf4}.import-row--duplicate{background:#fffbeb}.import-row--invalid,.import-row--error{background:#fef2f2}.import-row--imported{background:#ecfdf5}.import-row--selected{outline-offset:-2px;outline:2px solid #2563eb59}.import-result-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:.1rem .45rem;font-size:.62rem;font-weight:800;display:inline-flex}.import-result-badge--ok{color:#166534;background:#dcfce7}.import-result-badge--duplicate{color:#b45309;background:#fef3c7}.import-result-badge--invalid,.import-result-badge--error{color:#b91c1c;background:#fee2e2}.import-result-badge--imported{color:#047857;background:#d1fae5}.import-reason-btn{max-width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.72rem;font-weight:600;line-height:1.25;display:inline-flex}.import-reason-btn:hover{text-decoration:underline}.yarn-import-error-detail{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:.55rem;overflow:hidden}.yarn-import-error-detail--invalid,.yarn-import-error-detail--error,.yarn-import-error-detail--duplicate{background:#fff7f7;border-color:#fecaca}.yarn-import-error-detail--ok,.yarn-import-error-detail--imported{background:#f0fdf4;border-color:#bbf7d0}.yarn-import-error-detail__head{border-bottom:1px solid #e2e8f0e6;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.78rem;display:flex}.yarn-import-error-detail__body{white-space:pre-wrap;word-break:break-word;margin:0;padding:.55rem .65rem;font-size:.74rem;line-height:1.45}@keyframes yarnPop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1200px){.yarn-master-wrapper{grid-template-columns:1fr}.yarn-form-content,.yarn-table-wrap{max-height:none}}@media (width<=768px){.yarn-stats-grid,.yarn-toolbar{grid-template-columns:1fr}.yarn-sticky-actions{flex-direction:column;align-items:stretch}}.size-master-wrapper{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;min-height:calc(100vh - 140px);display:grid}.size-form-panel,.size-list-panel{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:16px;box-shadow:0 6px 20px #0000000a}.size-form-header{z-index:2;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;position:sticky;top:0}.size-form-content{max-height:calc(100vh - 270px);padding:1rem;overflow:auto}.size-master-wrapper .form-control-erp-floating,.size-master-wrapper .form-select-erp-floating{font-weight:400}.size-form-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end;gap:.5rem;padding:.9rem 1rem;display:flex}.size-list-panel{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.size-sticky-actions{z-index:3;background:inherit;border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;display:flex;position:sticky;top:0}.size-title-wrap{min-width:260px}.size-stats-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:.75rem;display:grid}.size-stat-card{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa);border-radius:12px;padding:.75rem}.size-toolbar{grid-template-columns:minmax(240px,1fr) 160px 130px;gap:.5rem;display:grid}.size-search{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.size-search input{background:0 0;border:none;outline:none;width:100%}.size-table-wrap{border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;max-height:calc(100vh - 420px);overflow:auto}.size-table thead th{z-index:1;background:var(--bs-tertiary-bg,#f8f9fa);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;font-size:.82rem;font-weight:700;position:sticky;top:0}.size-table tbody tr{cursor:pointer;transition:background-color .18s}.size-table tbody tr:hover{background:color-mix(in srgb, var(--bs-primary,#0d6efd) 6%, transparent)}.size-pagination{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.size-calc-section{background:var(--bs-tertiary-bg,#f8f9fa);border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;padding:.85rem}.size-calc-title{color:var(--bs-secondary-color,#6c757d);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.68rem;font-weight:700}.size-calc-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;display:grid}.size-calc-card{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:10px;flex-direction:column;padding:.5rem .65rem;display:flex}.size-calc-card .label{color:var(--bs-secondary-color,#6c757d);margin-bottom:.15rem;font-size:.62rem;font-weight:600}.size-calc-card .value{color:var(--bs-primary,#0d6efd);font-size:.88rem;font-weight:700}.floating-readonly-label{text-transform:uppercase;letter-spacing:.02em;color:var(--bs-secondary-color,#6c757d);margin-top:1rem;margin-bottom:.35rem;font-size:.7rem;font-weight:600;display:block}.size-code-readonly{background:var(--bs-tertiary-bg,#f8f9fa);border-radius:10px;font-weight:500}@media (width<=1200px){.size-master-wrapper{grid-template-columns:1fr}.size-form-content,.size-table-wrap{max-height:none}}.agency-master-wrapper{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;min-height:calc(100vh - 140px);display:grid}.agency-form-panel,.agency-list-panel{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:16px;box-shadow:0 6px 20px #0000000a}.agency-form-header{z-index:2;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;position:sticky;top:0}.agency-form-content{max-height:calc(100vh - 270px);padding:1rem;overflow:auto}.agency-section-title{color:var(--bs-secondary-color,#6c757d);letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.68rem;font-weight:700;display:flex}.agency-section-title i{color:var(--bs-primary,#0d6efd);font-size:.85rem}.agency-form-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end;gap:.5rem;padding:.9rem 1rem;display:flex}.agency-list-panel{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.agency-sticky-actions{z-index:3;background:inherit;border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;padding:.85rem;position:sticky;top:0}.agency-title-wrap{min-width:220px}.agency-stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:.75rem;display:grid}.agency-stat-card{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa);border-radius:10px;flex-direction:column;padding:.5rem .75rem;display:flex}.agency-stat-card .label{color:var(--bs-secondary-color,#6c757d);text-transform:uppercase;font-size:.65rem;font-weight:600}.agency-stat-card .value{font-size:1.1rem;font-weight:700}.agency-toolbar{grid-template-columns:1fr;gap:.5rem;display:grid}.agency-search{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .85rem;transition:border-color .2s;display:flex}.agency-search:focus-within{border-color:var(--bs-primary,#0d6efd)}.agency-search input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.agency-table-wrap{border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;max-height:calc(100vh - 420px);overflow:auto}.agency-table thead th{z-index:1;background:var(--bs-tertiary-bg,#f8f9fa);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:.85rem 1rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.agency-table tbody td{border-bottom:1px solid var(--bs-border-color,#dee2e6);padding:.85rem 1rem}.agency-table tbody tr{transition:background-color .15s}.agency-table tbody tr:hover{background-color:rgba(var(--bs-primary-rgb), .03)}.agency-pagination{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}@media (width<=1200px){.agency-master-wrapper{grid-template-columns:1fr}.agency-form-content,.agency-table-wrap{max-height:none}}@media print{.no-print{display:none!important}.agency-master-wrapper{display:block}.agency-form-panel{display:none}.agency-list-panel{box-shadow:none;border:none;width:100%}.agency-table-wrap{max-height:none;overflow:visible}}.shipping-master-wrapper{grid-template-columns:minmax(320px,380px) 1fr;gap:1rem;min-height:calc(100vh - 140px);display:grid}.shipping-form-panel,.shipping-list-panel{background:var(--bs-body-bg,#fff);border:1px solid var(--bs-border-color,#dee2e6);border-radius:16px;box-shadow:0 6px 20px #0000000a}.shipping-form-header{z-index:2;border-bottom:1px solid var(--bs-border-color,#dee2e6);background:inherit;border-top-left-radius:16px;border-top-right-radius:16px;padding:1rem;position:sticky;top:0}.shipping-form-content{max-height:calc(100vh - 270px);padding:1rem;overflow:auto}.shipping-section-title{color:var(--bs-secondary-color,#6c757d);letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.68rem;font-weight:700;display:flex}.shipping-section-title i{color:var(--bs-primary,#0d6efd);font-size:.85rem}.shipping-form-footer{border-top:1px solid var(--bs-border-color,#dee2e6);justify-content:flex-end;gap:.5rem;padding:.9rem 1rem;display:flex}.shipping-list-panel{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.shipping-sticky-actions{z-index:3;background:inherit;border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;padding:.85rem;position:sticky;top:0}.shipping-title-wrap{min-width:220px}.shipping-stats-grid{grid-template-columns:repeat(3,minmax(120px,1fr));gap:.75rem;display:grid}.shipping-stat-card{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-tertiary-bg,#f8f9fa);border-radius:10px;flex-direction:column;padding:.5rem .75rem;display:flex}.shipping-stat-card .label{color:var(--bs-secondary-color,#6c757d);text-transform:uppercase;font-size:.65rem;font-weight:600}.shipping-stat-card .value{font-size:1.1rem;font-weight:700}.shipping-toolbar{grid-template-columns:1fr;gap:.5rem;display:grid}.shipping-search{border:1px solid var(--bs-border-color,#dee2e6);background:var(--bs-body-bg,#fff);border-radius:10px;align-items:center;gap:.6rem;padding:.4rem .85rem;transition:border-color .2s;display:flex}.shipping-search:focus-within{border-color:var(--bs-primary,#0d6efd)}.shipping-search input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.shipping-table-wrap{border:1px solid var(--bs-border-color,#dee2e6);border-radius:12px;max-height:calc(100vh - 420px);overflow:auto}.shipping-table thead th{z-index:1;background:var(--bs-tertiary-bg,#f8f9fa);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;padding:.85rem 1rem;font-size:.75rem;font-weight:700;position:sticky;top:0}.shipping-table tbody td{border-bottom:1px solid var(--bs-border-color,#dee2e6);padding:.85rem 1rem}.shipping-table tbody tr{transition:background-color .15s}.shipping-table tbody tr:hover{background-color:rgba(var(--bs-primary-rgb), .03)}.table-active-row{background-color:rgba(var(--bs-primary-rgb), .06)!important}.shipping-pagination{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.bg-indigo-soft{color:#4338ca;background-color:#e0e7ff}.bg-cyan-soft{color:#0e7490;background-color:#ecfeff}.bg-blue-soft{color:#1d4ed8;background-color:#eff6ff}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.badge-erp{border-radius:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-block}@media (width<=1200px){.shipping-master-wrapper{grid-template-columns:1fr}.shipping-form-content,.shipping-table-wrap{max-height:none}}@media print{.no-print{display:none!important}.shipping-master-wrapper{display:block}.shipping-form-panel{display:none}.shipping-list-panel{box-shadow:none;border:none;width:100%}.shipping-table-wrap{max-height:none;overflow:visible}}.erp-layout__main:has(.masters-dashboard--tabs){flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.erp-layout__main:has(.masters-dashboard--tabs) footer{flex-shrink:0;border-top:1px solid #e8edf2!important;margin-top:0!important;padding:.15rem .5rem!important}.erp-layout__main:has(.masters-dashboard--tabs) footer p{color:#94a3b8!important;margin:0!important;font-size:.5625rem!important}.erp-layout__content:has(.masters-dashboard--tabs){box-sizing:border-box;flex-direction:column;flex:1;min-height:0;padding:.4rem .85rem .2rem;display:flex;overflow:hidden}@media (width>=1200px){.erp-layout__content:has(.masters-dashboard--tabs){height:calc(100vh - var(--navbar-height) - 24px);max-height:calc(100vh - var(--navbar-height) - 24px);overflow-y:auto}.masters-hub__stack{grid-template-rows:repeat(6,minmax(72px,1fr));height:auto;min-height:100%}.masters-dashboard--tabs,.masters-hub__body,.masters-hub__row{overflow:visible}}.masters-dashboard--tabs{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.masters-hub__head{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem;display:flex}.masters-hub__crumb{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin:0 0 .1rem;font-size:.5625rem;font-weight:600}.masters-hub__crumb a{color:#94a3b8;text-decoration:none}.masters-hub__crumb a:hover{color:#2563eb}.masters-hub__crumb span{margin:0 .3rem}.masters-hub__title{color:#0f172a;letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.15}.masters-hub__head-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.masters-hub__search{width:240px;position:relative}.masters-hub__search i{color:#94a3b8;pointer-events:none;font-size:.75rem;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.masters-hub__search input{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:36px;padding:0 .75rem 0 2.1rem;font-size:.8125rem;font-weight:500}.masters-hub__search input:focus{border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f61a}.masters-hub__exit{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.35rem;height:36px;padding:0 .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.masters-hub__exit:hover{color:#0f172a;background:#f8fafc}.masters-hub__exit i{font-size:.65rem}.masters-hub__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.masters-hub__stack{flex:1;grid-template-rows:repeat(6,minmax(72px,1fr));gap:.35rem;height:100%;min-height:0;display:grid}.masters-hub__row{flex-direction:column;gap:.25rem;min-height:0;display:flex;overflow:hidden}.masters-hub__row--wrap .masters-hub__row-cards{min-height:calc(128px + .65rem)}.masters-hub__row:last-child{border-bottom:none;padding-bottom:0}.masters-hub__row-label{color:var(--row-color,#334155);letter-spacing:.01em;border-bottom:2px solid var(--row-color,#2563eb);flex-shrink:0;align-self:flex-start;margin:0;padding:.2rem 0 .45rem;font-size:.8125rem;font-weight:700;line-height:1.2}.masters-hub__row-cards{flex:1;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;align-items:stretch;gap:.65rem;min-height:64px;display:grid}.masters-hub__row-cards .masters-hub__card{box-sizing:border-box;width:100%;height:64px;min-height:64px;max-height:64px}.masters-hub__grid--search{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-content:start;gap:.65rem;height:100%;display:grid;overflow-y:auto}.masters-hub__grid--search .masters-hub__card{width:100%;height:64px;min-height:64px;max-height:64px}.masters-hub__empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.masters-hub__empty p{margin:.25rem 0 0;font-size:.75rem;font-weight:600}.masters-hub__card{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #e8edf2;border-radius:10px;align-items:center;gap:.65rem;height:64px;min-height:64px;padding:.65rem .75rem;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex;box-shadow:0 1px 3px #0f172a0a}.masters-hub__card:hover,.masters-hub__card:focus-visible,.masters-hub__card:active{background:var(--tab-accent,#2563eb);border-color:var(--tab-accent,#2563eb);transform:translateY(-1px);box-shadow:0 4px 14px #2563eb38}.masters-hub__card:hover .masters-hub__card-icon,.masters-hub__card:focus-visible .masters-hub__card-icon,.masters-hub__card:active .masters-hub__card-icon{color:#fff!important;background:#ffffff38!important}.masters-hub__card:hover .masters-hub__card-title,.masters-hub__card:hover .masters-hub__card-desc,.masters-hub__card:focus-visible .masters-hub__card-title,.masters-hub__card:focus-visible .masters-hub__card-desc,.masters-hub__card:active .masters-hub__card-title,.masters-hub__card:active .masters-hub__card-desc{color:#fff}.masters-hub__card-icon{background:color-mix(in srgb, var(--card-accent,#2563eb) 12%, #fff);width:36px;height:36px;color:var(--card-accent,#2563eb);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.masters-hub__card-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.masters-hub__card-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:700;line-height:1.2;overflow:hidden}.masters-hub__card-desc{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-weight:500;line-height:1.25;overflow:hidden}.masters-hub__card:focus-visible{outline:2px solid var(--tab-accent,#2563eb);outline-offset:2px}.masters-hub__card.is-dummy{background:#fafbfc;border-style:dashed;border-color:#cbd5e1}.masters-hub__card.is-dummy .masters-hub__card-desc{color:#f59e0b;font-style:italic;font-weight:700}.masters-hub__card.is-dummy:hover .masters-hub__card-desc,.masters-hub__card.is-dummy:focus-visible .masters-hub__card-desc,.masters-hub__card.is-dummy:active .masters-hub__card-desc{color:#fff;font-style:normal}@media (width<=1199.98px){.erp-layout__content:has(.masters-dashboard--tabs){height:auto;max-height:none;overflow-y:auto}.masters-hub__stack{grid-template-rows:auto;gap:.75rem;height:auto}.masters-hub__row{border-bottom:none}.masters-hub__row-cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}}@media (width<=768px){.masters-hub__head{flex-wrap:wrap}.masters-hub__search{width:100%;max-width:260px}}.bom-view-backdrop{z-index:1040;cursor:pointer;background:#0f172a80;border:none;position:fixed;inset:0}.bom-view-modal{z-index:1050;flex-direction:column;width:min(960px,94vw);max-height:90vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bom-view-modal__toolbar{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.bom-view-modal__title{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1.1rem}.bom-view-print-btn{border:1px solid var(--primary);background:var(--primary-glow);color:var(--primary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.bom-view-print-btn:disabled{opacity:.5;cursor:not-allowed}.bom-view-panel__close{background:var(--bg-main);cursor:pointer;color:var(--text-secondary);border:none;border-radius:.5rem;padding:.35rem}.bom-view-modal__scroll{flex:1;padding:1.25rem;overflow:auto}.bom-history-block{border-top:1px dashed var(--border-color,#e2e8f0);margin-top:1.25rem;padding-top:1rem}.bom-history-block__title{color:var(--text-main,#0f172a);margin:0 0 .25rem;font-size:.85rem;font-weight:700}.bom-history-block__meta{color:var(--text-muted,#64748b);margin:0 0 .6rem;font-size:.75rem}.bom-history-block__empty{color:var(--text-muted,#64748b);font-size:.8rem}.bom-history-block__list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.bom-history-block__list li{background:var(--bg-main,#f8fafc);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:.4rem;padding:.4rem .6rem;font-size:.75rem;display:flex}.bom-history-block__type{color:var(--primary);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:700}.bom-history-block__desc{color:var(--text-main,#0f172a)}.bom-history-block__reason{color:var(--text-secondary,#475569);font-style:italic}.bom-history-block__by{color:var(--text-muted,#94a3b8);white-space:nowrap;margin-left:auto}.bom-view-panel__loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}.bom-print-bom-block{border-bottom:1px dashed var(--border-color);margin-bottom:1.25rem;padding-bottom:1rem}.bom-print-bom-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.bom-print-header h1{color:var(--text-main);margin:0 0 .5rem;font-family:Poppins,sans-serif;font-size:1.1rem}.bom-print-company{color:var(--text-main);margin-bottom:.35rem;font-size:.85rem}.bom-print-company__tagline{color:var(--text-muted);font-size:.7rem;font-weight:500;display:block}.bom-print-meta-grid{grid-template-columns:repeat(4,1fr);gap:.75rem 1rem;margin-bottom:1rem;display:grid}.bom-print-meta-grid p{color:var(--text-main);margin:.2rem 0 0;font-weight:600}.bom-print-description{margin-bottom:1rem}.bom-print-description p{margin:.25rem 0 0}.bom-print-lines-heading{margin:0 0 .75rem;font-family:Poppins,sans-serif;font-size:.95rem}.bom-print-table{border-collapse:collapse;width:100%;font-size:.75rem}.bom-print-table th,.bom-print-table td{border:1px solid var(--border-color);text-align:left;padding:.4rem .35rem}.bom-print-table thead th{background:var(--bg-main);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:700}.bom-line-critical td{color:var(--text-main);font-weight:700!important}.bom-lines-total-row td{border-top:2px solid var(--border-color);background:var(--bg-main);font-weight:700}.bom-lines-total-label{text-align:right;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.65rem}.bom-lines-total-qty{color:var(--primary);font-variant-numeric:tabular-nums}.bom-view-load-warn{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:.375rem;margin:0 0 .75rem;padding:.5rem .75rem;font-size:.8125rem}@keyframes bomSpin{to{transform:rotate(360deg)}}@media print{@page{size:A4 portrait;margin:5mm}.erp-layout .sidebar,.erp-layout__container>nav,.erp-layout__main>footer,.bom-view-backdrop,.no-print,.bom-view-modal__toolbar,.no-print-chrome .no-print{display:none!important}body{background:#fff!important;margin:0!important;padding:0!important;font-size:9px!important}body *{visibility:hidden;font-size:9px!important}.modal-print-container,.modal-print-container *{visibility:visible;font-size:9px!important}.print-yarn-count-subtext{display:none!important}.print-hide-col,.col-print-code{border:none!important;width:0!important;padding:0!important;display:none!important}.col-print-no{width:4%!important}.col-print-yarn-count{width:26%!important}.col-print-color{width:10%!important}.col-print-qty{width:8%!important}.col-print-uom{width:6%!important}.col-print-waste,.col-print-dyed{width:5%!important}.col-print-critical{width:6%!important}.col-print-child-bom{width:14%!important;font-size:8px!important}.bom-print-header h1{margin-bottom:.25rem!important;font-size:11px!important}.bom-print-company{margin-bottom:.2rem!important;font-size:10px!important}.bom-print-meta-grid p{margin:0;font-size:9px!important}.bom-print-meta-grid .form-label-erp{font-size:7px!important}.bom-view-modal{width:auto!important;max-height:none!important;box-shadow:none!important;border:none!important;position:static!important;overflow:visible!important;transform:none!important}.modal-print-container{box-sizing:border-box;width:210mm;min-height:auto;max-height:none;padding:5mm;position:absolute;top:0;left:0;box-shadow:none!important;page-break-inside:avoid!important;background:#fff!important;border:none!important;border-radius:0!important;overflow:visible!important}.bom-print-bom-block{page-break-inside:avoid!important;break-inside:avoid!important;border-bottom:1px solid #ccc!important;margin-bottom:4px!important;padding-bottom:4px!important}.bom-print-bom-block:last-child{border-bottom:none!important}.bom-view-modal__scroll{padding:0!important;overflow:visible!important}.bom-print-table{table-layout:fixed;word-wrap:break-word;width:100%;font-size:9px!important}.bom-print-table th,.bom-print-table td{text-overflow:ellipsis;padding:1px 2px;overflow:hidden}.bom-print-meta-grid{grid-template-columns:repeat(4,1fr);gap:.35rem .5rem;margin-bottom:.5rem}.bom-print-lines-heading{margin:.35rem 0;font-size:10px!important}table{page-break-inside:auto}tr{page-break-inside:avoid!important;break-inside:avoid!important}thead{display:table-header-group}tfoot{display:table-footer-group}.bom-lines-total-row td{border-top:1px solid #000;font-weight:700}}@media (width<=768px){.bom-print-meta-grid{grid-template-columns:repeat(2,1fr)}}.bom-list-page{background:var(--bg-main);min-height:calc(100vh - var(--navbar-height));padding:1.25rem 1.5rem 1.5rem}.bom-list-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bom-list-page__header h1{color:var(--text-main);margin:0 0 .2rem;font-family:Poppins,sans-serif;font-size:1.45rem;font-weight:700}.bom-list-page__subtitle{color:var(--text-muted);margin:0;font-size:.8125rem;font-weight:500}.bom-kpi-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-bottom:1rem;display:grid}@media (width<=1200px){.bom-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.bom-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.bom-kpi{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:12px;align-items:center;gap:.7rem;min-width:0;padding:.7rem .9rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.bom-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.bom-kpi__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bom-kpi--indigo .bom-kpi__icon{color:#4f46e5;background:#e0e7ff}.bom-kpi--amber .bom-kpi__icon{color:#d97706;background:#fef3c7}.bom-kpi--emerald .bom-kpi__icon{color:#059669;background:#d1fae5}.bom-kpi--violet .bom-kpi__icon{color:#7c3aed;background:#ede9fe}.bom-kpi__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#64748b);white-space:nowrap;margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.bom-kpi__value{color:var(--text-main,#0f172a);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:1.1;display:block}.bom-list-card{flex-direction:column;display:flex;overflow:hidden}.bom-list-filters{border-bottom:1px solid var(--border-color);background:linear-gradient(#fafbfd 0%,#fff 100%);grid-template-columns:repeat(4,minmax(0,1fr)) repeat(3,minmax(0,110px)) auto;align-items:end;gap:.65rem .75rem;padding:.85rem 1rem;display:grid}.bom-list-filter-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.3rem;font-size:.65rem;font-weight:700;display:block}.bom-list-filter-field .form-control-erp{min-height:34px;padding:.42rem .65rem;font-size:.8125rem}.bom-list-filter-input-wrap{position:relative}.bom-list-filter-input-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.55rem;transform:translateY(-50%)}.bom-list-filter-input-wrap .form-control-erp{padding-left:1.85rem}.bom-list-filter-field--status{min-width:110px}.bom-list-clear-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:.45rem;align-self:end;padding:.42rem .75rem;font-size:.75rem;font-weight:600}.bom-list-clear-btn:hover{border-color:var(--primary);color:var(--primary)}.bom-list-toolbar{border-bottom:1px solid var(--border-color);background:#fff;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;padding:.55rem 1rem;display:flex}.bom-list-bulk-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bom-list-bulk-count{color:var(--text-muted);min-width:72px;font-size:.75rem;font-weight:600}.bom-list-table-wrap{max-height:calc(100vh - var(--navbar-height) - 260px);min-height:280px;overflow:auto}.bom-list-table{border-collapse:collapse;width:100%;font-size:.8125rem}.bom-list-table thead th{z-index:2;color:#475569;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.55rem .65rem;font-size:.67rem;font-weight:700;position:sticky;top:0}.bom-list-table tbody td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #eef2f7;padding:.42rem .65rem}.bom-list-table tbody tr{background:#f8fafc}.bom-list-table tbody tr:nth-child(2n){background:#f1f5f9}.bom-list-table tbody tr:hover{background:#eff6ff}.bom-list-row--selected{background:var(--primary-glow)!important}.bom-col-check{text-align:center;width:36px}.bom-col-check input[type=checkbox]{cursor:pointer;width:15px;height:15px}.bom-col-mono{color:#334155;font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem}.bom-col-design{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:600;overflow:hidden}.bom-col-center{text-align:center}.bom-col-date{white-space:nowrap;color:#475569;font-size:.78rem}.bom-col-actions{white-space:nowrap;text-align:right;width:1%;padding-top:.3rem;padding-bottom:.3rem}.bom-code-link{color:var(--primary);cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0}.bom-code-link:hover{text-decoration:underline}.bom-list-muted{color:var(--text-muted)}.bom-line-totals{flex-wrap:wrap;gap:.25rem;max-width:180px;display:flex}.bom-line-total-chip{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;align-items:baseline;gap:.2rem;padding:.12rem .4rem;font-size:.72rem;line-height:1.2;display:inline-flex}.bom-line-total-chip__qty{color:#3730a3;font-weight:700}.bom-line-total-chip__uom{color:#6366f1;text-transform:uppercase;font-size:.65rem;font-weight:600}.bom-list-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.bom-list-badge--approved{background:var(--success-light);color:var(--success)}.bom-list-badge--draft{background:var(--warning-light);color:var(--warning)}.bom-active-pill{color:#64748b;font-size:.72rem;font-weight:600}.bom-active-pill--active{color:#047857}.bom-active-pill--inactive{color:#b45309}.bom-col-stage{text-overflow:ellipsis;white-space:nowrap;color:#334155;max-width:140px;font-size:.75rem;font-weight:600;overflow:hidden}.bom-col-product{flex-direction:column;gap:.1rem;max-width:220px;display:flex}.bom-col-product__code{color:#334155;font-family:ui-monospace,Cascadia Code,monospace;font-size:.78rem;font-weight:700}.bom-col-product__sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.bom-type-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:.14rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.bom-lines-cell{align-items:center;gap:.35rem;display:flex}.bom-lines-cell__count{color:#334155;font-size:.78rem;font-weight:700}.bom-lines-cell__child-badge{color:#7c3aed;white-space:nowrap;background:#ede9fe;border-radius:999px;align-items:center;gap:.15rem;padding:.08rem .4rem;font-size:.63rem;font-weight:700;display:inline-flex}.bom-reports-panel{margin-top:1rem}.bom-reports-panel__head{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.85rem 1rem;display:flex}.bom-reports-panel__head h3{color:var(--text-main);margin:0;font-size:.85rem;font-weight:700}.bom-reports-panel__hint{color:var(--text-muted);font-size:.72rem}.bom-report-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.65rem;padding:1rem;display:grid}.bom-report-card{border:1px solid var(--border-color);background:hsl(calc(var(--chip-hue,210)), 85%, 97%);color:hsl(calc(var(--chip-hue,210)), 55%, 32%);border-radius:10px;align-items:center;gap:.55rem;padding:.7rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.bom-report-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.bom-report-card--lookup{cursor:default;align-items:flex-start}.bom-report-card__lookup{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.bom-report-card__lookup select{min-height:30px;padding:.25rem .5rem;font-size:.75rem}.bom-copy-version-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.bom-copy-version-row select{width:auto;min-width:140px}.bom-actions-menu{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:.28rem;display:inline-flex}.bom-ghost-action{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;align-items:center;gap:.22rem;padding:.26rem .48rem;font-size:.72rem;font-weight:600;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.bom-ghost-action:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#cbd5e1}.bom-ghost-action--primary{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.bom-ghost-action--primary:hover:not(:disabled){color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.bom-ghost-action--warning{color:#ea580c;background:#fffbeb;border-color:#fdba74}.bom-ghost-action--warning:hover:not(:disabled){color:#c2410c;background:#fef3c7;border-color:#fb923c}.bom-ghost-action--danger{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.bom-ghost-action--danger:hover:not(:disabled){color:#b91c1c;background:#fee2e2;border-color:#f87171}.bom-ghost-action:disabled{opacity:.4;cursor:not-allowed}.bom-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:inline-flex}.bom-icon-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#eff6ff}.bom-icon-btn--primary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.bom-icon-btn--warning:hover:not(:disabled){border-color:var(--warning);color:var(--warning);background:var(--warning-light)}.bom-icon-btn--danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger);background:var(--danger-light)}.bom-icon-btn:disabled{opacity:.4;cursor:not-allowed}.bom-action-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.bom-action-btn:hover{border-color:var(--primary);color:var(--primary)}.bom-action-btn--primary{background:var(--primary-glow);border-color:var(--primary);color:var(--primary)}.bom-action-btn--danger{border-color:var(--danger);color:var(--danger)}.bom-action-btn--danger:hover{background:var(--danger-light)}.bom-action-btn:disabled{opacity:.45;cursor:not-allowed}.bom-action-btn--warning{background:var(--warning-light);border-color:var(--warning);color:var(--warning)}.bom-list-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1rem!important}.bom-list-footer{border-top:1px solid var(--border-color);color:var(--text-muted);background:#fafbfd;padding:.55rem 1rem;font-size:.75rem;font-weight:600}.bom-audit-modal{width:min(480px,96vw);overflow:hidden}.bom-audit-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.bom-audit-modal__header h3{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600}.bom-audit-modal__close{background:var(--bg-main);cursor:pointer;color:var(--text-secondary);border:none;border-radius:.5rem;padding:.35rem}.bom-audit-modal__textarea{resize:vertical;width:100%;min-height:100px}.bom-audit-modal__footer{border-top:1px solid var(--border-color);background:var(--bg-main);justify-content:flex-end;gap:.5rem;padding:1rem 1.25rem;display:flex}.bom-audit-modal__confirm{cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.bom-audit-modal__confirm--warning{background:var(--warning);color:#fff}.bom-audit-modal__confirm--danger{background:var(--danger);color:#fff}.bom-audit-modal__confirm--primary{background:var(--primary);color:#fff}.bom-product-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:stretch;display:flex;overflow:hidden}.bom-product-search-bar__field{flex-direction:column;flex:1;gap:.2rem;min-width:0;padding:.55rem .85rem;display:flex}.bom-product-search-bar__label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.65rem;font-weight:700}.bom-product-search-bar__input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;padding:0;font-size:.875rem;font-weight:500}.bom-product-search-bar__input::placeholder{color:#94a3b8;font-weight:400}.bom-product-search-bar__sep{background:#e2e8f0;flex-shrink:0;width:1px}.bom-product-search-bar__reset{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:none;border-left:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:.3rem;padding:0 .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.bom-product-search-bar__reset:hover{color:var(--primary);background:#eff6ff}@media (width<=768px){.bom-product-search-bar{flex-direction:column}.bom-product-search-bar__sep{width:100%;height:1px}.bom-product-search-bar__reset{border-top:1px solid #e2e8f0;border-left:none;justify-content:center;padding:.55rem}}.bom-copy-overlay{z-index:1400;background:#02061773;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bom-copy-modal{flex-direction:column;width:min(920px,100%);max-height:min(90vh,720px);display:flex}.bom-copy-modal__header,.bom-copy-modal__footer{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.bom-copy-modal__footer{border-bottom:none;border-top:1px solid var(--border-color);justify-content:flex-end}.bom-copy-modal__close{cursor:pointer;background:0 0;border:none;padding:.25rem}.bom-copy-modal__body{flex:1;padding:.85rem 1rem;overflow:auto}.bom-copy-search{align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.bom-copy-product-list{max-height:340px;overflow:auto}.bom-copy-row--selected{background:#eff6ff!important}.bom-badge{border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-block}.bom-badge--yes{color:#b45309;background:#fef3c7}.bom-badge--no{color:#047857;background:#ecfdf5}.bom-copy-update-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .85rem}.bom-copy-update-toggle{color:#0f172a;cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.bom-copy-update-toggle input{margin-top:.2rem}@media (width<=1100px){.bom-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.bom-list-filters{grid-template-columns:1fr}.bom-list-table-wrap{max-height:none}}.bom-create-page{max-width:100%;min-height:calc(100vh - var(--navbar-height));background:var(--bg-main);padding:.75rem 1rem 1.5rem}.bom-prefill-banner{border:1px solid var(--primary);background:#2563eb0f;align-items:flex-start;gap:.65rem;margin-bottom:.65rem;padding:.65rem .85rem;display:flex}.bom-prefill-banner strong{margin-bottom:.15rem;font-size:.8125rem;display:block}.bom-prefill-banner span{color:var(--text-secondary);font-size:.75rem}.bom-prefill-banner svg{color:var(--primary);flex-shrink:0;margin-top:.15rem}.bom-create-page__title{color:var(--text-main);align-items:center;gap:.5rem;margin-bottom:0;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.bom-create-page__header{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.75rem;display:flex}.bom-back-btn{border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;border-radius:.5rem;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.bom-back-btn:hover{border-color:var(--primary);color:var(--primary)}.form-control-erp--compact{min-height:34px;padding:.35rem .5rem;font-size:.8125rem}.bom-section{margin-bottom:.75rem;overflow:hidden}.bom-section__header{border-bottom:1px solid var(--border-color);color:var(--text-main);padding:.65rem 1rem;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600}.bom-section__body{padding:.75rem 1rem}.bom-grid-4{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.bom-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bom-grid-4{grid-template-columns:repeat(4,1fr)}}.bom-grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.bom-grid-2{grid-template-columns:repeat(2,1fr)}}.bom-master-row--7{flex-flow:row;align-items:flex-end;gap:.35rem;width:100%;margin-bottom:.35rem;padding-bottom:2px;display:flex;overflow:auto visible}.bom-master-row--7>.bom-master-field,.bom-master-row--7>.bom-stage-multi{flex:1 1 0;min-width:72px}.bom-master-row--7>.bom-master-field:first-child{flex:1.1 1 0;min-width:100px}.bom-master-row--7>.bom-master-field:nth-child(2){flex:.9 1 0;min-width:88px}.bom-master-row--7>.bom-master-stages-field{flex:1.4 1 0;min-width:120px}.bom-master-stages{border:1px solid var(--border-color);background:var(--bg-main);box-sizing:border-box;border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.2rem;min-height:32px;max-height:32px;padding:.15rem .35rem;display:flex;overflow:auto hidden}.bom-master-stages__empty{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.bom-master-stages__badge{color:var(--primary);background:var(--primary-glow);white-space:nowrap;border:1px solid #2563eb33;border-radius:.35rem;align-items:center;padding:.1rem .35rem;font-size:.65rem;font-weight:600;display:inline-flex}.bom-master-row--7 .bom-stage-multi__control{min-height:32px;max-height:32px;padding:.15rem .35rem}.bom-master-row--7 .bom-stage-multi__tags{gap:.15rem;min-height:auto}.bom-master-row--7 .bom-stage-multi__tag{padding:.1rem .25rem;font-size:.65rem}.bom-master-row--7 .bom-stage-multi__placeholder{font-size:.72rem}.bom-master-row--7 .form-label-erp{white-space:nowrap;margin-bottom:.1rem;font-size:.65rem;line-height:1.1}.bom-master-field{min-width:0}.bom-master-row--desc{margin-top:.25rem}.bom-master-row--desc .form-label-erp{margin-bottom:.15rem;font-size:.68rem}.bom-master-desc__input{resize:none;width:100%;height:40px;min-height:40px;padding-top:.45rem;padding-bottom:.45rem;line-height:1.25}.bom-yarn-search{max-width:320px;margin-bottom:1rem}.bom-master-row{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (width>=768px){.bom-master-row--4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bom-master-row--4{grid-template-columns:repeat(4,1fr)}.bom-master-row--3{grid-template-columns:2fr 1fr 1fr}}.bom-master-row--full{grid-template-columns:1fr}.bom-stage-multi__control{border:1px solid var(--border-color);background:#fff;border-radius:.75rem;align-items:stretch;min-height:48px;display:flex}.bom-stage-multi__tags{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex}.bom-stage-multi__placeholder{color:var(--text-muted);font-size:.875rem}.bom-stage-multi__tag{background:var(--primary-glow);color:var(--primary);border:1px solid #2563eb33;border-radius:.5rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.bom-stage-multi__tag-remove{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0;display:flex}.bom-stage-multi__dropdown-wrap{border-left:1px solid var(--border-color);position:relative}.bom-stage-multi__toggle{background:var(--bg-main);cursor:pointer;height:100%;color:var(--text-secondary);border:none;border-radius:0 .75rem .75rem 0;padding:0 .75rem}.bom-stage-multi__menu{z-index:50;background:var(--bg-card);border:1px solid var(--border-color);min-width:220px;max-height:240px;box-shadow:var(--shadow-premium);border-radius:.5rem;margin:.25rem 0 0;padding:.35rem 0;list-style:none;position:absolute;top:100%;right:0;overflow-y:auto}.bom-stage-multi__menu button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.5rem 1rem;font-size:.875rem}.bom-stage-multi__menu button:hover{background:var(--primary-glow);color:var(--primary)}.bom-stage-multi__menu-empty{color:var(--text-muted);padding:.5rem 1rem;font-size:.8125rem}.bom-color-cell{white-space:nowrap;min-width:90px}.bom-grid-search{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=768px){.bom-grid-search{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.bom-grid-search{grid-template-columns:repeat(4,1fr)}}.bom-product-filter-row{grid-template-columns:1fr;align-items:end;gap:.4rem;display:grid}@media (width>=992px){.bom-product-filter-row{grid-template-columns:2fr .9fr .9fr 1.3fr 1.3fr auto}}.bom-filter-field .form-label-erp{margin-bottom:.15rem;font-size:.68rem}.bom-filter-field--compact .form-control-erp,.bom-filter-field--order .form-control-erp{padding:.35rem .45rem;font-size:.8125rem}.bom-filter-btns{flex-wrap:nowrap;gap:.35rem;display:flex}.bom-filter-field--actions .btn-erp-search,.bom-filter-field--actions .btn-erp-reset{white-space:nowrap;padding:.35rem .65rem;font-size:.75rem}.bom-radio-group{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-bottom:1rem;display:flex}.bom-radio-group label{color:var(--text-main);cursor:pointer;align-items:center;gap:.4rem;margin:0;font-size:.875rem;font-weight:500;display:flex}.bom-filter-actions{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.bom-product-scroll{border:1px solid var(--border-color);border-radius:.75rem;max-height:360px;overflow:auto}.bom-product-scroll .table-erp thead th{z-index:1;line-height:1.1;position:sticky;top:0;padding:.3rem .45rem!important;font-size:.65rem!important}.bom-product-scroll .table-erp tbody td{vertical-align:middle;line-height:1.15;padding:.22rem .45rem!important;font-size:.75rem!important}.bom-product-scroll .table-erp tbody tr{height:32px}.bom-product-scroll .bom-badge{padding:.08rem .35rem;font-size:.58rem;line-height:1.2}.bom-product-scroll input[type=checkbox]{width:14px;height:14px;margin:0}.bom-product-table tbody tr{cursor:pointer;transition:background .15s}.bom-product-table tbody tr.has-bom{background:var(--success-light)}.bom-product-table tbody tr.no-bom{background:var(--danger-light)}.bom-product-table tbody tr:hover{filter:brightness(.98)}.bom-badge{text-transform:uppercase;border-radius:.25rem;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.bom-badge--yes{background:var(--success);color:#fff}.bom-badge--no{background:var(--danger);color:#fff}.bom-selected-summary{background:var(--primary-glow);border:1px solid var(--primary);border-radius:.75rem;margin-top:1rem;padding:1rem}.bom-selected-summary h6{color:var(--primary);margin-bottom:.75rem;font-family:Poppins,sans-serif;font-weight:600}.bom-item-tabs{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.bom-item-tab{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;border-radius:.5rem .5rem 0 0;padding:.6rem 1.1rem;font-size:.8125rem;font-weight:600;transition:all .2s}.bom-item-tab:hover{border-color:var(--primary);color:var(--primary)}.bom-item-tab--active{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary)}.bom-items-scroll{border:1px solid var(--border-color);border-radius:.75rem;max-height:420px;overflow:auto}.bom-items-scroll .table-erp th,.bom-items-scroll .table-erp td{padding:.28rem .45rem;font-size:.78rem;line-height:1.2}.bom-items-scroll .table-erp thead th{padding:.35rem .45rem;font-size:.68rem}.bom-stage-separator td{background:linear-gradient(90deg, var(--primary-glow), transparent);color:var(--primary);font-weight:700;border-top:2px solid var(--primary)!important;padding:.65rem 1rem!important}.bom-stage-separator select{max-width:220px;display:inline-block}.bom-footer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.bom-estimated-cost{color:var(--text-secondary,#475569);background:var(--surface-2,#f1f5f9);border:1px solid var(--border-color,#e2e8f0);border-radius:.5rem;padding:.5rem .9rem;font-size:.9rem}.bom-estimated-cost strong{color:var(--text-primary,#0f172a);margin-left:.35rem;font-size:1rem}.btn-create-bom{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.9375rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 14px #2563eb4d}.btn-create-bom:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #2563eb59}.btn-create-bom:disabled{opacity:.65;cursor:not-allowed}.btn-add-stage{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:.75rem;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-add-stage:hover{border-color:var(--primary);color:var(--primary)}.btn-add-items{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.4rem;margin-top:1rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.btn-add-items:hover{filter:brightness(1.05)}.btn-add-items--apply{background:var(--primary)}.btn-add-items--apply:disabled{opacity:.55;cursor:not-allowed}.bom-lines-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.bom-lines-toolbar__hint{color:var(--text-muted);font-size:.75rem}.bom-lines-toolbar__actions{flex-wrap:wrap;gap:.35rem;display:flex}.bom-change-yarn-banner{background:var(--primary-glow);color:var(--text-main);border:1px solid #2563eb59;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.65rem .85rem;display:flex}.bom-line-row--selected td{background:#eff6ff!important}.bom-line-row--changing td{outline-offset:-2px;outline:2px solid #f59e0b;background:#fef3c7!important}.bom-yarn-pick-row{cursor:pointer}.bom-yarn-pick-row:hover td{background:var(--primary-glow)}.bom-yarn-pick-row--active td{font-weight:600;background:#dbeafe!important}.btn-erp-search{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.35rem;padding:.75rem 1.25rem;font-weight:600;display:inline-flex}.btn-erp-reset{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:.75rem;padding:.75rem 1.25rem;font-weight:600}.bom-line-input{border:1px solid var(--border-color);border-radius:.375rem;width:100%;min-width:70px;padding:.35rem .5rem;font-size:.8125rem}.bom-line-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.bom-line-input--readonly{background:var(--bg-main);border:none}.bom-child-bom-picker-btn{text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;align-items:center;display:inline-flex;overflow:hidden}.bom-child-bom-picker-btn:hover{border-color:var(--primary)}.btn-line-delete{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:.25rem;display:inline-flex}.btn-line-delete:hover{background:var(--danger-light);border-radius:.375rem}.bom-stage-error{color:var(--danger);margin-top:.35rem;font-size:.8125rem;font-weight:600}.bom-info-banner{border:1px dashed var(--info);background:var(--info-light);color:var(--text-secondary);border-radius:.5rem;margin-top:.75rem;padding:.75rem 1rem;font-size:.8125rem}.table-erp{border-collapse:collapse;width:100%;margin:0}.table-erp tbody tr:last-child td{border-bottom:none}.bom-view-overlay{z-index:1050;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.bom-view-modal{background:var(--bg-card);border-radius:1rem;flex-direction:column;width:100%;max-width:980px;max-height:88vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.bom-view-modal__header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.bom-view-modal__code{color:var(--primary);font-family:Poppins,sans-serif;font-size:1rem;font-weight:700}.bom-view-modal__meta{color:var(--text-secondary);margin-left:.75rem;font-size:.85rem}.bom-view-modal__meta .sep{opacity:.4;margin:0 .35rem}.bom-view-modal__actions{align-items:center;gap:.5rem;display:flex}.bom-view-modal__body{flex:1;padding:0;overflow:auto}.bom-line--critical td{color:#0f172a;font-weight:700}.font-bold{font-weight:700!important}.text-slate-900{color:#0f172a!important}.print-yarn-count-subtext{margin-top:.1rem;display:block}.bom-line-code{color:var(--primary);font-family:Courier New,monospace;font-size:.8rem;font-weight:600}@media print{@page{size:A4 portrait;margin:8mm}.erp-layout .sidebar,.erp-layout__container>nav,.erp-layout__main>footer{display:none!important}body{background:#fff!important;margin:0!important;font-size:10px!important}body *{visibility:hidden!important;font-size:10px!important}.modal-print-container,.modal-print-container *{visibility:visible!important;font-size:10px!important}.print-yarn-count-subtext{display:none!important}.modal-print-container{width:210mm!important;min-height:auto!important;box-shadow:none!important;page-break-inside:avoid!important;background:#fff!important;border-radius:0!important;max-height:none!important;margin:0!important;padding:8mm!important;position:absolute!important;top:0!important;left:0!important;overflow:visible!important}.bom-view-overlay{background:0 0!important;padding:0!important;position:static!important}.bom-view-modal__header,.bom-view-modal__actions,.no-print{display:none!important}.bom-view-modal__body{max-height:none!important;overflow:visible!important}.bom-print-bom-block{margin-bottom:6px;page-break-inside:avoid!important;break-inside:avoid!important}table{page-break-inside:auto;font-size:10px!important}tr{page-break-inside:avoid!important;break-inside:avoid!important}thead{display:table-header-group}}.yrp-page{flex-direction:column;gap:.75rem;padding:.5rem 0 1.5rem;display:flex}.yrp-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.yrp-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;display:grid}.yrp-metric{flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.yrp-metric__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.62rem;font-weight:600}.yrp-metric__value{font-size:1.1rem;font-weight:700;line-height:1.1}.yrp-controls{padding:.65rem .85rem}.yrp-controls__row{flex-wrap:wrap;align-items:flex-end;gap:.65rem;display:flex}.yrp-order-select{flex:1;min-width:280px;position:relative}.yrp-order-select__trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.yrp-order-select__panel{z-index:30;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:6px;flex-direction:column;max-height:280px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.yrp-order-select__search{border-bottom:1px solid var(--border-color,#e2e8f0);padding:.45rem}.yrp-order-select__list{flex:1;overflow:auto}.yrp-order-option{cursor:pointer;border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.45rem;padding:.35rem .55rem;font-size:.72rem;display:flex}.yrp-order-option:hover{background:var(--bg-secondary,#f8fafc)}.yrp-order-option input{accent-color:var(--primary)}.yrp-selected-tags{flex-wrap:wrap;gap:.25rem;margin-top:.35rem;display:flex}.yrp-tag{color:#334155;background:#e2e8f0;border-radius:999px;padding:.12rem .4rem;font-size:.62rem;font-weight:600}.yrp-matrix__toolbar{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.yrp-table-wrap{max-height:calc(100vh - 340px);overflow:auto}.yrp-table thead th{z-index:5;color:#f8fafc;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#1e293b;border-bottom:2px solid #0f172a;padding:.45rem .5rem;font-size:.65rem;font-weight:700;position:sticky;top:0}.yrp-table tbody td{vertical-align:middle;white-space:nowrap;padding:.35rem .5rem;font-size:.72rem;font-weight:500}.yrp-table tbody tr:nth-child(2n){background:var(--bg-secondary,#f8fafc)}.yrp-row--order-end td{border-bottom:2px solid #334155!important}.yrp-num-col{font-variant-numeric:tabular-nums;text-align:right!important}.yrp-table thead th.yrp-num-col{text-align:right!important}.yrp-dyed-filter{align-items:center;gap:.35rem;font-size:.72rem;font-weight:600;display:inline-flex}.yrp-alert-banner{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;margin:.45rem .65rem 0;padding:.45rem .65rem;font-size:.72rem;font-weight:700}.yrp-greige-badge{color:#b45309;white-space:normal;background:#fef3c7;border:1px solid #fbbf24;border-radius:4px;max-width:180px;padding:.12rem .35rem;font-size:.6rem;font-weight:700;display:inline-block}.yrp-row--critical td{background:#fef2f2!important}.yrp-row--critical .yrp-critical-text,.yrp-critical-yes{color:#dc2626;font-weight:800}.yrp-critical-no{color:#64748b;font-weight:600}.yrp-footer{color:var(--text-muted);border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.68rem;display:flex}.yrp-dyed-yes{color:#7c3aed;font-weight:700}.yrp-dyed-no{color:#475569;font-weight:600}.yrp-pending-badge{color:#b45309;font-weight:700}.yrp-row--subtotal td{border-top:1px solid #94a3b8;font-weight:700;background:#e2e8f0!important;border-bottom:2px solid #475569!important}.yrp-row--subtotal .yrp-subtotal-label{color:#334155;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem}.yrp-pending-section{margin-top:.75rem}.yrp-pending-section__title{text-transform:uppercase;letter-spacing:.04em;color:#b45309;background:#fffbeb;border-bottom:1px solid #fde68a;padding:.45rem .65rem;font-size:.75rem;font-weight:700}.yrp-badge-pending{color:#b45309;background:#fef3c7;border-radius:4px;padding:.1rem .35rem;font-size:.62rem;font-weight:700;display:inline-block}.yrp-cat-badge{text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;border-radius:4px;padding:.12rem .4rem;font-size:.58rem;font-weight:700;display:inline-block}.yrp-cat-badge--yarn{color:#1d4ed8;background:#dbeafe}.yrp-cat-badge--raw_material{color:#15803d;background:#dcfce7}.yrp-cat-badge--accessory{color:#7e22ce;background:#f3e8ff}.yrp-print-product td{font-size:.68rem;font-weight:700;background:#e2e8f0!important;border-top:2px solid #64748b!important;padding:.35rem .5rem!important}@media (width<=768px){.yrp-table-wrap{max-height:none}.yrp-order-select{min-width:100%}}.brc-picker{grid-template-columns:1.1fr .9fr;gap:.85rem;padding:.75rem;display:grid}.brc-picker__col{flex-direction:column;gap:.5rem;min-width:0;display:flex}.brc-picker__title{color:var(--text-secondary,#334155);align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;display:flex}.brc-picker__filters{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.brc-product-list,.brc-selected-list{border:1px solid var(--border-color,#e2e8f0);border-radius:6px;max-height:320px;overflow-y:auto}.brc-product-list__empty{text-align:center;color:var(--text-muted,#94a3b8);padding:1rem;font-size:.75rem}.brc-product-row,.brc-selected-row{border-bottom:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.75rem;display:flex}.brc-product-row{cursor:pointer}.brc-product-row:hover{background:var(--bg-secondary,#f8fafc)}.brc-product-row__sub{color:var(--text-muted,#94a3b8);font-size:.65rem}.brc-product-row__actions,.brc-selected-row__actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.brc-bom-badge{white-space:nowrap;border-radius:4px;padding:.12rem .4rem;font-size:.58rem;font-weight:700}.brc-bom-badge--yes{color:#15803d;background:#dcfce7}.brc-bom-badge--no{color:#b91c1c;background:#fee2e2}.brc-qty-input{text-align:right;width:90px}.brc-wastage-toggle{cursor:pointer;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;display:flex}@media (width<=900px){.brc-picker{grid-template-columns:1fr}.brc-picker__filters{grid-template-columns:repeat(2,1fr)}}.bom-audit-overlay{z-index:1060;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bom-audit-modal{width:min(480px,100%);max-height:90vh;overflow:auto}.bom-audit-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.bom-audit-modal__header h3{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1rem}.bom-audit-modal__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.25rem;padding:.25rem}.bom-audit-modal__body{padding:1rem}.bom-audit-modal__textarea{resize:vertical;min-height:100px}.bom-audit-modal__hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.75rem}.bom-audit-modal__footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.bom-audit-modal__confirm{cursor:pointer;color:#fff;border:none;border-radius:.375rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600}.bom-audit-modal__confirm:disabled{opacity:.55;cursor:not-allowed}.bom-audit-modal__confirm--warning{background:#d97706}.bom-audit-modal__confirm--danger{background:#dc2626}.bom-audit-modal__confirm--primary{background:var(--primary)}.bo-print-backdrop{z-index:1040;cursor:pointer;background:#0f172a8c;border:none;position:fixed;inset:0}.bo-print-panel{z-index:1050;flex-direction:column;width:min(980px,96vw);height:min(92vh,900px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.bo-print-panel__header{justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem 0;display:flex}.bo-print-panel__toolbar{border-bottom:1px solid var(--border-color);padding:.5rem 1rem .75rem}.bo-print-panel__title{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1rem}.bo-print-panel__controls{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.bo-print-control{flex-direction:column;gap:.15rem;min-width:72px;display:flex}.bo-print-control--format{min-width:132px}.bo-print-control span{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);font-size:.6rem;font-weight:600}.bo-print-control .form-control-erp{min-height:28px;padding:.3rem .4rem;font-size:.75rem}.bo-print-panel__print-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:.375rem;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;display:inline-flex}.bo-print-panel__print-btn:disabled{opacity:.55;cursor:not-allowed}.bo-print-panel__close{background:var(--bg-main);cursor:pointer;color:var(--text-secondary);border:none;border-radius:.375rem;padding:.35rem}.bo-print-panel__loading{color:var(--text-muted);justify-content:center;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;display:flex}.bo-print-panel__error{text-align:center;color:#991b1b;background:#fef2f2;border-bottom:1px solid #fecaca;padding:1rem 1.25rem}.bo-print-panel__error p{margin:0 0 .75rem;font-size:.875rem;line-height:1.45}.bo-print-panel__error-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.bo-print-panel__frame-wrap--hidden{visibility:hidden;width:0;height:0;position:absolute;overflow:hidden}.bo-print-panel__frame-wrap{background:#94a3b8;flex:1;min-height:0;padding:.5rem;overflow:auto}.bo-print-panel__frame-wrap--landscape{justify-content:center;align-items:flex-start;display:flex}.bo-print-panel__frame-wrap--landscape .bo-print-panel__iframe{aspect-ratio:297/210;width:min(100%,960px);height:auto;min-height:420px}.bo-print-panel__iframe{background:#fff;border:none;width:100%;height:100%;box-shadow:0 4px 20px #00000026}@keyframes boSpin{to{transform:rotate(360deg)}}.bo-list-page{flex-direction:column;gap:1rem;min-height:0;display:flex}.bo-list-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bo-list-page__header h1{color:var(--text-main);margin:0;font-family:Poppins,sans-serif;font-size:1.35rem}.bo-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=992px){.bo-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.bo-stat-card{border:1px solid var(--border-color);background:var(--card-bg);border-radius:.5rem;padding:.75rem 1rem}.bo-stat-card__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.7rem;font-weight:600}.bo-stat-card__value{color:var(--text-main);font-size:1.5rem;font-weight:700;line-height:1.2}.bo-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.bo-filter-bar .form-group-erp{flex:1;min-width:140px;max-width:200px;margin:0}.bo-table-scroll{max-height:calc(100vh - 320px);overflow:auto}.bo-table-scroll .table-erp thead th{z-index:2;background:var(--bg-main);position:sticky;top:0}.bo-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:.375rem;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.bo-status-badge--draft{color:#92400e;background:#fef3c7}.bo-status-badge--confirmed{color:#065f46;background:#d1fae5}.bo-status-badge--in_production{color:#1e40af;background:#dbeafe}.bo-status-badge--completed{color:#3730a3;background:#e0e7ff}.bo-status-badge--cancelled{color:#475569;background:#f1f5f9}.bo-approved-dot{vertical-align:middle;background:#22c55e;border-radius:50%;width:8px;height:8px;margin-left:.35rem;display:inline-block}.bo-actions-cell{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.bo-action-btn{border:1px solid var(--border-color);background:var(--card-bg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.bo-action-btn:hover:not(:disabled){background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.bo-action-btn:disabled{opacity:.4;cursor:not-allowed}.bo-action-btn--danger:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.bo-action-btn--success:hover:not(:disabled){color:#059669;background:#ecfdf5;border-color:#a7f3d0}.bo-num{font-variant-numeric:tabular-nums;text-align:right}.bo-toolbar-secondary{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem;padding:0 1rem .75rem;display:flex}.bo-link-order{color:var(--primary);font-weight:600;text-decoration:none}.bo-link-order:hover{text-decoration:underline}.bo-list-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 1rem .75rem;padding:.75rem 1rem;display:flex}.bo-list-error p{margin:0;font-size:.875rem}.bo-detail-page{flex-direction:column;gap:1rem;display:flex}.bo-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.bo-detail-header h1{margin:0 0 .25rem;font-family:Poppins,sans-serif;font-size:1.25rem}.bo-detail-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.bo-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0 1.25rem 1rem;display:grid}@media (width<=992px){.bo-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.bo-info-grid{grid-template-columns:1fr}}.bo-info-item label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.15rem;font-size:.65rem;font-weight:600;display:block}.bo-info-item p{color:var(--text-main);margin:0;font-size:.875rem;font-weight:500}.bo-summary-strip{border-top:1px solid var(--border-color);background:var(--bg-main);grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.75rem 1.25rem;display:grid}@media (width<=992px){.bo-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=576px){.bo-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.bo-summary-strip__item{text-align:center}.bo-summary-strip__label{text-transform:uppercase;color:var(--text-secondary);font-size:.65rem}.bo-summary-strip__value{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.bo-items-scroll{max-height:420px;overflow:auto}.bo-items-scroll .table-erp thead th{z-index:1;background:var(--bg-main);position:sticky;top:0}.bo-section-title{color:var(--text-main);margin:0;padding:.75rem 1.25rem 0;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600}.bo-instruction-list{margin:0;padding:.5rem 1.25rem 1rem;list-style:none}.bo-instruction-list li{border-bottom:1px solid var(--border-color);padding:.5rem 0;font-size:.8125rem}.bo-instruction-list li:last-child{border-bottom:none}.bo-tfoot-total td{border-top:2px solid var(--border-color);background:var(--bg-main);font-weight:700}.bo-cell-num--total{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:700}.bo-info-item--wide{grid-column:1/-1}.bo-detail-subsection{border-top:1px solid var(--border-color);padding:0 1.25rem .75rem}.bo-detail-subsection__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:.75rem 0 .5rem;font-size:.7rem;font-weight:700}.bo-detail-empty{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;display:flex}.bo-detail-empty p{color:var(--text-muted);margin:0}.req-page{background:var(--bg-main);min-height:calc(100vh - var(--navbar-height));padding:1.25rem 1.5rem 2rem}.req-loading{color:var(--text-muted);align-items:center;gap:.6rem;padding:3rem;font-weight:600;display:flex}.req-back-link{color:var(--text-muted);align-items:center;gap:.3rem;margin-bottom:.35rem;font-size:.8rem;text-decoration:none;display:inline-flex}.req-back-link:hover{color:var(--primary)}.req-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.1rem;display:flex}.req-page__header h1{color:var(--text-main);margin:0 0 .15rem;font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:700}.req-page__subtitle{color:var(--text-muted);margin:0;font-size:.8rem;font-weight:500}.req-page__actions{flex-wrap:wrap;gap:.5rem;display:flex}.req-empty{text-align:center;color:var(--text-muted);padding:2rem}.req-item-card{margin-bottom:1rem;overflow:hidden}.req-summary-card{border:1px solid var(--primary,#2563eb);margin-bottom:1.1rem;padding:1rem 1.1rem 1.2rem}.req-summary-card__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.req-summary-card__head h3{color:var(--text-main);margin:0 0 .2rem;font-size:1rem;font-weight:700}.req-summary-card__actions{flex-shrink:0;gap:.5rem;display:flex}.req-summary-print-header,.req-summary-print-footer{display:none}.req-summary-hint{color:var(--text-muted);font-size:.7rem;font-style:italic;font-weight:600}.req-skipped-banner{color:#92400e;background:#fffbeb;border-left:4px solid #d97706;margin-bottom:1.1rem;padding:.75rem 1rem;font-size:.82rem}.req-skipped-banner ul{margin:.4rem 0 0;padding-left:1.2rem}.req-skipped-banner li{margin-bottom:.15rem}@media print{@page{size:A4 portrait;margin:14mm 12mm}html,body{background:#fff!important;height:auto!important;overflow:visible!important}.erp-sidebar,.erp-navbar,.erp-layout__main>footer,.req-page>:not(#req-summary-print-area){display:none!important}.erp-layout,.erp-layout__container,.erp-layout__main,.erp-layout__content,.req-page{visibility:visible!important;opacity:1!important;background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;animation:none!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}#req-summary-print-area,#req-summary-print-area *{visibility:visible!important}#req-summary-print-area{width:100%!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;display:block!important}#req-summary-print-area *{color:#000!important;box-shadow:none!important;background:0 0!important}#req-summary-print-area .req-print-hide{display:none!important}#req-summary-print-area .req-summary-print-header{border-bottom:2px solid #000;margin-bottom:.9rem;padding-bottom:.5rem;display:block!important}#req-summary-print-area .req-summary-print-header__company{letter-spacing:.02em;margin-bottom:.15rem;font-size:16px!important;font-weight:800!important}#req-summary-print-area .req-summary-print-header h2{letter-spacing:.01em;margin:0 0 .35rem;font-size:12.5px!important;font-weight:700!important}#req-summary-print-area .req-summary-print-meta{width:100%;font-size:10px!important}#req-summary-print-area .req-summary-print-meta td{text-align:left;padding:0}#req-summary-print-area .req-summary-group{page-break-inside:avoid;border-top:1px solid #000;margin-top:.9rem;padding-top:.7rem}#req-summary-print-area .req-summary-group:first-of-type{border-top:none;margin-top:0;padding-top:0}#req-summary-print-area .req-summary-group h4{margin-bottom:.3rem;font-size:12px!important}#req-summary-print-area .req-summary-group__hint{font-size:9px!important}#req-summary-print-area .req-table{border-collapse:collapse;width:100%;font-size:10px!important}#req-summary-print-area .req-table thead{display:table-header-group}#req-summary-print-area .req-table tr{page-break-inside:avoid}#req-summary-print-area .req-table thead th,#req-summary-print-area .req-table tbody td{border:1px solid #94a3b8;padding:4px 6px;font-size:10px!important}#req-summary-print-area .req-child-bom-flag{border:1px solid #000;background:#fff!important;font-size:8px!important}#req-summary-print-area .req-summary-print-footer{text-align:right;border-top:1px solid #94a3b8;margin-top:1.2rem;padding-top:.4rem;color:#475569!important;font-size:8.5px!important;display:block!important}}.req-summary-group{border-top:1px dashed var(--border-color,#e2e8f0);margin-top:1rem;padding-top:.85rem}.req-summary-group:first-of-type{border-top:none;margin-top:.25rem;padding-top:0}.req-summary-group h4{color:var(--text-main);align-items:center;gap:.5rem;margin:0 0 .15rem;font-size:.85rem;font-weight:700;display:flex}.req-summary-group--need h4{color:#4338ca}.req-summary-group--produce h4{color:#b45309}.req-summary-group--purchase h4{color:#1d4ed8}.req-summary-group--stock h4{color:#15803d}.req-summary-group__count{color:var(--text-muted);text-transform:none;font-size:.68rem;font-weight:600}.req-summary-group__hint{color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem}.req-view-toggle{gap:.5rem;margin:.25rem 0 .75rem;display:flex}.req-item-card__head{padding:.9rem 1rem .5rem}.req-item-card__head h3{color:var(--text-main);margin:0 0 .2rem;font-size:1rem;font-weight:700}.req-item-card__sr{color:var(--text-muted);margin-left:.4rem;font-size:.75rem;font-weight:600}.req-item-card__meta{color:var(--text-secondary);margin:0;font-size:.8rem}.req-table-wrap{overflow-x:auto}.req-table{border-collapse:collapse;width:100%;font-size:.82rem}.req-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.5rem .65rem;font-size:.67rem;font-weight:700}.req-table tbody td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #eef2f7;padding:.42rem .65rem}.req-table select{min-height:32px;padding:.3rem .5rem;font-size:.78rem}.req-col-qty{color:#1e293b;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.req-col-stage{color:var(--text-muted);font-size:.78rem}.req-line-nested td:first-child{padding-left:1.75rem}.req-nested-indent{color:var(--text-muted);margin-right:.3rem}.req-child-bom-flag{color:#7c3aed;white-space:nowrap;background:#ede9fe;border-radius:999px;align-items:center;gap:.2rem;margin-left:.5rem;padding:.08rem .4rem;font-size:.62rem;font-weight:700;display:inline-flex}.req-item-card__footer{border-top:1px solid var(--border-color);justify-content:flex-end;padding:.65rem 1rem;display:flex}.req-frozen-block{border-top:1px solid var(--border-color);margin-top:.25rem;padding-top:.75rem}.req-frozen-block h4{color:var(--text-main);margin:0 0 .5rem 1rem;font-size:.8rem;font-weight:700}.req-tree-toggle{cursor:pointer;width:18px;height:18px;color:var(--text-muted);vertical-align:middle;background:0 0;border:none;justify-content:center;align-items:center;margin-right:.2rem;display:inline-flex}.req-tree-spacer{width:18px;display:inline-block}.req-child-count{color:var(--text-muted);margin-left:.4rem;font-size:.68rem;font-weight:600}.req-row--child td{background:#fafbfd}.req-preview-row td{color:var(--text-muted);background:#fafbfd;font-size:.78rem;font-style:italic}.req-preview-row .req-col-qty{color:var(--text-muted);font-weight:600}.req-method-badge{text-transform:uppercase;color:#475569;background:#f1f5f9;border-radius:999px;padding:.14rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.req-create-order-btn{border:1px solid var(--primary,#2563eb);background:var(--primary-glow,#eff6ff);color:var(--primary,#2563eb);white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.68rem;font-weight:700;text-decoration:none;display:inline-flex}.req-create-order-btn:hover{background:var(--primary,#2563eb);color:#fff}.req-method-badge--purchase{color:#1d4ed8;background:#dbeafe}.req-method-badge--job_work{color:#b45309;background:#fef3c7}.req-method-badge--internal{color:#6d28d9;background:#ede9fe}.req-method-badge--stock{color:#15803d;background:#dcfce7}.req-history{margin-top:1rem;padding:1rem}.req-history h3{color:var(--text-main);margin:0 0 .6rem;font-size:.9rem;font-weight:700}.req-history__run{border:1px solid var(--border-color);border-radius:8px;margin-bottom:.5rem;overflow:hidden}.req-history__run summary{cursor:pointer;color:var(--text-main);background:#fafbfd;padding:.5rem .75rem;font-size:.8rem;font-weight:600}.req-history__date{color:var(--text-muted);font-weight:500}.ta-page{max-width:1320px;margin:0 auto;padding:20px 24px 40px}.ta-loading{text-align:center;color:#64748b;padding:60px}.ta-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.ta-breadcrumb{color:#94a3b8;margin-bottom:4px;font-size:12.5px}.ta-topbar h1{color:#0f172a;margin:0;font-size:26px;font-weight:800}.ta-subtitle{color:#64748b;margin:4px 0 0;font-size:13.5px}.ta-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ta-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.ta-btn:hover{background:#f8fafc}.ta-btn:disabled{opacity:.6;cursor:not-allowed}.ta-btn-sm{padding:6px 12px;font-size:12.5px}.ta-btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.ta-btn-primary:hover{background:#1d4ed8}.ta-btn-outline{color:#334155;background:#fff;border-color:#e2e8f0}.ta-btn-ghost{color:#64748b;background:0 0;border-color:#0000}.ta-export-wrap{position:relative}.ta-export-menu{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:120px;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.ta-export-menu a{color:#334155;padding:9px 14px;font-size:13px;text-decoration:none;display:block}.ta-export-menu a:hover{background:#f1f5f9}.ta-card{background:#fff;border:1px solid #eef1f6;border-radius:14px;margin-bottom:18px;padding:20px 22px;box-shadow:0 2px 10px #0f172a0a}.ta-order-card{flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex}.ta-order-info{flex:420px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 28px;display:grid}.ta-order-field label{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.ta-order-value{color:#0f172a;font-size:15px;font-weight:700}.ta-order-side{flex:none;align-items:flex-start;gap:16px;display:flex}.ta-thumb{background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.ta-thumb img{object-fit:cover;width:100%;height:100%}.ta-thumb-placeholder{color:#94a3b8;font-size:11px}.ta-overall-box{background:#f8fafc;border:1px solid #eef1f6;border-radius:10px;min-width:210px;padding:12px 16px}.ta-overall-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12.5px;font-weight:700;display:flex}.ta-overall-pill{border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.ta-overall--pending{color:#64748b;background:#f1f5f9}.ta-overall--ontrack{color:#16a34a;background:#dcfce7}.ta-overall--risk{color:#ea580c;background:#ffedd5}.ta-overall--completed{color:#16a34a;background:#dcfce7}.ta-overall-stats{color:#64748b;flex-direction:column;gap:4px;font-size:12.5px;display:flex}.ta-overall-stats>div{justify-content:space-between;display:flex}.ta-overall-stats b{color:#0f172a}.ta-text-green{color:#16a34a!important}.ta-text-blue{color:#2563eb!important}.ta-text-red{color:#dc2626!important}.ta-text-muted{color:#94a3b8!important}.ta-stepper-card{overflow-x:auto}.ta-stepper{align-items:center;gap:6px;min-width:640px;padding:6px 4px;display:flex}.ta-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.ta-step-circle{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ta-step-circle.ta-step--completed{color:#fff;background:#16a34a;border-color:#16a34a}.ta-step-circle.ta-step--progress{color:#fff;background:#2563eb;border-color:#2563eb}.ta-step-circle.ta-step--delayed{color:#dc2626;background:#fee2e2;border-color:#dc2626}.ta-step-circle.ta-step--pending{color:#94a3b8;background:#fff;border-color:#e2e8f0}.ta-step-process{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;max-width:110px;font-size:10.5px;font-weight:600}.ta-step-label{color:#334155;font-size:13px;font-weight:700}.ta-step-status{font-size:11.5px;font-weight:700}.ta-step-status.ta-step--completed{color:#16a34a}.ta-step-status.ta-step--progress{color:#2563eb}.ta-step-status.ta-step--delayed{color:#dc2626}.ta-step-status.ta-step--pending{color:#94a3b8}.ta-step-arrow{color:#cbd5e1;padding-bottom:20px;font-size:18px}.ta-section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ta-section-header h2{color:#0f172a;margin:0;font-size:17px;font-weight:800}.ta-table-wrap{overflow-x:auto}.ta-table{border-collapse:collapse;width:100%;font-size:13px}.ta-table th{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #eef1f6;padding:10px;font-size:11.5px;font-weight:700}.ta-table td{text-align:center;color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px}.ta-td-left{white-space:normal;text-align:left!important}.ta-badge{border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-block}.ta-badge--pending{color:#64748b;background:#f1f5f9}.ta-badge--progress{color:#2563eb;background:#dbeafe}.ta-badge--completed{color:#16a34a;background:#dcfce7}.ta-badge--delayed{color:#dc2626;background:#fee2e2}.ta-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px}.ta-icon-btn:hover{color:#2563eb;background:#f1f5f9}.ta-icon-btn-danger:hover{color:#dc2626}.ta-source-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.ta-source--purchase{color:#7c3aed;background:#ede9fe}.ta-source--production{color:#15803d;background:#dcfce7}.ta-source--both{color:#c2410c;background:#ffedd5}.ta-source--manual{color:#64748b;background:#f1f5f9}.ta-select{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.ta-cell-stack{flex-direction:column;gap:6px;min-width:170px;display:flex}.ta-select-with-add{align-items:center;gap:6px;display:flex}.ta-select-with-add .ta-select{flex:1;min-width:0}.ta-add-icon-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.ta-add-icon-btn:hover{background:#eff6ff;border-color:#bfdbfe}.ta-bottom-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.ta-bottom-card h3{color:#0f172a;margin:0 0 12px;font-size:14px;font-weight:800}.ta-progress-label{color:#64748b;margin-bottom:8px;font-size:12.5px}.ta-progress-bar{background:#f1f5f9;border-radius:999px;height:9px;overflow:hidden}.ta-progress-fill{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:999px;height:100%;transition:width .3s}.ta-progress-pct{text-align:right;color:#16a34a;margin-top:6px;font-size:13px;font-weight:800}.ta-inline-label{color:#94a3b8;text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.ta-inline-input{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 10px;font-size:13.5px;font-weight:700}.ta-days-left{color:#64748b;justify-content:space-between;align-items:center;margin-top:12px;font-size:12.5px;display:flex}.ta-days-left b{font-size:15px}.ta-status-list{color:#334155;flex-direction:column;gap:8px;font-size:13px;display:flex}.ta-status-row{align-items:center;gap:8px;display:flex}.ta-status-row b{margin-left:auto}.ta-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.ta-dot--completed{background:#16a34a}.ta-dot--progress{background:#2563eb}.ta-dot--pending{background:#94a3b8}.ta-dot--delayed{background:#dc2626}.ta-followup-textarea{resize:vertical;color:#334155;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:13px}.ta-create-card{text-align:center;background:#fff;border:1px solid #eef1f6;border-radius:14px;padding:28px}.ta-create-card h2{color:#0f172a;margin:0 0 6px;font-size:19px}.ta-muted{color:#64748b;font-size:13px}.ta-stage-picker-groups{text-align:left;max-width:860px;margin:18px auto}.ta-stage-picker-group{margin-bottom:16px}.ta-stage-picker-group-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px;font-size:11.5px;font-weight:800}.ta-stage-picker{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.ta-stage-pick-item{color:#334155;cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;display:flex}.ta-modal-backdrop{z-index:100;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ta-modal{background:#fff;border-radius:14px;width:92%;max-width:520px;max-height:90vh;overflow-y:auto}.ta-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.ta-modal-header h3{color:#0f172a;margin:0;font-size:16px}.ta-modal-process{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px;font-size:11px;font-weight:700}.ta-modal-body{padding:18px 20px}.ta-modal-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ta-modal-grid label,.ta-modal-remarks{color:#64748b;flex-direction:column;gap:5px;font-size:12px;font-weight:700;display:flex}.ta-modal-grid input,.ta-modal-grid select,.ta-modal-remarks textarea{color:#0f172a;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13.5px}.ta-modal-remarks{margin-top:14px}.ta-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@media (width<=640px){.ta-page{padding:14px 14px 32px}.ta-modal-grid{grid-template-columns:1fr}}.bo-form-page{flex-direction:column;gap:.75rem;min-height:0;display:flex}.bo-form-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 1rem;display:flex}.bo-form-toolbar__title{margin:0;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600}.bo-form-toolbar__actions{flex-wrap:wrap;gap:.5rem;display:flex}.bo-form-tabs{border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:.25rem;padding:0 1rem;display:flex}.bo-form-tab{border:1px solid var(--border-color);background:var(--bg-main);color:var(--text-secondary);cursor:pointer;border-bottom:none;border-radius:.375rem .375rem 0 0;padding:.45rem .85rem;font-size:.75rem;font-weight:600;transition:background .15s,color .15s}.bo-form-tab--active{background:var(--card-bg);color:var(--primary);border-top:2px solid var(--primary);margin-bottom:-2px}.bo-form-tab--done{color:#065f46;background:#ecfdf5}.bo-form-body{max-height:calc(100vh - 220px);padding:.75rem 1rem 1rem;overflow:auto}.bo-form-section{margin-bottom:.75rem}.bo-form-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin:0 0 .5rem;padding-bottom:.35rem;font-size:.7rem;font-weight:700}.bo-form-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem .65rem;display:grid}.bo-form-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bo-form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.bo-form-row{scrollbar-width:thin;flex-wrap:nowrap;align-items:flex-end;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.bo-form-row+.bo-form-row{margin-top:.5rem}.bo-form-row .bo-form-field{flex:1 1 0;min-width:0}.bo-form-row--a .bo-form-field{min-width:108px}.bo-form-row--b .bo-form-field{min-width:118px}.bo-form-row--d .bo-form-field{min-width:128px}.bo-form-row--remarks .bo-form-field,.bo-form-field--full{flex:100%;min-width:100%}.bo-form-field--wide{flex:2.5 1 0;min-width:220px}.bo-form-row .form-control-erp,.bo-form-row select.form-control-erp,.bo-form-row input.form-control-erp{box-sizing:border-box;height:32px;min-height:32px}.bo-form-row textarea.form-control-erp{resize:none;height:32px;min-height:32px}@media (width<=1200px){.bo-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.bo-form-grid,.bo-form-grid--4,.bo-form-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}.bo-form-field{min-width:0}.bo-form-field label{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:.2rem;font-size:.65rem;font-weight:600;display:block}.bo-form-field label.required:after{content:" *";color:#dc2626}.bo-form-field .form-control-erp{min-height:32px;padding:.35rem .5rem;font-size:.8125rem}.bo-form-field textarea.form-control-erp{resize:vertical;min-height:64px}.bo-form-hint{color:var(--text-muted);margin-top:.15rem;font-size:.65rem}.bo-form-error{color:#dc2626;margin-top:.25rem;font-size:.75rem}.bo-picker-filters{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:.5rem;display:flex}.bo-picker-filters .form-group-erp{flex:1;min-width:120px;max-width:180px;margin:0}.bo-picker-scroll{max-height:300px;overflow:auto}.bo-picker-scroll .table-erp{font-size:.72rem}.bo-picker-scroll .table-erp thead th{z-index:1;background:var(--bg-main);text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);text-align:left;border-bottom:2px solid var(--border-color);vertical-align:middle;box-sizing:border-box;height:32px;padding:.35rem .4rem;font-size:.62rem;font-weight:800;line-height:1.15;position:sticky;top:0}.bo-window-w2 .bo-picker-scroll .table-erp thead th:nth-child(8),.bo-window-w2 .bo-picker-scroll .table-erp thead th:nth-child(9){text-align:right}.bo-picker-scroll .table-erp tbody td{vertical-align:middle;max-height:28px;padding:.2rem .4rem;line-height:1.25}.bo-picker-row{cursor:pointer}.bo-picker-row:hover td{background:var(--primary-glow)}.bo-picker-row--added{opacity:.45;pointer-events:none}.bo-window-w2{flex-direction:column;gap:.75rem;display:flex}.bo-window-w2 .bo-form-section{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:.5rem;margin-bottom:0;padding:.65rem .75rem}.bo-window-w2 .bo-form-section__title{margin-bottom:.45rem}.bo-window-w2 .bo-picker-filters{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(100px,1fr) minmax(100px,1fr) auto;align-items:end;gap:.5rem;display:grid}.bo-window-w2 .bo-picker-filters .form-group-erp{min-width:0;max-width:none}.bo-window-w2 .bo-picker-filters .form-label-erp{letter-spacing:.04em;text-transform:uppercase;margin-bottom:.2rem;font-size:.62rem;font-weight:800}.bo-window-w2 .bo-picker-filters .form-control-erp{height:32px;min-height:32px;font-size:.78rem}.bo-window-w2 .bo-picker-filters .bom-action-btn{justify-content:center;align-self:end;align-items:center;width:32px;height:32px;margin-bottom:.1rem;display:inline-flex}.bo-form-section--items .bo-form-section__title{margin-bottom:.4rem}.bo-form-section--items .table-erp-container{margin-top:0}.bo-items-scroll{border-radius:.5rem;max-height:380px;overflow:auto}.bo-items-scroll .bo-items-table{table-layout:fixed;border-collapse:collapse;width:100%}.bo-items-scroll .bo-items-table thead th{z-index:2;background:var(--bg-main);vertical-align:middle;text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-bottom:2px solid var(--border-color);box-sizing:border-box;height:32px;font-weight:800;line-height:1.15;position:sticky;top:0;padding:.4rem .35rem!important;font-size:.62rem!important}.bo-items-scroll .bo-items-table thead th.bo-th-nowrap{white-space:nowrap}.bo-items-scroll .bo-items-table thead th:nth-child(3),.bo-items-scroll .bo-items-table thead th:nth-child(4),.bo-items-scroll .bo-items-table thead th:nth-child(5){text-align:left}.bo-items-scroll .bo-items-table tbody td{border-bottom:1px solid var(--border-color);line-height:1.2;vertical-align:middle!important;padding:.3rem .35rem!important;font-size:.78rem!important}.bo-items-scroll .bo-items-table tbody tr{height:40px;max-height:40px}.bo-items-scroll .bo-items-table tbody tr:nth-child(2n){background:#f8fafc}.bo-items-scroll .bo-items-table tbody tr:hover{background:#eff6ff}.bo-col-sr{width:36px}.bo-col-type{width:8%}.bo-col-design{width:13%}.bo-col-color,.bo-col-size{width:8%}.bo-col-qty{width:7%}.bo-col-excess{width:6%}.bo-col-total-qty{width:7%}.bo-col-unit{width:6%}.bo-col-rate{width:7%}.bo-col-rate-type{width:9%}.bo-col-basic{width:8%}.bo-col-date{width:9%}.bo-col-total{width:8%}.bo-col-action{width:44px}.bo-cell-sr{text-align:center;color:var(--text-muted);font-weight:700}.bo-cell-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bo-cell-design{text-align:left;overflow:hidden}.bo-item-design{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.75rem;line-height:1.25;display:block;overflow:hidden}.bo-item-design__name{font-weight:600}.bo-item-design__sep{color:var(--text-muted);margin:0 .2rem;font-weight:400}.bo-item-design__code{color:var(--text-muted);font-size:.7rem;font-weight:500}.bo-cell-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bo-cell-num--total{color:var(--primary);font-weight:700}.bo-cell-action{text-align:center;padding-left:.15rem!important;padding-right:.15rem!important}.bo-items-scroll tbody td:has(.bo-line-input){text-align:center;padding-top:.25rem!important;padding-bottom:.25rem!important}.bo-items-scroll .bo-line-input{border:1px solid var(--border-color);box-sizing:border-box;vertical-align:middle;border-radius:.35rem;width:100%;height:30px;min-height:30px;max-height:30px;margin:0;padding:.2rem .35rem;font-size:.75rem}.bo-items-scroll input.bo-line-input[type=number]{text-align:right}.bo-items-scroll .bo-line-input--no-spin{appearance:textfield}.bo-items-scroll .bo-line-input--no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bo-items-scroll .bo-line-input--no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bo-cell-type{font-weight:600;font-size:.72rem!important}.bo-items-scroll .bo-line-input--date{padding-right:.15rem;font-size:.7rem}.bo-items-scroll .bo-action-btn{border-radius:.35rem;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.bo-line-input{border:1px solid var(--border-color);border-radius:.25rem;width:100%;min-height:28px;padding:.25rem .35rem;font-size:.75rem}.bo-line-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.bo-form-section--items .bo-summary-bar{border:1px solid var(--border-color);border-radius:.35rem;margin-top:.5rem}.bo-summary-bar{background:var(--bg-main);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.55rem .65rem;font-size:.8125rem;display:grid}@media (width<=900px){.bo-summary-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}.bo-summary-bar strong{color:var(--primary);font-variant-numeric:tabular-nums}.bo-form-nav{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:.75rem;padding-top:.75rem;display:flex}.bo-instr-row{grid-template-columns:40px 140px 1fr 130px;align-items:start;gap:.5rem;margin-bottom:.5rem;display:grid}@media (width<=768px){.bo-instr-row{grid-template-columns:1fr}}.bo-order-no-preview-input{color:var(--primary);background:var(--bg-main);cursor:default;font-weight:700}.bo2{flex-direction:column;gap:.85rem;width:100%;max-width:none;padding:.25rem 0 1.25rem;display:flex}.bo2-hero{color:#fff;background:linear-gradient(135deg,#312e81 0%,#4f46e5 45%,#6366f1 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.15rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #312e8133,0 20px 40px -12px #4f46e559}.bo2-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-8%}.bo2-hero__content{z-index:1;max-width:560px;position:relative}.bo2-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;text-transform:uppercase;background:#ffffff26;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.65rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.bo2-hero h1{letter-spacing:-.02em;margin:0 0 .25rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:700}.bo2-hero p{opacity:.88;max-width:480px;margin:0;font-size:.82rem;line-height:1.4}.bo2-hero__actions{z-index:1;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.bo2-btn{border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.bo2-btn:hover{color:inherit;transform:translateY(-1px)}.bo2-btn--primary{color:#4338ca;background:#fff;box-shadow:0 4px 14px #0000001f}.bo2-btn--primary:hover{color:#3730a3;background:#f8fafc}.bo2-btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47}.bo2-btn--ghost:hover{color:#fff;background:#fff3}.bo2-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.bo2-kpi-row--5{grid-template-columns:repeat(5,minmax(0,1fr))}@media (width<=1100px){.bo2-kpi-row--5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.bo2-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.bo2-kpi-row{grid-template-columns:1fr}}.bo2-kpi{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:12px;align-items:center;gap:.7rem;padding:.7rem .9rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.bo2-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.bo2-kpi__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.bo2-kpi--indigo .bo2-kpi__icon{color:#4f46e5;background:#e0e7ff}.bo2-kpi--amber .bo2-kpi__icon{color:#d97706;background:#fef3c7}.bo2-kpi--emerald .bo2-kpi__icon{color:#059669;background:#d1fae5}.bo2-kpi--violet .bo2-kpi__icon{color:#7c3aed;background:#ede9fe}.bo2-kpi__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#64748b);margin-bottom:.15rem;font-size:.68rem;font-weight:600;display:block}.bo2-kpi__value{color:var(--text-main,#0f172a);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700;line-height:1.1;display:block}.bo2-orders{padding-bottom:.25rem}.bo2-orders__head{justify-content:space-between}.bo2-orders__head h3{text-transform:none;letter-spacing:0;color:var(--text-main,#0f172a);font-size:.9rem}.bo2-filter-bar{border-bottom:1px solid var(--border-color,#f1f5f9);flex-wrap:wrap;align-items:end;gap:.5rem;padding:.75rem 1.1rem;display:flex}.bo2-filter-bar .form-group-erp{min-width:140px;margin:0}.bo2-filter-bar__search{flex:180px;min-width:180px}.bo2-orders__scroll{max-height:320px;overflow:auto}.bo2-orders__scroll .table-erp thead th{z-index:1;background:var(--bg-main);position:sticky;top:0}.bo2-cell-total-qty{color:var(--primary);font-weight:700}.bo2-production-badge{white-space:nowrap;color:#64748b;background:#f1f5f9;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.68rem;font-weight:600;display:inline-flex}.bo2-production-badge--active{color:#6d28d9;background:#ede9fe}[data-theme=dark] .bo2-production-badge{color:#94a3b8;background:#1e293b}[data-theme=dark] .bo2-production-badge--active{color:#c4b5fd;background:#7c3aed38}.bo2-main-grid{grid-template-columns:1fr;align-items:stretch;gap:.85rem;display:grid}@media (width>=900px){.bo2-main-grid{grid-template-columns:1fr 1fr;gap:1rem}.bo2-panel--reports{grid-column:1/-1}}@media (width>=1200px){.bo2-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,1.2fr) minmax(0,1fr)}.bo2-panel--reports{grid-column:auto}}@media (width>=1200px) and (width<=1479px){.bo2-report-grid{grid-template-columns:1fr}}.bo2-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-top:3px solid #0000;border-radius:14px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.bo2-panel--operations{border-top-color:#6366f1}.bo2-panel--jobwork{border-top-color:#8b5cf6}.bo2-panel__head-icon--jobwork{color:#8b5cf6;background:#8b5cf61f}.bo2-panel--dispatched{border-top-color:#f59e0b}.bo2-panel--reports{border-top-color:#0ea5e9}.bo2-panel__head{border-bottom:1px solid var(--border-color,#f1f5f9);background:var(--bg-card,#fff);align-items:center;gap:.55rem;padding:.85rem 1.1rem;display:flex}.bo2-panel__head-row{align-items:center;gap:.55rem;width:100%;display:flex}.bo2-panel__head-icon{color:#4f46e5;background:#e0e7ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.bo2-panel__head-icon--dispatch{color:#b45309;background:#fef3c7}.bo2-panel__head-icon--reports{color:#0369a1;background:#e0f2fe}.bo2-panel__head h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);margin:0;font-size:.78rem;font-weight:700}.bo2-panel__count{font-variant-numeric:tabular-nums;background:var(--bg-main,#f1f5f9);color:var(--text-muted,#94a3b8);border-radius:999px;margin-left:auto;padding:.1rem .5rem;font-size:.68rem;font-weight:700}.bo2-panel__head--stacked{flex-direction:column;align-items:flex-start;gap:.3rem}.bo2-panel__head-hint{text-transform:none;letter-spacing:normal;color:var(--text-muted,#94a3b8);padding-left:calc(26px + .55rem);font-size:.72rem;font-weight:500}.bo2-nav-list{flex-direction:column;display:flex}.bo2-nav-item{color:var(--text-main,#0f172a);border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.75rem;padding:.85rem 1.1rem;text-decoration:none;transition:background .15s,transform .15s;display:flex}.bo2-nav-item:last-child{border-bottom:none}.bo2-nav-item:hover{background:hsl(var(--chip-hue,224), 85%, 97%);color:var(--text-main,#0f172a);transform:translate(2px)}.bo2-nav-item__icon{background:hsl(var(--chip-hue,224), 75%, 94%);width:36px;height:36px;color:hsl(var(--chip-hue,224), 60%, 42%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.bo2-nav-item:hover .bo2-nav-item__icon{background:hsl(var(--chip-hue,224), 75%, 88%)}.bo2-nav-item__body{flex:1;min-width:0}.bo2-nav-item__body strong{color:var(--text-main,#0f172a);margin-bottom:.1rem;font-size:.8125rem;font-weight:600;display:block}.bo2-nav-item__body span{color:var(--text-muted,#64748b);font-size:.72rem;line-height:1.35;display:block}.bo2-nav-item__chev{color:#cbd5e1;flex-shrink:0;transition:transform .15s,color .15s}.bo2-nav-item:hover .bo2-nav-item__chev{color:#4f46e5;transform:translate(3px)}.bo2-panel--reports{position:sticky;top:.75rem}.bo2-report-grid{grid-template-columns:1fr;gap:.5rem;padding:1rem 1.1rem 1.1rem;display:grid}@media (width>=900px){.bo2-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.bo2-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.bo2-report-card{color:hsl(var(--chip-hue,240), 45%, 28%);background:hsl(var(--chip-hue,240), 80%, 96%);border:1px solid hsl(var(--chip-hue,240), 50%, 88%);border-radius:10px;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;font-size:.75rem;font-weight:600;line-height:1.35;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.bo2-report-card:hover{box-shadow:0 6px 16px hsla(var(--chip-hue,240), 60%, 50%, .12);background:hsl(var(--chip-hue,240), 75%, 92%);color:hsl(var(--chip-hue,240), 50%, 22%);transform:translateY(-2px)}.bo2-report-card svg{opacity:.8;flex-shrink:0;margin-top:.1rem}.bo2-report-card span{flex:1;min-width:0}.bo2-report-chip{max-width:100%;color:hsl(var(--chip-hue,240), 45%, 28%);background:hsl(var(--chip-hue,240), 80%, 96%);border:1px solid hsl(var(--chip-hue,240), 50%, 88%);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.68rem;font-weight:600;line-height:1.25;text-decoration:none;display:inline-flex}.bo2-report-chip svg{opacity:.75;flex-shrink:0}[data-theme=dark] .bo2-kpi{box-shadow:0 1px 3px #00000040}[data-theme=dark] .bo2-kpi:hover{box-shadow:0 8px 24px #00000059}[data-theme=dark] .bo2-kpi--indigo .bo2-kpi__icon{color:#a5b4fc;background:#6366f133}[data-theme=dark] .bo2-kpi--amber .bo2-kpi__icon{color:#fcd34d;background:#f59e0b2e}[data-theme=dark] .bo2-kpi--emerald .bo2-kpi__icon{color:#6ee7b7;background:#10b9812e}[data-theme=dark] .bo2-kpi--violet .bo2-kpi__icon{color:#c4b5fd;background:#7c3aed33}[data-theme=dark] .bo2-panel{box-shadow:0 1px 3px #00000040}[data-theme=dark] .bo2-panel__head{background:#0b1220}[data-theme=dark] .bo2-panel__count{color:#94a3b8;background:#ffffff0f}[data-theme=dark] .bo2-panel__head-icon{color:#a5b4fc;background:#6366f12e}[data-theme=dark] .bo2-panel__head-icon--dispatch{color:#fcd34d;background:#f59e0b29}[data-theme=dark] .bo2-panel__head-icon--reports{color:#7dd3fc;background:#0ea5e92e}[data-theme=dark] .bo2-panel__head-icon--jobwork{color:#c4b5fd;background:#8b5cf62e}[data-theme=dark] .bo2-nav-item__icon{background:hsla(var(--chip-hue,224), 55%, 50%, .18);color:hsl(var(--chip-hue,224), 85%, 78%)}[data-theme=dark] .bo2-nav-item:hover{background:hsla(var(--chip-hue,224), 55%, 50%, .1)}[data-theme=dark] .bo2-nav-item:hover .bo2-nav-item__icon{background:hsla(var(--chip-hue,224), 55%, 50%, .28)}[data-theme=dark] .bo2-nav-item__chev{color:#475569}[data-theme=dark] .bo2-panel__head-hint{color:#64748b}[data-theme=dark] .bo2-report-card,[data-theme=dark] .bo2-report-card:hover{color:hsl(var(--chip-hue,240), 70%, 82%);background:hsla(var(--chip-hue,240), 50%, 40%, .22);border-color:hsla(var(--chip-hue,240), 45%, 50%, .35)}[data-theme=dark] .bo2-report-card:hover{background:hsla(var(--chip-hue,240), 50%, 45%, .32);color:#f8fafc}[data-theme=dark] .bo2-report-chip{color:hsl(var(--chip-hue,240), 70%, 82%);background:hsla(var(--chip-hue,240), 50%, 40%, .22);border-color:hsla(var(--chip-hue,240), 45%, 50%, .35)}[data-theme=dark] .bo2-report-chip:hover{background:hsla(var(--chip-hue,240), 50%, 45%, .32);color:#f8fafc}[data-theme=dark] .bo2-hero{box-shadow:0 4px 6px -1px #0000004d,0 20px 40px -12px #4f46e540}.bo-print-picker{flex-direction:column;gap:.75rem;display:flex}.bo-print-picker__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.bo-print-picker__header h1{margin:0 0 .25rem;font-family:Poppins,sans-serif;font-size:1.2rem}.bo-print-picker__panel{flex-direction:column;gap:.65rem;min-height:320px;padding:.75rem;display:flex}.bo-print-picker__search{border:1px solid var(--border-color);background:var(--bg-secondary,#f8fafc);border-radius:.45rem;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.bo-print-picker__search svg{color:var(--text-muted);flex-shrink:0}.bo-print-picker__search input{background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.bo-print-picker__count{color:var(--text-muted);white-space:nowrap;font-size:.7rem}.bo-print-picker__list{flex-direction:column;gap:.35rem;max-height:calc(100vh - 260px);display:flex;overflow-y:auto}.bo-print-picker__row{border:1px solid var(--border-color);border-radius:.4rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .65rem;transition:border-color .15s,background .15s;display:flex}.bo-print-picker__row:hover{border-color:var(--primary);background:rgba(var(--primary-rgb,59, 130, 246), .04)}.bo-print-picker__row-main{flex-wrap:wrap;align-items:baseline;gap:.35rem .65rem;min-width:0;display:flex}.bo-print-picker__row-main strong{color:var(--primary);font-size:.8125rem}.bo-print-picker__buyer{color:var(--text-secondary);font-size:.75rem}.bo-print-picker__po{color:var(--text-muted);font-size:.7rem}.bo-print-picker__row-meta{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.bo-print-picker__empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.8125rem}@media (width<=640px){.bo-print-picker__row{flex-direction:column;align-items:flex-start}.bo-print-picker__row-meta{flex-wrap:wrap;width:100%}}.blr-page{animation:.2s ease-out blr-fade}@keyframes blr-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.blr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blr-header h1{margin:0;font-size:1.3rem;font-weight:700}.blr-actions{gap:.5rem;display:flex}.blr-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.blr-btn--primary{background:var(--primary,#2563eb);color:#fff}.blr-btn--success{color:#fff;background:#16a34a}.blr-btn--outline{color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);background:0 0}.blr-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;overflow:hidden}.blr-filters{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;padding:1rem;display:flex}.blr-field{flex-direction:column;gap:.25rem;min-width:160px;display:flex}.blr-field label{color:var(--text-light,#6b7280);font-size:.75rem;font-weight:600}.blr-field select,.blr-field input{border:1px solid var(--border,#d1d5db);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.blr-field--submit{min-width:unset}.blr-tabs{border-bottom:2px solid var(--border,#eef0f3);gap:.25rem;margin-bottom:1rem;display:flex}.blr-tabs button{color:var(--text-light,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1rem;font-size:.82rem;font-weight:600}.blr-tabs button.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb)}.blr-loading{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.blr-table-wrap{overflow-x:auto}.blr-table{border-collapse:collapse;width:100%;font-size:.8rem}.blr-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.55rem .65rem}.blr-table th.r,.blr-table td.r{text-align:right}.blr-table tbody td{border-bottom:1px solid var(--border,#eef0f3);padding:.5rem .65rem}.blr-table tfoot td{background:var(--bg,#f8fafc);padding:.55rem .65rem;font-weight:700}.blr-total-label{text-align:center}.blr-empty{text-align:center;color:var(--text-light,#6b7280);padding:2.5rem}.blr-pos{color:#16a34a;font-weight:700}.blr-bal{color:#dc2626;font-weight:700}.bee-page{animation:.2s ease-out bee-fade}@keyframes bee-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bee-header h1{margin:0;font-size:1.25rem;font-weight:700}.bee-subtitle{align-items:center;gap:.5rem;margin-top:.3rem;margin-bottom:1rem;font-size:.85rem;display:flex}.bee-order-badge{background:var(--primary,#2563eb);color:#fff;border-radius:6px;padding:.1rem .55rem;font-size:.78rem;font-weight:700}.bee-layout{grid-template-columns:260px 1fr;align-items:flex-start;gap:1rem;margin-top:1rem;display:grid}@media (width<=900px){.bee-layout{grid-template-columns:1fr}}.bee-sidebar{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;flex-direction:column;max-height:75vh;display:flex;overflow:hidden}.bee-search{border-bottom:1px solid var(--border,#eef0f3);color:var(--text-light,#6b7280);align-items:center;gap:.4rem;padding:.6rem .75rem;display:flex}.bee-search input{border:none;outline:none;flex:1;font-size:.8rem}.bee-order-list{flex:1;overflow-y:auto}.bee-order-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f3f4f6);background:0 0;width:100%;padding:.6rem 1rem;display:block;position:relative}.bee-order-item:hover{background:var(--bg,#f8fafc)}.bee-order-item.active{border-left:3px solid var(--primary,#2563eb);background:#2563eb14}.bee-order-item__no{font-size:.82rem;font-weight:700}.bee-order-item__buyer{color:var(--text-light,#6b7280);font-size:.76rem}.bee-order-item__chev{color:var(--text-light,#9ca3af);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.bee-empty-list{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem;font-size:.8rem}.bee-main{min-width:0}.bee-loading,.bee-empty-state{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.bee-panel{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:1rem;overflow:hidden}.bee-panel__head{border-bottom:1px solid var(--border,#eef0f3);justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;font-weight:700;display:flex}.bee-link-btn{color:var(--primary,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.76rem;font-weight:600;display:inline-flex}.bee-head-form{border-bottom:1px solid var(--border,#eef0f3);background:var(--bg,#f8fafc);gap:.5rem;padding:.6rem .85rem;display:flex}.bee-head-form input{border:1px solid var(--border,#d1d5db);border-radius:6px;flex:1;padding:.35rem .6rem;font-size:.8rem}.bee-form{padding:.85rem}.bee-form-row{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.bee-field{flex-direction:column;gap:.25rem;min-width:140px;display:flex}.bee-field--wide{flex:1;min-width:200px}.bee-field--submit{min-width:unset}.bee-field label{color:var(--text-light,#6b7280);font-size:.72rem;font-weight:600}.bee-field select,.bee-field input{border:1px solid var(--border,#d1d5db);border-radius:6px;padding:.4rem .6rem;font-size:.82rem}.bee-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.bee-btn--primary{background:var(--primary,#2563eb);color:#fff}.bee-btn--outline{color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);background:0 0}.bee-btn:disabled{opacity:.6;cursor:not-allowed}.bee-table-wrap{overflow-x:auto}.bee-table{border-collapse:collapse;width:100%;font-size:.8rem}.bee-table thead th{background:var(--bg,#f8fafc);text-align:left;border-bottom:1px solid var(--border,#eef0f3);padding:.5rem .65rem;font-weight:700}.bee-table th.r,.bee-table td.r{text-align:right}.bee-table tbody td{border-bottom:1px solid var(--border,#f3f4f6);padding:.45rem .65rem}.bee-table tfoot td{background:var(--bg,#f8fafc);padding:.5rem .65rem;font-weight:700}.bee-total-label{text-align:right}.bee-empty-row{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem}.bde-page{animation:.2s ease-out bde-fade}@keyframes bde-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bde-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bde-header h1{margin:0;font-size:1.25rem;font-weight:700}.bde-subtitle{align-items:center;gap:.5rem;margin-top:.3rem;font-size:.85rem;display:flex}.bde-muted{color:var(--text-light,#6b7280)}.bde-order-badge{background:var(--primary,#2563eb);color:#fff;border-radius:6px;padding:.1rem .55rem;font-size:.78rem;font-weight:700}.bde-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.bde-btn--success{color:#fff;background:#16a34a}.bde-layout{grid-template-columns:260px 1fr;align-items:flex-start;gap:1rem;display:grid}@media (width<=900px){.bde-layout{grid-template-columns:1fr}}.bde-sidebar{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;flex-direction:column;max-height:75vh;display:flex;overflow:hidden}.bde-search{border-bottom:1px solid var(--border,#eef0f3);color:var(--text-light,#6b7280);align-items:center;gap:.4rem;padding:.6rem .75rem;display:flex}.bde-search input{border:none;outline:none;flex:1;font-size:.8rem}.bde-order-list{flex:1;overflow-y:auto}.bde-order-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f3f4f6);background:0 0;width:100%;padding:.6rem 1rem;display:block;position:relative}.bde-order-item:hover{background:var(--bg,#f8fafc)}.bde-order-item.active{border-left:3px solid var(--primary,#2563eb);background:#2563eb14}.bde-order-item__no{font-size:.82rem;font-weight:700}.bde-order-item__buyer{color:var(--text-light,#6b7280);font-size:.76rem}.bde-order-item__chev{color:var(--text-light,#9ca3af);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.bde-empty-list{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem;font-size:.8rem}.bde-main{min-width:0}.bde-loading,.bde-empty-state{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.bde-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.bde-kpi{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-left:4px solid var(--primary,#2563eb);border-radius:10px;padding:.85rem 1rem}.bde-kpi span{color:var(--text-light,#6b7280);font-size:.72rem;display:block}.bde-kpi strong{margin-top:.2rem;font-size:1.15rem;font-weight:700;display:block}.bde-kpi--total{border-left-color:#16a34a}.bde-kpi--total strong{color:#16a34a}.bde-panel{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:1rem;overflow:hidden}.bde-panel__head{border-bottom:1px solid var(--border,#eef0f3);padding:.6rem .85rem;font-size:.85rem;font-weight:700}.bde-table-wrap{overflow-x:auto}.bde-table{border-collapse:collapse;width:100%;font-size:.8rem}.bde-table thead th{background:var(--bg,#f8fafc);text-align:left;border-bottom:1px solid var(--border,#eef0f3);padding:.5rem .65rem;font-weight:700}.bde-table th.r,.bde-table td.r{text-align:right}.bde-table tbody td{border-bottom:1px solid var(--border,#f3f4f6);padding:.45rem .65rem}.bde-table tfoot td{background:var(--bg,#f8fafc);padding:.5rem .65rem;font-weight:700}.bde-total-label{text-align:right}.bde-empty-row{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem}.dsr-page{animation:.2s ease-out dsr-fade}@keyframes dsr-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.dsr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dsr-header h1{margin:0;font-size:1.3rem;font-weight:700}.dsr-search{border:1px solid var(--border,#d1d5db);border-radius:6px;min-width:260px;padding:.4rem .7rem;font-size:.82rem}.dsr-header__actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.dsr-export-btn{background:var(--surface,#fff);border:1px solid var(--primary,#2563eb);color:var(--primary,#2563eb);white-space:nowrap;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.dsr-export-btn:hover{background:var(--primary,#2563eb);color:#fff}.dsr-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.dsr-kpi{text-align:left;background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-left:4px solid var(--primary,#2563eb);cursor:pointer;color:var(--primary,#2563eb);border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.dsr-kpi.active{box-shadow:0 0 0 2px var(--primary,#2563eb) inset}.dsr-kpi--success{color:#16a34a;border-left-color:#16a34a}.dsr-kpi--warn{color:#d97706;border-left-color:#d97706}.dsr-kpi--danger{color:#dc2626;border-left-color:#dc2626}.dsr-kpi strong{color:var(--text,#111827);font-size:1.25rem;font-weight:700;display:block}.dsr-kpi span{color:var(--text-light,#6b7280);font-size:.72rem}.dsr-loading,.dsr-empty{text-align:center;color:var(--text-light,#6b7280);padding:2.5rem}.dsr-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:1rem;padding:1rem}.dsr-card__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dsr-card__top h3{margin:0 0 .4rem;font-size:.95rem}.dsr-meta{gap:1.2rem;font-size:.8rem;display:flex}.dsr-meta label{color:var(--text-light,#6b7280);font-size:.7rem;display:block}.dsr-badge{white-space:nowrap;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.dsr-badge--success{color:#166534;background:#dcfce7}.dsr-badge--warn{color:#92400e;background:#fef3c7}.dsr-badge--danger{color:#991b1b;background:#fee2e2}.dsr-progress-row{justify-content:space-between;margin:.75rem 0 .3rem;font-size:.8rem;display:flex}.dsr-pct{font-weight:700}.dsr-progress-track{background:#f3f4f6;border-radius:999px;height:10px;margin-bottom:.85rem;overflow:hidden}.dsr-progress-fill{border-radius:999px;height:100%}.dsr-progress-fill--success{background:#16a34a}.dsr-progress-fill--warn{background:#d97706}.dsr-progress-fill--danger{background:#dc2626}.dsr-stats-row{text-align:center;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.dsr-stats-row div{border:1px solid var(--border,#eef0f3);border-radius:8px;padding:.6rem}.dsr-stats-row strong{font-size:1.05rem;display:block}.dsr-stats-row span{color:var(--text-light,#6b7280);font-size:.7rem}.dsr-table-wrap{overflow-x:auto}.dsr-table{border-collapse:collapse;width:100%;font-size:.78rem}.dsr-table thead th{background:var(--bg,#f8fafc);text-align:left;border-bottom:1px solid var(--border,#eef0f3);padding:.4rem .55rem;font-weight:700}.dsr-table th.r,.dsr-table td.r{text-align:right}.dsr-table tbody td{border-bottom:1px solid var(--border,#f3f4f6);padding:.4rem .55rem}.dsr-pos{color:#16a34a;font-weight:700}.dsr-warn-text{color:#d97706;font-weight:700}.ocl-page{animation:.2s ease-out ocl-fade}@keyframes ocl-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ocl-header h1{margin:0;font-size:1.3rem;font-weight:700}.ocl-header p{color:var(--text-light,#6b7280);margin:.2rem 0 1rem;font-size:.82rem}.ocl-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:1rem;overflow:hidden}.ocl-card__head{border-bottom:1px solid var(--border,#eef0f3);justify-content:flex-end;padding:.6rem .85rem;display:flex}.ocl-filters{flex-wrap:wrap;align-items:center;gap:1rem;padding:.85rem;display:flex}.ocl-search{border:1px solid var(--border,#d1d5db);border-radius:6px;flex:1;align-items:center;gap:.4rem;min-width:240px;padding:.3rem .6rem;display:flex}.ocl-search input{border:none;outline:none;flex:1;font-size:.82rem}.ocl-check{color:var(--text-light,#6b7280);white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.ocl-tabs{border-bottom:2px solid var(--border,#eef0f3);gap:.25rem;margin-bottom:1rem;display:flex}.ocl-tabs button{color:var(--text-light,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.55rem 1rem;font-size:.82rem;font-weight:600}.ocl-tabs button.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb)}.ocl-loading,.ocl-empty{text-align:center;color:var(--text-light,#6b7280);padding:2.5rem}.ocl-table-wrap{overflow-x:auto}.ocl-table{border-collapse:collapse;width:100%;font-size:.8rem}.ocl-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.55rem .7rem}.ocl-table th.r,.ocl-table td.r{text-align:right}.ocl-table th.c,.ocl-table td.c{text-align:center}.ocl-table tbody td{border-bottom:1px solid var(--border,#eef0f3);padding:.5rem .7rem}.ocl-muted{color:var(--text-light,#6b7280)}.ocl-pos{color:#16a34a;font-weight:700}.ocl-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.ocl-btn--sm{padding:.25rem .5rem;font-size:.72rem}.ocl-btn--primary{background:var(--primary,#2563eb);color:#fff}.ocl-btn--success{color:#fff;background:#16a34a}.ocl-btn--danger{color:#fff;background:#dc2626}.ocl-btn--warn{color:#fff;background:#d97706}.ocl-btn:disabled{opacity:.6;cursor:not-allowed}.ocl-badge{color:#92400e;background:#fef3c7;border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.ocl-badge--success{color:#166534;background:#dcfce7}.bpr-page{animation:.2s ease-out bpr-fade-in}@keyframes bpr-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bpr-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.bpr-header h1{margin:0;font-size:1.35rem;font-weight:700}.bpr-actions{flex-wrap:wrap;gap:.5rem;display:flex}.bpr-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.bpr-btn--primary{background:var(--primary,#2563eb);color:#fff}.bpr-btn--success{color:#fff;background:#16a34a}.bpr-btn--outline{color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);background:0 0}.bpr-btn--ghost{color:var(--text-light,#6b7280);border-color:var(--border,#e5e7eb);background:0 0}.bpr-card{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.bpr-mb{margin-bottom:1.25rem}.bpr-card__head{border-bottom:1px solid var(--border,#eef0f3);color:var(--primary,#2563eb);padding:.75rem 1rem;font-size:.9rem;font-weight:600}.bpr-filters{margin-bottom:1.25rem;padding:1rem}.bpr-filter-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.bpr-field{flex-direction:column;gap:.25rem;min-width:160px;display:flex}.bpr-field label{color:var(--text-light,#6b7280);font-size:.75rem;font-weight:600}.bpr-field select,.bpr-field input[type=date]{border:1px solid var(--border,#d1d5db);border-radius:6px;padding:.4rem .6rem;font-size:.85rem}.bpr-field--check label{color:inherit;align-items:center;gap:.4rem;font-weight:500;display:flex}.bpr-field--submit{min-width:unset}.bpr-tabs{border-bottom:2px solid var(--border,#eef0f3);gap:.25rem;margin-bottom:1rem;display:flex}.bpr-tabs button{color:var(--text-light,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.6rem 1.1rem;font-size:.85rem;font-weight:600}.bpr-tabs button.active{color:var(--primary,#2563eb);border-bottom-color:var(--primary,#2563eb)}.bpr-loading{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.bpr-table-wrap{overflow-x:auto}.bpr-table{border-collapse:collapse;width:100%;font-size:.82rem}.bpr-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.6rem .7rem;position:sticky;top:0}.bpr-table th.num,.bpr-table td.num{text-align:right}.bpr-table tbody td{border-bottom:1px solid var(--border,#eef0f3);vertical-align:top;padding:.55rem .7rem}.bpr-table tbody tr:hover{background:var(--bg,#f8fafc)}.bpr-table tfoot td{background:var(--bg,#f8fafc);padding:.6rem .7rem;font-weight:700}.bpr-buyer-cell{background:var(--bg,#f8fafc);font-weight:700}.bpr-bal{color:#dc2626;font-weight:700}.bpr-total-label{text-align:center}.bpr-empty,.bpr-empty-row{text-align:center;color:var(--text-light,#6b7280);padding:2.5rem 1rem}.bpr-empty svg{margin-bottom:.5rem}.bpr-status{color:#374151;background:#e5e7eb;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.bpr-status--confirmed{color:#166534;background:#dcfce7}.bpr-status--pending{color:#92400e;background:#fef3c7}@media print{.bpr-actions,.bpr-tabs{display:none!important}.bpr-card{box-shadow:none!important;border:none!important}}.link-bom-overlay{z-index:2000;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.link-bom-modal{flex-direction:column;width:min(640px,100%);max-height:min(80vh,720px);display:flex;overflow:hidden}.link-bom-modal__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.link-bom-modal__header h3{margin:0 0 .15rem;font-size:.95rem}.link-bom-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem}.link-bom-modal__search{border:1px solid var(--border-color);background:var(--bg-secondary,#f8fafc);border-radius:.45rem;align-items:center;gap:.5rem;margin:.75rem 1rem 0;padding:.45rem .65rem;display:flex}.link-bom-modal__search input{background:0 0;border:none;outline:none;flex:1;font-size:.8125rem}.link-bom-modal__list{flex-direction:column;flex:1;gap:.4rem;padding:.65rem 1rem 1rem;display:flex;overflow-y:auto}.link-bom-modal__row{border:1px solid var(--border-color);border-radius:.45rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .65rem;display:flex}.link-bom-modal__row strong{color:var(--primary);font-size:.8125rem;display:block}.link-bom-modal__row span{color:var(--text-secondary);font-size:.72rem;display:block}.link-bom-modal__meta{color:var(--text-muted)!important}.link-bom-modal__empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.8125rem}.bvd-page{flex-direction:column;gap:.65rem;display:flex}.bvd-page__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.bvd-page__header h1{margin:0 0 .2rem;font-family:Poppins,sans-serif;font-size:1.15rem}.bvd-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=768px){.bvd-metrics{grid-template-columns:1fr}}.bvd-metric{flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.bvd-metric__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.65rem;font-weight:600}.bvd-metric__value{color:var(--primary);font-size:1.25rem}.bvd-metric--rose .bvd-metric__value{color:#be123c;background:#ffe4e6;border-radius:999px;align-self:flex-start;padding:.1rem .55rem;font-size:1rem;display:inline-flex}.bvd-metric--green .bvd-metric__value{color:#047857;background:#d1fae5;border-radius:999px;align-self:flex-start;padding:.1rem .55rem;font-size:1rem;display:inline-flex}.bvd-filters{z-index:20;padding:.65rem .75rem;position:sticky;top:0}.bvd-filters__grid{grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:.45rem;display:grid}@media (width<=1200px){.bvd-filters__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.bvd-filters__grid{grid-template-columns:1fr 1fr}}.bvd-filters__actions{flex-wrap:wrap;gap:.35rem;display:flex}.bvd-matrix{padding:0;overflow:hidden}.bvd-matrix__toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.bvd-matrix__search{border:1px solid var(--border-color);background:var(--bg-secondary,#f8fafc);border-radius:.4rem;flex:1;align-items:center;gap:.45rem;min-width:200px;max-width:360px;padding:.35rem .55rem;display:flex}.bvd-matrix__search input{background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.bvd-matrix__tools{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.bvd-table-wrap{max-height:calc(100vh - 340px);overflow:auto}.bvd-table thead th{z-index:5;background:var(--bg-secondary,#f1f5f9);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.4rem .45rem;font-size:.65rem;position:sticky;top:0}.bvd-table tbody td{vertical-align:middle;white-space:nowrap;padding:.35rem .45rem;font-size:.72rem}.bvd-num-col{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:right!important}.bvd-table thead th.bvd-num-col{text-align:right!important}.bvd-num-col--sqft{min-width:88px}.bvd-num-col--sqm{min-width:80px}.bvd-table tbody td.bvd-num-col{padding-right:.65rem}.bvd-col-check{text-align:center;width:32px}.bvd-col-check input{cursor:pointer;accent-color:var(--primary)}.bvd-col-actions{min-width:120px}.bvd-col-design{text-overflow:ellipsis;max-width:140px;overflow:hidden}.bvd-unit{color:var(--text-muted);font-size:.62rem}.bvd-row--order-end td{border-bottom:2.5px solid #334155!important}.bvd-row--selected td{background:#2563eb0f}.bvd-order-link{color:var(--primary);font-weight:600;text-decoration:none}.bvd-order-link:hover{text-decoration:underline}.bvd-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-flex}.bvd-badge--validated{color:#064e3b;background:#a7f3d0}.bvd-badge--missing{color:#881337;background:#fecdd3}.bvd-badge--pending{color:#78350f;background:#fde68a}.bvd-actions{flex-wrap:wrap;justify-content:center;gap:.2rem;display:inline-flex}.bvd-action-btn{border:1px solid var(--border-color);background:var(--card-bg,#fff);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:.35rem;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.bvd-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#2563eb0f}.bvd-action-btn--create{color:#be123c;border-color:#fca5a5}.bvd-action-btn--create:hover:not(:disabled){background:#fff1f2;border-color:#be123c}.bvd-action-btn:disabled{opacity:.5;cursor:not-allowed}.bvd-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.bvd-pagination__btns{gap:.35rem;display:flex}.spin{animation:.8s linear infinite bvd-spin}@keyframes bvd-spin{to{transform:rotate(360deg)}}@media (width<=1400px){.bvd-table-wrap{overflow-x:auto}.bvd-table{min-width:1100px}}.bvj-page{max-width:1700px}.bvj-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bvj-header h1{margin:0 0 .2rem;font-size:1.35rem;font-weight:800}.bvj-header p{margin:0;font-size:.85rem}.bvj-layout{grid-template-columns:260px 1fr;align-items:start;gap:1rem;display:grid}@media (width<=900px){.bvj-layout{grid-template-columns:1fr}}.bvj-sidebar{padding:.75rem;position:sticky;top:1rem}.bvj-search{border:1px solid var(--border-color);color:var(--text-muted);border-radius:8px;align-items:center;gap:.4rem;margin-bottom:.6rem;padding:.45rem .6rem;display:flex}.bvj-search input{background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.bvj-order-list{flex-direction:column;gap:2px;max-height:65vh;display:flex;overflow-y:auto}.bvj-order-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .6rem;transition:background .15s}.bvj-order-item:hover{background:var(--bg-main)}.bvj-order-item--active{background:var(--primary-glow)}.bvj-order-item__top{justify-content:space-between;align-items:center;font-size:.8rem;font-weight:700;display:flex}.bvj-order-item__sub{color:var(--text-muted);font-size:.7rem}.bvj-badge-done{background:var(--success);color:#fff;border-radius:999px;padding:.05rem .4rem;font-size:.6rem;font-weight:700}.bvj-main{flex-direction:column;gap:1rem;min-width:0;display:flex}.bvj-items-card,.bvj-related-card,.bvj-loading{padding:1rem}.bvj-items-card h3,.bvj-related-card h3{text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);margin:0 0 .75rem;font-size:.9rem;font-weight:800}.bvj-table-wrap{border:1px solid var(--border-color);border-radius:8px;max-height:520px;overflow:auto}.bvj-table{margin:0;font-size:.7rem;line-height:1.25}.bvj-table thead th{background:var(--bg-main);z-index:1;padding:.3rem .4rem;font-size:.62rem;position:sticky;top:0}.bvj-table td{vertical-align:middle;padding:.22rem .4rem}.bvj-row--no-job td{color:#111827;background:#fff1f1}.bvj-row--over-job td{color:#111827;background:#f0fff4}[data-theme=dark] .bvj-row--no-job td{color:#fecaca;background:#f871712e}[data-theme=dark] .bvj-row--over-job td{color:#bbf7d0;background:#4ade8029}.bvj-totals-row{background:var(--bg-main);font-weight:700;position:sticky;bottom:0}.bvj-tabs{border-bottom:1px solid var(--border-color);gap:.25rem;margin-bottom:.75rem;display:flex}.bvj-tabs button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .9rem;font-size:.8rem;font-weight:600}.bvj-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.bvj-tab-content{max-height:380px;overflow:auto}.bvj-related-table{margin:0;font-size:.7rem;line-height:1.25}.bvj-related-table th{padding:.3rem .4rem;font-size:.62rem}.bvj-related-table td{vertical-align:middle;padding:.22rem .4rem}.bvj-io-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.1rem .4rem;font-size:.6rem;font-weight:700;display:inline-block}.bvj-io-badge--in{background:var(--primary-glow);color:var(--primary)}.bvj-io-badge--out{color:#d97706;background:#d9770626}.bvj-ref-cell{text-overflow:ellipsis;white-space:nowrap;cursor:help;max-width:220px;overflow:hidden}.bvj-empty{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.85rem}.bvj-stockwip-block{margin-bottom:1.25rem}.bvj-stockwip-block:last-child{margin-bottom:0}.bvj-stockwip-block h4{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin:0 0 .4rem;font-size:.78rem;font-weight:700}.bvj-stockwip-wrap{max-height:300px}.orh-page{flex-direction:column;gap:.75rem;padding:.5rem 0 1.5rem;display:flex}.orh-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.orh-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.orh-metric{flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.orh-metric__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.62rem}.orh-metric__value{font-size:1.15rem;line-height:1.1}.orh-filters{z-index:6;padding:.65rem .85rem;position:sticky;top:0}.orh-filters__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-items:end;gap:.45rem .65rem;display:grid}.orh-filters__actions{flex-wrap:wrap;gap:.35rem;display:flex}.orh-matrix__toolbar{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;display:flex}.orh-matrix__toolbar-left{flex:1;align-items:center;gap:.45rem;min-width:180px;display:flex}.orh-search{flex:1;max-width:280px}.orh-table-wrap{max-height:calc(100vh - 320px);overflow:auto}.orh-table thead th{z-index:5;background:var(--bg-secondary,#f1f5f9);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;padding:.4rem .45rem;font-size:.65rem;position:sticky;top:0}.orh-table tbody td{vertical-align:middle;white-space:nowrap;padding:.35rem .45rem;font-size:.72rem}.orh-row--order-end td{border-bottom:2px solid #334155!important}.orh-col-actions{min-width:130px}.orh-actions{justify-content:center;gap:.2rem;display:inline-flex}.orh-action-btn{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-primary,#fff);width:26px;height:26px;color:var(--text-secondary,#475569);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:inline-flex}.orh-action-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.orh-action-btn:disabled{opacity:.4;cursor:not-allowed}.orh-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:.2rem;padding:.15rem .4rem;font-size:.62rem;font-weight:600;display:inline-flex}.orh-badge--initial{color:#1d4ed8;background:#dbeafe}.orh-badge--update{color:#b45309;background:#fef3c7}.orh-badge--approval{color:#15803d;background:#dcfce7}.orh-badge--revert{color:#be123c;background:#ffe4e6}.orh-badge--dispatch{color:#6d28d9;background:#ede9fe}.orh-badge--status{color:#334155;background:#e2e8f0}.orh-badge--restore{color:#c2410c;background:#ffedd5}.orh-badge--current{color:#047857;background:#ecfdf5;border:1px solid #6ee7b7}.orh-version{font-variant-numeric:tabular-nums;font-weight:700}.orh-version-prev{color:var(--text-muted);font-size:.62rem}.orh-remarks{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.orh-footer{color:var(--text-muted);border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:.45rem .65rem;font-size:.68rem;display:flex}.orh-modal-backdrop{z-index:1200;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.orh-modal{background:var(--bg-primary,#fff);border-radius:8px;flex-direction:column;width:min(920px,100%);max-height:90vh;display:flex;box-shadow:0 20px 40px #00000026}.orh-modal--wide{width:min(1100px,100%)}.orh-modal__header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.orh-modal__body{flex:1;padding:.75rem .85rem;overflow:auto}.orh-modal__footer{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:.4rem;padding:.55rem .85rem;display:flex}.orh-diff-table thead th{text-transform:uppercase;background:var(--bg-secondary,#f8fafc);font-size:.65rem}.orh-diff-old{color:#be123c;background:#fff1f2}.orh-diff-new{color:#15803d;background:#f0fdf4}.orh-timeline-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.45rem;margin-bottom:.65rem;font-size:.72rem;display:grid}.orh-timeline-meta div{background:var(--bg-secondary,#f8fafc);border-radius:4px;padding:.35rem .5rem}.orh-compare-selects{grid-template-columns:1fr auto 1fr;align-items:end;gap:.5rem;margin-bottom:.65rem;display:grid}@media (width<=768px){.orh-table-wrap{max-height:none}.orh-compare-selects{grid-template-columns:1fr}}.bsd-page{animation:.2s ease-out bsd-fade}@keyframes bsd-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bsd-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.bsd-header h1{margin:0;font-size:1.35rem;font-weight:700}.bsd-header p{color:var(--text-light,#6b7280);margin:.2rem 0 0;font-size:.82rem}.bsd-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.bsd-btn--primary{background:var(--primary,#2563eb);color:#fff}.bsd-btn--outline{color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);background:0 0}.bsd-btn--sm{padding:.25rem .6rem}.bsd-spin{animation:.8s linear infinite bsd-spin}@keyframes bsd-spin{to{transform:rotate(360deg)}}.bsd-loading{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.bsd-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.bsd-kpi{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-left:4px solid var(--primary,#2563eb);color:var(--primary,#2563eb);border-radius:10px;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 2px #1018280a}.bsd-kpi--danger{color:#dc2626;border-left-color:#dc2626}.bsd-kpi--warn{color:#d97706;border-left-color:#d97706}.bsd-kpi strong{color:var(--text,#111827);font-size:1.3rem;font-weight:700;line-height:1.1;display:block}.bsd-kpi span{color:var(--text-light,#6b7280);margin-top:.2rem;font-size:.72rem;display:block}.bsd-main-grid{grid-template-columns:1.3fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.bsd-col{flex-direction:column;gap:1rem;display:flex}@media (width<=1000px){.bsd-main-grid{grid-template-columns:1fr}}.bsd-panel{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #1018280a}.bsd-panel--full{margin-top:0}.bsd-panel__head{border-bottom:1px solid var(--border,#eef0f3);flex-wrap:wrap;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.bsd-panel__head h2{margin:0;font-size:.92rem;font-weight:700}.bsd-sub{color:var(--text-light,#6b7280);font-size:.75rem}.bsd-filter-bar{border-bottom:1px solid var(--border,#eef0f3);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.bsd-filter-bar input[type=text],.bsd-filter-bar input:not([type]){border:1px solid var(--border,#d1d5db);border-radius:6px;padding:.3rem .6rem;font-size:.8rem}.bsd-period-form{color:var(--text-light,#6b7280);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.bsd-period-form input[type=date]{border:1px solid var(--border,#d1d5db);border-radius:6px;padding:.25rem .4rem;font-size:.78rem}.bsd-table-wrap{max-height:480px;overflow:auto}.bsd-table{border-collapse:collapse;width:100%;font-size:.78rem}.bsd-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.5rem .6rem;position:sticky;top:0}.bsd-table th.r,.bsd-table td.r{text-align:right}.bsd-table th.c,.bsd-table td.c{text-align:center}.bsd-table tbody td{border-bottom:1px solid var(--border,#eef0f3);padding:.45rem .6rem}.bsd-table tbody tr:hover{background:var(--bg,#f8fafc)}.bsd-order-no{font-weight:700}.bsd-po-no{color:var(--text-light,#6b7280);font-size:.7rem}.bsd-empty-row td{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem}.bsd-row-danger{background:#dc26260d}.bsd-row-warn{background:#d977060f}.bsd-dot{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;display:inline-flex}.bsd-dot--done{color:#166534;background:#dcfce7}.bsd-dot--run{color:#1d4ed8;background:#dbeafe}.bsd-dot--pend{color:#9ca3af;background:#f3f4f6}.bsd-legend{color:var(--text-light,#6b7280);gap:1rem;padding:.5rem 1rem .85rem;font-size:.72rem;display:flex}.bsd-legend span{align-items:center;gap:.3rem;display:inline-flex}.bsd-badge{border-radius:999px;padding:.15rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.bsd-badge--success{color:#166534;background:#dcfce7}.bsd-badge--warn{color:#92400e;background:#fef3c7}.bsd-badge--danger{color:#991b1b;background:#fee2e2}.bsd-badge--info{color:#1d4ed8;background:#dbeafe}.ocr-page{animation:.2s ease-out ocr-fade}@keyframes ocr-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ocr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.ocr-header h1{margin:0;font-size:1.3rem;font-weight:700}.ocr-subtitle{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.3rem;font-size:.85rem;display:flex}.ocr-muted{color:var(--text-light,#6b7280)}.ocr-order-badge{background:var(--primary,#2563eb);color:#fff;border-radius:6px;padding:.1rem .55rem;font-size:.78rem;font-weight:700}.ocr-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.ocr-btn--success{color:#fff;background:#16a34a}.ocr-layout{grid-template-columns:260px 1fr;align-items:flex-start;gap:1rem;display:grid}@media (width<=900px){.ocr-layout{grid-template-columns:1fr}}.ocr-sidebar{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;flex-direction:column;max-height:80vh;display:flex;overflow:hidden}.ocr-sidebar__head{border-bottom:1px solid var(--border,#eef0f3);padding:.75rem 1rem;font-size:.85rem;font-weight:700}.ocr-search{border-bottom:1px solid var(--border,#eef0f3);color:var(--text-light,#6b7280);align-items:center;gap:.4rem;padding:.6rem .75rem;display:flex}.ocr-search input{background:0 0;border:none;outline:none;flex:1;font-size:.8rem}.ocr-order-list{flex:1;overflow-y:auto}.ocr-order-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border,#f3f4f6);background:0 0;width:100%;padding:.6rem 1rem;display:block;position:relative}.ocr-order-item:hover{background:var(--bg,#f8fafc)}.ocr-order-item.active{border-left:3px solid var(--primary,#2563eb);background:#2563eb14}.ocr-order-item__no{font-size:.82rem;font-weight:700}.ocr-order-item__buyer{color:var(--text-light,#6b7280);font-size:.76rem}.ocr-order-item__po{color:var(--text-light,#9ca3af);font-size:.72rem}.ocr-order-item__chev{color:var(--text-light,#9ca3af);position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.ocr-empty-list{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem;font-size:.8rem}.ocr-main{min-width:0}.ocr-loading,.ocr-empty-state{text-align:center;color:var(--text-light,#6b7280);padding:3rem}.ocr-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.ocr-kpi{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-left:4px solid var(--primary,#2563eb);border-radius:10px;padding:.85rem 1rem}.ocr-kpi span{color:var(--text-light,#6b7280);font-size:.72rem;display:block}.ocr-kpi strong{margin-top:.2rem;font-size:1.15rem;font-weight:700;display:block}.ocr-kpi--pos{border-left-color:#16a34a}.ocr-kpi--pos strong{color:#16a34a}.ocr-kpi--neg{border-left-color:#dc2626}.ocr-kpi--neg strong{color:#dc2626}.ocr-panel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.ocr-panel{background:var(--surface,#fff);border:1px solid var(--border,#eef0f3);border-radius:10px;margin-bottom:.75rem;overflow:hidden}.ocr-panel__head{border-bottom:1px solid var(--border,#eef0f3);padding:.6rem .85rem;font-size:.82rem;font-weight:700}.ocr-panel__body{padding:.6rem .85rem}.ocr-stack div{justify-content:space-between;padding:.3rem 0;font-size:.8rem;display:flex}.ocr-stack__total{border-top:1px solid var(--border,#eef0f3);margin-top:.3rem;font-weight:700;padding-top:.4rem!important}.ocr-table-wrap{overflow-x:auto}.ocr-table{border-collapse:collapse;width:100%;font-size:.76rem}.ocr-table thead th{background:var(--primary,#2563eb);color:#fff;text-align:left;white-space:nowrap;padding:.5rem .55rem}.ocr-table th.r,.ocr-table td.r{text-align:right}.ocr-table tbody td{border-bottom:1px solid var(--border,#eef0f3);padding:.45rem .55rem}.ocr-table tfoot td{background:var(--bg,#f8fafc);padding:.5rem .55rem}.ocr-total-label{text-align:right;font-weight:700}.ocr-empty-row{text-align:center;color:var(--text-light,#6b7280);padding:1.5rem}.ocr-pos{color:#16a34a}.ocr-neg{color:#dc2626}@media (width<=768px){.dp-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.ph2{flex-direction:column;gap:1.25rem;width:100%;max-width:none;padding:.5rem 0 2rem;display:flex}.ph2-hero{color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 45%,#3b82f6 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.75rem 1.85rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #1e3a8a26,0 20px 40px -12px #2563eb59}.ph2-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-8%}.ph2-hero__content{z-index:1;max-width:560px;position:relative}.ph2-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;text-transform:uppercase;background:#ffffff26;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.65rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.ph2-hero h1{letter-spacing:-.02em;margin:0 0 .4rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.ph2-hero p{opacity:.88;max-width:480px;margin:0;font-size:.9rem;line-height:1.5}.ph2-hero__actions{z-index:1;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.ph2-btn{border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ph2-btn:hover{color:inherit;transform:translateY(-1px)}.ph2-btn--primary{color:#1d4ed8;background:#fff;box-shadow:0 4px 14px #0000001f}.ph2-btn--primary:hover{color:#1e40af;background:#f8fafc}.ph2-btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47}.ph2-btn--ghost:hover{color:#fff;background:#fff3}.ph2-kpi-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=900px){.ph2-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.ph2-kpi-row{grid-template-columns:1fr}}.ph2-kpi{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:14px;align-items:center;gap:.85rem;padding:1rem 1.1rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.ph2-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.ph2-kpi__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ph2-kpi--blue .ph2-kpi__icon{color:#2563eb;background:#dbeafe}.ph2-kpi--amber .ph2-kpi__icon{color:#d97706;background:#fef3c7}.ph2-kpi--violet .ph2-kpi__icon{color:#7c3aed;background:#ede9fe}.ph2-kpi--teal .ph2-kpi__icon{color:#0d9488;background:#ccfbf1}.ph2-kpi__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#64748b);margin-bottom:.15rem;font-size:.68rem;font-weight:600;display:block}.ph2-kpi__value{color:var(--text-main,#0f172a);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1;display:block}.ph2-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=768px){.ph2-bento{grid-template-columns:1fr}}.ph2-feature{color:var(--text-main,#0f172a);border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem 1.35rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.ph2-feature:hover{color:var(--text-main,#0f172a);transform:translateY(-3px)}.ph2-feature--create{background:linear-gradient(145deg,#eff6ff 0%,#f0f9ff 50%,#fff 100%);border-color:#bfdbfe;box-shadow:0 4px 20px #2563eb14}.ph2-feature--create:hover{box-shadow:0 12px 32px #2563eb24}.ph2-feature--create .ph2-feature__icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6)}.ph2-feature--orders{background:linear-gradient(145deg,#f5f3ff 0%,#faf5ff 50%,#fff 100%);border-color:#ddd6fe;box-shadow:0 4px 20px #7c3aed14}.ph2-feature--orders:hover{box-shadow:0 12px 32px #7c3aed1f}.ph2-feature--orders .ph2-feature__icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.ph2-feature__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ph2-feature__text{flex:1;min-width:0}.ph2-feature__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#64748b);margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.ph2-feature h2{letter-spacing:-.01em;color:var(--text-main,#0f172a);margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.ph2-feature p{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;line-height:1.45}.ph2-feature__arrow{color:var(--text-muted,#94a3b8);flex-shrink:0;margin-top:.35rem;transition:transform .2s,color .2s}.ph2-feature:hover .ph2-feature__arrow{color:var(--primary,#2563eb);transform:translate(4px)}.ph2-main-grid{grid-template-columns:1fr;align-items:stretch;gap:.85rem;display:grid}@media (width>=900px){.ph2-main-grid{grid-template-columns:1fr 1fr;gap:1rem}.ph2-panel--reports{grid-column:1/-1}}@media (width>=1200px){.ph2-main-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(380px,1.35fr)}.ph2-panel--reports{grid-area:1/3/-1;align-self:start}}.ph2-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.ph2-panel__head{border-bottom:1px solid var(--border-color,#f1f5f9);background:var(--bg-card,#fff);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1.1rem;display:flex}.ph2-panel__head h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);margin:0;font-size:.78rem;font-weight:700}.ph2-panel__link{color:var(--primary,#2563eb);align-items:center;gap:.15rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.ph2-recent-table-wrap{overflow-x:auto}.ph2-recent-table{border-collapse:collapse;width:100%;font-size:.78rem}.ph2-recent-table th,.ph2-recent-table td{text-align:left;border-bottom:1px solid var(--border-color,#f1f5f9);white-space:nowrap;padding:.5rem .85rem}.ph2-recent-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#64748b);background:var(--bg-subtle,#f8fafc);font-size:.66rem;font-weight:700}.ph2-recent-table tbody tr:hover{background:var(--bg-subtle,#f8fafc)}.ph2-recent-table td.text-end,.ph2-recent-table th.text-end{text-align:right}.ph2-recent-table a{color:var(--primary,#2563eb);font-weight:600;text-decoration:none}.ph2-recent-table a:hover{text-decoration:underline}.ph2-recent-empty{text-align:center;color:var(--text-secondary,#64748b);padding:1.5rem;font-size:.8rem}.ph2-status-chip{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.15rem .55rem;font-size:.66rem;font-weight:700;display:inline-block}.ph2-status-chip--draft{color:#475569;background:#e2e8f0}.ph2-status-chip--submitted{color:#92400e;background:#fef3c7}.ph2-status-chip--approved,.ph2-status-chip--ordered{color:#166534;background:#dcfce7}.ph2-status-chip--partial{color:#1e40af;background:#dbeafe}.ph2-status-chip--closed{color:#3730a3;background:#e0e7ff}.ph2-status-chip--cancelled,.ph2-status-chip--rejected{color:#991b1b;background:#fee2e2}[data-theme=dark] .ph2-recent-table th,[data-theme=dark] .ph2-recent-table tbody tr:hover{background:#ffffff0a}.ph2-panel__link:hover{text-decoration:underline}.ph2-nav-list{flex-direction:column;display:flex}.ph2-nav-item{color:var(--text-main,#0f172a);border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.75rem;padding:.85rem 1.1rem;text-decoration:none;transition:background .15s;display:flex}.ph2-nav-item:last-child{border-bottom:none}.ph2-nav-item:hover{background:var(--primary-glow,#2563eb14);color:var(--text-main,#0f172a)}.ph2-nav-item__icon{width:36px;height:36px;color:var(--primary,#2563eb);background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.ph2-nav-item:hover .ph2-nav-item__icon{background:#dbeafe}.ph2-nav-item__body{flex:1;min-width:0}.ph2-nav-item__body strong{color:var(--text-main,#0f172a);margin-bottom:.1rem;font-size:.8125rem;font-weight:600;display:block}.ph2-nav-item__body span{color:var(--text-muted,#64748b);font-size:.72rem;line-height:1.35;display:block}.ph2-nav-item__chev{color:#cbd5e1;flex-shrink:0;transition:transform .15s,color .15s}.ph2-nav-item:hover .ph2-nav-item__chev{color:var(--primary,#2563eb);transform:translate(3px)}.ph2-nav-item--legacy .ph2-nav-item__icon{color:#b45309;background:#fef3c7}.ph2-panel--reports{position:sticky;top:.75rem}.ph2-report-hero{color:var(--text-main,#0f172a);background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border:1px solid #bbf7d0;border-radius:12px;align-items:flex-start;gap:.75rem;margin:.85rem 1.1rem;padding:.85rem 1rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.ph2-report-hero:hover{color:var(--text-main,#0f172a);transform:translateY(-1px);box-shadow:0 6px 20px #16a34a1f}.ph2-report-hero svg{color:#16a34a;flex-shrink:0;margin-top:.1rem}.ph2-report-hero strong{color:var(--text-main,#0f172a);margin-bottom:.15rem;font-size:.8125rem;display:block}.ph2-report-hero span{color:var(--text-muted,#64748b);font-size:.7rem;line-height:1.4;display:block}.ph2-report-grid{grid-template-columns:1fr;gap:.5rem;padding:0 1.1rem 1.1rem;display:grid}@media (width>=900px){.ph2-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.ph2-report-card{color:hsl(var(--chip-hue,210), 45%, 28%);background:hsl(var(--chip-hue,210), 80%, 96%);border:1px solid hsl(var(--chip-hue,210), 50%, 88%);border-radius:10px;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;font-size:.75rem;font-weight:600;line-height:1.35;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.ph2-report-card:hover{box-shadow:0 6px 16px hsla(var(--chip-hue,210), 60%, 50%, .12);background:hsl(var(--chip-hue,210), 75%, 92%);color:hsl(var(--chip-hue,210), 50%, 22%);transform:translateY(-2px)}.ph2-report-card svg{opacity:.8;flex-shrink:0;margin-top:.1rem}.ph2-report-card span{flex:1;min-width:0}.ph2-report-chip{color:hsl(var(--chip-hue,210), 45%, 28%);background:hsl(var(--chip-hue,210), 80%, 96%);border:1px solid hsl(var(--chip-hue,210), 50%, 88%);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.ph2-report-chip:hover{box-shadow:0 4px 12px hsla(var(--chip-hue,210), 60%, 50%, .15);background:hsl(var(--chip-hue,210), 75%, 92%);color:hsl(var(--chip-hue,210), 50%, 22%);transform:translateY(-1px)}.ph2-report-chip svg{opacity:.75}.ph2-panel--compact .ph2-nav-item{border-bottom:none}[data-theme=dark] .ph2-kpi{box-shadow:0 1px 3px #00000040}[data-theme=dark] .ph2-kpi:hover{box-shadow:0 8px 24px #00000059}[data-theme=dark] .ph2-kpi--blue .ph2-kpi__icon{color:#93c5fd;background:#2563eb33}[data-theme=dark] .ph2-kpi--amber .ph2-kpi__icon{color:#fcd34d;background:#f59e0b2e}[data-theme=dark] .ph2-kpi--violet .ph2-kpi__icon{color:#c4b5fd;background:#7c3aed33}[data-theme=dark] .ph2-kpi--teal .ph2-kpi__icon{color:#5eead4;background:#0d948833}[data-theme=dark] .ph2-feature--create{background:linear-gradient(145deg,#1e3a5f 0%,#172554 50%,#0f172a 100%);border-color:#1d4ed8;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .ph2-feature--create:hover{box-shadow:0 12px 32px #2563eb33}[data-theme=dark] .ph2-feature--orders{background:linear-gradient(145deg,#2e1065 0%,#1e1b4b 50%,#0f172a 100%);border-color:#6d28d9;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .ph2-feature--orders:hover{box-shadow:0 12px 32px #7c3aed33}[data-theme=dark] .ph2-feature,[data-theme=dark] .ph2-feature:hover,[data-theme=dark] .ph2-feature h2{color:#f1f5f9}[data-theme=dark] .ph2-feature__eyebrow{color:#94a3b8}[data-theme=dark] .ph2-feature p{color:#cbd5e1}[data-theme=dark] .ph2-feature__arrow{color:#64748b}[data-theme=dark] .ph2-feature:hover .ph2-feature__arrow{color:#93c5fd}[data-theme=dark] .ph2-panel{box-shadow:0 1px 3px #00000040}[data-theme=dark] .ph2-panel__head{background:#0b1220}[data-theme=dark] .ph2-nav-item__icon{color:#93c5fd;background:#1e293b}[data-theme=dark] .ph2-nav-item:hover .ph2-nav-item__icon{background:#2563eb40}[data-theme=dark] .ph2-nav-item--legacy .ph2-nav-item__icon{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .ph2-nav-item__chev{color:#475569}[data-theme=dark] .ph2-report-hero{background:linear-gradient(135deg,#16a34a26 0%,#10b98114 100%);border-color:#22c55e59}[data-theme=dark] .ph2-report-hero,[data-theme=dark] .ph2-report-hero:hover,[data-theme=dark] .ph2-report-hero strong{color:#f1f5f9}[data-theme=dark] .ph2-report-hero span{color:#94a3b8}[data-theme=dark] .ph2-report-hero svg{color:#4ade80}[data-theme=dark] .ph2-report-card,[data-theme=dark] .ph2-report-card:hover{color:hsl(var(--chip-hue,210), 70%, 82%);background:hsla(var(--chip-hue,210), 50%, 40%, .22);border-color:hsla(var(--chip-hue,210), 45%, 50%, .35)}[data-theme=dark] .ph2-report-card:hover{background:hsla(var(--chip-hue,210), 50%, 45%, .32);color:#f8fafc;box-shadow:0 6px 16px #00000040}[data-theme=dark] .ph2-report-chip{color:hsl(var(--chip-hue,210), 70%, 82%);background:hsla(var(--chip-hue,210), 50%, 40%, .22);border-color:hsla(var(--chip-hue,210), 45%, 50%, .35)}[data-theme=dark] .ph2-report-chip:hover{background:hsla(var(--chip-hue,210), 50%, 45%, .32);color:#f8fafc;box-shadow:0 4px 12px #00000040}[data-theme=dark] .ph2-hero{box-shadow:0 4px 6px -1px #0000004d,0 20px 40px -12px #2563eb40}.pur-page{flex-direction:column;gap:.65rem;display:flex}.pur-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.pur-page__header h1{margin:0 0 .2rem;font-family:Poppins,sans-serif;font-size:1.15rem}.pur-filters{padding:.65rem .85rem}.pur-filters__grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.45rem;display:grid}@media (width<=1200px){.pur-filters__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=576px){.pur-filters__grid{grid-template-columns:1fr 1fr}}.pur-filters__actions{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.pur-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}@media (width<=992px){.pur-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.pur-metric{padding:.55rem .75rem}.pur-metric__label{text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:600}.pur-metric__value{color:var(--primary);font-size:1.1rem;font-weight:700}.pur-table-toolbar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.pur-table-wrap{max-height:calc(100vh - 320px);overflow:auto}.pur-table-wrap table thead th{z-index:2;background:var(--table-header-bg,#1e293b);position:sticky;top:0}.pur-table-wrap tr.subtotal td{background:#e2e8f0;font-weight:600}.pur-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.pur-th-sortable:hover{background:var(--table-header-bg-hover,#334155)}.pur-th-sortable__inner{align-items:center;gap:.3rem;display:inline-flex}.pur-th-sortable__inner svg{opacity:.55}.pur-th-sortable--active .pur-th-sortable__inner svg{opacity:1;color:var(--primary,#3b82f6)}.pur-pagination{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.75rem;display:flex}.pur-report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=992px){.pur-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=576px){.pur-report-grid{grid-template-columns:1fr}}.pur-report-card{border:1px solid var(--border-color);color:inherit;border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.65rem .75rem;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.pur-report-card:hover{border-color:var(--primary);box-shadow:0 2px 8px #0000000f}.pur-report-card strong{font-size:.85rem}.pur-report-card span{color:var(--text-secondary);font-size:.72rem}.pmd-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}@media (width<=1200px){.pmd-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.pmd-kpi{border-left:3px solid var(--primary);padding:.6rem .75rem}.pmd-kpi--warn{border-left-color:#d97706}.pmd-kpi--success{border-left-color:#059669}.pmd-kpi--info{border-left-color:#0284c7}.pmd-kpi__label{text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:600}.pmd-kpi__value{font-size:1.25rem;font-weight:700;line-height:1.2}.pmd-kpi__sub{color:var(--text-secondary);font-size:.7rem}.pmd-two-col{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}@media (width<=992px){.pmd-two-col{grid-template-columns:1fr}}.pmd-section{padding:.65rem .85rem}.pmd-section__title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.pmd-mini-table{width:100%;font-size:.72rem}.pmd-mini-table th,.pmd-mini-table td{border-bottom:1px solid var(--border-color);padding:.3rem .4rem}.pmd-mini-table th{text-align:left;color:var(--text-secondary);font-weight:600}.pmd-quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;display:grid}@media (width<=992px){.pmd-quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}.pmd-action-btn{border:1px solid var(--border-color);color:inherit;text-align:center;border-radius:.45rem;flex-direction:column;align-items:center;gap:.25rem;padding:.55rem .4rem;font-size:.68rem;text-decoration:none;transition:border-color .15s;display:flex}.pmd-action-btn:hover{border-color:var(--primary);color:var(--primary)}.pmd-bar-chart{flex-direction:column;gap:.35rem;display:flex}.pmd-bar-row{grid-template-columns:80px 1fr 70px;align-items:center;gap:.35rem;font-size:.68rem;display:grid}.pmd-bar-track{background:var(--border-color);border-radius:4px;height:8px;overflow:hidden}.pmd-bar-fill{background:var(--primary);border-radius:4px;height:100%}.pmd-status-bars{align-items:flex-end;gap:.35rem;height:100px;padding-top:.5rem;display:flex}.pmd-status-bar{flex-direction:column;flex:1;align-items:center;gap:.2rem;font-size:.62rem;display:flex}.pmd-status-bar__col{background:var(--primary);border-radius:3px 3px 0 0;width:100%;min-height:4px}.pmd-status-bar--pending .pmd-status-bar__col{background:#d97706}.pmd-status-bar--approved .pmd-status-bar__col{background:#059669}.pmd-status-bar--draft .pmd-status-bar__col{background:#64748b}.pmd-status-bar--closed .pmd-status-bar__col{background:#0284c7}.pmd-po-link{color:var(--primary);font-weight:500;text-decoration:none}.pmd-po-link:hover{text-decoration:underline}.ppr-page{flex-direction:column;gap:.65rem;display:flex}.ppr-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.ppr-header h1{margin:0;font-size:1rem;font-weight:700}.ppr-header p{font-size:.68rem}.ppr-controls{padding:.65rem .75rem}.ppr-controls__row{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:.55rem;display:flex}.ppr-filters-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.45rem;display:grid}.ppr-filters-grid .form-label-erp{margin-bottom:.15rem;font-size:.62rem}.ppr-filters-grid .form-control-erp{min-height:1.65rem;padding:.22rem .4rem;font-size:.68rem}.ppr-controls__footer{border-top:1px solid var(--border,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;margin-top:.55rem;padding-top:.5rem;display:flex}.ppr-check{cursor:pointer;align-items:center;gap:.35rem;font-size:.68rem;display:flex}.ppr-toggle-group{border:1px solid var(--border,#e2e8f0);border-radius:6px;display:inline-flex;overflow:hidden}.ppr-toggle-group button{color:#64748b;cursor:pointer;background:#fff;border:none;padding:.22rem .5rem;font-size:.65rem;font-weight:600}.ppr-toggle-group button.active{color:#fff;background:#0f766e}.ppr-metrics{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}@media (width<=900px){.ppr-metrics{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.ppr-metric{padding:.45rem .6rem}.ppr-metric__label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.58rem;display:block}.ppr-metric__value{color:#0f172a;font-size:.95rem}.ppr-metric--amber .ppr-metric__value{color:#d97706}.ppr-metric--red .ppr-metric__value{color:#dc2626}.ppr-metric--blue .ppr-metric__value{color:#0284c7}.ppr-table-card{overflow:hidden}.ppr-toolbar{border-bottom:1px solid var(--ppr-border,#e2e8f0);background:var(--ppr-toolbar-bg,#f8fafc);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.4rem;padding:.45rem .6rem;display:flex}.ppr-toolbar__note{color:var(--ppr-muted,#64748b);font-size:.62rem}.ppr-toolbar__actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ppr-table-wrap{max-height:calc(100vh - 320px);overflow:auto}.ppr-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:.62rem}.ppr-table thead{z-index:2;position:sticky;top:0}.ppr-table th{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:var(--ppr-th-bg,#1e293b);color:var(--ppr-th-fg,#f8fafc);border-bottom:2px solid var(--ppr-border,#cbd5e1);padding:.28rem .25rem;font-size:.58rem;font-weight:700;overflow:hidden}.ppr-table td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid var(--ppr-row-border,#e2e8f0);color:var(--ppr-td-fg,#1e293b);padding:.22rem .25rem;overflow:hidden}.ppr-table tbody tr:nth-child(2n){background:var(--ppr-stripe,#f8fafc)}.ppr-num{text-align:right;font-variant-numeric:tabular-nums}.ppr-order-no{color:var(--ppr-order-fg,#0f766e);font-weight:700}.ppr-item-name{font-weight:600}.ppr-item-code{color:var(--ppr-muted,#64748b);font-size:.55rem;font-weight:400;display:block}.ppr-row--pending{background:var(--ppr-pending-bg,#fffbeb)!important}.ppr-row--negative{background:var(--ppr-negative-bg,#fef2f2)!important}.ppr-row--natural{background:var(--ppr-natural-bg,#cff4fc)!important}.ppr-row--order-end td{border-bottom:2.5px solid var(--ppr-order-sep,#334155)!important}.ppr-status{text-transform:uppercase;letter-spacing:.03em;font-size:.55rem;font-weight:700}.ppr-status--pending{color:#d97706}.ppr-status--completed{color:#059669}.ppr-status--over-ordered{color:#dc2626}.ppr-po-links{flex-wrap:wrap;gap:.15rem .3rem;margin-top:.1rem;display:flex}.ppr-po-link{color:#0284c7;white-space:nowrap;font-size:.55rem;font-weight:600;text-decoration:none}.ppr-po-link:hover{color:#0369a1;text-decoration:underline}.ppr-table-card--light{--ppr-border:#e2e8f0;--ppr-toolbar-bg:#f8fafc;--ppr-muted:#64748b;--ppr-th-bg:#1e293b;--ppr-th-fg:#f8fafc;--ppr-td-fg:#1e293b;--ppr-row-border:#e2e8f0;--ppr-stripe:#f8fafc;--ppr-order-fg:#0f766e;--ppr-order-sep:#334155;--ppr-pending-bg:#fffbeb;--ppr-negative-bg:#fef2f2}.ppr-table-card--dark{--ppr-border:#334155;--ppr-toolbar-bg:#0f172a;--ppr-muted:#94a3b8;--ppr-th-bg:#020617;--ppr-th-fg:#e2e8f0;--ppr-td-fg:#e2e8f0;--ppr-row-border:#1e293b;--ppr-stripe:#0f172a;--ppr-order-fg:#2dd4bf;--ppr-order-sep:#64748b;--ppr-pending-bg:#422006;--ppr-negative-bg:#450a0a;--ppr-natural-bg:#083344;background:#0f172a}.ppr-table-card--dark .ppr-table tbody tr{background:#0f172a}.ppr-table-card--dark .ppr-po-link{color:#38bdf8}.ppr-table-card--dark .ppr-status--pending{color:#fbbf24}.ppr-table-card--dark .ppr-status--completed{color:#34d399}.ppr-table-card--dark .ppr-status--over-ordered{color:#f87171}.ppr-col-no{width:2.2%}.ppr-col-order{width:7%}.ppr-col-buyer{width:8%}.ppr-col-product{width:10%}.ppr-col-pcolor{width:6%}.ppr-col-size{width:4%}.ppr-col-item{width:12%}.ppr-col-color{width:6%}.ppr-col-req,.ppr-col-poqty,.ppr-col-bal{width:5.5%}.ppr-col-uom{width:3.5%}.ppr-col-status{width:5%}.ppr-col-po{width:9%}@media print{.ppr-controls,.ppr-metrics,.ppr-toolbar,.ppr-header a{display:none!important}.ppr-table-wrap{max-height:none;overflow:visible}.ppr-table{font-size:8px}}.po-create-page{flex-direction:column;gap:.65rem;max-width:100%;display:flex;position:relative}.po-create-page--boot{justify-content:center;align-items:center;min-height:240px}.po-create-page__boot{color:var(--text-secondary);align-items:center;gap:.55rem;font-size:.82rem;display:inline-flex}.po-create-page--ready{animation:none}.po-create-page .card-premium{border:1px solid var(--border-color,#e2e8f0);border-radius:8px;box-shadow:0 1px 3px #0f172a0f}.po-create-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.15rem;display:flex}.po-create-page__header h1{letter-spacing:-.02em;margin:0;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600}.po-create-page__header .po-create-po-no{color:var(--text-secondary);font-size:.7rem}.po-create-page__header .po-create-po-no strong{color:var(--primary);font-weight:600}.po-yarn-header-card{padding:0;overflow:hidden}.po-yarn-header-card__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;padding:.45rem .75rem 0;font-size:.65rem;font-weight:600}.po-yarn-header-row{flex-wrap:nowrap;align-items:flex-end;gap:.4rem;padding:.45rem .75rem .55rem;display:flex;overflow-x:auto}.po-yarn-header-row .po-field{flex:1 1 0;min-width:108px}.po-yarn-header-row .po-field--wide{flex:1.4 1 0;min-width:130px}.po-yarn-header-row .po-field--notes{flex:1.6 1 0;min-width:140px}.po-field .form-label-erp{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);margin-bottom:.15rem;font-size:.62rem;font-weight:600}.po-field .form-control-erp{height:28px;padding:.2rem .45rem;font-size:.73rem}.po-yarn-source-bar{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-wrap:wrap;align-items:center;gap:.55rem .85rem;padding:.5rem .75rem;display:flex}.po-yarn-source-bar__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap;font-size:.62rem;font-weight:600}.po-source-pills{flex-wrap:wrap;gap:.3rem;display:flex}.po-source-pill{border:1px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.7rem;transition:border-color .12s,background .12s;display:inline-flex}.po-source-pill input{display:none}.po-source-pill.active{border-color:var(--primary);color:var(--primary);background:#3b82f614;font-weight:600}.po-yarn-source-inline{flex:1;align-items:center;gap:.45rem;min-width:240px;display:flex}.po-yarn-source-inline--grow{flex:320px;max-width:100%}.po-yarn-source-inline .form-control-erp{flex:180px;min-width:160px;max-width:none;height:28px;font-size:.72rem}.po-source-select--multi{min-height:72px;padding:.25rem .35rem}.po-selected-orders{flex-wrap:wrap;gap:.25rem;margin-bottom:.35rem;display:flex}.po-order-chip{color:#0c4a6e;white-space:nowrap;text-overflow:ellipsis;background:#e0f2fe;border-radius:999px;max-width:100%;padding:.12rem .45rem;font-size:.68rem;font-weight:600;display:inline-block;overflow:hidden}.po-td-order-no{color:#334155;white-space:nowrap;font-size:.68rem;font-weight:600}.po-buyer-order-checklist{border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:8px;flex-direction:column;flex:280px;gap:.2rem;min-width:280px;max-height:140px;padding:.35rem .5rem;display:flex;overflow-y:auto}.po-buyer-order-check{cursor:pointer;border-radius:4px;align-items:center;gap:.45rem;padding:.15rem .25rem;font-size:.72rem;display:flex}.po-buyer-order-check.is-checked{background:#f0f9ff}.po-buyer-order-check input{flex-shrink:0}.po-buyer-order-check__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.po-line-view-toggle{border:1px solid var(--border,#e2e8f0);border-radius:8px;display:inline-flex;overflow:hidden}.po-line-view-btn{color:#64748b;cursor:pointer;background:#fff;border:none;padding:.25rem .65rem;font-size:.72rem;font-weight:600}.po-line-view-btn.active{color:#fff;background:#0ea5e9}.po-row-summary{background:#f8fafc}.po-source-select{min-width:220px;max-width:420px;color:var(--text-main,#1e293b);font-weight:500}.po-source-picker{flex:220px;min-width:220px;max-width:420px;position:relative}.po-source-picker__label{pointer-events:none;color:var(--text-main,#1e293b);white-space:nowrap;text-overflow:ellipsis;z-index:1;font-size:.72rem;font-weight:600;position:absolute;top:50%;left:.5rem;right:1.75rem;overflow:hidden;transform:translateY(-50%)}.po-source-select--filled{color:#0000}.po-source-select--filled option{color:var(--text-main,#1e293b)}.po-color-readonly{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;min-width:72px;padding:.18rem .35rem;font-size:.72rem;font-weight:600;display:inline-block}.po-create-table-wrap input[readonly].po-input-num{color:#475569;cursor:default;background:#f8fafc}.po-load-bom-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.po-yarn-source-inline .form-label-erp{white-space:nowrap;text-transform:uppercase;color:var(--text-secondary);margin:0;font-size:.62rem;font-weight:600}.po-yarn-picker-card{border:1px solid var(--border-color);background:#fff;border-radius:6px;margin:0 .75rem .65rem;overflow:hidden}.po-yarn-picker-card__head{background:var(--bg-subtle,#f1f5f9);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.35rem .55rem;font-size:.68rem;font-weight:600;display:flex}.po-yarn-filter-row{border-bottom:1px solid var(--border-color);gap:.35rem;padding:.4rem .55rem;display:flex}.po-yarn-filter-row input{height:28px;font-size:.72rem}.po-yarn-picker{scrollbar-width:thin;height:198px;max-height:198px;overflow:hidden auto}.po-yarn-picker-table{table-layout:fixed;border-collapse:collapse;width:100%;margin:0}.po-yarn-picker-table thead th{z-index:2;white-space:nowrap;text-transform:uppercase;letter-spacing:.02em;background:#e2e8f0;border-bottom:1px solid #cbd5e1;height:18px;padding:.1rem .35rem;font-size:.6rem;font-weight:600;line-height:1;position:sticky;top:0}.po-yarn-picker-table tbody td{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:18px;padding:.06rem .35rem;font-size:.66rem;line-height:1.1;overflow:hidden}.po-yarn-picker-row{cursor:pointer}.po-yarn-picker-row:hover{background:#3b82f60f}.po-yarn-picker-row.selected{box-shadow:inset 3px 0 0 var(--primary,#2563eb);background:#3b82f61f}.po-items-card{padding:0;overflow:hidden}.po-items-card__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;padding:.45rem .75rem 0;font-size:.65rem;font-weight:600}.po-create-header-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.65rem .85rem;display:grid}@media (width<=1200px){.po-create-header-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-create-source-row{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.5rem .85rem;display:flex}.po-create-source-row label{cursor:pointer;align-items:center;gap:.25rem;margin:0;font-size:.75rem;display:inline-flex}.po-create-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-subtle,#f8fafc);flex-wrap:wrap;align-items:center;gap:.35rem;padding:.45rem .75rem;display:flex}.po-create-table-wrap{max-height:calc(100vh - 340px);overflow:auto}.po-create-table-wrap table thead th{z-index:2;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;color:#f8fafc;background:#1e293b;padding:.35rem .4rem;font-size:.64rem;font-weight:600;position:sticky;top:0}.po-create-table-wrap table tbody tr:nth-child(2n){background:#f8fafc99}.po-create-table-wrap table tbody tr:hover{background:#3b82f60a}.po-create-table-wrap table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:.2rem .35rem;font-size:.72rem}.po-create-table-wrap input,.po-create-table-wrap select{border-radius:4px;min-width:52px;height:26px;padding:.18rem .35rem;font-size:.72rem}.po-create-table-wrap input.po-input-num{text-align:right;font-variant-numeric:tabular-nums}.po-create-table-wrap td.po-amount-cell{text-align:right;font-variant-numeric:tabular-nums;color:var(--primary);font-weight:600}.po-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.po-no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.po-no-spinner[type=number]{appearance:textfield}.po-create-footer{border-top:1px solid var(--border-color);background:var(--bg-card,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px #0f172a0a}.po-create-total{letter-spacing:-.01em;font-size:.88rem;font-weight:700}.po-create-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;padding:.85rem 1rem;display:grid}@media (width<=992px){.po-create-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.po-create-type-card{border:1px solid var(--border-color);color:inherit;border-radius:.5rem;flex-direction:column;gap:.35rem;padding:.75rem;text-decoration:none;transition:border-color .15s;display:flex}.po-create-type-card:hover{border-color:var(--primary);color:var(--primary)}.po-create-type-card strong{font-size:.85rem}.po-create-type-card span{color:var(--text-secondary);font-size:.72rem}.po-create-type-card--yarn{border-left:3px solid #0284c7}.po-create-type-card--raw{border-left:3px solid #059669}.po-create-type-card--accessory{border-left:3px solid #d97706}.po-create-type-card--process{border-left:3px solid #7c3aed}.po-create-page .po-btn{border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:32px;padding:.38rem .85rem;font-size:.72rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;display:inline-flex}.po-create-page .po-btn:hover{transform:translateY(-1px)}.po-create-page .po-btn:active{transform:translateY(0)}.po-create-page .po-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.po-create-page .btn-erp-primary.po-btn{background:linear-gradient(135deg, var(--primary,#2563eb) 0%, #3b82f6 100%);color:#fff;border:1.5px solid #0000;box-shadow:0 2px 8px #2563eb38}.po-create-page .btn-erp-primary.po-btn:hover:not(:disabled){box-shadow:0 4px 12px #2563eb52}.po-create-page .btn-erp-outline.po-btn{color:#334155;background:#fff;border:1.5px solid #cbd5e1}.po-create-page .btn-erp-outline.po-btn:hover:not(:disabled){border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);background:#3b82f60a}.po-create-page .po-btn-icon{min-height:28px;padding:.25rem .45rem}.po-yarn-filter-row .po-filter-count{flex:1.2}.po-yarn-filter-row .po-filter-color{flex:.9}.po-th-full{text-align:center;width:42px}.po-full-qty-cell input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--primary,#2563eb)}.po-view-page{flex-direction:column;gap:.75rem;max-width:100%;display:flex}.po-view-header-card{padding:.85rem 1rem}.po-view-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.po-view-back{color:var(--text-secondary);align-items:center;gap:.25rem;margin-bottom:.35rem;font-size:.75rem;text-decoration:none;display:inline-flex}.po-view-header h1{margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.po-view-meta{align-items:center;gap:.45rem;display:flex}.po-view-status{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:.15rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.po-view-status--draft{color:#475569;background:#e2e8f0}.po-view-status--submitted{color:#92400e;background:#fef3c7}.po-view-status--approved{color:#166534;background:#dcfce7}.po-view-status--partial{color:#1d4ed8;background:#dbeafe}.po-view-status--closed{color:#3730a3;background:#e0e7ff}.po-view-status--cancelled{color:#991b1b;background:#fee2e2}.po-view-type{color:var(--text-secondary);font-size:.72rem}.po-view-approval-history{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.po-view-approval-history__item{border-left:3px solid #e2e8f0;padding:.15rem 0 .15rem .6rem}.po-view-approval-history__item--approved{border-left-color:#16a34a}.po-view-approval-history__item--rejected{border-left-color:#b91c1c}.po-view-approval-history__item--submitted{border-left-color:#92400e}.po-view-approval-history__head{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.po-view-approval-history__role{color:var(--text-secondary);background:#f1f5f9;border-radius:4px;padding:.05rem .4rem;font-size:.68rem}.po-view-approval-history__meta{color:var(--text-secondary);font-size:.72rem}.po-view-approval-history__comment{color:var(--text-primary,#1e293b);margin-top:.15rem;font-size:.78rem}.po-view-actions{flex-wrap:wrap;gap:.4rem;display:flex}.po-view-page .po-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.po-view-page .po-btn--secondary{background:var(--primary,#2563eb);color:#fff}.po-view-page .po-btn--ghost{color:#475569;background:#fff;border-color:#cbd5e1}.po-view-page .po-btn--approve{color:#fff;background:#16a34a}.po-view-page .po-btn--reject{color:#b91c1c;background:#fff;border-color:#fecaca}.po-view-page .po-btn:disabled{opacity:.6;cursor:not-allowed}.po-view-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;display:grid}.po-view-panel{padding:.85rem 1rem}.po-view-panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 .65rem;font-size:.78rem;font-weight:600}.po-view-dl{gap:.4rem;margin:0;display:grid}.po-view-dl>div{grid-template-columns:110px 1fr;gap:.35rem;font-size:.8rem;display:grid}.po-view-dl dt{color:var(--text-secondary);margin:0;font-weight:500}.po-view-dl dd{margin:0}.po-view-items-card{padding:0;overflow:hidden}.po-view-items-head{border-bottom:1px solid var(--border-color,#e2e8f0);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.po-view-items-head__left{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.po-print-dropdown{position:relative}.po-print-dropdown__menu{z-index:20;border:1px solid var(--border,#e2e8f0);background:#fff;border-radius:8px;min-width:220px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #0f172a1f}.po-print-dropdown__menu button{text-align:left;cursor:pointer;background:#fff;border:none;align-items:center;gap:.4rem;width:100%;padding:.55rem .85rem;font-size:.78rem;display:flex}.po-print-dropdown__menu button:hover{background:#f1f5f9}.po-print-dropdown__notice{color:#b45309;background:#fffbeb;border-bottom:1px solid #fde68a;padding:.5rem .85rem;font-size:.72rem;font-weight:600}.po-view-items-head h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0;font-size:.78rem;font-weight:600}.po-view-totals{color:var(--text-secondary);flex-wrap:wrap;gap:.75rem;font-size:.78rem;display:flex}.po-view-table{font-size:.78rem}.po-view-table th{white-space:nowrap;background:#f8fafc;font-weight:600}.po-view-table td,.po-view-table th{vertical-align:middle;padding:.45rem .55rem}.sms-select{flex:1;min-width:240px;position:relative}.sms-select__trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.sms-select__panel{z-index:1000;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#cbd5e1);border-radius:6px;flex-direction:column;max-height:280px;display:flex;overflow:hidden;box-shadow:0 8px 24px #0f172a29}.sms-select__search{border-bottom:1px solid var(--border-color,#e2e8f0);padding:.45rem}.sms-select__list{flex:1;overflow:auto}.sms-option{cursor:pointer;border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.45rem;padding:.35rem .55rem;font-size:.72rem;display:flex}.sms-option:hover{background:var(--bg-secondary,#f8fafc)}.sms-option input{accent-color:var(--primary)}.sms-tags{flex-wrap:wrap;gap:.25rem;margin-top:.35rem;display:flex}.sms-tag{color:#334155;background:#e2e8f0;border-radius:999px;padding:.12rem .4rem;font-size:.62rem;font-weight:600}.master-quick-links{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .15rem;display:flex}.master-quick-links__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary,#64748b);margin-right:.15rem;font-size:.7rem;font-weight:700}.master-quick-links__item{border:1px solid var(--border-color,#e2e8f0);background:var(--surface,#f8fafc);color:var(--primary,#2563eb);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.74rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.master-quick-links__item:hover{background:var(--primary-glow,#2563eb14);border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);transform:translateY(-1px)}.master-quick-links__item i{font-size:.82rem}.master-quick-links__ext{opacity:.65;font-size:.62rem!important}.po-print-page{background:#e2e8f0;min-height:100vh}.po-print-toolbar{z-index:50;color:#f8fafc;background:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1.25rem;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0f172a40}.po-print-toolbar__left,.po-print-toolbar__actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.po-print-toolbar__title{font-size:.85rem;font-weight:600}.po-print-toolbar__sub{color:#94a3b8;font-size:.72rem}.po-print-toolbar button,.po-print-toolbar a{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.po-print-toolbar button:hover,.po-print-toolbar a:hover{background:#ffffff29}.po-print-toolbar button.is-active{background:#0ea5e9;border-color:#0ea5e9}.po-print-toolbar__primary{background:#0ea5e9!important;border-color:#0ea5e9!important}.po-print-sheet{color:#000;background:#fff;max-width:210mm;margin:1.5rem auto 2rem;padding:11mm 12mm;font-family:Arial,sans-serif;font-size:11px;line-height:1.4;box-shadow:0 12px 40px #0f172a1f}.po-print-header{border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:15px;padding-bottom:10px;display:flex}.po-print-not-ready{text-align:center;background:#fff;border-radius:12px;max-width:460px;margin:3rem auto;padding:2rem;box-shadow:0 12px 40px #0f172a1f}.po-print-not-ready h2{color:#b45309;margin:0 0 .6rem;font-size:1.05rem}.po-print-not-ready p{color:#475569;margin:0 0 1.25rem;font-size:.85rem}.po-print-header__company{text-align:right;flex:1;min-width:250px}.po-print-header__logo{object-fit:contain;max-width:110px;max-height:70px;margin-bottom:6px}.po-print-header__tagline{color:#64748b;font-size:10px;font-style:italic}.po-print-header__name{color:#000;font-size:18px;font-weight:700}.po-print-header__singleline{color:#475569;margin-top:6px;font-size:9px;line-height:1.4}.po-print-header__po{text-align:left;flex:1}.po-print-header__doctype{color:#000;font-size:20px;font-weight:700}.po-print-header__subtitle{color:#000;margin:4px 0 0;font-size:13px;font-weight:600}.po-print-type-badge{text-transform:uppercase;letter-spacing:.06em;color:#0369a1;background:#e0f2fe;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:9px;font-weight:700;display:inline-block}.po-print-header__meta{gap:3px;font-size:10px;display:grid}.po-print-header__meta-row{justify-content:space-between;gap:8px;display:flex}.po-print-header__meta-label{color:#64748b;font-weight:600}.po-print-info-section{break-inside:avoid;margin-bottom:15px}.po-print-info-table,.po-print-subtable{border-collapse:collapse;width:100%;font-size:11px}.po-print-info-table td,.po-print-subtable td{vertical-align:top;border:1px solid #ccc;padding:4px 3px}.po-print-jobwork-ref{border:1px solid #ccc;margin:8px 0;padding:6px 10px;font-size:9px}.po-print-jobwork-ref strong{color:#000}.po-print-jobwork-ref ul{margin:4px 0 0;padding:0;list-style:none}.po-print-jobwork-ref li{padding:2px 0;line-height:1.5}.po-print-jobwork-ref__material{font-weight:700}.po-print-table{border-collapse:collapse;width:100%;margin-bottom:15px;font-size:10px}.po-print-table th,.po-print-table td{vertical-align:middle;border:1px solid #ccc;padding:5px 6px}.po-print-table th{color:#000;background:#eaeaea;border:1px solid #aaa;font-size:10px;font-weight:700}.po-print-table td{font-size:10px}.po-print-table .num{text-align:right;font-variant-numeric:tabular-nums}.po-print-table .center{text-align:center}.po-print-table tfoot td{background:#eaeaea;border:1px solid #aaa;font-weight:700}.po-print-table thead{display:table-header-group}.po-print-table tr{page-break-inside:avoid;break-inside:avoid}.po-print-totals{justify-content:flex-end;margin-bottom:15px;display:flex}.po-print-totals__box{min-width:240px}.po-print-totals__row{border-bottom:1px dotted #ccc;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.po-print-totals__row:last-child{border-top:1px solid #000;border-bottom:none;margin-top:2px;padding-top:5px;font-size:12px;font-weight:700}.po-print-remarks{margin-bottom:15px}.po-print-remarks h3{color:#000;background:#eaeaea;margin:0 0 10px;padding:5px 10px;font-size:14px;font-weight:700}.po-print-remarks__body{background:#f9f9f9;border:1px solid #ccc;padding:10px;font-size:11px}.po-print-terms{break-inside:avoid;margin-bottom:15px}.po-print-terms h3{color:#000;background:#eaeaea;margin:0 0 8px;padding:5px 10px;font-size:14px;font-weight:700}.po-print-terms__list{margin:0;padding:0 0 0 18px;font-size:10px;line-height:1.6}.po-print-terms__list li{padding:1px 0}.po-print-bottom-block{margin-top:30px}.po-print-signatures{border-top:2px solid #000;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px;display:grid}.po-print-signature{text-align:center;border-top:1px solid #000;min-height:45px;padding-top:5px}.po-print-signature__label{color:#000;font-size:10px;font-weight:700}.po-print-signature__sub{margin-top:5px;font-size:10px}.po-print-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:14px;padding-top:8px;font-size:8px}.po-print-loading{color:#64748b;justify-content:center;align-items:center;gap:.5rem;min-height:50vh;display:flex}@media print{@page{size:A4;margin:10mm 8mm}body{background:#fff!important}.no-print{display:none!important}.po-print-page{background:#fff}.po-print-sheet{box-shadow:none;max-width:none;margin:0;padding:0 0 26mm}.po-print-bottom-block{margin-top:0;position:fixed;bottom:6mm;left:8mm;right:8mm}}.yrs-page{flex-direction:column;gap:.5rem;min-height:0;padding-bottom:.25rem;display:flex}.yrs-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.yrs-header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.yrs-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:.45rem .65rem;font-size:.8125rem}.yrs-meta-row{grid-template-columns:132px minmax(120px,1fr) minmax(120px,1fr) minmax(110px,1fr) minmax(100px,1fr) minmax(100px,1fr);align-items:end;gap:.45rem;display:grid}.yrs-meta-row .form-group-erp{min-width:0;margin:0}.yrs-meta-row .form-label-erp{white-space:nowrap;margin-bottom:.15rem;font-size:.72rem}.yrs-page .yrs-field-control,.yrs-page .yrs-meta-row .form-control-erp{box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:30px;padding:.2rem .45rem;font-size:.8125rem;line-height:1.2}.yrs-page input[type=date].yrs-field-control,.yrs-page input[type=date].form-control-erp{appearance:none;padding-right:.35rem}.yrs-page input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;margin:0;padding:0}.yrs-yarn-filter-row{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.3rem;display:flex}.yrs-yarn-filter-row .yrs-filter-count-name{flex:0 0 200px;width:200px;max-width:200px}.yrs-yarn-filter-row .yrs-filter-color{flex:0 0 140px;width:140px;max-width:140px}.yrs-yarn-filter-row .form-control-erp{height:26px;padding:.1rem .35rem;font-size:.75rem}.yrs-filter-reset{white-space:nowrap;flex:none;height:26px;padding:0 .65rem;font-size:.75rem}.yrs-yarn-picker{border:1px solid var(--border,#e5e7eb);border-radius:4px;height:254px;max-height:254px;overflow:hidden auto}.yrs-req-grid{border:none;border-radius:0;overflow:visible}.yrs-yarn-picker thead th{z-index:3;background:var(--table-head-bg,#f3f4f6);white-space:nowrap;height:24px;padding:.22rem .38rem;font-size:.66rem;position:sticky;top:0}.yrs-req-grid thead th{white-space:nowrap;background:var(--table-head-bg,#f3f4f6);padding:.22rem .32rem;font-size:.66rem}.yrs-table-compact{table-layout:fixed;width:100%;margin:0}.yrs-yarn-picker .yrs-table-compact td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:.12rem .32rem;font-size:.73rem;line-height:1.2;overflow:hidden}.yrs-yarn-picker .yrs-table-compact tbody tr{height:23px}.yrs-yarn-picker-row{cursor:pointer}.yrs-yarn-picker-row:hover{background:#3b82f60f}.yrs-yarn-picker-row.selected{background:#3b82f624}.yrs-req-grid .yrs-table-compact td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:.1rem .3rem;font-size:.73rem;line-height:1.15;overflow:hidden}.yrs-req-grid tbody tr{height:26px}.yrs-req-grid .yrs-cell-input{box-sizing:border-box;border:1px solid var(--border,#d1d5db);background:var(--card,#fff);border-radius:3px;width:100%;min-width:0;height:22px;padding:.08rem .28rem;font-size:.73rem}.yrs-req-grid .yrs-cell-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f640}.yrs-req-grid .yrs-cell-input.text-end{text-align:right}.yrs-req-grid .yrs-cell-input:disabled,.yrs-req-grid .yrs-cell-readonly{background:var(--bg,#f9fafb);color:var(--text,#374151)}.yrs-req-grid .yrs-cell-readonly{text-overflow:ellipsis;white-space:nowrap;padding:.08rem .28rem;font-size:.73rem;line-height:22px;display:block;overflow:hidden}.yrs-final-qty{text-align:right;padding-right:.3rem;font-size:.73rem;font-weight:600;line-height:22px}.yrs-req-grid .yrs-action-btn{width:24px;height:24px}.yrs-card-compact .card-premium-header{padding:.35rem .65rem;font-size:.8125rem}.yrs-card-compact .card-premium-body{padding:.45rem .65rem}.yrs-card-compact .card-premium-body.p-0{padding:0}.yrs-save-footer{border-top:1px solid var(--border,#e5e7eb);background:var(--card,#fff);z-index:5;border-radius:6px;justify-content:flex-end;align-items:center;margin-top:.15rem;padding:.5rem .65rem;display:flex;position:sticky;bottom:0}.yrs-status-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.yrs-status-badge--draft{color:#374151;background:#e5e7eb}.yrs-status-badge--approved{color:#166534;background:#dcfce7}.yrs-status-badge--reverted{color:#92400e;background:#fef3c7}.yrs-status-badge--partial{color:#1e40af;background:#dbeafe}.yrs-status-badge--completed{color:#065f46;background:#d1fae5}.yrs-status-badge--deleted{color:#991b1b;background:#fee2e2}.yrs-actions-cell{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.yrs-action-btn{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);width:26px;height:26px;color:var(--text,#374151);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:0;display:inline-flex}.yrs-action-btn:hover:not(:disabled){background:var(--bg,#f9fafb);border-color:#9ca3af}.yrs-action-btn:disabled{opacity:.45;cursor:not-allowed}.yrs-action-btn--danger:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.yrs-action-btn--success:hover:not(:disabled){color:#047857;background:#ecfdf5;border-color:#6ee7b7}.yrs-modal-backdrop{z-index:1050;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.yrs-modal{background:var(--card,#fff);border-radius:8px;width:min(480px,100%);padding:1rem 1.1rem;box-shadow:0 10px 40px #0000002e}.yrs-modal h3{margin:0 0 .75rem;font-size:1rem;font-weight:600}.yrs-modal-actions{justify-content:flex-end;gap:.5rem;margin-top:.85rem;display:flex}.yrs-readonly .yrs-cell-input,.yrs-readonly select{pointer-events:none;background:var(--bg,#f9fafb)}.yrs-view-field{box-sizing:border-box;border:1px solid var(--border,#e5e7eb);background:var(--bg,#f9fafb);height:30px;color:var(--text,#374151);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;align-items:center;padding:.2rem .45rem;font-size:.8125rem;display:flex;overflow:hidden}.yrs-list-filter-row{border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:nowrap;align-items:flex-end;gap:.45rem;margin-bottom:.65rem;padding-bottom:.65rem;display:flex;overflow-x:auto}.yrs-list-filter-row .form-group-erp{flex:none;min-width:0;margin:0}.yrs-list-filter-row .form-label-erp{white-space:nowrap;margin-bottom:.15rem;font-size:.72rem}.yrs-list-filter-buyer{width:150px}.yrs-list-filter-slip{width:130px}.yrs-list-filter-status{width:120px}.yrs-list-filter-date{width:132px}.yrs-list-filter-row .form-control-erp{box-sizing:border-box;width:100%;height:30px;padding:.2rem .45rem;font-size:.8125rem}.yrs-list-filter-row input[type=date].form-control-erp{min-width:0;padding-right:.35rem}.yrs-list-refresh{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);height:30px;color:var(--text,#374151);cursor:pointer;white-space:nowrap;border-radius:4px;flex:none;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.yrs-list-refresh:hover{color:#3b82f6;border-color:#3b82f6}.yrs-list-table-scroll{overflow-x:auto}.yrs-list-actions-cell{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.3rem;display:flex}.yrs-list-action-btn{border:1px solid var(--border,#d1d5db);background:var(--card,#fff);color:var(--text,#374151);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:.22rem;padding:.22rem .5rem;font-size:.7rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.yrs-list-action-btn:hover:not(:disabled){color:#3b82f6;background:#3b82f60a;border-color:#3b82f6}.yrs-list-action-btn:disabled{opacity:.45;cursor:not-allowed}.yrs-list-action-btn--success{color:#047857;border-color:#6ee7b7}.yrs-list-action-btn--success:hover:not(:disabled){color:#047857;background:#ecfdf5;border-color:#34d399}.yrs-list-action-btn--danger{color:#b91c1c;border-color:#fca5a5}.yrs-list-action-btn--danger:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#f87171}@media (width<=1100px){.yrs-meta-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.yrs-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}.yrs-yarn-filter-row{flex-direction:column;align-items:flex-start}.yrs-yarn-filter-row .yrs-filter-count-name,.yrs-yarn-filter-row .yrs-filter-color{flex:100%;width:100%;max-width:100%}.yrs-list-filter-row{flex-wrap:wrap}.yrs-list-filter-buyer,.yrs-list-filter-slip,.yrs-list-filter-status,.yrs-list-filter-date{width:calc(50% - .25rem);min-width:120px}}.dy2{flex-direction:column;gap:1.25rem;width:100%;max-width:none;padding:.5rem 0 2rem;display:flex}.dy2-hero{color:#fff;background:linear-gradient(135deg,#115e59 0%,#0d9488 45%,#14b8a6 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.75rem 1.85rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #115e5933,0 20px 40px -12px #0d948859}.dy2-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1f 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-40%;right:-8%}.dy2-hero__content{z-index:1;max-width:560px;position:relative}.dy2-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.03em;text-transform:uppercase;background:#ffffff26;border-radius:999px;align-items:center;gap:.35rem;margin-bottom:.65rem;padding:.25rem .65rem;font-size:.7rem;font-weight:600;display:inline-flex}.dy2-hero h1{letter-spacing:-.02em;margin:0 0 .4rem;font-family:Poppins,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.dy2-hero p{opacity:.88;max-width:480px;margin:0;font-size:.9rem;line-height:1.5}.dy2-hero__actions{z-index:1;flex-wrap:wrap;gap:.5rem;display:flex;position:relative}.dy2-btn{border-radius:10px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.8125rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.dy2-btn:hover{color:inherit;transform:translateY(-1px)}.dy2-btn--primary{color:#0f766e;background:#fff;box-shadow:0 4px 14px #0000001f}.dy2-btn--primary:hover{color:#115e59;background:#f8fafc}.dy2-btn--ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff47}.dy2-btn--ghost:hover{color:#fff;background:#fff3}.dy2-kpi-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;display:grid}@media (width<=1100px){.dy2-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.dy2-kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=400px){.dy2-kpi-row{grid-template-columns:1fr}}.dy2-kpi{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:14px;align-items:center;gap:.85rem;padding:1rem 1.1rem;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 1px 3px #0f172a0a}.dy2-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0f172a12}.dy2-kpi__icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dy2-kpi--teal .dy2-kpi__icon{color:#0d9488;background:#ccfbf1}.dy2-kpi--amber .dy2-kpi__icon{color:#d97706;background:#fef3c7}.dy2-kpi--cyan .dy2-kpi__icon{color:#0891b2;background:#cffafe}.dy2-kpi--violet .dy2-kpi__icon{color:#7c3aed;background:#ede9fe}.dy2-kpi--green .dy2-kpi__icon{color:#16a34a;background:#dcfce7}.dy2-kpi--rose .dy2-kpi__icon{color:#e11d48;background:#ffe4e6}.dy2-kpi--blue .dy2-kpi__icon{color:#2563eb;background:#dbeafe}.dy2-kpi--compact{border-radius:12px;gap:.6rem;padding:.7rem .8rem}.dy2-kpi--compact .dy2-kpi__icon{border-radius:10px;width:34px;height:34px}.dy2-kpi--compact .dy2-kpi__value{font-size:1.2rem}.dy2-kpi--compact .dy2-kpi__label{font-size:.62rem}.dy2-kpi__label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary,#64748b);margin-bottom:.15rem;font-size:.68rem;font-weight:600;display:block}.dy2-kpi__value{color:var(--text-main,#0f172a);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.1;display:block}.dy2-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}@media (width<=768px){.dy2-bento{grid-template-columns:1fr}}.dy2-feature{color:var(--text-main,#0f172a);border:1px solid #0000;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem 1.35rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.dy2-feature:hover{color:var(--text-main,#0f172a);transform:translateY(-3px)}.dy2-feature--create{background:linear-gradient(145deg,#ecfdf5 0%,#f0fdfa 50%,#fff 100%);border-color:#99f6e4;box-shadow:0 4px 20px #0d948814}.dy2-feature--create:hover{box-shadow:0 12px 32px #0d948824}.dy2-feature--create .dy2-feature__icon{color:#fff;background:linear-gradient(135deg,#0d9488,#14b8a6)}.dy2-feature--orders{background:linear-gradient(145deg,#ecfeff 0%,#f0f9ff 50%,#fff 100%);border-color:#a5f3fc;box-shadow:0 4px 20px #0891b214}.dy2-feature--orders:hover{box-shadow:0 12px 32px #0891b21f}.dy2-feature--orders .dy2-feature__icon{color:#fff;background:linear-gradient(135deg,#0891b2,#06b6d4)}.dy2-feature__icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dy2-feature__text{flex:1;min-width:0}.dy2-feature__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary,#64748b);margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.dy2-feature h2{letter-spacing:-.01em;color:var(--text-main,#0f172a);margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.dy2-feature p{color:var(--text-muted,#64748b);margin:0;font-size:.78rem;line-height:1.45}.dy2-feature__arrow{color:var(--text-muted,#94a3b8);flex-shrink:0;margin-top:.35rem;transition:transform .2s,color .2s}.dy2-feature:hover .dy2-feature__arrow{color:#0d9488;transform:translate(4px)}.dy2-main-grid{grid-template-columns:1fr;align-items:stretch;gap:.85rem;display:grid}@media (width>=900px){.dy2-main-grid{grid-template-columns:1fr 1fr;gap:1rem}.dy2-panel--reports{grid-column:1/-1}}@media (width>=1200px){.dy2-main-grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(380px,1.35fr)}.dy2-panel--reports{grid-area:1/3/-1;align-self:start}}.dy2-panel{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.dy2-panel__head{border-bottom:1px solid var(--border-color,#f1f5f9);background:var(--bg-card,#fff);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem 1.1rem;display:flex}.dy2-panel__head h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#64748b);margin:0;font-size:.78rem;font-weight:700}.dy2-panel__link{color:#0d9488;align-items:center;gap:.15rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.dy2-panel__link:hover{text-decoration:underline}.dy2-nav-list{flex-direction:column;display:flex}.dy2-nav-item{color:var(--text-main,#0f172a);border-bottom:1px solid var(--border-color,#f1f5f9);align-items:center;gap:.75rem;padding:.85rem 1.1rem;text-decoration:none;transition:background .15s;display:flex}.dy2-nav-item:last-child{border-bottom:none}.dy2-nav-item:hover{background:var(--primary-glow,#0d948814);color:var(--text-main,#0f172a)}.dy2-nav-item__icon{color:#0d9488;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:flex}.dy2-nav-item:hover .dy2-nav-item__icon{background:#ccfbf1}.dy2-nav-item__body{flex:1;min-width:0}.dy2-nav-item__body strong{color:var(--text-main,#0f172a);margin-bottom:.1rem;font-size:.8125rem;font-weight:600;display:block}.dy2-nav-item__body span{color:var(--text-muted,#64748b);font-size:.72rem;line-height:1.35;display:block}.dy2-nav-item__chev{color:#cbd5e1;flex-shrink:0;transition:transform .15s,color .15s}.dy2-nav-item:hover .dy2-nav-item__chev{color:#0d9488;transform:translate(3px)}.dy2-nav-item--legacy .dy2-nav-item__icon{color:#b45309;background:#fef3c7}.dy2-panel--reports{position:sticky;top:.75rem}.dy2-report-hero{color:var(--text-main,#0f172a);background:linear-gradient(135deg,#ecfeff 0%,#f0fdfa 100%);border:1px solid #a5f3fc;border-radius:12px;align-items:flex-start;gap:.75rem;margin:.85rem 1.1rem;padding:.85rem 1rem;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex}.dy2-report-hero:hover{color:var(--text-main,#0f172a);transform:translateY(-1px);box-shadow:0 6px 20px #0891b21f}.dy2-report-hero svg{color:#0891b2;flex-shrink:0;margin-top:.1rem}.dy2-report-hero strong{color:var(--text-main,#0f172a);margin-bottom:.15rem;font-size:.8125rem;display:block}.dy2-report-hero span{color:var(--text-muted,#64748b);font-size:.7rem;line-height:1.4;display:block}.dy2-report-grid{grid-template-columns:1fr;gap:.5rem;padding:0 1.1rem 1.1rem;display:grid}@media (width>=900px){.dy2-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dy2-report-card{color:hsl(var(--chip-hue,210), 45%, 28%);background:hsl(var(--chip-hue,210), 80%, 96%);border:1px solid hsl(var(--chip-hue,210), 50%, 88%);border-radius:10px;align-items:flex-start;gap:.55rem;padding:.65rem .75rem;font-size:.75rem;font-weight:600;line-height:1.35;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:flex}.dy2-report-card:hover{box-shadow:0 6px 16px hsla(var(--chip-hue,210), 60%, 50%, .12);background:hsl(var(--chip-hue,210), 75%, 92%);color:hsl(var(--chip-hue,210), 50%, 22%);transform:translateY(-2px)}.dy2-report-card svg{opacity:.8;flex-shrink:0;margin-top:.1rem}.dy2-report-card span{flex:1;min-width:0}.dy2-report-chip{color:hsl(var(--chip-hue,210), 45%, 28%);background:hsl(var(--chip-hue,210), 80%, 96%);border:1px solid hsl(var(--chip-hue,210), 50%, 88%);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.dy2-report-chip:hover{box-shadow:0 4px 12px hsla(var(--chip-hue,210), 60%, 50%, .15);background:hsl(var(--chip-hue,210), 75%, 92%);color:hsl(var(--chip-hue,210), 50%, 22%);transform:translateY(-1px)}.dy2-report-chip svg{opacity:.75}.dy2-panel--compact .dy2-nav-item{border-bottom:none}[data-theme=dark] .dy2-kpi{box-shadow:0 1px 3px #00000040}[data-theme=dark] .dy2-kpi:hover{box-shadow:0 8px 24px #00000059}[data-theme=dark] .dy2-kpi--teal .dy2-kpi__icon{color:#5eead4;background:#0d948833}[data-theme=dark] .dy2-kpi--cyan .dy2-kpi__icon{color:#67e8f9;background:#0891b233}[data-theme=dark] .dy2-kpi--blue .dy2-kpi__icon{color:#93c5fd;background:#2563eb33}[data-theme=dark] .dy2-kpi--amber .dy2-kpi__icon{color:#fcd34d;background:#f59e0b2e}[data-theme=dark] .dy2-kpi--violet .dy2-kpi__icon{color:#c4b5fd;background:#7c3aed33}[data-theme=dark] .dy2-feature--create{background:linear-gradient(145deg,#134e4a 0%,#0f3d3a 50%,#0f172a 100%);border-color:#0d9488;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .dy2-feature--create:hover{box-shadow:0 12px 32px #0d948833}[data-theme=dark] .dy2-feature--orders{background:linear-gradient(145deg,#164e63 0%,#0c4a6e 50%,#0f172a 100%);border-color:#0891b2;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .dy2-feature--orders:hover{box-shadow:0 12px 32px #0891b233}[data-theme=dark] .dy2-feature,[data-theme=dark] .dy2-feature:hover,[data-theme=dark] .dy2-feature h2{color:#f1f5f9}[data-theme=dark] .dy2-feature__eyebrow{color:#94a3b8}[data-theme=dark] .dy2-feature p{color:#cbd5e1}[data-theme=dark] .dy2-feature__arrow{color:#64748b}[data-theme=dark] .dy2-feature:hover .dy2-feature__arrow{color:#5eead4}[data-theme=dark] .dy2-panel{box-shadow:0 1px 3px #00000040}[data-theme=dark] .dy2-panel__head{background:#0b1220}[data-theme=dark] .dy2-nav-item__icon{color:#5eead4;background:#1e293b}[data-theme=dark] .dy2-nav-item:hover .dy2-nav-item__icon{background:#0d948840}[data-theme=dark] .dy2-nav-item--legacy .dy2-nav-item__icon{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .dy2-nav-item__chev{color:#475569}[data-theme=dark] .dy2-report-hero{background:linear-gradient(135deg,#0891b226 0%,#0d948814 100%);border-color:#22d3ee59}[data-theme=dark] .dy2-report-hero,[data-theme=dark] .dy2-report-hero:hover,[data-theme=dark] .dy2-report-hero strong{color:#f1f5f9}[data-theme=dark] .dy2-report-hero span{color:#94a3b8}[data-theme=dark] .dy2-report-hero svg{color:#22d3ee}[data-theme=dark] .dy2-hero{box-shadow:0 4px 6px -1px #0000004d,0 20px 40px -12px #0d948840}[data-theme=dark] .dy2-report-card,[data-theme=dark] .dy2-report-card:hover{color:hsl(var(--chip-hue,175), 70%, 82%);background:hsla(var(--chip-hue,175), 50%, 40%, .22);border-color:hsla(var(--chip-hue,175), 45%, 50%, .35)}[data-theme=dark] .dy2-report-card:hover{background:hsla(var(--chip-hue,175), 50%, 45%, .32);color:#f8fafc;box-shadow:0 6px 16px #00000040}[data-theme=dark] .dy2-report-chip{color:hsl(var(--chip-hue,175), 70%, 82%);background:hsla(var(--chip-hue,175), 50%, 40%, .22);border-color:hsla(var(--chip-hue,175), 45%, 50%, .35)}[data-theme=dark] .dy2-report-chip:hover{background:hsla(var(--chip-hue,175), 50%, 45%, .32);color:#f8fafc;box-shadow:0 4px 12px #00000040}.dp-print-backdrop{z-index:1040;cursor:pointer;background:#0f172a8c;border:none;position:fixed;inset:0}.dp-print-panel{z-index:1050;flex-direction:column;width:min(900px,96vw);height:min(90vh,820px);display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.dp-print-panel__header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.dp-print-panel__header h3{margin:0;font-size:1rem}.dp-print-panel__loading,.dp-print-panel__error{text-align:center;padding:.75rem 1rem;font-size:.875rem}.dp-print-panel__error{color:#991b1b;background:#fef2f2}.dp-print-panel__frame{background:#94a3b8;flex:1;min-height:0;padding:.5rem}.dp-print-panel__frame--hidden{visibility:hidden;height:0;overflow:hidden}.dp-print-panel__iframe{background:#fff;border:none;width:100%;height:100%}@media (width<=768px){.dp-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.dp-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:0 1rem 1rem;display:grid}@media (width<=992px){.dp-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-info-item label{text-transform:uppercase;color:var(--text-secondary);font-size:.62rem;font-weight:600;display:block}.dp-info-item p{margin:0;font-size:.8125rem;font-weight:500}.dp-section-title{margin:0;padding:.75rem 1rem 0;font-size:.85rem;font-weight:600}.dp-items-scroll{max-height:480px;overflow:auto}.dp-items-scroll thead th{z-index:1;background:var(--bg-main);position:sticky;top:0}.dp-list-page,.dp-form-page,.dp-detail-page{flex-direction:column;gap:.75rem;display:flex}.dp-list-page__header,.dp-form-toolbar,.dp-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem 1rem;display:flex}.dp-list-page__header h1,.dp-form-toolbar h1,.dp-detail-header h1{margin:0;font-family:Poppins,sans-serif;font-size:1.15rem}.dp-stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=768px){.dp-stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-stat-card{padding:.65rem .85rem}.dp-stat-card__label{text-transform:uppercase;color:var(--text-secondary);font-size:.65rem;font-weight:600}.dp-stat-card__value{color:var(--primary);font-size:1.25rem;font-weight:700}.dp-filter-bar{border-bottom:1px solid var(--border-color);flex-wrap:wrap;align-items:flex-end;gap:.5rem;padding:.65rem 1rem;display:flex}.dp-filter-bar .form-group-erp{flex:1;min-width:120px;max-width:180px;margin:0}.dp-table-scroll{max-height:calc(100vh - 320px);overflow:auto}.dp-table-scroll thead th{z-index:2;background:var(--bg-main);position:sticky;top:0}.dp-num{font-variant-numeric:tabular-nums}.dp-link-invoice{color:var(--primary);font-weight:600;text-decoration:none}.dp-orders-cell{text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.75rem;overflow:hidden}.dp-actions-cell{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.dp-action-btn{border:1px solid var(--border-color);background:var(--card-bg);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.dp-action-btn:hover{border-color:var(--primary);color:var(--primary)}.dp-action-btn--success:hover{color:#059669;border-color:#059669}.dp-action-btn--danger:hover{color:#dc2626;border-color:#dc2626}.dp-status-badge{text-transform:uppercase;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.dp-status-badge--draft{color:#92400e;background:#fef3c7}.dp-status-badge--confirmed{color:#1e40af;background:#dbeafe}.dp-status-badge--dispatched{color:#065f46;background:#d1fae5}.dp-status-badge--cancelled{color:#991b1b;background:#fee2e2}.dp-form-header-row{flex-wrap:wrap;gap:.5rem;padding:0 1rem .75rem;display:flex}.dp-form-header-row .form-group-erp{flex:1;min-width:140px;max-width:220px;margin:0}.dp-shipment-section{border-top:1px solid var(--border-color);margin-top:.25rem;padding:.75rem 1rem}.dp-shipment-toggle{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.dp-shipment-toggle__buttons{border:1px solid var(--border-color);border-radius:.4rem;display:inline-flex;overflow:hidden}.dp-shipment-toggle__btn{background:var(--bg-card,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border:none;padding:.35rem .9rem;font-size:.78rem;font-weight:600}.dp-shipment-toggle__btn+.dp-shipment-toggle__btn{border-left:1px solid var(--border-color)}.dp-shipment-toggle__btn--active{background:var(--primary);color:#fff}.dp-form-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem;display:grid}.dp-form-grid .form-group-erp{margin:0}.dp-form-grid__wide{grid-column:span 2}.dp-orders-picker{padding:0 1rem .75rem}.dp-orders-picker__grid{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.dp-order-chip{border:1px solid var(--border-color);cursor:pointer;background:var(--bg-main);border-radius:.25rem;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.dp-order-chip:has(input:checked){border-color:var(--primary);background:var(--primary-glow)}.dp-order-chip__badge{color:#92400e;background:#fef3c7;border-radius:999px;padding:.05rem .3rem;font-size:.6rem}.dp-items-section{padding:0 1rem 1rem}.dp-items-section__head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dp-items-section__head h2{margin:0;font-size:.85rem;font-weight:600}.dp-items-table-wrap{max-height:420px;overflow:auto}.dp-items-table thead th{z-index:1;background:var(--bg-main);white-space:nowrap;padding:.3rem .35rem;font-size:.62rem;position:sticky;top:0}.dp-items-table tbody td{vertical-align:middle;padding:.2rem .35rem;font-size:.72rem}.dp-line-input{border:1px solid var(--border-color);text-align:right;border-radius:.2rem;width:100%;min-width:56px;min-height:26px;padding:.2rem .3rem;font-size:.72rem}.dp-line-input--narrow{min-width:48px}.dp-line-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);outline:none}.dp-line-remove{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:1rem;line-height:1}.dp-tfoot-total td{background:var(--bg-main);border-top:2px solid var(--border-color);font-weight:700}.dp-tolerance-hint{color:var(--text-muted);margin:.35rem 0 0;font-size:.68rem}.dp-badge-source{background:var(--bg-main);color:var(--text-secondary,#64748b);white-space:nowrap;border-radius:.3rem;padding:.15rem .45rem;font-size:.65rem;font-weight:600;display:inline-block}.dp-prod-qty{color:var(--text-muted);font-style:italic}.jo-list-page h2{font-size:1.5rem;font-weight:600}.jo-list-page .card{border:1px solid #dee2e6;box-shadow:0 1px 3px #0f172a14}.jo-list-table thead th{white-space:nowrap;vertical-align:middle;font-size:.8rem}.jo-list-table tbody td{vertical-align:middle;font-size:.82rem}.jo-list-job-link{color:#0d6efd}.jo-list-job-link:hover{color:#0a58ca;text-decoration:underline!important}.jo-badge-finished{color:#fff;background:#28a745!important}.jo-badge-unfinished{color:#212529;background:#ffc107!important}.jo-badge-approved{color:#fff;background:#198754!important}.jo-badge-draft{color:#fff;background:#6c757d!important}.jo-detail-page .jo-badge-approved,.jo-form-page .jo-badge-approved{color:#fff;background:#198754!important}.jo-detail-page .jo-badge-draft,.jo-form-page .jo-badge-draft{color:#fff;background:#6c757d!important}.jo-badge-job{color:#fff;background:#17a2b8!important}.jo-badge-purchase{color:#fff;background:#6c757d!important}.jo-btn-group-action{gap:2px}.jo-btn-group-action .btn{justify-content:center;align-items:center;padding:.2rem .45rem;display:inline-flex}.jo-inline-card .card-header{background:#f8f9fa;padding:.5rem .75rem}.jo-list-page .form-label{margin-bottom:.25rem;font-size:.875rem;font-weight:500}.jo-list-page .form-select-sm{font-size:.8125rem}.jo-list-filter-bar{margin:0}.jo-list-filter-row-single{flex-wrap:nowrap;align-items:flex-end;gap:.45rem;padding-bottom:2px;display:flex;overflow-x:auto}.jo-list-filter-field{flex:1 1 0;min-width:115px}.jo-list-filter-field--vendor{flex:1.2 1 0;min-width:140px}.jo-list-filter-field .form-label{white-space:nowrap;margin-bottom:.12rem;font-size:.72rem;font-weight:500}.jo-list-filter-actions{flex-wrap:nowrap;flex:none;align-items:center;gap:.35rem;margin-left:.15rem;padding-bottom:1px;display:flex}.jo-list-filter-actions .btn{white-space:nowrap}.jo-list-filter-count{white-space:nowrap;margin-left:.15rem}@media (width<=1200px){.jo-list-filter-row-single{flex-wrap:wrap}.jo-list-filter-actions{width:100%;margin-top:.25rem;margin-left:0}}.jo-list-filter-row{flex-wrap:wrap;align-items:flex-end;gap:.45rem;margin-bottom:.65rem;display:flex}.jo-list-page .form-group-erp{min-width:0;margin:0}.jo-filter-search{flex:180px}.jo-filter-stage{flex:0 0 150px}.jo-filter-status{flex:0 0 120px}.jo-filter-vendor,.jo-filter-buyer{flex:0 0 140px}.jo-list-table-scroll{max-height:calc(100vh - 280px);overflow:auto}.jo-link-btn{color:var(--primary,#2563eb);cursor:pointer;text-underline-offset:2px;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.jo-link-btn:hover{color:#1d4ed8}.jo-stage-chip{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:.12rem .45rem;font-size:.68rem;font-weight:600;display:inline-block}.jo-status-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700;display:inline-flex}.jo-status-badge--finished{color:#15803d;background:#dcfce7}.jo-status-badge--open{color:#b45309;background:#fef3c7}.jo-list-actions{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.jo-list-action-btn{border:1px solid var(--border-color,#e2e8f0);color:var(--text-main,#0f172a);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.68rem;font-weight:600;text-decoration:none;display:inline-flex}.jo-list-action-btn:hover{background:var(--primary-glow,#2563eb14);color:var(--primary,#2563eb)}.jo-list-action-btn--danger:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.jo-inline-row>td{background:#f8fafc;padding:.5rem!important}.jo-inline-card{border:1px solid #bfdbfe}.jo-pagination{border-top:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.5rem;display:flex}.jo-pagination__btns{gap:.35rem;display:flex}.jo-form-page{--jo-navy:#0f2942;--jo-navy-mid:#1e3a5f;--jo-teal:#0e7490;--jo-teal-soft:#ecfeff;--jo-border:#e2e8f0;--jo-surface:#fff;--jo-muted:#64748b;--jo-head:#1e293b}.jo-form-page .po-create-page__header h1{color:var(--jo-navy);font-weight:700}.jo-form-page .po-create-po-no strong{color:var(--jo-teal)}.jo-form-page .jo-order-card,.jo-form-page .jo-items-card{border:1px solid var(--jo-border);background:var(--jo-surface);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f29420a,0 4px 16px #0f29420f}.jo-form-page .jo-order-card{padding:0}.jo-form-page .jo-order-card__title,.jo-form-page .jo-items-card__title{text-transform:uppercase;letter-spacing:.06em;color:var(--jo-muted);border-bottom:1px solid var(--jo-border);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);margin:0;padding:.55rem .85rem;font-size:.65rem;font-weight:700}.jo-form-page .jo-material-issue-card{border:1px solid #fde68a;margin:.65rem 0;padding:0}.jo-form-page .jo-material-issue-card .jo-order-card__title{color:#b45309;background:#fffbeb}.jo-material-issue-card__hint{color:var(--jo-muted,#64748b);margin:0;padding:.5rem .85rem 0;font-size:.72rem}.jo-material-issue-card__list{flex-direction:column;gap:.3rem;margin:0;padding:.4rem .85rem .7rem;list-style:none;display:flex}.jo-material-issue-card__list li{background:#fffbeb;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.3rem .6rem;font-size:.8rem;display:flex}.jo-material-issue-card__list li>div{align-items:center;gap:.5rem;display:flex}.jo-material-issue-card__list li small{color:var(--jo-muted,#92703a);font-size:.68rem;font-weight:500;display:block}.jo-material-issue-card__list li span{color:#92400e;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.jo-material-issue-card__order-link{color:#1d4ed8;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:.25rem .55rem;font-size:.7rem;font-weight:700;text-decoration:none}.jo-material-issue-card__order-link:hover{background:#bfdbfe}.jo-form-page .jo-internal-bar{border-top:none;border-bottom:1px solid var(--jo-border);background:#fafbfc}.jo-form-page .jo-internal-bar .po-yarn-source-bar__label{color:#475569}.jo-form-page .jo-internal-pill{color:#334155;background:#fff;border-color:#cbd5e1}.jo-form-page .jo-internal-pill.active{border-color:var(--jo-teal);background:var(--jo-teal-soft);color:#0c4a6e}.jo-form-page .form-control-erp{background:#fff;border-color:#cbd5e1;transition:border-color .15s,box-shadow .15s}.jo-form-page .form-control-erp:focus{border-color:var(--jo-teal);outline:none;box-shadow:0 0 0 3px #0e74901f}.jo-form-page .form-control-erp:disabled{color:#94a3b8;background:#f1f5f9}.jo-form-page .jo-items-card .po-create-toolbar{border-bottom:1px solid var(--jo-border);background:#fafbfc}.jo-form-page .jo-items-card .table-erp thead th{background:var(--jo-head);color:#f1f5f9;letter-spacing:.03em;border-color:#334155;font-size:.68rem;font-weight:600}.jo-form-page .jo-items-card .table-erp tbody tr:hover{background:#f8fafc}.jo-form-page .jo-row-existing{background:#fffbeb!important}.jo-form-page .jo-row-removed{background:#fef2f2!important}.jo-form-page .jo-row-removed:hover{background:#fee2e2!important}.jo-form-page .jo-row-removed td:first-child{border-left:3px solid #dc2626}.jo-form-page .jo-badge-removed{color:#991b1b;white-space:nowrap;letter-spacing:.02em;background:#fecaca;border-radius:4px;padding:.1rem .35rem;font-size:.62rem;font-weight:700}.jo-form-page .jo-badge-existing{color:#92400e;background:#fef3c7}.jo-form-page .jo-badge-new{color:#0369a1;background:#e0f2fe}.jo-form-page .jo-badge-jobwork{color:#5b21b6;white-space:nowrap;letter-spacing:.02em;background:#ede9fe;border-radius:4px;padding:.1rem .35rem;font-size:.62rem;font-weight:700}.jo-form-page .po-create-footer{border-top:1px solid var(--jo-border);margin-top:.25rem;padding-top:.65rem}.jo-form-page .btn-erp-primary{background:linear-gradient(180deg, var(--jo-navy-mid) 0%, var(--jo-navy) 100%);border-color:var(--jo-navy)}.jo-form-page .btn-erp-primary:hover:not(:disabled){background:linear-gradient(#234a73 0%,#152a42 100%);border-color:#152a42}.jo-form-page .btn-erp-outline{color:#475569;border-color:#cbd5e1}.jo-form-page .btn-erp-outline:hover{border-color:var(--jo-teal);color:var(--jo-teal);background:var(--jo-teal-soft)}.jo-order-details-grid{align-items:end;gap:.4rem;padding:.45rem .75rem .55rem;display:grid}.jo-order-details-grid--row1{grid-template-columns:repeat(8,minmax(0,1fr))}.jo-order-details-grid--row2{border-top:1px solid var(--jo-border,#e2e8f0);grid-template-columns:1fr 1fr 2fr;padding-top:.55rem;padding-bottom:.65rem}.jo-order-details-grid .po-field{width:100%;min-width:0}.jo-order-details-grid .po-field .form-control-erp,.jo-order-details-grid .po-field select.form-control-erp{box-sizing:border-box;width:100%;min-width:0;height:28px;padding:.2rem .45rem;font-size:.73rem}.jo-form-page .jo-select-arrow{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;cursor:pointer;padding-right:1.4rem}.jo-items-card .po-no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.jo-items-card .po-no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jo-items-card .po-no-spinner[type=number]{appearance:textfield}.jo-items-card .jo-select-arrow{appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:1.2rem}.jo-items-card td .form-control-erp{padding:.25rem .4rem;font-size:.78rem}.jo-items-card td select.form-control-erp.jo-select-arrow{appearance:none;background-image:none;padding-right:.4rem}.jo-order-details-grid .po-field textarea.form-control-erp{resize:none;width:100%;min-width:0;height:28px;min-height:28px;padding:.25rem .45rem;line-height:1.2}.jo-order-details-grid .po-field .form-label-erp{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.15rem;font-size:.62rem;font-weight:600;display:block;overflow:hidden}.jo-internal-bar{border-top:1px solid var(--border-color,#e2e8f0);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);flex-wrap:wrap;align-items:center;gap:.55rem .85rem;padding:.45rem .75rem;display:flex}.jo-internal-pill{border:1px solid var(--border-color,#e2e8f0);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .55rem;font-size:.7rem;display:inline-flex}.jo-internal-pill.active{border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);background:#3b82f614;font-weight:600}.jo-internal-pill input{margin:0}.jo-buyer-hint{color:var(--text-muted,#64748b);white-space:nowrap;text-overflow:ellipsis;min-height:.85rem;margin-top:.12rem;font-size:.62rem;line-height:1.1;overflow:hidden}.jo-field-hint-slot{min-height:.85rem;margin-top:.12rem}@media (width<=1400px){.jo-order-details-grid--row1{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.jo-order-details-grid--row2{grid-template-columns:repeat(2,minmax(0,1fr))}.jo-order-details-grid--row2 .jo-field--remarks{grid-column:1/-1}}@media (width<=640px){.jo-order-details-grid--row1,.jo-order-details-grid--row2{grid-template-columns:1fr 1fr}}.jo-header-card{padding:0;overflow:hidden}.jo-header-card__title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin:0;padding:.45rem .75rem 0;font-size:.65rem;font-weight:600}.jo-header-row{flex-wrap:wrap;align-items:flex-end;gap:.45rem;padding:.45rem .75rem .55rem;display:flex}.jo-header-row .jo-field{flex:1 1 0;min-width:108px}.jo-header-row .jo-field--wide{flex:1.5 1 0;min-width:140px}.jo-header-row .jo-field--check{flex:0 0 72px;min-width:72px;padding-bottom:.15rem}.jo-field .form-label-erp{margin-bottom:.15rem;font-size:.62rem}.jo-field .form-control-erp{height:28px;font-size:.73rem}.jo-field textarea.form-control-erp{height:auto;min-height:28px}.jo-source-hint{color:var(--text-muted,#64748b);margin-top:.15rem;font-size:.68rem}.jo-row-existing{background:#fffbeb!important}.jo-row-existing td:first-child{box-shadow:inset 3px 0 #f59e0b}.jo-badge-existing,.jo-badge-new{border-radius:999px;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.jo-badge-existing{color:#92400e;background:#fef3c7}.jo-badge-new{color:#475569;background:#e2e8f0}.jo-print-frame,.jo-legacy-frame{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:8px;width:100%;min-height:70vh}.jo-legacy-frame-wrap{padding:0;overflow:hidden}.jo-detail-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}@media (width<=992px){.jo-detail-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.jo-detail-meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.1rem;font-size:.62rem}.jo-detail-meta dd{margin:0;font-size:.8125rem;font-weight:600}.jo-detail-page{max-width:1400px}.jo-detail-page h2{font-size:1.5rem;font-weight:600}.jo-detail-page .card{border:1px solid #dee2e6;box-shadow:0 1px 3px #0f172a14}.jo-detail-page .card-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:.65rem 1rem}.jo-detail-page .card-header h5{font-size:1rem;font-weight:600}.jo-detail-info-table th{color:#495057;vertical-align:top;padding:.35rem .5rem .35rem 0;font-size:.85rem;font-weight:600}.jo-detail-info-table td{padding:.35rem 0;font-size:.85rem}.jo-detail-items-table thead th{white-space:nowrap;font-size:.75rem}.jo-detail-items-table tbody td,.jo-detail-items-table tfoot th{vertical-align:middle;font-size:.8rem}.jo-detail-track-value{font-weight:700}.jo-detail-actions .btn{align-items:center;display:inline-flex}@media print{.jo-detail-actions{display:none!important}}.jo-detail-actions{flex-wrap:wrap;gap:.35rem;display:flex}[data-theme=dark] .jo-inline-row>td{background:#0f172a}[data-theme=dark] .jo-list-action-btn{background:#1e293b;border-color:#334155}[data-theme=dark] .jo-stage-chip{color:#93c5fd;background:#2563eb33}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f6fa;font-family:Arial,Helvetica,sans-serif}.erp-login-container{width:100%;height:100vh;display:flex}.erp-left-panel{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.overlay{background:#00000026;position:absolute;inset:0}.branding{z-index:10;max-width:500px;padding:40px;position:relative}.branding h1{margin-bottom:20px;font-size:48px;font-weight:700}.branding p{opacity:.95;font-size:18px;line-height:1.7}.features{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:40px;display:grid}.feature-box{text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1f;border-radius:10px;padding:18px;font-size:15px}.erp-right-panel{background:#f5f6fa;justify-content:center;align-items:center;width:480px;padding:40px;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;padding:40px;box-shadow:0 10px 40px #00000014}.login-header{margin-bottom:24px}.login-header h2{color:#111827;margin-bottom:10px;font-size:32px}.login-header p{color:#6b7280;font-size:15px}.login-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:600;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:22px}.form-group label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.password-box{position:relative}.password-box input{padding-right:60px}.show-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-options{justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px;display:flex}.remember{color:#374151;cursor:pointer;align-items:center;gap:8px;display:flex}.login-options a{color:#2563eb;text-decoration:none}.login-options a:hover{text-decoration:underline}.login-btn{color:#fff;cursor:pointer;letter-spacing:.5px;background:#2563eb;border:none;border-radius:8px;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .2s}.login-btn:hover:not(:disabled){background:#1d4ed8}.login-btn:disabled{opacity:.7;cursor:not-allowed}.footer-text{text-align:center;color:#9ca3af;margin-top:30px;font-size:13px}@media (width<=900px){.erp-left-panel{display:none}.erp-right-panel{width:100%}}