@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap";.sidebar{width:var(--sb-w);background:linear-gradient(175deg, var(--sb-bg-top) 0%, var(--sb-bg) 120px);border-right:1px solid var(--sb-border);z-index:100;flex-direction:column;flex-shrink:0;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar--collapsed{width:var(--sb-w-sm)}.sidebar__logo{border-bottom:1px solid var(--sb-border);background:repeating-linear-gradient(-45deg, #ffffff04, #ffffff04 3px, transparent 3px, transparent 6px),  var(--sb-bg-top);flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:8px;height:auto;min-height:72px;padding:20px 20px 16px;display:flex;position:relative;overflow:hidden}.sidebar--collapsed .sidebar__logo{justify-content:center;align-items:center;height:72px;padding:0}.sidebar__logo:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 24px #000000b3}.sidebar__logo-top{z-index:2;align-items:center;gap:10px;width:100%;display:flex;position:relative}.sidebar--collapsed .sidebar__logo-top{justify-content:center}.sidebar__logo-mark{object-fit:cover;z-index:2;border:1.5px solid #ffffff1f;border-radius:8px;flex-shrink:0;width:34px;height:34px;position:relative;box-shadow:0 2px 10px #00000080}.sidebar__logo-title{color:#fff;letter-spacing:.08em;white-space:nowrap;text-shadow:0 2px 10px #00000080;font-size:1.65rem;font-weight:900;line-height:1}.sidebar__logo-sub{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;white-space:normal;z-index:2;max-width:100%;font-size:.58rem;font-weight:600;line-height:1.3;position:relative}.sidebar__section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--sb-text-dim);white-space:nowrap;padding:16px 20px 4px;font-size:.56rem;font-weight:700}.sidebar__nav{flex-direction:column;flex:1;gap:1px;min-height:0;padding:8px 10px;display:flex;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{width:3px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.sidebar__item{color:var(--sb-text);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:9px 12px 9px 10px;font-size:.82rem;font-weight:500;text-decoration:none;transition:background .13s,color .13s;display:flex;position:relative;overflow:hidden}.sidebar__item:hover{background:var(--sb-hover);color:#ccdaec}.sidebar__item--active{font-weight:600;background:var(--sb-active-bg)!important;color:#fff!important}.sidebar__item:before{content:"";background:var(--sb-active-bar);opacity:0;border-radius:99px;width:3px;height:0;transition:height .25s cubic-bezier(.34,1.56,.64,1),top .25s cubic-bezier(.34,1.56,.64,1),opacity .2s;position:absolute;top:50%;left:4px;box-shadow:0 0 8px #4da3ffa6}.sidebar__item--active:before{opacity:1;height:50%;top:25%}.sidebar__icon{opacity:.55;flex-shrink:0;transition:opacity .13s,color .13s}.sidebar__item:hover .sidebar__icon{opacity:.85}.sidebar__item--active .sidebar__icon{opacity:1;color:var(--sb-active-bar)}.sidebar__label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar--collapsed .sidebar__item{justify-content:center;padding:10px 0}.sidebar__footer{border-top:1px solid var(--sb-border);padding:6px 10px 14px}.navbar{height:var(--nav-h);background:var(--surface);z-index:90;box-shadow:var(--shadow-xs);border-bottom:1px solid #0000;flex-shrink:0;align-items:center;padding:0 20px 0 0;display:flex;position:relative;overflow:visible}.navbar:after{content:"";background:linear-gradient(90deg, #155a96 0%, var(--brand) 30%, #60a5fa 55%, var(--brand) 75%, #155a96 100%);z-index:95;background-size:200% 100%;width:100%;height:2px;animation:5s linear infinite flow-border;position:absolute;bottom:0;left:0}@keyframes flow-border{0%{background-position:0 0}to{background-position:200% 0}}.navbar__left-zone{border-right:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:10px;padding-right:14px;display:flex}.navbar__toggle{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;align-items:center;padding:7px;transition:background .15s,color .15s;display:flex}.navbar__toggle:hover{background:var(--border-light);color:var(--brand)}.navbar__toggle svg{transition:transform .32s cubic-bezier(.4,0,.2,1)}.navbar__toggle:hover svg{transform:rotate(-90deg)scale(1.1)}.navbar__highway{border:1px solid var(--border);width:160px;height:28px;box-shadow:var(--shadow-xs);border-radius:7px;flex-shrink:0;position:relative;overflow:hidden}.navbar__highway--store{background:#fff7ed;border-color:#f9731666;box-shadow:inset 0 0 6px #f973160d}.navbar__highway--store:before{content:"";pointer-events:none;z-index:2;border-bottom:1px dashed #ea580c40;height:1px;position:absolute;bottom:3px;left:36px;right:0}.st-warehouse-gate{z-index:4;background:#ea580c26;border:1px solid #ea580c;border-bottom:none;border-radius:2px 2px 0 0;width:14px;height:14px;position:absolute;bottom:3px;left:18px;overflow:hidden}.st-gate-shutter{transform-origin:top;background:#ffedd5;width:100%;height:100%;animation:6s infinite st-gate-shutter;position:absolute;top:0;left:0}@keyframes st-gate-shutter{0%,19%{transform:scaleY(1)}22%,58%{transform:scaleY(.15)}62%,to{transform:scaleY(1)}}.st-stock-bin{z-index:6;background:#ffffffb3;border:1px solid #ea580c;border-radius:2px;width:12px;height:12px;position:absolute;bottom:3px;left:4px;overflow:hidden}.st-stock-bin-fill{will-change:height;background:#f97316;width:100%;height:20%;animation:6s infinite st-bin-level;position:absolute;bottom:0;left:0}@keyframes st-bin-level{0%,25%{height:20%}38%,78%{height:85%}85%,to{height:20%}}.st-flow-label{text-align:center;letter-spacing:.04em;color:#ea580c;opacity:0;z-index:7;will-change:opacity;width:28px;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:6px;font-weight:800;animation:6s infinite st-label-cycle;position:absolute;top:2px;left:4px}@keyframes st-label-cycle{0%,15%{opacity:0}22%,58%{opacity:1}65%,to{opacity:0}}.st-truck-in{color:#ea580c;z-index:10;will-change:transform, left, opacity;justify-content:center;align-items:center;width:20px;height:18px;animation:6s cubic-bezier(.25,.46,.45,.94) infinite st-truck-in-cycle;display:flex;position:absolute;bottom:3px}.st-truck-icon{filter:drop-shadow(0 0 2px #ea580c4d)}@keyframes st-truck-in-cycle{0%{opacity:0;left:170px;transform:scaleX(-1)}5%{opacity:1;left:170px;transform:scaleX(-1)}20%{left:36px;transform:scaleX(-1)}24%,28%,32%,36%{left:36px;transform:scaleX(-1)translateY(-.6px)}26%,30%,34%{left:36px;transform:scaleX(-1)translateY(0)}38%{left:36px;transform:scaleX(-1)translateY(0)scaleY(1)}42%{left:36px;transform:scaleX(-1)translateY(-1.5px)scaleY(1.08)}46%{left:36px;transform:scaleX(-1)translateY(0)scaleY(1)}58%{left:36px;transform:scaleX(-1)}60%{opacity:1;left:36px;transform:scaleX(1)}65%{left:36px;transform:scaleX(1)}85%{opacity:1;left:170px;transform:scaleX(1)}90%,to{opacity:0;left:170px;transform:scaleX(1)}}.st-scan-line{opacity:0;z-index:11;background:#10b981;width:10px;height:1.5px;animation:6s infinite st-scan-flash;position:absolute;bottom:4px;left:20px;box-shadow:0 0 4px #10b981}@keyframes st-scan-flash{0%,22%,30%,to{opacity:0}24%,28%{opacity:1}}.st-truck-smoke{opacity:0;will-change:transform, opacity;background:#ea580c66;border-radius:50%;width:2px;height:2px;animation:6s infinite st-truck-smoke-puff;position:absolute;bottom:2px;left:-2px}@keyframes st-truck-smoke-puff{0%,64%{opacity:0;transform:translate(0,0)scale(1)}66%{opacity:.8;transform:translate(-4px,-1px)scale(1.5)}68%{opacity:.4;transform:translate(-8px,-2px)scale(2)}70%{opacity:0;transform:translate(-12px,-3px)scale(2.5)}72%{opacity:.8;transform:translate(-4px,-1px)scale(1.5)}74%{opacity:.4;transform:translate(-8px,-2px)scale(2)}76%{opacity:0;transform:translate(-12px,-3px)scale(2.5)}78%{opacity:.8;transform:translate(-4px,-1px)scale(1.5)}80%{opacity:.4;transform:translate(-8px,-2px)scale(2)}82%{opacity:0;transform:translate(-12px,-3px)scale(2.5)}83%,to{opacity:0}}.st-cargo-in{color:#854d0e;will-change:transform, opacity;animation:6s infinite st-cargo-unload;position:absolute;top:1px;left:2px}@keyframes st-cargo-unload{0%,24%{opacity:1;transform:translate(0,0)scale(1)}27%{opacity:1;transform:translate(12px,-10px)scale(.95)}30%{opacity:1;transform:translate(24px,-14px)scale(.9)}33%{opacity:1;transform:translate(36px,-10px)scale(.8)}36%{opacity:.8;transform:translate(44px,-5px)scale(.7)}38%,to{opacity:0;transform:translate(44px)scale(.5)}}.navbar__highway--purchase{background:#f7fee7;border-color:#84cc1666;box-shadow:inset 0 0 6px #84cc160d}.navbar__highway--purchase:before{content:"";pointer-events:none;border-top:1px dashed #84cc1633;height:1px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.p-cart{color:#4d7c0f;will-change:transform, opacity;animation:5s infinite p-cart-pulse;position:absolute;top:50%;left:8px}@keyframes p-cart-pulse{0%,12%,to{opacity:1;transform:translateY(-50%)scale(1)}4%{transform:translateY(-50%)scale(1.18)}8%{transform:translateY(-50%)scale(1)}16%,to{opacity:.3}}.p-po-sheet{opacity:0;z-index:5;will-change:transform, opacity;background:#fff9;border:1.5px solid #4d7c0f;border-radius:2px;width:22px;height:26px;animation:5s infinite p-po-rise;position:absolute;top:50%;left:32px}@keyframes p-po-rise{0%,12%{opacity:0;transform:translateY(-50%)scale(.6)}16%,36%{opacity:1;transform:translateY(-50%)scale(1)}60%,to{opacity:0;transform:translateY(-50%)scale(.8)}}.p-stamp{letter-spacing:.01em;color:#10b981;opacity:0;z-index:6;will-change:transform, opacity;border:1.5px solid #10b981;border-radius:3px;padding:0 2px;font-size:7.5px;font-weight:900;animation:5s infinite p-stamp-slam;position:absolute;top:50%;left:28px}@keyframes p-stamp-slam{0%,20%{opacity:0;transform:translateY(-50%)rotate(-12deg)scale(2.2)}24%{opacity:1;transform:translateY(-50%)rotate(-12deg)scale(.85)}28%{transform:translateY(-50%)rotate(-12deg)scale(1.08)}32%,38%{transform:translateY(-50%)rotate(-12deg)scale(1)}44%,to{opacity:0}}.p-payment-glow{opacity:0;z-index:6;will-change:transform, opacity;background:radial-gradient(circle,#f59e0b73 0%,#0000 70%);border-radius:50%;width:22px;height:22px;animation:5s infinite p-payment-flash;position:absolute;top:50%;left:26px;transform:translateY(-50%)scale(.6)}@keyframes p-payment-flash{0%,39%{opacity:0;transform:translateY(-50%)scale(.6)}43%{opacity:.8;transform:translateY(-50%)scale(1.4)}50%,to{opacity:0;transform:translateY(-50%)scale(1)}}.p-payment-icon{color:#f59e0b;opacity:0;z-index:7;will-change:transform, opacity;animation:5s infinite p-payment-release;position:absolute;top:50%;left:32px}@keyframes p-payment-release{0%,38%{opacity:0;transform:translateY(-50%)scale(.4)rotate(0)}42%{opacity:1;filter:drop-shadow(0 0 4px #f59e0b);transform:translateY(-50%)scale(1.3)rotate(0)}48%{opacity:1;transform:translateY(-50%)scale(1)rotate(180deg)}54%{opacity:0;transform:translateY(-50%)scale(.6)rotate(360deg)}to{opacity:0}}.p-payment-label{letter-spacing:.02em;color:#b45309;opacity:0;z-index:7;will-change:transform, opacity;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:6.5px;font-weight:800;animation:5s infinite p-payment-label-rise;position:absolute;top:50%;left:22px}@keyframes p-payment-label-rise{0%,40%{opacity:0;transform:translate(0,0)}44%{opacity:1;transform:translateY(-10px)}52%{opacity:1;transform:translateY(-14px)}58%,to{opacity:0;transform:translateY(-18px)}}.p-paper-plane{color:#4d7c0f;opacity:0;z-index:7;will-change:transform, opacity, left;animation:5s infinite p-plane-fly;position:absolute;top:50%;left:40px}@keyframes p-plane-fly{0%,54%{opacity:0;left:40px;transform:translateY(-50%)rotate(0)}58%{opacity:1;left:40px;transform:translateY(-50%)rotate(0)}82%{opacity:1;left:122px;transform:translateY(-65%)rotate(18deg)}88%,to{opacity:0;left:134px;transform:translateY(-70%)rotate(18deg)}}.p-vendor{color:#4d7c0f;opacity:.85;z-index:4;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.p-vendor-receive-glow{opacity:0;z-index:3;will-change:transform, opacity;background:radial-gradient(circle,#10b98173 0%,#0000 70%);border-radius:50%;width:18px;height:18px;animation:5s infinite p-vendor-glow;position:absolute;top:50%;right:4px;transform:translateY(-50%)scale(.8)}@keyframes p-vendor-glow{0%,86%{opacity:0;transform:translateY(-50%)scale(.8)}90%{opacity:1;transform:translateY(-50%)scale(1.3)}97%,to{opacity:0;transform:translateY(-50%)scale(1)}}.navbar__highway--qs{background:#f0f9ff;border-color:#0ea5e966;box-shadow:inset 0 0 6px #0ea5e90d}.navbar__highway--qs:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(90deg,#0ea5e91a 1px,#0000 1px),linear-gradient(#0ea5e91a 1px,#0000 1px);background-size:6px 6px;position:absolute;inset:0}.qs-cad-svg{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.qs-cad-wall{stroke:#0284c7;stroke-width:1.5px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:110;stroke-dashoffset:110px;filter:drop-shadow(0 .5px .5px #0284c726);animation:5s ease-in-out infinite qs-draw-wall}.qs-cad-node{stroke:#0284c7;fill:#e0f2fe;stroke-width:1.25px;transform-origin:50%;opacity:0;animation:5s ease-out infinite qs-node-pop;transform:scale(0)}.qs-cad-node--1{transform-origin:40px 9px;animation-delay:.5s}.qs-cad-node--2{transform-origin:70px 9px;animation-delay:1s}.qs-cad-dim{stroke:#0f766e;stroke-width:.75px;fill:none;stroke-dasharray:2 1;opacity:0;animation:5s infinite qs-dim-fade}.qs-cad-dim-ticks{stroke:#0f766e;stroke-width:.75px;opacity:0;animation:5s infinite qs-dim-fade}.qs-ruler-tool{color:#0f766e;z-index:4;will-change:transform, left, opacity;opacity:0;animation:5s infinite qs-ruler-measure;position:absolute;top:4px;left:40px}.qs-measurement-readout{z-index:5;justify-content:center;align-items:center;width:30px;height:10px;display:flex;position:absolute;top:14px;left:40px}.qs-measure-val{color:#0f766e;opacity:0;will-change:opacity;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:6px;font-weight:800;position:absolute}.qs-measure-val--1{animation:5s infinite qs-val-1}.qs-measure-val--2{animation:5s infinite qs-val-2}.qs-measure-val--3{animation:5s infinite qs-val-3}.qs-audit-card{opacity:0;z-index:6;will-change:right, opacity;background:#fff;border:1px solid #10b981;border-radius:4px;align-items:center;gap:3px;width:48px;height:20px;padding:0 4px;animation:5s infinite qs-audit-slide;display:flex;position:absolute;top:4px;right:-50px;box-shadow:0 1px 3px #10b9811a}.qs-audit-icon{color:#10b981}.qs-audit-text{color:#065f46;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:5.5px;font-weight:800}.qs-audit-check{color:#10b981;opacity:0;font-size:7px;font-weight:900;animation:5s infinite qs-check-pop;transform:scale(.5)}.qs-laser-line{opacity:0;z-index:10;background:#06b6d4;width:1px;animation:5s infinite qs-laser-sweep;position:absolute;top:0;bottom:0;box-shadow:0 0 4px #06b6d4,0 0 1px #06b6d4}@keyframes qs-draw-wall{0%,5%{stroke-dashoffset:110px}30%,75%{stroke-dashoffset:0}85%,to{stroke-dashoffset:110px}}@keyframes qs-node-pop{0%,15%{opacity:0;transform:scale(0)}20%,75%{opacity:1;transform:scale(1)}85%,to{opacity:0;transform:scale(0)}}@keyframes qs-dim-fade{0%,25%{opacity:0}35%,75%{opacity:1}85%,to{opacity:0}}@keyframes qs-ruler-measure{0%,25%{opacity:0;left:40px;transform:rotate(0)}30%{opacity:1}50%{opacity:1;left:70px;transform:rotate(0)}52%{opacity:1;left:70px;transform:rotate(-15deg)}58%{opacity:1;left:70px;transform:rotate(0)}65%,75%{opacity:.3;left:70px}85%,to{opacity:0;left:40px}}@keyframes qs-val-1{0%,29%{opacity:0}30%,36%{opacity:1}37%,to{opacity:0}}@keyframes qs-val-2{0%,36%{opacity:0}37%,43%{opacity:1}44%,to{opacity:0}}@keyframes qs-val-3{0%,43%{opacity:0}44%,75%{opacity:1}85%,to{opacity:0}}@keyframes qs-audit-slide{0%,54%{opacity:0;right:-50px}58%,75%{opacity:1;right:6px}85%,to{opacity:0;right:-50px}}@keyframes qs-check-pop{0%,60%{opacity:0;transform:scale(.5)}64%,75%{opacity:1;transform:scale(1)}85%,to{opacity:0}}@keyframes qs-laser-sweep{0%,75%{opacity:0;left:0}80%{opacity:1}90%{opacity:1;left:160px}95%,to{opacity:0;left:160px}}.navbar__highway--admin{background-color:#faf5ff;background-image:radial-gradient(#a855f714 1.2px,#0000 0),radial-gradient(#a855f714 1.2px,#0000 0);background-position:0 0,4px 4px;background-repeat:repeat;background-size:8px 8px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#a855f773;animation:6s ease-in-out infinite admin-highway-glow;box-shadow:inset 0 0 8px #a855f70f}@keyframes admin-highway-glow{0%,to{border-color:#a855f766;box-shadow:inset 0 0 8px #a855f70f,0 0 2px #a855f708}50%{border-color:#a855f799;box-shadow:inset 0 0 10px #a855f71f,0 0 5px #a855f714}}.admin-progress-line{z-index:1;background:#a855f71f;border-radius:1px;width:120px;height:1.5px;position:absolute;top:10px;left:19px;overflow:hidden}.admin-progress-fill{background:linear-gradient(90deg,#c084fc 0%,#a855f7 100%);border-radius:1px;width:0%;height:100%;animation:5s cubic-bezier(.4,0,.2,1) infinite admin-progress-fill-sweep;box-shadow:0 0 6px #a855f7cc}.admin-pulse-particle{opacity:0;z-index:3;background:#fff;border-radius:2px;width:6px;height:3px;animation:5s cubic-bezier(.4,0,.2,1) infinite admin-particle-sweep;position:absolute;top:9px;transform:translate(-50%);box-shadow:0 0 4px #a855f7,-3px 0 6px #a855f7cc,-8px 0 10px #a855f766}.admin-stage{z-index:2;flex-direction:column;align-items:center;width:22px;display:flex;position:absolute;top:2px}.admin-stage--indent{left:8px}.admin-stage--approve{left:38px}.admin-stage--po{left:68px}.admin-stage--truck{left:98px}.admin-stage--paid{left:128px}.admin-stage-icon-wrap{color:#a855f7;will-change:transform, background-color, border-color, box-shadow;background:#fff;border:1px solid #a855f733;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:relative}.admin-stage-icon-wrap:after{content:"";opacity:0;pointer-events:none;border:1px solid;border-radius:50%;position:absolute;inset:-1px;transform:scale(1)}.admin-stage-icon{flex-shrink:0;transition:transform .2s}.admin-stage-label{color:#701a75;opacity:.6;margin-top:1px;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:5px;font-weight:800;transition:all .2s;transform:scale(.9)}.admin-stage--indent .admin-stage-icon-wrap{animation:5s infinite admin-glow-1}.admin-stage--approve .admin-stage-icon-wrap{animation:5s infinite admin-glow-2}.admin-stage--po .admin-stage-icon-wrap{animation:5s infinite admin-glow-3}.admin-stage--truck .admin-stage-icon-wrap{animation:5s infinite admin-glow-4}.admin-stage--paid .admin-stage-icon-wrap{animation:5s infinite admin-glow-5}.admin-stage--indent .admin-stage-label{animation:5s infinite admin-label-1}.admin-stage--approve .admin-stage-label{animation:5s infinite admin-label-2}.admin-stage--po .admin-stage-label{animation:5s infinite admin-label-3}.admin-stage--truck .admin-stage-label{animation:5s infinite admin-label-4}.admin-stage--paid .admin-stage-label{animation:5s infinite admin-label-5}.admin-stage--indent .admin-stage-icon-wrap:after{animation:5s infinite admin-ripple-1}.admin-stage--approve .admin-stage-icon-wrap:after{animation:5s infinite admin-ripple-2}.admin-stage--po .admin-stage-icon-wrap:after{animation:5s infinite admin-ripple-3}.admin-stage--truck .admin-stage-icon-wrap:after{animation:5s infinite admin-ripple-4}.admin-stage--paid .admin-stage-icon-wrap:after{animation:5s infinite admin-ripple-5}.admin-stage--indent .admin-stage-icon{animation:5s infinite admin-icon-indent}.admin-stage--approve .admin-stage-icon{animation:5s infinite admin-icon-approve}.admin-stage--po .admin-stage-icon{animation:5s infinite admin-icon-po}.admin-stage--truck .admin-stage-icon{animation:5s infinite admin-icon-truck}.admin-stage--paid .admin-stage-icon{animation:5s infinite admin-icon-paid}.admin-stage-check{color:#10b981;opacity:0;font-size:7px;font-weight:900;animation:5s infinite admin-check-pop;position:absolute;top:-3px;right:-2px;transform:scale(.5)}@keyframes admin-particle-sweep{0%{opacity:0;left:19px}2%{opacity:1}15%{left:19px}20%{left:49px}35%{left:49px}40%{left:79px}55%{left:79px}60%{left:109px}75%{left:109px}80%{opacity:1;left:139px}95%{opacity:1;left:139px}98%,to{opacity:0;left:139px}}@keyframes admin-progress-fill-sweep{0%{opacity:0;width:0%}2%{opacity:1}15%{width:0%}20%{width:25%}35%{width:25%}40%{width:50%}55%{width:50%}60%{width:75%}75%{width:75%}80%{opacity:1;width:100%}95%{opacity:1;width:100%}98%,to{opacity:0;width:100%}}@keyframes admin-glow-1{0%,15%{color:#2563eb;background:#eff6ff;border-color:#3b82f6;transform:scale(1.15);box-shadow:0 0 8px #3b82f673}20%,to{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}}@keyframes admin-glow-2{0%,19%{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}20%,35%{color:#059669;background:#ecfdf5;border-color:#10b981;transform:scale(1.15);box-shadow:0 0 8px #10b98173}40%,to{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}}@keyframes admin-glow-3{0%,39%{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}40%,55%{color:#d97706;background:#fffbeb;border-color:#f59e0b;transform:scale(1.15);box-shadow:0 0 8px #f59e0b73}60%,to{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}}@keyframes admin-glow-4{0%,59%{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}60%,75%{color:#ea580c;background:#fff7ed;border-color:#f97316;transform:scale(1.15)translateY(-1px);box-shadow:0 0 8px #f9731673}80%,to{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}}@keyframes admin-glow-5{0%,79%{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}80%,95%{color:#db2777;background:#fdf2f8;border-color:#ec4899;transform:scale(1.15);box-shadow:0 0 8px #ec489973}to{color:#a855f7;box-shadow:none;background:#fff;border-color:#a855f733;transform:scale(1)}}@keyframes admin-label-1{0%,15%{opacity:1;color:#1d4ed8;font-weight:800;transform:scale(1)}20%,to{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}}@keyframes admin-label-2{0%,19%{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}20%,35%{opacity:1;color:#047857;font-weight:800;transform:scale(1)}40%,to{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}}@keyframes admin-label-3{0%,39%{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}40%,55%{opacity:1;color:#b45309;font-weight:800;transform:scale(1)}60%,to{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}}@keyframes admin-label-4{0%,59%{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}60%,75%{opacity:1;color:#c2410c;font-weight:800;transform:scale(1)}80%,to{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}}@keyframes admin-label-5{0%,79%{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}80%,95%{opacity:1;color:#be185d;font-weight:800;transform:scale(1)}to{opacity:.6;color:#701a75;font-weight:700;transform:scale(.9)}}@keyframes admin-ripple-1{0%{opacity:.8;transform:scale(1)}12%,to{opacity:0;transform:scale(2.2)}}@keyframes admin-ripple-2{0%,19%{opacity:0;transform:scale(1)}20%{opacity:.8;transform:scale(1)}32%,to{opacity:0;transform:scale(2.2)}}@keyframes admin-ripple-3{0%,39%{opacity:0;transform:scale(1)}40%{opacity:.8;transform:scale(1)}52%,to{opacity:0;transform:scale(2.2)}}@keyframes admin-ripple-4{0%,59%{opacity:0;transform:scale(1)}60%{opacity:.8;transform:scale(1)}72%,to{opacity:0;transform:scale(2.2)}}@keyframes admin-ripple-5{0%,79%{opacity:0;transform:scale(1)}80%{opacity:.8;transform:scale(1)}92%,to{opacity:0;transform:scale(2.2)}}@keyframes admin-check-pop{0%,19%{opacity:0;transform:scale(0)rotate(-20deg)}22%{opacity:1;transform:scale(1.3)rotate(10deg)}25%,35%{opacity:1;transform:scale(1)rotate(0)}38%,to{opacity:0;transform:scale(.5)rotate(0)}}@keyframes admin-icon-indent{0%{transform:translateY(0)}4%,8%{transform:translateY(1.2px)}12%,to{transform:translateY(0)}}@keyframes admin-icon-approve{0%,19%{transform:scale(1)}22%,26%{transform:scale(1.12)rotate(-6deg)}30%,35%{transform:scale(1)}36%,to{transform:scale(1)}}@keyframes admin-icon-po{0%,39%{transform:translate(0)}42%,46%{transform:translate(.6px,-.6px)rotate(4deg)}48%,52%{transform:translate(-.6px,.6px)rotate(-4deg)}54%,to{transform:translate(0)}}@keyframes admin-icon-truck{0%,59%{transform:translate(0)}62%,66%,70%,74%{transform:translateY(-.8px)translate(.4px)}64%,68%,72%{transform:translateY(0)translate(-.4px)}75%,to{transform:translate(0)}}@keyframes admin-icon-paid{0%,79%{transform:rotateY(0)}82%,90%{transform:rotateY(360deg)}91%,to{transform:rotateY(360deg)}}.navbar__brand-center{white-space:nowrap;pointer-events:none;z-index:5;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar__app-title{align-items:center;gap:9px;display:flex}.navbar__brand-name{letter-spacing:.13em;background:linear-gradient(90deg, #155a96 0%, var(--brand) 30%, #93c5fd 55%, var(--brand) 75%, #155a96 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:900;animation:6s linear infinite brand-shimmer}@keyframes brand-shimmer{to{background-position:200%}}.navbar__brand-sep{color:var(--border);font-size:16px;font-weight:300}.navbar__app-name{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}@media (width<=960px){.navbar__brand-center,.navbar__highway,.navbar__clock{display:none}}.navbar__right{align-items:center;gap:6px;margin-left:auto;display:flex}.navbar__clock{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-md);align-items:center;gap:5px;padding:4px 10px;display:flex}.navbar__clock-icon{color:var(--brand);flex-shrink:0}.navbar__clock-time{color:var(--text-secondary);letter-spacing:.04em;min-width:72px;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-size:11.5px;font-weight:600}.navbar__divider{background:var(--border);width:1px;height:22px;margin:0 4px}.navbar__profile-container{position:relative}.navbar__profile-trigger{border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:9px;padding:5px 10px 5px 6px;transition:background .13s,border-color .13s;display:flex}.navbar__profile-trigger:hover{background:var(--border-light);border-color:var(--border)}.navbar__avatar{color:#fff;letter-spacing:.04em;width:32px;height:32px;box-shadow:var(--shadow-brand);background:linear-gradient(135deg,#1d6fb8 0%,#2980d4 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.navbar__profile-trigger:hover .navbar__avatar{transform:scale(1.05);box-shadow:0 0 12px #1d6fb866}.navbar__avatar:after{content:"";background:#10b981;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;animation:2.4s infinite online-pulse;position:absolute;bottom:-1.5px;right:-1.5px}@keyframes online-pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.navbar__user-info{flex-direction:column;line-height:1.25;display:flex}.navbar__user-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.navbar__user-role{color:var(--text-muted);text-transform:capitalize;font-size:.65rem}.navbar__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .18s}.navbar__chevron--open{transform:rotate(180deg)}.navbar__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);min-width:192px;box-shadow:var(--shadow-lg);z-index:200;padding:5px;animation:.14s dropdown-in;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-header{flex-direction:column;padding:8px 10px;display:flex}.navbar__dropdown-name{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:600}.navbar__dropdown-email{color:var(--text-secondary);margin:2px 0 0;font-size:.7rem}.navbar__dropdown-item{border-radius:var(--r-sm);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.8rem;transition:background .12s;display:flex}.navbar__dropdown-item:hover{background:var(--border-light)}.navbar__dropdown-item--danger{color:#dc2626}.navbar__dropdown-item--danger:hover{background:#fef2f2}.navbar__dropdown-divider{background:var(--border);height:1px;margin:4px 0}.app-layout{background-color:var(--bg-color);height:100vh;display:flex}.app-layout__body{flex-direction:column;flex:1;min-width:0;display:flex}.app-layout__main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-padded{flex-direction:column;flex:1;min-height:0;padding:28px 28px 48px;display:flex;overflow-y:auto}.page-padded::-webkit-scrollbar{width:5px}.page-padded::-webkit-scrollbar-track{background:0 0}.page-padded::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.login-page{background-color:#1f1f1c;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:flex-end;align-items:center;width:100%;min-height:100vh;padding-right:8%;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}@media (width<=1024px){.login-page{justify-content:center;padding-right:0}}.login-overlay{pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spin{to{transform:rotate(360deg)}}.login-card{z-index:1;-webkit-backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #fff3;border-color:#fff6 #fff3 #fff3 #fff6;border-radius:24px;width:100%;max-width:440px;margin:16px;animation:.8s cubic-bezier(.16,1,.3,1) both slideUpFade;position:relative;overflow:hidden;box-shadow:0 30px 60px -15px #00000080}.login-card__inner{padding:48px 40px}.login-card__header{text-align:center;margin-bottom:40px;animation:.8s cubic-bezier(.16,1,.3,1) .1s both slideUpFade}.login-card__title{letter-spacing:-.03em;color:#38bdf8;text-shadow:0 2px 4px #0009;margin-bottom:8px;font-size:3.2rem;font-weight:900;line-height:1}.login-card__sub{color:#fff;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 2px 4px #000c;font-size:.8rem;font-weight:600;line-height:1.5}.stagger-1{animation:.8s cubic-bezier(.16,1,.3,1) .2s both slideUpFade}.stagger-2{animation:.8s cubic-bezier(.16,1,.3,1) .3s both slideUpFade}.stagger-3{animation:.8s cubic-bezier(.16,1,.3,1) .4s both slideUpFade}.stagger-4{animation:.8s cubic-bezier(.16,1,.3,1) .5s both slideUpFade}.login-card__error{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;text-shadow:0 1px 2px #00000080;background:#ef444499;border:1px solid #ffffff4d;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:24px;padding:14px 16px;font-size:.85rem;font-weight:600;line-height:1.4;display:flex}.login-card__form{flex-direction:column;gap:20px;display:flex}.login-field{width:100%}.login-field__wrap{background:#ffffff26;border:1px solid #fff6;border-radius:14px;align-items:center;height:58px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 2px 4px #0000001a}.login-field__wrap:focus-within{background:#ffffff40;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf84d}.login-field__icon{color:#fff;filter:drop-shadow(0 1px 2px #00000080);justify-content:center;align-items:center;padding-left:18px;padding-right:12px;transition:color .3s;display:flex}.login-field__wrap:focus-within .login-field__icon{color:#38bdf8}.login-field__wrap label{color:#fff;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:54px;transform:translateY(-50%)}.login-field__wrap input:focus~label,.login-field__wrap input:not(:placeholder-shown)~label{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 1px 2px #000c;font-size:.65rem;top:14px}.login-field__wrap input{color:#fff;text-shadow:0 1px 3px #000c;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;padding:20px 16px 4px 6px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.login-field__wrap input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important}.login-field__wrap input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important}.login-field__wrap input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important}.login-field__wrap input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important}.login-field__wrap input:disabled{opacity:.5;cursor:not-allowed}.login-field__toggle{cursor:pointer;color:#fff;filter:drop-shadow(0 1px 2px #00000080);background:0 0;border:none;align-items:center;height:100%;padding:0 16px;transition:transform .2s;display:flex}.login-field__toggle:hover{transform:scale(1.1)}.login-field__badge{color:#fff;background:#10b981cc;border:1px solid #ffffff80;border-radius:8px;margin-right:12px;padding:4px 10px;font-size:.7rem;font-weight:800;box-shadow:0 2px 5px #0003}.login-card__btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.03em;cursor:pointer;text-shadow:0 1px 2px #00000080;background:linear-gradient(135deg,#0284c7cc 0%,#0369a1cc 100%);border:1px solid #ffffff4d;border-radius:14px;justify-content:center;align-items:center;width:100%;height:56px;margin-top:10px;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #0000004d}.login-card__btn.ready{background:linear-gradient(135deg,#0ea5e9e6 0%,#0284c7e6 100%);border-color:#fff9;box-shadow:0 8px 25px #0ea5e999}.login-card__btn:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8f2 0%,#0ea5e9f2 100%);transform:translateY(-2px);box-shadow:0 12px 30px #38bdf8b3}.login-card__btn:active:not(:disabled){transform:translateY(0)}.login-card__btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.6)}.login-card__spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.6s linear infinite spin}.login-card__link{color:#fff;cursor:pointer;text-align:center;text-shadow:0 1px 3px #000c;background:0 0;border:none;padding:6px 0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.login-card__link:hover{color:#38bdf8;text-shadow:0 0 10px #38bdf8cc}@media (width<=480px){.login-card{border-radius:24px;max-width:100%;margin:16px}.login-card__inner{padding:40px 24px}.login-card__title{font-size:2.8rem}}.notif-panel{align-items:center;display:flex;position:relative}.notif-panel__badge{color:#fff;border:1.5px solid var(--surface);background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) badge-pulse-in;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 3px 6px #dc262659}@keyframes badge-pulse-in{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.notif-drawer__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a4d;animation:.28s cubic-bezier(.16,1,.3,1) backdrop-fade-in;position:fixed;inset:0}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.notif-drawer{background:var(--surface);border-left:1px solid var(--border);z-index:1000;flex-direction:column;width:440px;height:100vh;animation:.42s cubic-bezier(.16,1,.3,1) drawer-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-10px 0 40px #0f172a14,-2px 0 10px #0f172a08}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.notif-drawer__header{border-bottom:1px solid var(--border-light,var(--border));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:relative}.notif-drawer__header-title{align-items:center;gap:8px;display:flex}.notif-drawer__title{color:var(--text-primary);letter-spacing:-.015em;background:linear-gradient(135deg, var(--text-primary) 30%, var(--brand,#1d6fb8) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:1.15rem;font-weight:800}.notif-drawer__count{background:var(--brand,#1d6fb8);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.65rem;font-weight:750;display:inline-flex;box-shadow:0 2px 6px #1d6fb833}.notif-drawer__actions{align-items:center;gap:8px;display:flex}.notif-drawer__mark-all{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.72rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}.notif-drawer__mark-all:hover{background:var(--brand-faint);color:var(--brand,#1d6fb8);border-color:var(--brand-light);transform:translateY(-.5px);box-shadow:0 2px 4px #1d6fb80f}.notif-drawer__close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.notif-drawer__close:hover{color:#0f172a;background:#f1f5f9;border-color:#0f172a26;transform:rotate(90deg)scale(1.05)}.notif-drawer__tabs{background:#f1f5f9;border:1px solid #0f172a0d;border-radius:10px;align-items:center;gap:4px;margin:12px 16px 8px;padding:6px;display:flex}.notif-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:.78rem;font-weight:650;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex}.notif-tab:hover{color:#0f172a}.notif-tab--active{color:var(--brand,#1d6fb8);background:#fff;border-color:#0f172a0a;font-weight:750;box-shadow:0 2px 6px #0f172a0f,0 1px 2px #0f172a05}.notif-tab__badge{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;padding:1px 5px;font-size:.6rem;font-weight:800;transition:all .22s;display:inline-flex}.notif-tab--active .notif-tab__badge{background:var(--brand,#1d6fb8);color:#fff}.notif-drawer__list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;background:#f8fafc;flex:1;padding:12px 0 32px;overflow-y:auto}.notif-drawer__list::-webkit-scrollbar{width:5px}.notif-drawer__list::-webkit-scrollbar-track{background:0 0}.notif-drawer__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.notif-drawer__list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notif-group{margin-bottom:14px}.notif-group__header{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:#f8fafcf2;justify-content:space-between;align-items:center;padding:8px 20px;font-size:.68rem;font-weight:800;display:flex;position:sticky;top:-12px}.notif-group__header:after{content:"";background:var(--border-light,var(--border));flex:1;height:1px;margin-left:12px}.notif-group__header-title{color:var(--text-secondary)}.notif-card{cursor:pointer;animation:.4s cubic-bezier(.34,1.56,.64,1) both item-stagger-in;animation-delay:calc(var(--item-index,0) * 40ms);background:#fff;border:1px solid #0f172a0d;border-radius:12px;align-items:flex-start;gap:12px;margin:8px 16px;padding:14px 16px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a03}@keyframes item-stagger-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.notif-card:hover{border-color:#0f172a1a;transform:translateY(-2px);box-shadow:0 8px 22px #0f172a0f}.notif-card--unread{background:linear-gradient(to right, rgba(var(--accent-color-rgb), .02) 0%, #fff 50%);box-shadow:0 4px 12px rgba(var(--accent-color-rgb), .04)}.notif-card--unread:hover{box-shadow:0 8px 24px rgba(var(--accent-color-rgb), .07)}.notif-card__accent-glow{background:var(--accent-color,var(--brand));opacity:0;border-top-left-radius:12px;border-bottom-left-radius:12px;width:4.5px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.notif-card--unread .notif-card__accent-glow{opacity:1}.notif-card__icon-container{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex;position:relative;overflow:hidden}.notif-card__icon-container:before{content:"";background:var(--accent-color,var(--brand));opacity:.12;position:absolute;inset:0}.notif-card:hover .notif-card__icon-container{transform:scale(1.08)rotate(3deg)}.notif-card__body{flex:1;min-width:0}.notif-card__header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.notif-card__title{color:#334155;margin-bottom:2px;font-size:.88rem;font-weight:700;line-height:1.4}.notif-card--unread .notif-card__title{color:#0f172a;font-weight:800}.notif-card__time{color:#94a3b8;white-space:nowrap;margin-top:2px;font-size:.68rem}.notif-card__message{color:#64748b;word-wrap:break-word;margin:0;font-size:.8rem;line-height:1.5}.notif-card--unread .notif-card__message{color:#475569;font-weight:500}.notif-card__footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.notif-card__badge-project{color:var(--brand,#1d6fb8);letter-spacing:.01em;background:#1d6fb80f;border:1px solid #1d6fb81a;border-radius:6px;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:650;display:inline-flex}.notif-card__badge-user{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:3px 8px;font-size:.68rem;font-weight:600;display:inline-flex}.notif-card__meta-action{flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:26px;height:26px;margin-left:12px;display:flex;position:relative}.notif-action-btn{border:1px solid var(--border);width:26px;height:26px;color:var(--text-muted);cursor:pointer;opacity:0;z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8);box-shadow:0 2px 4px #0000000f}.notif-card:hover .notif-action-btn{opacity:1;transform:translate(-50%,-50%)scale(1)}.notif-action-btn:hover{background:var(--brand-faint);color:var(--brand);border-color:var(--brand-light);transform:translate(-50%,-50%)scale(1.1)}.notif-card__unread-indicator{background:var(--accent-color,var(--brand));width:8px;height:8px;box-shadow:0 0 0 3px rgba(var(--accent-color-rgb), .15);z-index:1;pointer-events:none;border-radius:50%;transition:all .25s cubic-bezier(.4,0,.2,1);animation:2.2s infinite pulse-badge-dot;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.notif-card:hover .notif-card__unread-indicator{opacity:0;transform:translate(-50%,-50%)scale(0)}@keyframes pulse-badge-dot{0%{box-shadow:0 0 0 0 rgba(var(--accent-color-rgb), .35)}70%{box-shadow:0 0 0 8px rgba(var(--accent-color-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--accent-color-rgb), 0)}}@keyframes notif-bell-ring{0%,to{transform:rotate(0)}12%{transform:rotate(14deg)}24%{transform:rotate(-12deg)}36%{transform:rotate(10deg)}48%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}72%{transform:rotate(-4deg)}84%{transform:rotate(2deg)}}.notif-bell-ring{transform-origin:top;animation:2.2s cubic-bezier(.36,.07,.19,.97) infinite notif-bell-ring;display:inline-block}@keyframes db-badge-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.notif-drawer__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 32px;display:flex}.notif-drawer__empty-circle{color:#94a3b8;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:inset 0 2px 4px #00000004}.notif-drawer__empty-bell{transform-origin:top;animation:3s infinite bell-swing}.notif-drawer__empty:hover .notif-drawer__empty-circle{background:var(--brand-faint);color:var(--brand);transform:translateY(-4px)scale(1.05);box-shadow:0 10px 25px #1d6fb814}@keyframes bell-swing{0%{transform:rotate(0)}5%{transform:rotate(15deg)}10%{transform:rotate(-12deg)}15%{transform:rotate(10deg)}20%{transform:rotate(-8deg)}25%{transform:rotate(5deg)}30%{transform:rotate(-3deg)}35%{transform:rotate(1deg)}40%{transform:rotate(0)}to{transform:rotate(0)}}.notif-drawer__empty h4{color:var(--text-primary);letter-spacing:-.01em;margin:0 0 6px;font-size:1rem;font-weight:800}.notif-drawer__empty p{color:var(--text-muted);max-width:250px;margin:0;font-size:.8rem;line-height:1.5}.notif-skeleton-list{flex-direction:column;gap:12px;padding:8px 16px;display:flex}.notif-skeleton-card{background:#fff;border:1px solid #0f172a0a;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #00000003}.notif-skeleton-icon{background:#f1f5f9;border-radius:10px;flex-shrink:0;width:38px;height:38px;position:relative;overflow:hidden}.notif-skeleton-body{flex:1}.notif-skeleton-header{justify-content:space-between;margin-bottom:8px;display:flex}.notif-skeleton-title{background:#f1f5f9;border-radius:4px;width:45%;height:12px;position:relative;overflow:hidden}.notif-skeleton-time{background:#f1f5f9;border-radius:4px;width:15%;height:9px;position:relative;overflow:hidden}.notif-skeleton-message-line{background:#f1f5f9;border-radius:4px;width:90%;height:10px;margin-bottom:6px;position:relative;overflow:hidden}.notif-skeleton-message-line2{background:#f1f5f9;border-radius:4px;width:60%;height:10px;margin-bottom:12px;position:relative;overflow:hidden}.notif-skeleton-tag{background:#f1f5f9;border-radius:6px;width:25%;height:14px;position:relative;overflow:hidden}.notif-skeleton-icon:after,.notif-skeleton-title:after,.notif-skeleton-time:after,.notif-skeleton-message-line:after,.notif-skeleton-message-line2:after,.notif-skeleton-tag:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:1.5s infinite skeleton-shimmer;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.notif-drawer__footer{border-top:1px solid var(--border-light,var(--border));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffd9;justify-content:center;align-items:center;padding:16px 24px;display:flex;box-shadow:0 -4px 20px #00000008}.notif-drawer__close-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #0f172a14;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 20px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005,inset 0 1px #fff}.notif-drawer__close-btn:hover{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#0f172a26;box-shadow:0 4px 12px #0f172a0d}.notif-drawer__close-btn:active{transform:scale(.985)}@media (width<=480px){.notif-drawer{width:100vw}.notif-card{margin:8px 12px;padding:12px}.notif-drawer__footer{padding:12px 16px}}.db-layout{--surface:#fff;--surface-subtle:#fafbfc;--page-bg:#f4f6f9;--border:#e2e8f0;--border-hover:#cbd5e1;--border-strong:#94a3b8;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--red-bg:#fff1f2;--red-border:#fecdd3;--red-text:#be123c;--amber-bg:#fffbeb;--amber-border:#fde68a;--amber-text:#92400e;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-text:#14532d;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--blue-text:#1e40af;--violet-bg:#f5f3ff;--violet-border:#ddd6fe;--violet-text:#4c1d95;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 1px 3px #00000012, 0 2px 8px #0000000d}.db-label-xs{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:10px;font-weight:700}.db-label-sm{color:var(--text-secondary);font-size:12px;font-weight:600}.db-body-sm{color:var(--text-primary);font-size:12.5px}.db-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.db-layout{flex-direction:column;gap:12px;max-width:1440px;animation:.35s ease-out db-fade-in;display:flex;position:relative}@keyframes db-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.db-layout{z-index:1;position:relative}.db-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:8px 0 16px;display:flex}.db-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand);align-items:center;gap:6px;margin-bottom:6px;font-size:.65rem;font-weight:700;display:inline-flex}.db-eyebrow:before{content:"";background:var(--brand);width:4px;height:4px;box-shadow:0 0 8px var(--brand);border-radius:50%;animation:2s ease-in-out infinite db-pulse}@keyframes db-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.db-title{color:var(--text-primary);letter-spacing:-.035em;margin-bottom:6px;font-size:1.75rem;font-weight:900}.db-sub{color:var(--text-muted);font-size:.85rem;font-weight:500}.db-kpi-grid{gap:14px;display:grid}.db-kpi-grid--4{grid-template-columns:repeat(4,1fr)}.db-kpi-grid--5{grid-template-columns:repeat(5,1fr)}.db-kpi-grid--6{grid-template-columns:repeat(6,1fr)}@media (width<=1400px){.db-kpi-grid--5{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.db-kpi-grid--5,.db-kpi-grid--6{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.db-kpi-grid--4,.db-kpi-grid--5,.db-kpi-grid--6{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.db-kpi-grid--4,.db-kpi-grid--5,.db-kpi-grid--6{grid-template-columns:1fr}}.db-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:7px;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.4s ease-out backwards db-card-appear;display:flex;position:relative;overflow:hidden}@keyframes db-card-appear{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.db-kpi-card:first-child{animation-delay:50ms}.db-kpi-card:nth-child(2){animation-delay:.1s}.db-kpi-card:nth-child(3){animation-delay:.15s}.db-kpi-card:nth-child(4){animation-delay:.2s}.db-kpi-card:nth-child(5){animation-delay:.25s}.db-kpi-card:after{content:"";background:0 0;border-radius:12px 12px 0 0;height:3px;transition:background .25s;position:absolute;top:0;left:0;right:0}.db-kpi-card--clickable{cursor:pointer}.db-kpi-card--clickable:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.db-kpi-card--clickable:hover:after{background:var(--brand)}.db-kpi-card--clickable:active{transform:translateY(0)}.db-kpi-card__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.db-kpi-card__value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.1;font-family:var(--font-mono)}.db-kpi-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;font-weight:700}.db-kpi-card__sub{color:var(--text-muted);font-size:.72rem;font-weight:500}.db-kpi-card__arrow{color:var(--brand);opacity:0;transition:all .25s;position:absolute;bottom:16px;right:16px;transform:translate(-6px)}.db-kpi-card--clickable:hover .db-kpi-card__arrow{opacity:1;transform:translate(0)}.db-kpi-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.db-kpi-card .db-kpi-badge{z-index:5;animation:.3s ease-out db-badge-pop;position:absolute;top:14px;right:16px}.db-kpi-badge--red{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.db-kpi-badge--amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid var(--amber-border)}.db-kpi-badge--grey{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.db-kpi-badge--green{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.db-kpi-card__icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .25s;display:flex}.db-kpi-card--clickable:hover .db-kpi-card__icon{transform:scale(1.08)}.db-icon--blue{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-border)}.db-icon--violet{background:var(--violet-bg);color:var(--violet-text);border:1px solid var(--violet-border)}.db-icon--emerald{background:var(--green-bg);color:var(--green-text);border:1px solid var(--green-border)}.db-icon--amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid var(--amber-border)}.db-icon--rose{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-border)}.db-icon--grey{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.db-two-col{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.db-two-col--wide-left{grid-template-columns:3fr 2fr}.db-two-col--material-market{grid-template-columns:1fr 1.2fr;align-items:stretch}.db-two-col--material-market>.db-market-rates,.db-two-col--material-market>.db-widget.db-market-rates{flex-direction:column;min-height:400px;display:flex}@media (width<=900px){.db-two-col,.db-two-col--wide-left{grid-template-columns:1fr}}.db-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s;animation:.45s ease-out backwards db-widget-appear;display:flex;overflow:hidden}@keyframes db-widget-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.db-widget:hover{box-shadow:var(--shadow-md)}.db-widget--full{width:100%}.db-widget--tall{min-height:360px}.db-widget-body{flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.db-widget-body::-webkit-scrollbar{width:5px}.db-widget-body::-webkit-scrollbar-track{background:0 0}.db-widget-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.db-widget-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.db-section-header{border-bottom:1px solid var(--border);background:var(--surface-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 22px 14px;display:flex}.db-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:8px;font-size:.75rem;font-weight:800;display:flex}.db-section-title svg{color:var(--brand)}.db-refresh-btn{cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:#f8fafc;border:1px solid #e5eaf2;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.db-refresh-btn:hover:not(:disabled){color:var(--brand);background:#eff6ff;border-color:#bfdbfe}.db-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.db-refresh-btn--lg{gap:7px;width:auto;height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:700}.db-util-row{border-radius:6px;align-items:center;gap:10px;padding:3px 5px;transition:background .15s;display:flex}.db-util-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:150px;font-size:12px;font-weight:600;overflow:hidden}.db-util-track{background:#eef2f8;border-radius:4px;flex:1;height:8px;overflow:hidden}.db-util-fill{border-radius:4px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.db-util-fill--green{background:linear-gradient(90deg,#10b981,#059669)}.db-util-fill--amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.db-util-fill--red{background:linear-gradient(90deg,#ef4444,#dc2626)}.db-util-pct{text-align:right;flex-shrink:0;width:40px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800}.db-util-pct--green{color:#059669}.db-util-pct--amber{color:#d97706}.db-util-pct--red{color:#dc2626}.db-funnel{flex-direction:column;gap:10px;padding:4px 0;display:flex}.db-funnel-row{align-items:center;gap:10px;display:flex}.db-funnel-label{color:var(--text-secondary);flex-shrink:0;width:130px;font-size:11.5px;font-weight:600}.db-funnel-track{background:#f1f4f9;border-radius:5px;flex:1;height:22px;overflow:hidden}.db-funnel-fill{background:var(--brand);border-radius:5px;align-items:center;min-width:8px;height:100%;padding-left:8px;transition:width .7s cubic-bezier(.4,0,.2,1);display:flex}.db-funnel-fill--bottleneck{background:#ef4444}.db-funnel-badge{text-transform:uppercase;color:#fff;letter-spacing:.06em;white-space:nowrap;font-size:9px;font-weight:800}.db-funnel-count{color:var(--text-primary);text-align:right;flex-shrink:0;width:32px;font-size:12px;font-weight:800}.db-score{border-radius:20px;justify-content:center;align-items:center;min-width:40px;padding:2px 8px;font-size:11.5px;font-weight:800;display:inline-flex}.db-score--green{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.db-score--amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.db-score--red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.db-score--grey{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.db-age-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:3px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.db-age-chip--green{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.db-age-chip--amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.db-age-chip--red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.db-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.db-dot--green{background:#10b981}.db-dot--amber{background:#f59e0b}.db-dot--red{background:#ef4444}.db-pct{border-radius:20px;padding:2px 7px;font-size:11px;font-weight:800}.db-pct--green{color:#15803d;background:#dcfce7}.db-pct--amber{color:#b45309;background:#fef3c7}.db-pct--red{color:#dc2626;background:#fef2f2}.db-table-wrap{flex:1;overflow:auto}.db-table-wrap--scroll{max-height:520px}.db-table-wrap::-webkit-scrollbar{width:5px;height:5px}.db-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.db-table-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.db-table{border-collapse:collapse;width:100%;font-size:12.5px}.db-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap;z-index:1;background:#f8fafc;border-bottom:1px solid #eef1f6;padding:9px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}.db-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #f0f3f8;padding:10px 14px}.db-table tr:last-child td{border-bottom:none}.db-tr{cursor:pointer;transition:background .12s}.db-tr:hover td{background:#f5f8ff}.db-tr--conflict td{background:#fff5f5}.db-tr--conflict:hover td{background:#fef2f2}.db-tr--danger td{background:#fff5f5}.db-tr--danger:hover td{background:#fee2e2}.db-table-loading{text-align:center;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:32px 14px;font-size:12.5px;display:flex}.db-link{color:var(--brand);cursor:pointer;font-weight:700;display:block}.db-link:hover{text-decoration:underline}.db-sub-text{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.db-quick-actions{flex-wrap:wrap;gap:10px;padding:4px 0;display:flex}.db-qa-btn{cursor:pointer;color:var(--text-primary);white-space:nowrap;background:#fff;border:1px solid #e5eaf2;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0d1b2e0d}.db-qa-btn:hover{color:var(--brand);background:#f0f7ff;border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #1d6fb81f}.db-qa-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand-dark);box-shadow:0 3px 10px #1d6fb840}.db-qa-btn--primary:hover{background:var(--brand-dark);color:#fff;box-shadow:0 6px 16px #1d6fb859}.db-qa-btn--xs{border-radius:6px;padding:5px 10px;font-size:11.5px}.db-cards-list{flex-direction:column;flex:1;gap:10px;padding:14px 18px;display:flex;overflow-y:auto}.db-delivery-card{background:#f8fafc;border:1px solid #e5eaf2;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .15s;display:flex}.db-delivery-card:hover{background:#f5f8ff;border-color:#bfdbfe}.db-delivery-card__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.db-delivery-card__po{color:var(--brand);font-size:12.5px;font-weight:800}.db-delivery-card__status{text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800}.db-delivery-card__status.due{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.db-delivery-card__status.late{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.db-delivery-card__vendor{color:var(--text-primary);font-size:12.5px;font-weight:600}.db-delivery-card__meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.db-action-btns{justify-content:flex-end;gap:5px;display:flex}.db-action-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .12s;display:inline-flex}.db-action-btn--approve{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.db-action-btn--approve:hover{background:#bbf7d0}.db-action-btn--reject{color:#dc2626;background:#fef2f2;border-color:#fecaca}.db-action-btn--reject:hover{background:#fee2e2}.db-pipeline{background:#fff;border:1px solid #e5eaf2;border-radius:12px;align-items:center;padding:20px 12px;display:flex;overflow-x:auto;box-shadow:0 1px 4px #0d1b2e0d}.db-pipeline-stage{flex-direction:column;flex:1;align-items:center;gap:8px;min-width:140px;padding:4px 16px;display:flex}.db-pipeline-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.db-pipeline-value{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.db-pipeline-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;font-size:11px;font-weight:700}.db-pipeline-action{color:var(--brand);cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.db-pipeline-action:hover{background:var(--brand);color:#fff}.db-pipeline-arrow{color:#d1d9e6;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1.4rem}.db-monthly-grid{grid-template-columns:repeat(2,1fr);gap:14px;padding:16px 20px;display:grid}.db-monthly-card{border-radius:10px;flex-direction:column;gap:4px;padding:16px 20px;display:flex}.db-monthly-card--blue{background:#f0f7ff;border:1px solid #bfdbfe}.db-monthly-card--amber{background:#fffbeb;border:1px solid #fde68a}.db-monthly-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.db-monthly-value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.db-monthly-sub{color:var(--text-muted);font-size:11px}.db-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:48px 20px;font-size:13px;font-weight:600;display:flex}.db-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:52px 20px;font-size:13px;display:flex}.db-empty svg{opacity:.3;margin-bottom:4px}.db-empty h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.db-empty p{max-width:300px;color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.6}.db-empty-cta{color:var(--brand);cursor:pointer;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.db-empty-cta:hover{background:var(--brand);color:#fff}.db-skeleton{background:linear-gradient(90deg,#f0f3f8 0%,#e5eaf2 25%,#eef2f8 50%,#e5eaf2 75%,#f0f3f8 100%) 0 0/200% 100%;border-radius:5px;animation:1.6s ease-in-out infinite db-skeleton-shimmer;display:inline-block}.db-skeleton--value{width:70px;height:30px}.db-skeleton--sub{width:90px;height:14px}@keyframes db-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-spin{animation:.7s linear infinite db-rotate}@keyframes db-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.db-section-count{min-width:22px;height:20px;color:var(--brand);background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:10.5px;font-weight:800;display:inline-flex}.db-util-row--clickable{cursor:pointer}.db-util-row--clickable:hover{background:#f5f8ff}.db-widget-footer{color:var(--text-secondary);background:#fdfdfe;border-top:1px solid #f0f3f8;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12.5px;display:flex}.db-widget-footer strong{color:var(--brand);font-size:13px;font-weight:800}.db-widget-footer--link{background:0 0;justify-content:flex-end;padding:8px 16px}.db-widget-footer-action{color:var(--brand);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.db-widget-footer-action:hover{opacity:.8;transform:translate(2px)}.db-mismatch-detail{background:#fff5f5;border-bottom:1px solid #fecaca;align-items:flex-start;gap:10px;padding:10px 16px 12px;display:flex}.db-mismatch-detail>svg{flex-shrink:0;margin-top:2px}.db-mismatch-list{color:#991b1b;margin:4px 0 0;padding-left:16px;font-size:12px;line-height:1.7}.db-input--error{background:#fff5f5!important;border-color:#fca5a5!important}.db-input--error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.bpms-badge--violet{color:#9333ea;background:#fdf4ff;border-color:#e9d5ff}.db-alert-list{flex-direction:column;gap:0;display:flex}.db-alert-row{cursor:pointer;border-bottom:1px solid #f0f3f8;align-items:center;gap:12px;padding:11px 20px;transition:background .12s;display:flex}.db-alert-row:last-child{border-bottom:none}.db-alert-row:hover{background:#f8fafc}.db-alert-row--red{border-left:3px solid #ef4444}.db-alert-row--amber{border-left:3px solid #f59e0b}.db-alert-row--blue{border-left:3px solid #3b82f6}.db-alert-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.db-alert-content{flex:1;min-width:0}.db-alert-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:12.5px;font-weight:700;overflow:hidden}.db-alert-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.db-alert-project{color:var(--text-muted);white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;padding:2px 9px;font-size:10.5px;font-weight:700}.db-alert-arrow{color:var(--text-muted);flex-shrink:0;transition:color .12s}.db-alert-row:hover .db-alert-arrow{color:var(--brand)}.db-burn-row{border-bottom:1px solid #f0f3f8;flex-direction:column;gap:4px;padding:8px 4px;display:flex}.db-burn-row:last-child{border-bottom:none}.db-burn-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.db-burn-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:12.5px;font-weight:700;overflow:hidden}.db-burn-project{color:var(--text-muted);background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;flex-shrink:0;padding:1px 8px;font-size:10px;font-weight:700}.db-burn-values{align-items:center;gap:8px;font-size:11.5px;display:flex}.db-burn-ordered{color:var(--text-primary);font-weight:700}.db-burn-budget{color:var(--text-muted)}.db-burn-remaining{color:#059669;margin-left:auto;font-weight:600}.db-burn-remaining--over{color:#dc2626}.db-burn-track-row{align-items:center;gap:8px;display:flex}.db-burn-exhausted{letter-spacing:.07em;text-transform:uppercase;color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fecaca;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:9px;font-weight:800}.db-mini-progress{background:#eef2f8;border-radius:3px;width:56px;height:5px;overflow:hidden}.db-mini-progress-fill{border-radius:3px;height:100%;transition:width .5s}.db-mini-progress-fill--green{background:linear-gradient(90deg,#10b981,#059669)}.db-mini-progress-fill--amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.db-mini-progress-fill--red{background:linear-gradient(90deg,#ef4444,#dc2626)}.db-timeline{flex-direction:column;flex:1;gap:0;padding:14px 18px;display:flex;overflow-y:auto}.db-timeline-item{cursor:pointer;border-left:2px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:10px 8px;transition:background .12s;display:flex}.db-timeline-item:hover{border-left-color:var(--brand);background:#f5f8ff}.db-timeline-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.db-timeline-icon--indent{color:#d97706;background:#fffbeb}.db-timeline-icon--po{color:var(--brand);background:#eff6ff}.db-timeline-icon--grn{color:#059669;background:#f0fdf4}.db-timeline-icon--invoice{color:#7c3aed;background:#f5f3ff}.db-timeline-icon--payment{color:#059669;background:#f0fdf4}.db-timeline-content{flex:1;min-width:0}.db-timeline-title{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.db-timeline-desc{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:12px;overflow:hidden}.db-timeline-meta{color:var(--text-muted);align-items:center;gap:5px;font-size:10.5px;display:flex}.db-variance{border-radius:4px;align-items:center;padding:2px 7px;font-size:11px;font-weight:800;display:inline-flex}.db-variance--medium{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.db-variance--high{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.db-filter-bar{background:#fff;border:1px solid #e5eaf2;border-radius:12px;padding:12px 16px;box-shadow:0 1px 3px #0d1b2e0a}.db-admin-filter{max-width:100%}.db-sticky-notif{z-index:490;transition:z-index .3s;position:fixed;bottom:28px;right:28px}.db-sticky-notif:has(.notif-panel--open){z-index:9999}.db-sticky-notif .navbar__icon-btn{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%);color:#fff;cursor:pointer;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .25s;display:flex;box-shadow:0 4px 18px #1d6fb866,0 2px 6px #00000029}.db-sticky-notif .navbar__icon-btn:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 8px 24px #1d6fb880,0 4px 10px #0003}.db-sticky-notif .notif-panel__badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:10px;font-weight:800;display:flex;position:absolute;top:-3px;right:-3px;box-shadow:0 2px 6px #dc262659}.db-hero{border:1px solid #ffffff14;border-radius:16px;padding:16px 22px 14px;animation:.45s ease-out db-fade-in;position:relative;overflow:hidden}.db-hero--admin{--hero-accent:#3b82f6;color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);box-shadow:0 12px 32px #0d1b2e40,0 2px 8px #0d1b2e26,inset 0 1px #ffffff1a}.db-hero__orb{pointer-events:none;opacity:.1;border-radius:50%;position:absolute}.db-hero__orb--1{background:radial-gradient(circle,#4da3ff 0%,#0000 70%);width:280px;height:280px;top:-80px;right:80px}.db-hero__orb--2{background:radial-gradient(circle,#a78bfa 0%,#0000 70%);width:180px;height:180px;bottom:-50px;left:180px}.db-hero__orb--3{background:radial-gradient(circle,#34d399 0%,#0000 70%);width:140px;height:140px;top:20px;right:300px}@keyframes db-orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(10px,-6px)scale(1.04)}66%{transform:translate(-6px,5px)scale(.97)}}.db-hero__top{z-index:1;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex;position:relative}.db-hero__left{flex:1;min-width:0}.db-hero__meta-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.db-hero__role-pill{color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em;background:#ffffff2e;border:1px solid #fff3;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.db-hero__date-chip{color:#ffffff80;align-items:center;gap:5px;font-size:11.5px;font-weight:500;display:inline-flex}.db-hero__title{color:#fff;letter-spacing:-.04em;margin-bottom:5px;font-size:1.9rem;font-weight:900;line-height:1.15}.db-hero__name-hl{background:linear-gradient(135deg,#93c5fd 0%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.db-hero__subtitle{color:#ffffff80;margin-bottom:12px;font-size:13px;font-weight:500}.db-hero__status-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-sys-health{border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.db-sys-health--green{color:#6ee7b7;background:#10b9812e;border-color:#10b9814d}.db-sys-health--amber{color:#fcd34d;background:#f59e0b2e;border-color:#f59e0b4d}.db-sys-health--red{color:#fca5a5;background:#ef44442e;border-color:#ef44444d;animation:2s ease-in-out infinite db-pulse}.db-hero__pill{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.db-hero__pill--red{color:#fca5a5;background:#dc262638;border:1px solid #dc262659}.db-hero__pill--amber{color:#fcd34d;background:#d9770638;border:1px solid #d9770659}.db-hero__right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.db-hero__kpi-row{background:#ffffff24;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:18px;padding:12px 18px;display:flex}.db-hero__kpi{text-align:center}.db-hero__kpi-val{color:#fff;letter-spacing:-.04em;margin-bottom:3px;font-size:1.5rem;font-weight:900;line-height:1}.db-hero__kpi-val--warn{color:#fcd34d}.db-hero__kpi-val--danger{color:#fca5a5}.db-hero__kpi-lbl{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-size:9.5px;font-weight:700}.db-hero__kpi-div{background:#ffffff1f;width:1px;height:34px}.db-hero__refresh{color:#ffffffd9;cursor:pointer;background:#ffffff29;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.db-hero__refresh:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff4d;transform:translateY(-1px)}.db-hero__refresh:disabled{opacity:.5;cursor:not-allowed}.db-hero__refresh--sm{padding:6px 12px;font-size:11.5px}.db-hero__last-updated{color:#ffffff73;text-align:right;font-size:10px;font-weight:500;display:block}.db-hero__action-bar{z-index:1;border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:7px;padding-top:14px;display:flex;position:relative}.db-hero-action{color:#ffffffbf;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.db-hero-action:hover{color:#fff;background:#ffffff29;border-color:#ffffff40;transform:translateY(-1px)}.db-hero-action:active{transform:translateY(0)}.db-hero-action--primary{color:#93c5fd;background:#1d6fb859;border-color:#4da3ff66}.db-hero-action--primary:hover{color:#bfdbfe;background:#1d6fb88c;border-color:#4da3ff99}.db-hero-action__badge{border-radius:9999px;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:2px;padding:0 4px;font-size:10px;font-weight:800;display:inline-flex}.db-hero-action__badge--amber{color:#fff;background-color:#f59e0b}.db-hero-action__badge--red{color:#fff;background-color:#ef4444}.db-role-hero{color:#fff;border-radius:16px;padding:16px 22px 14px;overflow:hidden;box-shadow:0 6px 28px #0d1b2e40,0 2px 8px #1d6fb82e}.db-role-hero--store{--hero-accent:#a78bfa;background:linear-gradient(135deg,#0f172a 0%,#581c87 100%);box-shadow:0 12px 32px #581c8740,0 2px 8px #0f172a26,inset 0 1px #ffffff1a}.db-role-hero--qs{--hero-accent:#14b8a6;background:linear-gradient(135deg,#0f172a 0%,#115e59 100%);box-shadow:0 12px 32px #115e5940,0 2px 8px #0f172a26,inset 0 1px #ffffff1a}.db-role-hero--purchase{--hero-accent:#f59e0b;background:linear-gradient(135deg,#0f172a 0%,#78350f 100%);box-shadow:0 12px 32px #78350f40,0 2px 8px #0f172a26,inset 0 1px #ffffff1a}.db-project-filter-row{background:#fff;border:1px solid #e5eaf2;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #0d1b2e0a}.db-project-filter-row__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.db-project-filter-row__label svg{color:var(--brand)}.db-project-filter-row__controls{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.db-project-selector-wrapper{height:36px;color:var(--text-primary);box-sizing:border-box;background:#f3f7fc;border:1px solid #d0dbe9;border-radius:8px;align-items:center;min-width:220px;transition:all .2s;display:inline-flex;position:relative}.db-hero .db-project-selector-wrapper,.db-role-hero .db-project-selector-wrapper{color:#fff;background:#ffffff29;border:1px solid #ffffff2e}.db-hero .db-project-selector-wrapper:hover,.db-role-hero .db-project-selector-wrapper:hover{background:#ffffff29;border-color:#ffffff4d}.db-project-selector-wrapper:hover{background:#eef4fb;border-color:#b8cce4}.db-project-selector-wrapper:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #1d6fb81f}.db-project-selector-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.db-hero .db-project-selector-icon,.db-role-hero .db-project-selector-icon{color:#ffffffa6}.db-project-selector{width:100%;height:100%;color:var(--text-primary);cursor:pointer;appearance:none;box-sizing:border-box;background:0 0;border:none;outline:none;padding:0 28px 0 32px;font-family:inherit;font-size:12.5px;font-weight:600}.db-hero .db-project-selector,.db-role-hero .db-project-selector{color:#fff}.db-project-selector option{color:var(--text-primary);background:#fff;font-weight:600}.db-project-selector-arrow{color:var(--text-muted);pointer-events:none;position:absolute;right:12px}.db-hero .db-project-selector-arrow,.db-role-hero .db-project-selector-arrow{color:#ffffffa6}.db-approvals-strip{background:#e5eaf2;border-radius:0 0 12px 12px;grid-template-columns:repeat(5,1fr);gap:1px;display:grid;overflow:hidden}.db-approval-card{text-align:center;cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:7px;padding:18px 16px;transition:all .2s;display:flex;position:relative;overflow:hidden}.db-approval-card:after{content:"";background:0 0;height:2px;transition:background .2s;position:absolute;bottom:0;left:0;right:0}.db-approval-card:hover{background:#f5f8ff}.db-approval-card:hover:after{background:var(--brand)}.db-approval-card--urgent{background:linear-gradient(#fff5f5 0%,#fff 100%)}.db-approval-card--urgent:after{background:#ef4444}@keyframes db-pulse-red{0%{box-shadow:0 0 #ef444440}70%{box-shadow:0 0 0 5px #ef444400}to{box-shadow:0 0 #ef444400}}.db-approval-card--urgent{animation:2s infinite db-pulse-red}.db-approval-card__icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s;display:flex}.db-approval-card:hover .db-approval-card__icon{transform:scale(1.08)}.db-approval-card__count{color:var(--text-primary);letter-spacing:-.05em;font-size:2rem;font-weight:900;line-height:1}.db-approval-card__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700;line-height:1.3}.db-approval-card__cta{color:var(--brand);opacity:0;align-items:center;gap:4px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;transform:translateY(3px)}.db-approval-card:hover .db-approval-card__cta{opacity:1;transform:translateY(0)}@media (width<=1100px){.db-approvals-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.db-approvals-strip{grid-template-columns:repeat(2,1fr)}}.db-section-action{color:var(--brand);cursor:pointer;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:4px 11px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.db-section-action:hover{background:var(--brand);color:#fff}@media (width<=1024px){.db-hero__top{flex-direction:column;gap:14px}.db-hero__right{flex-flow:wrap;align-items:flex-start;gap:10px}.db-hero__title{font-size:1.55rem}}@media (width<=768px){.db-layout{gap:14px}.db-hero{padding:18px 18px 14px}.db-hero__title{font-size:1.3rem}.db-hero__action-bar{gap:5px}.db-hero-action{padding:5px 10px;font-size:11px}.db-hero__kpi-row{flex-wrap:wrap}.db-widget-body{padding:14px 16px}.db-section-header{padding:13px 18px 11px}.db-two-col--wide-left{grid-template-columns:1fr}}@media (width<=560px){.db-hero__orb--2,.db-hero__orb--3{display:none}.db-kpi-card{padding:14px 16px}.db-kpi-card__value{font-size:1.5rem}.db-monthly-grid{grid-template-columns:1fr}}@media (width<=480px){.db-monthly-grid{grid-template-columns:1fr;gap:10px}}@media (width<=640px){.db-pipeline{flex-wrap:wrap;justify-content:center;gap:14px;padding:14px}.db-pipeline-arrow{display:none}.db-pipeline-stage{min-width:120px}.db-burn-row{padding:8px 2px}.db-delivery-card{padding:10px 12px}}@media (width<=860px){.db-pipeline{flex-wrap:wrap;justify-content:center;gap:14px;padding:16px}.db-pipeline-arrow{display:none}}@media (hover:none) and (pointer:coarse){.db-kpi-card{min-height:110px}.db-refresh-btn,.db-action-btn,.db-qa-btn{min-width:44px;min-height:44px}.db-kpi-card--clickable:hover{transform:none}.db-kpi-card--clickable:active{opacity:.9;transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.db-spin{animation:none}}@media print{.db-refresh-btn,.db-qa-btn,.db-action-btn,.db-pipeline-action{display:none!important}.db-layout{max-width:100%}.db-widget,.db-kpi-card{break-inside:avoid;box-shadow:none}.db-two-col{grid-template-columns:1fr}}.db-kpi-card--clickable:focus-visible,.db-refresh-btn:focus-visible,.db-qa-btn:focus-visible,.db-action-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.db-alert-row--expanded{background:#fdfdfe;flex-direction:column;align-items:stretch;gap:0}.db-alert-row__main{align-items:center;gap:12px;width:100%;display:flex}.db-alert-arrow-wrap{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.db-kpi-card__value-row{justify-content:space-between;align-items:baseline;width:100%;display:flex}.db-kpi-trend{border-radius:4px;align-items:center;gap:2px;height:18px;padding:1px 6px;font-size:.72rem;font-weight:700;display:inline-flex}.db-kpi-trend--up{color:#10b981;background-color:#ecfdf5;border:1px solid #a7f3d0}.db-kpi-trend--down{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca}.db-kpi-trend--neutral{color:#6b7280;background-color:#f3f4f6;border:1px solid #e5e7eb}.db-util-header{justify-content:space-between;align-items:baseline;width:100%;display:flex}.db-util-sublabel{color:var(--text-muted);font-size:11px;font-weight:500}.db-util-track-row{flex:1;align-items:center;gap:10px;width:100%;display:flex}.db-kpi-card__footer{justify-content:space-between;align-items:center;gap:6px;min-height:20px;margin-top:2px;display:flex}.db-active-project-pill{color:#1d6fb8;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(135deg,#eff6ff 0%,#f0f7ff 100%);border:1px solid #bfdbfe;border-radius:20px;align-items:center;gap:5px;max-width:220px;padding:4px 10px;font-size:11px;font-weight:700;animation:.2s ease-out db-pill-in;display:inline-flex;overflow:hidden}@keyframes db-pill-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.db-tr--vendor-good td{background:#f0fdf4}.db-tr--vendor-good:hover td{background:#dcfce7}.db-tr--vendor-poor td{background:#fff5f5}.db-tr--vendor-poor:hover td{background:#fee2e2}.db-indent-type-badge{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.db-indent-type-badge--material{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.db-indent-type-badge--work{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.db-action-btn--issue{color:#059669;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s}.db-action-btn--issue:hover{color:#047857;background:#dcfce7;border-color:#6ee7b7;transform:translateY(-1px)}.db-funnel-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.db-funnel-empty svg{opacity:.35;color:var(--brand)}.db-funnel-empty__title{color:var(--text-secondary);font-size:13px;font-weight:700}.db-funnel-empty__sub{color:var(--text-muted);max-width:260px;font-size:11.5px;line-height:1.5}.db-action-centre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:14px 18px;animation:.35s ease-out db-fade-in;display:flex}[data-theme=dark] .db-action-centre{background:var(--surface);border-color:#ffffff14}.db-action-centre__header{align-items:center;gap:8px;display:flex}.db-action-centre__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px;font-weight:800}.db-action-centre__body{flex-direction:column;gap:12px;display:flex}.db-smart-insights{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:12px 14px;display:flex}[data-theme=dark] .db-smart-insights{background:#1e293b;border-color:#ffffff0f}.db-smart-insights__title{color:var(--brand);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:750;display:flex}.db-smart-insights__spark-icon{color:#f59e0b;animation:1.5s ease-in-out infinite alternate db-sparkle}@keyframes db-sparkle{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.db-smart-insights__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.db-smart-insights__item{color:var(--text-secondary);align-items:flex-start;gap:6px;font-size:12px;line-height:1.4;display:flex}.db-smart-insights__bullet{flex-shrink:0;margin-top:2px}.db-smart-insights__item--critical .db-smart-insights__bullet{color:#ef4444}.db-smart-insights__item--warn .db-smart-insights__bullet{color:#f59e0b}.db-smart-insights__item--ok .db-smart-insights__bullet,.db-smart-insights__item--info .db-smart-insights__bullet{color:#10b981}.db-focus-strip__pulse{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite db-focus-pulse;display:inline-block;box-shadow:0 0 #10b98180}@keyframes db-focus-pulse{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}.db-focus-strip__cards{flex-wrap:wrap;gap:10px;display:flex}.db-focus-card{border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;border:1px solid #0000;flex:1;align-items:center;gap:10px;min-width:180px;padding:8px 12px;transition:all .18s;display:flex}.db-focus-card--critical{background:#fff5f5;border-color:#fecaca}.db-focus-card--critical:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 3px 10px #dc26261a}.db-focus-card--warn{background:#fffbeb;border-color:#fde68a}.db-focus-card--warn:hover{background:#fef3c7;border-color:#fcd34d;transform:translateY(-1px);box-shadow:0 3px 10px #f59e0b1a}.db-focus-card--ok{background:#f0fdf4;border-color:#bbf7d0}.db-focus-card--ok:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px);box-shadow:0 3px 10px #10b9811a}.db-focus-card__icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.db-focus-card__body{flex-direction:column;flex:1;gap:1px;display:flex}.db-focus-card__val{color:var(--text-primary);font-size:1.15rem;font-weight:900;line-height:1}.db-focus-card__label{color:var(--text-secondary);font-size:10.5px;font-weight:600}.db-focus-card__arrow{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.db-focus-card:hover .db-focus-card__arrow{color:var(--brand);transform:translate(3px)}.db-focus-allclear{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;display:flex}.db-tr--urgent td{background:#fee2e299}.db-tr--urgent:hover td{background:#fecacacc}.db-tr--warning td{background:#fef3c799}.db-tr--warning:hover td{background:#fde68acc}.db-stock-bar-cell{align-items:center;gap:8px;min-width:90px;display:flex}.db-stock-bar-track{background:#eef2f8;border-radius:3px;flex:1;min-width:50px;height:6px;overflow:hidden}.db-stock-bar-fill{border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.db-stock-bar-fill--green{background:linear-gradient(90deg,#10b981,#059669)}.db-stock-bar-fill--amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.db-stock-bar-fill--red{background:linear-gradient(90deg,#ef4444,#dc2626)}.db-ph-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:#f8fafc;border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:10px 22px;font-size:10px;font-weight:800;display:flex}.db-ph-header-cols{gap:80px;display:flex}.db-ph-body{flex-direction:column;display:flex}.db-ph-row{cursor:pointer;border-bottom:1px solid #f0f3f8;justify-content:space-between;align-items:center;gap:20px;padding:12px 22px;transition:background .12s;display:flex}.db-ph-row:last-child{border-bottom:none}.db-ph-row:hover{background:#f5f8ff}.db-ph-name{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.db-ph-code{color:var(--brand);background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10.5px;font-weight:800}.db-ph-label{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.db-ph-metrics{flex-shrink:0;align-items:center;gap:24px;display:flex}.db-ph-metric{align-items:center;gap:8px;min-width:110px;display:flex}.db-ph-metric-bar{background:#eef2f8;border-radius:3px;flex:1;height:6px;overflow:hidden}.db-ph-metric-fill{border-radius:3px;height:100%;transition:width .7s}.db-ph-metric-fill--green{background:linear-gradient(90deg,#10b981,#059669)}.db-ph-metric-fill--amber{background:linear-gradient(90deg,#f59e0b,#d97706)}.db-ph-metric-fill--red{background:linear-gradient(90deg,#ef4444,#dc2626)}.db-ph-metric-val{text-align:right;flex-shrink:0;width:34px;font-size:11px;font-weight:800}.db-ph-metric-val--green{color:#059669}.db-ph-metric-val--amber{color:#d97706}.db-ph-metric-val--red{color:#dc2626}.db-market-rates{margin-top:0}.db-widget--full .db-market-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:18px 22px;display:grid}.db-two-col .db-market-grid,.db-two-col--wide-left .db-market-grid,.db-two-col--material-market .db-market-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.db-market-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:18px 22px;display:grid}.db-market-card{border:1px solid var(--border);background:#f8fafc;border-radius:12px;flex-direction:column;justify-content:space-between;gap:8px;min-height:0;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0d1b2e0a}.db-market-card:hover{border-color:var(--blue-border);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db14}.db-market-card__meta{flex-direction:column;gap:2px;display:flex}.db-market-card__name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.3}.db-market-card__unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:500}.db-market-card__price-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.db-market-card__price{color:var(--brand);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.db-market-trend{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:flex}.db-market-trend--up{color:#dc2626;background:#fef2f2}.db-market-trend--down{color:#16a34a;background:#f0fdf4}.db-market-trend--stable{color:#4b5563;background:#f3f4f6}.db-market-card__footer{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;border-top:1px dashed #e2e8f0cc;margin-top:4px;padding-top:8px;font-size:10.5px;overflow:hidden}.db-rates-update-btn{background:linear-gradient(135deg, var(--brand) 0%, #1d4ed8 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;box-shadow:0 4px 10px #3b82f640}.db-rates-update-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 14px #3b82f659}.db-net-change--positive{color:#16a34a!important}.db-net-change--negative{color:#dc2626!important}.db-tr--would-exceed td{background:#fff1f2!important}.db-tr--would-exceed:hover td{background:#ffe4e6!important}.db-two-col>.db-widget,.db-two-col--wide-left>.db-widget{height:100%}.db-trend-chart{background:#fafbfe;justify-content:space-between;align-items:flex-end;gap:16px;height:220px;padding:24px 32px 12px;display:flex}.db-trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.db-trend-bars{justify-content:center;align-items:flex-end;gap:8px;width:100%;height:120px;display:flex}.db-trend-bar-wrap{flex:1;align-items:flex-end;max-width:28px;height:100%;display:flex;position:relative}.db-trend-bar{cursor:pointer;border-radius:4px 4px 0 0;width:100%;transition:height .6s cubic-bezier(.4,0,.2,1);position:relative}.db-trend-bar--po{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 8px #3b82f626}.db-trend-bar--po:hover{filter:brightness(1.1)}.db-trend-bar--cleared{background:linear-gradient(#10b981 0%,#047857 100%);box-shadow:0 4px 8px #10b98126}.db-trend-bar--cleared:hover{filter:brightness(1.1)}.db-trend-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:8px;margin-bottom:6px;font-size:11px;font-weight:700}.db-trend-values{flex-direction:column;align-items:center;gap:1px;display:flex}.db-trend-val{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;line-height:1.1}.db-trend-val--po{color:#1d4ed8}.db-trend-val--clr{color:#047857}.db-trend-legend{background:#fff;border-top:1px solid #f0f3f8;justify-content:center;gap:24px;padding:14px 22px;display:flex}.db-trend-legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.db-trend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.db-trend-dot--po{background:#3b82f6}.db-trend-dot--clr{background:#10b981}.db-tabs-header{border-bottom:1px solid #e5eaf2;gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex}.db-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.db-tab-btn:hover{color:var(--brand);background:#f8fafc;border-radius:6px 6px 0 0}.db-tab-btn--active{color:#fff!important;background:#1d6fb8!important;border-bottom-color:#1d6fb8!important;border-radius:6px 6px 0 0!important;box-shadow:0 2px 8px #1d6fb859!important}.db-tab-badge{color:var(--text-secondary);background:#f1f5f9;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.db-tab-btn--active .db-tab-badge{color:#fff;background:#ffffff40}.db-multi-progress{background:#e2e8f0;border-radius:3px;height:6px;display:flex;overflow:hidden}.db-cashflow-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.db-cashflow-card{background:#f8fafc;border:1px solid #e2e8f2;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.db-cashflow-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.db-cashflow-card__value{color:var(--text-primary);font-size:18px;font-weight:800}.db-cashflow-card__sub{color:var(--text-muted);font-size:11px}.db-role-hero--qs .db-hero__orb--1{background:radial-gradient(circle,#00b4d8 0%,#0000 70%)}.db-role-hero--qs .db-hero__orb--2{background:radial-gradient(circle,#0077b6 0%,#0000 70%)}.db-role-hero--store .db-hero__orb--1{background:radial-gradient(circle,#2d6a4f 0%,#0000 70%)}.db-role-hero--store .db-hero__orb--2{background:radial-gradient(circle,#40916c 0%,#0000 70%)}.db-role-hero--purchase .db-hero__orb--1{background:radial-gradient(circle,#825eff 0%,#0000 70%)}.db-role-hero--purchase .db-hero__orb--2{background:radial-gradient(circle,#c084fc 0%,#0000 70%)}.db-hero{position:relative;transform:translateZ(0)}.db-hero:before{content:"";pointer-events:none;z-index:0;border-radius:inherit;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:16px 16px;position:absolute;inset:0}.db-hero:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--hero-accent,var(--brand)) 50%, transparent 100%);z-index:2;pointer-events:none;background-size:200% 100%;height:3px;animation:4s ease-in-out infinite db-glow-slide;position:absolute;bottom:0;left:0;right:0}@keyframes db-glow-slide{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.db-week-strip{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.db-week-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.db-week-strip{grid-template-columns:1fr}}.db-week-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:16px 20px;transition:all .2s;display:flex;position:relative}.db-week-tile:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-2px)}.db-week-tile__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.db-week-tile__val-row{justify-content:space-between;align-items:baseline;display:flex}.db-week-tile__value{color:var(--text-primary);letter-spacing:-.03em;font-size:1.6rem;font-weight:800}.db-week-tile__icon{color:var(--text-muted);opacity:.7}.db-efficiency-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px;display:grid}@media (width<=768px){.db-efficiency-grid{grid-template-columns:1fr}}.db-efficiency-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.db-efficiency-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-efficiency-card__icon{background:var(--blue-bg);width:42px;height:42px;color:var(--blue-text);border:1px solid var(--blue-border);border-radius:10px;justify-content:center;align-items:center;display:flex}.db-efficiency-card__content{flex-direction:column;gap:2px;display:flex}.db-efficiency-card__val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.4rem;font-weight:800}.db-efficiency-card__lbl{color:var(--text-secondary);font-size:11px;font-weight:600}.db-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.db-stats-row--3{grid-template-columns:repeat(3,1fr)}@media (width<=900px){.db-stats-row,.db-stats-row--3{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.db-stats-row,.db-stats-row--3{grid-template-columns:1fr}}.db-stats-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:16px 20px;transition:all .2s;display:flex}.db-stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.db-stats-card--glass{background:#fff;border:1px solid #e2e8f0cc}[data-theme=dark] .db-stats-card--glass{background:#1e293b;border-color:#ffffff14}.db-stats-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.db-stats-card__value{color:var(--text-primary);font-size:1.6rem;font-weight:800;line-height:1.1}.db-stats-card__subtext{color:var(--text-muted);font-size:11px;font-weight:500}.db-qa-section-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:10px;margin:0;padding:8px 12px;transition:all .25s;display:flex;position:relative;overflow:hidden}[data-theme=dark] .db-qa-section-header{background:var(--surface);border-color:#ffffff14}.db-qa-section-header:before{content:"";background:var(--brand);width:3px;position:absolute;top:0;bottom:0;left:0}.db-qa-section-header--happening:before{background:linear-gradient(#3b82f6,#60a5fa)}.db-qa-section-header--happened:before{background:linear-gradient(#10b981,#34d399)}.db-qa-section-header--planning:before{background:linear-gradient(#8b5cf6,#a78bfa)}.db-qa-section-number{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:Inter,sans-serif;font-size:10px;font-weight:900;display:flex}.db-qa-section-header--happening .db-qa-section-number{background:#3b82f6;box-shadow:0 1px 4px #3b82f640}.db-qa-section-header--happened .db-qa-section-number{background:#10b981;box-shadow:0 1px 4px #10b98140}.db-qa-section-header--planning .db-qa-section-number{background:#8b5cf6;box-shadow:0 1px 4px #8b5cf640}.db-qa-section-info{flex-direction:column;gap:1px;display:flex}.db-qa-section-info h3{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0;font-size:12px;font-weight:800}.db-qa-section-info p{color:var(--text-secondary);margin:0;font-size:10.5px;font-weight:500}@media (width<=768px){.db-hero__top{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:14px}.db-hero__right{align-items:stretch;width:100%}.db-hero__kpi-row{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;padding:12px;display:grid}.db-hero__kpi{text-align:left;padding:2px 4px}.db-hero__kpi-div{display:none}.db-hero__last-updated{text-align:left;margin-top:4px}}.db-weather-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:14px 18px;display:flex}[data-theme=dark] .db-weather-widget{background:var(--surface);border-color:#ffffff14}.db-weather-widget__top{justify-content:space-between;align-items:flex-start;display:flex}.db-weather-widget__info{flex-direction:column;gap:2px;display:flex}.db-weather-widget__location{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px;font-weight:800}.db-weather-widget__condition{color:var(--text-primary);font-size:13.5px;font-weight:700}.db-weather-widget__icon-wrap{background:var(--brand-light);color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}[data-theme=dark] .db-weather-widget__icon-wrap{background:#1d6fb826}.db-weather-widget__rain-icon{animation:2s ease-in-out infinite alternate db-weather-bounce}@keyframes db-weather-bounce{0%{transform:translateY(-1px)}to{transform:translateY(2px)}}.db-weather-widget__status{background:var(--surface-subtle);border-radius:var(--radius-md);align-items:center;padding:8px 12px;display:flex}.db-weather-widget__metric{flex-direction:column;flex:1;gap:1px;display:flex}.db-weather-widget__label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.02em;font-size:10px;font-weight:700}.db-weather-widget__val{color:var(--text-primary);font-size:14px;font-weight:800}.db-weather-widget__risk{font-size:12.5px;font-weight:800}.db-weather-widget__risk--amber{color:#d97706}.db-weather-widget__risk--red{color:#dc2626}.db-weather-widget__risk--green{color:#059669}.db-weather-widget__divider{background:var(--border);width:1px;height:24px;margin:0 16px}.db-weather-widget__advice{border-radius:var(--radius-sm);background:#fffbeb;border:1px solid #fde68a;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}[data-theme=dark] .db-weather-widget__advice{background:#d977061a;border-color:#d9770633}.db-weather-widget__advice-icon{color:#d97706;flex-shrink:0;margin-top:1px}.db-weather-widget__advice-text{color:#92400e;margin:0;font-size:11px;font-weight:500;line-height:1.4}[data-theme=dark] .db-weather-widget__advice-text{color:#fcd34d}.db-weather-widget__advice--green{background:#f0fdf4;border-color:#bbf7d0}.db-weather-widget__advice--green .db-weather-widget__advice-icon{color:#16a34a}.db-weather-widget__advice--green .db-weather-widget__advice-text{color:#166534}[data-theme=dark] .db-weather-widget__advice--green{background:#16a34a1a;border-color:#16a34a33}[data-theme=dark] .db-weather-widget__advice--green .db-weather-widget__advice-text{color:#86efac}.db-weather-widget__advice--red{background:#fef2f2;border-color:#fecaca}.db-weather-widget__advice--red .db-weather-widget__advice-icon{color:#dc2626}.db-weather-widget__advice--red .db-weather-widget__advice-text{color:#991b1b}[data-theme=dark] .db-weather-widget__advice--red{background:#dc26261a;border-color:#dc262633}[data-theme=dark] .db-weather-widget__advice--red .db-weather-widget__advice-text{color:#fca5a5}.db-weather-skeleton{background:#f1f5f9;border-radius:4px;position:relative;overflow:hidden}[data-theme=dark] .db-weather-skeleton{background:#334155}.db-weather-skeleton:after{content:"";background-image:linear-gradient(90deg,#fff0 0%,#ffffff26 20%,#ffffff59 60%,#fff0 100%);animation:2s infinite db-shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=dark] .db-weather-skeleton:after{background-image:linear-gradient(90deg,#fff0 0%,#ffffff0d 20%,#ffffff1a 60%,#fff0 100%)}@keyframes db-shimmer{to{transform:translate(100%)}}.profile-page{flex-direction:column;gap:20px;width:100%;max-width:760px;margin:0 auto;display:flex}.profile-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);align-items:center;gap:20px;padding:24px 28px;display:flex}.profile-hero-bg{display:none}.profile-hero-content{display:contents}.profile-avatar{border-radius:var(--r-lg);background:var(--brand-faint);width:64px;height:64px;color:var(--brand);border:2px solid var(--brand-light);letter-spacing:-.02em;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.profile-hero-info{flex-direction:column;gap:8px;display:flex}.profile-hero-name{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.3rem;font-weight:800;line-height:1}.profile-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.profile-role-pill{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--brand);letter-spacing:.04em;text-transform:uppercase;border-radius:20px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.profile-hod-pill{color:#b45309;letter-spacing:.04em;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;align-items:center;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.profile-emp-id{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:inline-flex}.profile-body{flex-direction:column;gap:16px;display:flex}.profile-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:24px 28px}.profile-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);align-items:center;gap:10px;margin-bottom:18px;font-size:10px;font-weight:800;display:flex}.profile-section-label:after{content:"";background:var(--border-light);flex:1;height:1px}.profile-fields-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-field{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-lg);align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .15s;display:flex}.profile-field:hover{border-color:var(--brand-light)}.profile-field--full{grid-column:1/-1}.profile-field-icon{border-radius:var(--r-sm);background:var(--brand-faint);width:30px;height:30px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10.5px;font-weight:700}.profile-field-value{color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.profile-configured-tag{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;padding:1px 7px;font-size:10px;font-weight:700}.profile-projects-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.profile-project-tag{background:var(--brand-faint);color:var(--brand);border:1px solid var(--brand-light);border-radius:var(--r-sm);padding:3px 10px;font-size:12px;font-weight:600}.settings-page{flex-direction:column;gap:24px;width:100%;max-width:960px;margin:0 auto;display:flex}.settings-page-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:1.4rem;font-weight:800}.settings-page-header p{color:var(--text-muted);font-size:.8rem}.settings-layout{align-items:flex-start;gap:20px;display:flex}.settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:230px;box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;gap:2px;padding:14px;display:flex}.settings-nav-user{align-items:center;gap:10px;padding:8px 6px 14px;display:flex}.settings-nav-avatar{border-radius:var(--r-md);background:var(--brand);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-brand);flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.settings-nav-name{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.2}.settings-nav-role{color:var(--text-muted);margin-top:2px;font-size:11px}.settings-nav-divider{background:var(--border-light);height:1px;margin:2px 0 8px}.settings-nav-item{border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:10px;padding:9px 10px;transition:all .15s;display:flex}.settings-nav-item:hover:not(.disabled),.settings-nav-item.active{background:var(--brand-faint);color:var(--brand)}.settings-nav-item.disabled{opacity:.4;cursor:not-allowed}.settings-nav-item-icon{border-radius:var(--r-sm);background:var(--bg-color);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.settings-nav-item.active .settings-nav-item-icon{background:var(--brand);color:#fff;border-color:var(--brand)}.settings-nav-item-text{flex-direction:column;flex:1;gap:1px;display:flex}.settings-nav-item-label{font-size:12.5px;font-weight:600;line-height:1.2}.settings-nav-item-sub{color:var(--text-muted);font-size:10.5px;font-weight:400}.settings-nav-item.active .settings-nav-item-sub{color:var(--brand-mid)}.settings-nav-chevron{opacity:0;color:var(--brand);flex-shrink:0;transition:opacity .15s}.settings-nav-item:hover .settings-nav-chevron,.settings-nav-item.active .settings-nav-chevron{opacity:1}.settings-panel-area{flex:1;min-width:0}.settings-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden}.settings-panel-header{border-bottom:1px solid var(--border-light);background:var(--bg-color);align-items:flex-start;gap:14px;padding:20px 24px;display:flex}.settings-panel-header>div h2{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:800}.settings-panel-header>div p{color:var(--text-muted);font-size:12px}.settings-form{flex-direction:column;gap:18px;padding:24px;display:flex}.sform-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sform-group{flex-direction:column;gap:6px;display:flex}.sform-group label{color:var(--text-secondary);font-size:11.5px;font-weight:700}.sform-hint{color:var(--text-muted);font-size:11px}.settings-form-footer{border-top:1px solid var(--border-light);justify-content:flex-end;padding-top:8px;display:flex}.settings-form .bpms-input{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-color);color:var(--text-primary);width:100%;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:all .18s}.settings-form .bpms-input:focus{border-color:var(--brand-light);box-shadow:0 0 0 3px var(--brand-faint);background:var(--surface);outline:none}.settings-form .bpms-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-subtle)}.bpms-table-wrapper{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);width:100%;min-height:0;box-shadow:var(--shadow-sm);flex:1;position:relative;overflow:auto}.bpms-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;min-width:900px;font-size:.85rem}.bpms-thead{background:var(--bg-color)}.bpms-th{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:.72rem;font-weight:800}.bpms-tbody{background:var(--surface)}.bpms-tr{transition:background .15s}.bpms-td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 14px}.bpms-tr:last-child .bpms-td{border-bottom:none}.bpms-tr:hover .bpms-td{background:var(--brand-faint)}.bpms-tr--clickable{cursor:pointer}.bpms-table-wrapper{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.bpms-table-wrapper:hover{scrollbar-color:var(--border) transparent}.bpms-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.bpms-table-wrapper::-webkit-scrollbar-track{background:0 0}.bpms-table-wrapper::-webkit-scrollbar-thumb{background:0 0;border-radius:4px;transition:background .3s}.bpms-table-wrapper:hover::-webkit-scrollbar-thumb{background:var(--border)}.bpms-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.bpms-pagination{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.bpms-pagination__info{color:var(--text-muted);font-size:.8rem}.bpms-pagination__info span{color:var(--text-primary);font-weight:600}.bpms-pagination__actions{align-items:center;gap:6px;display:flex}.bpms-page-current{color:var(--text-primary);margin:0 8px;font-size:.8rem;font-weight:600}.bpms-page-btn{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.bpms-page-btn:hover:not(:disabled){background:var(--brand-faint);color:var(--brand);border-color:var(--brand)}.bpms-page-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg)}@media (width<=500px){.bpms-pagination{flex-direction:column;gap:12px}}.employees-page{flex-direction:column;display:flex}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.page-header__left{flex-direction:column;gap:4px;display:flex}.page-header__right{align-items:center;gap:10px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:800}.emp-total-pill{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--brand);border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.page-content{flex-direction:column;flex:1;gap:16px;display:flex}.list-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;flex:1;align-items:center;max-width:380px;height:38px;padding:0 14px;transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13.5px}.search-box input::placeholder{color:var(--text-muted)}.search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .2s;display:flex}.search-clear:hover{background:var(--bg-color);color:var(--text-primary)}.filter-dropdown{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-muted);background:#fff;align-items:center;gap:8px;height:38px;padding:0 12px;transition:all .2s;display:flex}.filter-dropdown:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.filter-dropdown select{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;padding:0 4px;font-family:inherit;font-size:13px;font-weight:600}.table-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.table-footer{border-top:1px solid var(--border);background:var(--bg-color);justify-content:center;padding:14px 20px;display:flex}.emp-avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.emp-name-cell{align-items:center;gap:10px;display:flex}.emp-name-info{flex-direction:column;gap:1px;display:flex}.emp-name-text{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.2}.emp-email-text{color:var(--text-muted);font-size:11.5px}.emp-role-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.emp-role-admin{color:#dc2626;background:#fef2f2;border-color:#fecaca}.emp-role-qs{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.emp-role-store{color:#9333ea;background:#fdf4ff;border-color:#e9d5ff}.emp-role-purchase{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.emp-role-default{background:var(--bg-color);color:var(--text-secondary);border-color:var(--border)}.emp-hod-badge{text-transform:uppercase;letter-spacing:.05em;color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;padding:2px 7px;font-size:9.5px;font-weight:800;display:inline-flex}.emp-project-chip{color:var(--brand);white-space:nowrap;background:#3772ff14;border:1px solid #3772ff26;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.emp-project-chip--more{background:var(--bg-color);color:var(--text-muted);border-color:var(--border)}.status-dot{align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.status-dot:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;display:block}.status-active{color:#15803d}.status-active:before{background:#22c55e}.status-inactive{color:var(--text-muted)}.status-inactive:before{background:#94a3b8}.table-action-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.emp-form-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-bottom:1px solid var(--border-light);align-items:center;gap:7px;padding-bottom:8px;font-size:11px;font-weight:800;display:flex}.employee-form{flex-direction:column;gap:16px;display:flex}.form-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:700}.form-row{gap:14px;display:flex}.flex-1{flex:1}.flex-2{flex:2}.flex-3{flex:3}.bpms-toggle-btn{color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bpms-toggle-btn input[type=radio]{display:none}.project-multi-select{background:var(--bg-color);border-radius:var(--r-md);border:1px solid var(--border);flex-direction:column;gap:10px;padding:14px;display:flex}.selected-projects-chips{flex-wrap:wrap;align-items:center;gap:7px;min-height:30px;display:flex}.project-chip{background:var(--brand);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:flex}.project-chip button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;padding:2px;line-height:0;transition:background .15s;display:flex}.project-chip button:hover{background:#fff6}.no-projects-text{color:var(--text-muted);font-size:12px;font-style:italic}.emp-reset-btn{border:1px solid var(--border);border-radius:var(--r-md);height:38px;color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.emp-reset-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.masters-page{background:var(--bg-color);flex-direction:column;height:100%;min-height:0;padding:16px;display:flex}.masters-layout{flex:1;gap:14px;min-height:0;display:flex}.masters-sidebar{border:1px solid var(--border);border-radius:var(--r-lg);width:220px;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex-shrink:0;padding:14px;display:flex;overflow:hidden}.masters-sidebar-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;padding:0 4px;font-size:11px;font-weight:800}.masters-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.masters-nav::-webkit-scrollbar{width:3px}.masters-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.masters-nav-item{border-radius:var(--r-md);color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:10px;padding:9px 11px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.masters-nav-item:hover{background:var(--brand-faint);color:var(--text-primary);border-color:var(--brand-light)}.masters-nav-item.active{background:var(--brand);color:#fff;border-color:var(--brand-dark);box-shadow:0 2px 8px #1d6fb84d}.masters-content{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex:1;min-width:0;padding:20px;display:flex;overflow-y:auto}.master-grid{flex-direction:column;gap:14px;height:100%;display:flex}.master-grid-header{scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex;overflow-x:auto}.master-grid-header::-webkit-scrollbar{display:none}.master-grid-title-block{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.master-grid-title{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:17px;font-weight:800}.master-stat-pill{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:20px;flex-shrink:0;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.master-stat-label{color:var(--brand);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.master-stat-value{color:var(--brand);font-family:JetBrains Mono,Roboto Mono,monospace;font-size:16px;font-weight:800;line-height:1}.master-stat-divider{background:var(--brand-light);width:1px;height:14px}.master-stat-filtered{color:var(--brand);opacity:.7;font-size:11px;font-weight:600}.master-grid-actions{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.master-search-box{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;align-items:center;width:250px;height:34px;padding:0 10px;transition:all .2s;display:flex}.master-search-box:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.master-search-icon{color:var(--text-muted);flex-shrink:0}.master-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px}.master-search-box input::placeholder{color:var(--text-muted)}.master-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:4px;transition:all .2s;display:flex}.master-search-clear:hover{background:var(--bg-color);color:var(--text-primary)}.master-table-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.master-table-scroll{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;overflow:auto}.master-table-scroll::-webkit-scrollbar{width:6px;height:8px}.master-table-scroll::-webkit-scrollbar-track{background:0 0}.master-table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.master-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.table-footer{border-top:1px solid var(--border);background:var(--bg-color);flex-shrink:0;justify-content:center;padding:12px 16px;display:flex}.table-action-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.table-action-btn:hover{background:var(--bg-color)}.table-dropdown-menu{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:var(--r-md);z-index:50;background:#fff;flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.table-dropdown-menu button{text-align:left;color:var(--text-primary);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:8px 12px;font-size:13px;font-weight:500;transition:background .15s}.table-dropdown-menu button:hover{background:var(--bg-color)}.table-dropdown-menu button.text-danger{color:#dc2626}.table-dropdown-menu button.text-danger:hover{background:#fef2f2}.master-pagination{border-top:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.master-pagination-left{align-items:center;gap:12px;display:flex}.master-pagination-right{align-items:center;gap:4px;display:flex}.master-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.master-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.master-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.master-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.master-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.master-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.master-page-btn:disabled{opacity:.4;cursor:not-allowed}.master-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.category-group-header-cell{position:relative;background:linear-gradient(90deg,#6366f112 0%,#6366f105 100%)!important;border-top:1px solid #6366f126!important;border-bottom:1px solid #6366f126!important;padding:0!important}.category-group-header-cell:before{content:"";background:var(--brand);border-radius:0 2px 2px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.category-group-header-content{align-items:center;gap:10px;padding:10px 16px 10px 20px;display:flex}.category-group-toggle-icon{background:var(--brand-faint);border:1px solid var(--brand-light);width:22px;height:22px;color:var(--brand);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.category-group-header-row:hover .category-group-toggle-icon{background:var(--brand);color:#fff}.category-group-title{color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;font-weight:800}.category-group-count-badge{background:var(--brand);color:#fff;letter-spacing:.02em;border-radius:20px;padding:2px 9px;font-size:10.5px;font-weight:700}.category-group-item-row:nth-child(2n) .bpms-td{background:#fafbff}.category-group-item-row td:nth-child(3){padding-left:24px!important}.master-table-scroll .bpms-table-wrapper{box-shadow:none;min-height:unset;border:none;border-radius:0;flex:none;overflow:visible}.pcl-container{vertical-align:middle;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:16px;display:inline-flex}.pcl-container.sm{gap:6px;padding:0}.pcl-container.full-screen{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#ffffffd1;width:100vw;height:100vh;position:fixed;inset:0}.pcl-loader-box{justify-content:center;align-items:center;display:flex;position:relative}.pcl-container.sm .pcl-loader-box{width:38px;height:38px}.pcl-container.md .pcl-loader-box{width:64px;height:64px}.pcl-container.lg .pcl-loader-box{width:100px;height:100px}.pcl-svg-spinner{width:100%;height:100%;animation:1.4s linear infinite pcl-rotate-spinner;position:absolute;inset:0}.pcl-svg-track{stroke:var(--brand-faint,#1d6fb814)}.pcl-svg-path{stroke:var(--brand,#1d6fb8);stroke-dasharray:80 200;stroke-dashoffset:0;animation:1.4s ease-in-out infinite pcl-dash-morph}.pcl-glass-core{-webkit-backdrop-filter:blur(6px);background:#ffffffd9;border:1.5px solid #fff9;border-radius:50%;justify-content:center;align-items:center;animation:3s ease-in-out infinite alternate pcl-glass-pulse;display:flex;position:absolute;box-shadow:0 4px 12px #1d6fb80f,inset 0 1px 1px #fffc}.pcl-container.sm .pcl-glass-core{border-width:1px;width:26px;height:26px}.pcl-container.md .pcl-glass-core{width:44px;height:44px}.pcl-container.lg .pcl-glass-core{border-width:2px;width:70px;height:70px}.pcl-icon-container{color:var(--brand,#1d6fb8);justify-content:center;align-items:center;animation:.4s cubic-bezier(.16,1,.3,1) forwards pcl-icon-slide-in;display:flex}.pcl-container.sm .pcl-lucide-icon{width:12px;height:12px}.pcl-container.md .pcl-lucide-icon{width:20px;height:20px}.pcl-container.lg .pcl-lucide-icon{width:32px;height:32px}.pcl-ambient-glow{background:radial-gradient(circle, var(--brand-glow,#1d6fb82e) 0%, transparent 70%);z-index:-1;pointer-events:none;border-radius:50%;animation:2s ease-in-out infinite alternate pcl-ambient-pulse;position:absolute;inset:-6px}.pcl-container.sm .pcl-ambient-glow{inset:-4px}.pcl-container.lg .pcl-ambient-glow{inset:-10px}.pcl-modern-text{color:var(--text-secondary,#3d5166);letter-spacing:.1px;font-size:13.5px;font-weight:500;animation:1.5s ease-in-out infinite alternate pcl-text-glow}.pcl-container.sm .pcl-modern-text{font-size:11px}@keyframes pcl-rotate-spinner{to{transform:rotate(360deg)}}@keyframes pcl-dash-morph{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}@keyframes pcl-icon-slide-in{0%{opacity:0;transform:translateY(8px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pcl-ambient-pulse{0%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}@keyframes pcl-text-glow{0%{opacity:.6}to{opacity:.9}}@keyframes pcl-glass-pulse{0%{transform:scale(1);box-shadow:0 4px 12px #1d6fb80f,inset 0 1px 1px #fffc}to{transform:scale(1.03);box-shadow:0 6px 18px #1d6fb81f,inset 0 1px 1px #ffffffe6}}@media (prefers-reduced-motion:reduce){.pcl-svg-spinner,.pcl-svg-path,.pcl-icon-container,.pcl-ambient-glow,.pcl-glass-core,.pcl-modern-text{animation:none}}.boq-filter-bar{border-bottom:1px solid var(--border-light);scrollbar-width:none;-ms-overflow-style:none;background:#fff;flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.boq-filter-bar::-webkit-scrollbar{display:none}.boq-filter-search{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;flex:140px;align-items:center;gap:8px;min-width:140px;max-width:200px;height:32px;padding:0 10px;display:flex}.boq-filter-search svg{color:var(--text-muted);flex-shrink:0}.boq-filter-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:12.5px}.boq-filter-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.boq-filter-clear:hover{color:var(--brand)}.boq-filter-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;flex:0 auto;min-width:100px;padding:0 10px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.boq-filter-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.boq-filter-spacer{flex:1}.boq-filter-reset{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;background:#fff;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.boq-filter-reset:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.boq-filter-count{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:600}.boq-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.boq-th-sort:hover{background:var(--brand-faint)!important;color:var(--brand)!important}.boq-sort-icon{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}.boq-sort-icon.boq-sort-idle{opacity:.3}.boq-sort-icon.boq-sort-active{opacity:1;color:var(--brand)}.boq-info-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 12px;display:flex}.boq-kpi-bar{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.boq-kpi-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:4px;padding:12px 16px;transition:box-shadow .2s;display:flex}.boq-kpi-card:hover{box-shadow:var(--shadow-sm)}.boq-kpi-value{color:var(--text-primary);letter-spacing:-.02em;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:20px;font-weight:800;line-height:1.1}.boq-kpi-sub{color:var(--text-muted);margin-top:1px;font-size:10.5px}.boq-info-bar{border:1px solid var(--border-light);border-left:4px solid var(--brand);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.boq-meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.boq-meta-divider{background:var(--border);flex-shrink:0;width:1px;height:16px}.boq-meta-chip{color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-light);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.boq-meta-chip--green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.boq-meta-chip--amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.boq-meta-chip--blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.boq-meta-chip--red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.boq-meta-created{color:var(--text-muted);font-size:12px}.boq-meta-created span{color:var(--text-secondary);margin-right:3px;font-weight:600}.boq-status-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.boq-status-badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.boq-status-badge.draft{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.boq-status-badge.active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.boq-status-badge.superseded{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.boq-status-badge.pending{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.boq-status-badge.success{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.boq-status-badge.danger{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.boq-table-cell-desc{padding:2px 0}.boq-table-cell-desc .item-name{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:700}.boq-table-cell-desc .item-code{color:var(--brand);background:var(--brand-faint);border-radius:4px;margin-bottom:2px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700;display:inline-block}.boq-table-cell-desc .item-remarks{color:var(--text-muted);font-size:11px;line-height:1.4}.boq-balance-cell{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.boq-balance-bar{background:#e5e7eb;border-radius:2px;width:80px;height:4px;overflow:hidden}.boq-balance-bar-fill{border-radius:2px;height:100%;transition:width .4s}.boq-balance-bar-fill.good{background:#22c55e}.boq-balance-bar-fill.warn{background:#f59e0b}.boq-balance-bar-fill.danger{background:#ef4444}.num-display{letter-spacing:-.01em;font-family:JetBrains Mono,Roboto Mono,Courier New,monospace;font-size:14px;font-weight:700;line-height:1.2}.num-display--lg{font-size:15px;font-weight:800}.num-display--currency{font-size:13.5px;font-weight:700}.table-action-btn{cursor:pointer;border-radius:var(--r-sm);color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.table-action-btn:hover{background:var(--bg-color);opacity:1}.boq-publish-btn{color:#fff!important;background:#16a34a!important;border-color:#15803d!important}.boq-publish-btn:hover{background:#15803d!important}.boq-creation-splash{border-radius:var(--r-xl);border:1px solid var(--border-light);text-align:center;box-shadow:var(--shadow-md);background:#fff;max-width:520px;margin:24px auto;padding:56px 40px}.boq-creation-splash h3{color:var(--text-primary);margin:16px 0 10px;font-size:20px;font-weight:800}.boq-creation-splash p{color:var(--text-secondary);margin-bottom:28px;font-size:13.5px;line-height:1.6}.bpms-btn{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.text-btn{color:var(--text-secondary);background:0 0;border-color:#0000}.text-btn:hover{background:var(--bg-color);border-color:var(--border)}.form-input-hint{color:var(--text-muted);font-size:11px}.boq-modal-form{flex-direction:column;gap:16px;display:flex}.bpms-input{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-primary);background:#fff;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:all .15s}.material-search-wrap{position:relative}.material-search-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.material-search-wrap input{padding-left:32px}.material-dropdown{border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:50;background:#fff;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.material-dropdown::-webkit-scrollbar{width:4px}.material-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.material-option{cursor:pointer;border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:background .12s;display:flex}.material-option:last-child{border-bottom:none}.material-option:hover,.material-option.selected{background:var(--brand-faint)}.material-option-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.material-option-uom{color:var(--brand);background:var(--brand-faint);border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:11px;font-weight:700}.material-option-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:12.5px}.wb-progress-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.wb-progress-bar{background:#e5e7eb;border-radius:3px;width:100px;height:5px;overflow:hidden}.wb-progress-fill{border-radius:3px;height:100%;transition:width .4s}.wb-progress-fill.safe{background:#22c55e}.wb-progress-fill.warn{background:#f59e0b}.wb-progress-fill.danger{background:#ef4444}.boq-usage-bar-wrap{flex-direction:column;gap:3px;margin-top:7px;display:flex}.boq-usage-bar-track{background:var(--border-light);border-radius:3px;width:100%;height:5px;position:relative;overflow:hidden}.boq-usage-bar-seg{border-radius:3px;height:100%;transition:width .4s;position:absolute;top:0}.boq-usage-bar-seg.received{opacity:.9;background:#22c55e;left:0}.boq-usage-bar-seg.indented{opacity:.75}.boq-usage-bar-labels{justify-content:space-between;font-size:10px;font-weight:600;line-height:1;display:flex}.boq-est-cost-inline{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-sm);flex-direction:column;flex-shrink:0;align-items:flex-end;gap:1px;padding:4px 8px;display:flex}.boq-est-cost-label{text-transform:uppercase;letter-spacing:.06em;color:var(--brand);font-size:9px;font-weight:800;line-height:1}.boq-est-cost-value{color:var(--brand);white-space:nowrap;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:12px;font-weight:800;line-height:1.2}.boq-init-modal .modal-body{max-height:60vh;padding:16px 20px;overflow-y:auto}.boq-staging-table{flex-direction:column;gap:6px;width:100%;display:flex}.boq-staging-header{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--brand);align-items:center;gap:8px;padding:6px 10px;font-size:11px;font-weight:700;display:flex}.boq-staging-row{border:1px solid var(--border-light);border-radius:var(--r-md);background:#fff;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.boq-staging-row:hover{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint)}.boq-staging-row .bpms-input{height:34px;padding:6px 10px;font-size:12.5px}.boq-staging-remove{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.boq-staging-remove:hover:not(:disabled){color:#dc2626;background:#fee2e2;border-color:#fca5a5}.boq-staging-remove:disabled{opacity:.3;cursor:not-allowed}.boq-init-modal .modal-footer{justify-content:space-between}.premium-table-container .bpms-thead{border-bottom:2px solid var(--border);background:linear-gradient(#f8fafc 0%,#f1f5f9 100%)}.premium-table-container .bpms-th{color:var(--text-secondary);letter-spacing:.06em;padding:13px 16px;font-size:11.5px;font-weight:800}.boq-uom-badge{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);text-transform:uppercase;letter-spacing:.05em;border-radius:6px;justify-content:center;align-items:center;min-width:54px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.boq-uom-suffix{font-family:var(--font-sans,system-ui, -apple-system, sans-serif);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-left:5px;font-size:11px;font-weight:600;display:inline-block}.boq-pending-badge{background-color:#d97706;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse-amber;position:absolute;top:-2px;right:-2px;box-shadow:0 0 #d9770666}@keyframes pulse-amber{0%{box-shadow:0 0 #d97706b3}70%{box-shadow:0 0 0 6px #d9770600}to{box-shadow:0 0 #d9770600}}.boq-increment-success-panel{padding:16px 8px}.boq-file-upload-zone{transition:all .2s}.boq-file-upload-zone:hover{background:var(--brand-faint)!important;border-color:var(--brand)!important}.boq-history-timeline{flex-direction:column;gap:24px;max-height:100%;padding:24px 24px 32px 36px;display:flex;position:relative;overflow-y:auto}.boq-history-timeline::-webkit-scrollbar{width:6px}.boq-history-timeline::-webkit-scrollbar-track{background:0 0}.boq-history-timeline::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.boq-history-timeline:before{content:"";background:linear-gradient(180deg, var(--brand) 0%, var(--brand-light) 60%, var(--border-light) 100%);border-radius:2px;width:3px;position:absolute;top:32px;bottom:32px;left:20px}.timeline-item{gap:20px;animation:.35s ease-out boq-timeline-fade-in;display:flex;position:relative}@keyframes boq-timeline-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.timeline-marker{background:var(--brand);color:#fff;z-index:2;width:36px;height:36px;box-shadow:0 0 0 4px var(--brand-glow), var(--shadow-sm);border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.timeline-item:hover .timeline-marker{box-shadow:0 0 0 6px var(--brand-glow), var(--shadow-md);background:var(--brand-dark);transform:scale(1.1)}.timeline-content{border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex:1;gap:8px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.timeline-content:hover{box-shadow:var(--shadow-md), 0 2px 12px #0d1b2e08;border-left-color:var(--brand-mid);transform:translateY(-1px)}.timeline-header{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;display:flex}.timeline-material-name{color:var(--text-primary);font-size:13.5px;font-weight:800}.timeline-material-code{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:4px;margin-left:8px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700}.timeline-date{color:var(--text-muted);background:var(--bg-hover);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.timeline-details{flex-direction:column;gap:8px;display:flex}.timeline-qty-flow{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:8px;width:fit-content;padding:5px 10px;display:flex}.qty-flow-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9.5px;font-weight:800}.qty-flow-val{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:12.5px}.qty-flow-val.highlighted{color:var(--brand-dark);font-weight:800}.qty-flow-arrow{color:var(--text-muted);font-size:12px;font-weight:600}.qty-flow-delta{background:var(--success-faint);color:var(--success);border:1px solid #16a34a26;border-radius:4px;margin-left:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:800}.timeline-meta-row-compact{flex-wrap:wrap;align-items:center;gap:20px;margin-top:2px;display:flex}.timeline-meta-item-compact{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.timeline-meta-item-compact span strong{color:var(--text-primary);font-weight:600}.boq-user-avatar.timeline-avatar-sm{background:var(--brand-faint);width:20px;height:20px;color:var(--brand);border:1px solid var(--brand-light);border-radius:50%;justify-content:center;align-items:center;font-size:8.5px;font-weight:800;display:flex}.boq-user-avatar.timeline-avatar-sm.approver{background:var(--success-faint);color:var(--success);border:1px solid var(--success-light)}.timeline-justification-compact{align-items:flex-start;gap:6px;margin-top:2px;font-size:12px;line-height:1.4;display:flex}.timeline-justification-compact .just-label{color:var(--warning);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:9px;font-weight:800}.timeline-justification-compact .just-text{color:var(--text-secondary);font-style:italic}.timeline-doc-link-compact{margin-top:2px;display:inline-flex}.timeline-doc-link-compact a{color:var(--brand);align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.timeline-doc-link-compact a:hover{color:var(--brand-dark);text-decoration:underline}.boq-table-scroll-wrap .bpms-tr:nth-child(2n){background-color:#fafbfc!important}.boq-table-scroll-wrap .bpms-td{border-right:1px solid var(--border-light)!important;padding:10px 12px!important;font-size:13px!important}.boq-table-scroll-wrap .bpms-td:last-child{border-right:none!important}.boq-table-scroll-wrap .bpms-th{background-color:#f8fafc;border-right:1px solid var(--border-light)!important;padding:10px 12px!important;font-size:11.5px!important;font-weight:800!important}.boq-table-scroll-wrap .bpms-th:last-child{border-right:none!important}.boq-table-scroll-wrap .bpms-tr td:nth-child(6){font-weight:700;background-color:#1d6fb808!important}.boq-table-scroll-wrap .bpms-tr:hover td:nth-child(6){background-color:#1d6fb814!important}.boq-user-cell{align-items:center;gap:10px;display:flex}.boq-user-avatar{background:var(--brand-faint);width:28px;height:28px;color:var(--brand);border:1px solid var(--brand-light);box-shadow:var(--shadow-xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.boq-user-cell:hover .boq-user-avatar{box-shadow:var(--shadow-sm);transform:scale(1.05)}.boq-table-justification{border:1px solid #fde68a;border-left:3px solid var(--warning);border-radius:var(--r-sm);color:var(--text-secondary);white-space:normal;background:#fffbeb;margin-top:8px;padding:8px 12px;font-size:12.5px;font-style:italic;line-height:1.45;box-shadow:inset 0 1px 2px #00000003}.boq-table-rejection{border:1px solid #fecaca;border-left:3px solid var(--danger);border-radius:var(--r-sm);color:var(--danger);white-space:normal;background:#fef2f2;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:500;line-height:1.45;box-shadow:inset 0 1px 2px #00000003}.timeline-meta-info{flex-direction:column;gap:2px;display:flex}.timeline-meta-info span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);line-height:1.1;font-size:9.5px!important;font-weight:800!important}.timeline-meta-info strong{line-height:1.2;color:var(--text-primary)!important;font-size:13px!important;font-weight:700!important}.boq-user-avatar.timeline-avatar{background:var(--brand-faint);color:var(--brand);border:1px solid var(--brand-light);box-shadow:0 2px 4px var(--brand-glow)}.boq-user-avatar.timeline-avatar.approver{background:var(--success-faint);color:var(--success);border:1px solid var(--success-light);box-shadow:0 2px 4px #16a34a1a}.boq-action-btn{border:1px solid var(--border-light);border-radius:var(--r-sm);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.boq-action-btn:hover{border-color:var(--brand-light);background:var(--brand-faint);color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.boq-action-btn.primary{color:var(--brand);border-color:var(--brand-light)}.boq-action-btn.primary:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.boq-action-btn.success{color:var(--success);border-color:var(--success-light)}.boq-action-btn.success:hover{background:var(--success);color:#fff;border-color:var(--success)}.boq-action-btn.danger{color:var(--danger);border-color:var(--danger-light)}.boq-action-btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.boq-pagination{border-top:1px solid var(--border-light);border-bottom-left-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.boq-pagination-left{align-items:center;gap:12px;display:flex}.boq-pagination-right{align-items:center;gap:4px;display:flex}.boq-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.boq-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.boq-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.boq-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.boq-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.boq-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.boq-page-btn:disabled{opacity:.4;cursor:not-allowed}.boq-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.category-group-header-row{cursor:pointer;-webkit-user-select:none;user-select:none}.category-group-header-cell{background:var(--brand-faint)!important;border-bottom:2px solid var(--border)!important;padding:10px 16px!important}.category-group-header-row:hover .category-group-header-cell{background:var(--brand-light)!important}.category-group-header-content{align-items:center;gap:10px;display:flex}.category-group-toggle-icon{color:var(--brand);justify-content:center;align-items:center;transition:transform .15s;display:flex}.category-group-title{color:var(--brand-dark,#1e1b4b);font-size:13.5px;font-weight:800}.category-group-count-badge{color:var(--brand);background:#6366f11f;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.category-group-item-row td:nth-child(2){padding-left:24px!important}.modal-material-group{border-bottom:1px solid var(--border-light)}.modal-material-group:last-child{border-bottom:none}.modal-material-group-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;z-index:10;border-bottom:1px solid var(--border-light);pointer-events:none;background:#f8fafc;padding:6px 12px;font-size:10px;font-weight:700;position:sticky;top:0}.modal-material-item-row:hover,.modal-material-table-row:hover{background:var(--brand-faint)!important}.indent-status-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:30px;padding:4px 12px;font-size:10.5px;font-weight:800}.indent-status-badge.draft{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.indent-status-badge.pending_create{background:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border)}.indent-back-btn{background:var(--bg-color);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.indent-back-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-brand)}.indent-reject-btn{color:#dc2626!important;background:#fef2f2!important;border:1px solid #fecaca!important}.indent-reject-btn:hover{background:#fee2e2!important}.indent-sanction-box{background:var(--bg-color);border-radius:var(--r-md);border:1px solid var(--border-light);padding:10px 14px}.indent-sanction-box label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.indent-sanction-box span{color:var(--text-primary);font-size:14px;font-weight:800}.indent-rejection-banner{border-radius:var(--r-md);background:#fef2f2;border:1px solid #fecaca;flex-shrink:0;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.indent-rejection-banner label{color:#dc2626;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:10.5px;font-weight:800;display:block}.indent-rejection-banner p{color:#991b1b;margin:0;font-size:13.5px;font-weight:600}.indent-review-callout{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-md);color:var(--text-secondary);flex-shrink:0;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.indent-review-callout strong{color:var(--brand)}.indent-sanction-row{gap:12px;display:flex}.indent-sanction-row .indent-sanction-box{flex:1}.indent-status-badge.submitted{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.indent-status-badge.approved{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.indent-status-badge.rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.indent-status-badge.cancelled{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.indent-tabs-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 10px;display:flex}.indent-status-tabs{gap:2px;display:flex}.indent-tab-btn{border-radius:var(--r-md);cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.indent-tab-btn.active.submitted{color:#fff;background:#2563eb;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #2563eb59}.indent-tab-btn.active.approved{color:#fff;background:#15803d;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #15803d59}.indent-tab-btn.active.rejected{color:#fff;background:#dc2626;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #dc262659}.indent-tab-btn.active.cancelled{color:#fff;background:#c2410c;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #c2410c59}.indent-tabs-bar{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.indent-status-tabs{align-items:center;gap:2px;display:flex}.indent-tab-btn{border-radius:var(--r-sm);cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.indent-tab-btn:hover{background:var(--bg-color);color:var(--text-primary)}.indent-tab-btn.active.submitted{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb4d}.indent-tab-btn.active.approved{color:#fff;background:#15803d;box-shadow:0 2px 8px #15803d4d}.indent-tab-btn.active.rejected{color:#fff;background:#dc2626;box-shadow:0 2px 8px #dc26264d}.indent-tab-count{background:var(--border);min-width:18px;height:18px;color:var(--text-secondary);border-radius:20px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.indent-tab-count.active{color:#fff;filter:none;background:#ffffff40}.indent-tab-btn.active .indent-tab-count{color:#fff;background:#ffffff40}.indent-tabs-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.indent-toolbar-row{flex-shrink:0;align-items:center;gap:10px;display:flex}.indent-toolbar-row .indent-tabs-bar{flex:1;min-width:0}.indent-raise-wrap{flex-direction:column;width:100%;max-width:1100px;height:100%;min-height:0;margin:0 auto;display:flex;overflow:hidden}.indent-raise-topbar{border-bottom:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 20px;display:flex}.indent-raise-topbar-text{flex:1;min-width:0}.indent-raise-topbar-text h2{color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.indent-raise-topbar-text p{color:var(--text-muted);margin:2px 0 0;font-size:12px}.indent-btn-back{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--text-secondary);background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.indent-btn-back:hover{border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.indent-raise-tray-pill{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--brand);border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.indent-raise-now-bar{background:var(--bg-color);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:12px;padding:10px 20px;display:flex}.indent-raise-now-bar label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:800}.indent-req{color:#dc2626;margin-left:2px}.indent-now-input{border:1px solid var(--border);border-radius:var(--r-sm);max-width:520px;height:34px;color:var(--text-primary);background:#fff;flex:1;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.indent-now-input:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.indent-uom-chip{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block}.indent-tray-remove{border-radius:var(--r-sm);cursor:pointer;color:#dc2626;background:#fff;border:1px solid #fecaca;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.indent-tray-remove:hover{background:#fee2e2;border-color:#dc2626}.indent-tray-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.indent-tray-empty-icon{background:var(--brand-faint);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.indent-tray-empty-title{color:var(--text-primary);font-size:15px;font-weight:800}.indent-tray-empty-desc{color:var(--text-muted);text-align:center;max-width:440px;margin:0 auto;font-size:13px;line-height:1.6}.indent-raise-footer{border-top:1px solid var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 -2px 8px #0d1b2e0f}.indent-raise-footer-info{color:var(--text-secondary);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.indent-filter-date-group{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;align-items:center;gap:6px;height:32px;padding:0 10px;display:flex}.indent-filter-date-icon{color:var(--text-muted);flex-shrink:0}.indent-filter-date{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:100px;font-family:inherit;font-size:12px}.indent-filter-date-sep{color:var(--text-muted);flex-shrink:0;font-size:12px}.indent-reset-btn{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-muted);cursor:pointer;background:#fff;align-items:center;gap:5px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.indent-reset-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.indent-result-count{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:600}.indent-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.indent-th-sort:hover{background:var(--brand-faint)!important;color:var(--brand)!important}.indent-sort-icon{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}.indent-sort-icon.indent-sort-idle{opacity:.3}.indent-sort-icon.indent-sort-active{opacity:1;color:var(--brand)}.indent-pagination{border:1px solid var(--border-light);border-radius:var(--r-md);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.indent-pagination-left{align-items:center;gap:12px;display:flex}.indent-pagination-right{align-items:center;gap:4px;display:flex}.indent-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.indent-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:30px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.indent-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.indent-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 7px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.indent-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.indent-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.indent-page-btn:disabled{opacity:.4;cursor:not-allowed}.indent-page-ellipsis{min-width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.indent-toolbar-row{background:var(--bg-color);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 8px;display:flex}.indent-list-scroll-wrap{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.indent-list-scroll-wrap .premium-table-container{flex:1;min-height:0;overflow:hidden}.indent-raise-wrap{flex-direction:column;height:100%;display:flex;overflow:hidden}.indent-raise-wrap>.premium-table-container{flex:1;min-height:0;overflow:hidden}.indent-tabs-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.indent-status-tabs{background:var(--bg-hover);border-radius:var(--r-sm);align-items:center;gap:6px;padding:4px;display:flex}.indent-tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.indent-tab-btn:hover{color:var(--text-primary)}.indent-tab-btn.active{background:var(--brand);color:#fff;font-weight:700;box-shadow:0 2px 8px #1d6fb859}.indent-tab-btn.active.submitted{color:#fff;background:#2563eb}.indent-tab-btn.active.approved{color:#fff;background:#15803d}.indent-tab-btn.active.rejected{color:#fff;background:#dc2626}.indent-tab-btn.active.cancelled{color:#fff;background:#64748b}.indent-tab-count{background:var(--border);color:var(--text-secondary);border-radius:12px;padding:1px 6px;font-size:10px;font-weight:800}.indent-tab-count.active,.indent-tab-btn.active.submitted .indent-tab-count,.indent-tab-btn.active.approved .indent-tab-count,.indent-tab-btn.active.rejected .indent-tab-count{color:#fff;background:#ffffff40}.indent-tabs-actions{align-items:center;gap:8px;display:flex}.indent-filter-date-group{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;align-items:center;height:32px;padding:0 8px;display:flex}.indent-filter-date-icon{color:var(--text-muted);margin-right:6px}.indent-filter-date{color:var(--text-primary);background:0 0;border:none;outline:none;width:95px;font-family:inherit;font-size:11.5px}.indent-filter-date-sep{color:var(--text-muted);margin:0 6px;font-size:11px}.indent-reset-btn{color:#ef4444;cursor:pointer;border-radius:var(--r-sm);background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;display:flex}.indent-reset-btn:hover{background:#fef2f2;border-color:#fca5a5}.indent-result-count{color:var(--text-muted);font-size:11.5px;font-weight:600}.indent-input-err{background-color:#fff8f8!important;border-color:#ef4444!important}.indent-input-err:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #ef444426!important}.indent-input-error-msg{color:#ef4444;align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:700;display:flex}.indent-num-primary{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.indent-detail-wrap{flex-direction:column;height:100%;margin:-10px -12px -12px;display:flex;overflow:hidden}.indent-detail-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px 24px;display:flex;overflow-y:auto}.indent-detail-body .premium-table-container{flex:none;min-height:0;overflow:visible}.indent-detail-body .premium-table-container .bpms-table-wrapper{flex:none;max-height:none;overflow:auto visible}.indent-detail-body::-webkit-scrollbar{width:5px}.indent-detail-body::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.indent-eqi-card{background:#fffbeb!important;border-color:#fde68a!important}.indent-eqi-card .indent-wb-detail-header{color:#b45309;border-bottom-color:#fde68a}.indent-eqi-notice{border-radius:var(--r-sm);color:#92400e;background:#fff7ed;border:1px solid #fed7aa;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.indent-eqi-doc-panel{border-radius:var(--r-sm);border:1px solid #fde68a;margin-top:14px;overflow:hidden}.indent-eqi-doc-label{color:#92400e;text-transform:uppercase;letter-spacing:.04em;background:#fef3c7;border-bottom:1px solid #fde68a;align-items:center;gap:6px;padding:7px 14px;font-size:11px;font-weight:700;display:flex}.indent-eqi-doc-btns{flex-direction:column;gap:0;display:flex}.indent-eqi-doc-group{background:#fff;border-bottom:1px solid #fef3c7;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.indent-eqi-doc-group:last-child{border-bottom:none}.indent-eqi-doc-ref{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.indent-eqi-doc-type{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.indent-eqi-doc-type.grn{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.indent-eqi-doc-type.po{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.indent-eqi-doc-num{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-family:monospace;font-size:12px;font-weight:700;overflow:hidden}.indent-eqi-doc-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.indent-eqi-doc-btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.indent-eqi-doc-btn:disabled{opacity:.5;cursor:not-allowed}.indent-eqi-doc-btn:not(:disabled):hover{transform:translateY(-1px)}.indent-eqi-doc-btn.preview{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.indent-eqi-doc-btn.preview:not(:disabled):hover{background:#dbeafe}.indent-eqi-doc-btn.download{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.indent-eqi-doc-btn.download:not(:disabled):hover{background:#dcfce7}.indent-wb-form-wrap{flex-direction:column;flex:1;gap:14px;padding:16px 20px;display:flex;overflow-y:auto}.indent-wb-card{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;padding:18px 20px}.indent-wb-card-title{color:var(--text-primary);border-bottom:1px solid var(--border-light);letter-spacing:.01em;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:800}.indent-wb-detail-card{border-radius:var(--r-md);background:#faf5ff;border:1px solid #e9d5ff;flex-shrink:0;padding:16px 18px}.indent-wb-detail-header{color:#7c3aed;border-bottom:1px solid #e9d5ff;align-items:center;gap:7px;margin-bottom:14px;padding-bottom:10px;font-size:13px;font-weight:800;display:flex}.indent-wb-detail-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.indent-wb-detail-item{border-radius:var(--r-sm);background:#fff;border:1px solid #e9d5ff;padding:10px 14px}.indent-wb-detail-item label{color:#9333ea;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.indent-wb-detail-item span{color:var(--text-primary);font-size:14px;font-weight:700}.indent-wb-detail-desc{border-top:1px solid #e9d5ff;margin-top:12px;padding-top:12px}.indent-wb-detail-desc label{color:#9333ea;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.indent-wb-detail-desc p{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.6}.indent-wb-btn{color:#7c3aed!important;background:#f5f3ff!important;border:1px solid #c4b5fd!important}.indent-wb-btn:hover{background:#ede9fe!important;border-color:#a78bfa!important;box-shadow:0 0 0 3px #7c3aed1a!important}.indent-filter-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:8px 12px;display:flex}.indent-filter-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.indent-wb-form-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}@media (width<=768px){.indent-wb-form-grid{grid-template-columns:1fr;align-items:start}}.premium-now-bar{border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;padding:16px 20px}.premium-now-input-wrap{align-items:center;margin-top:6px;display:flex;position:relative}.premium-now-input-wrap svg{color:var(--brand);pointer-events:none;position:absolute;left:14px}.premium-now-input{border-radius:var(--r-md);border:1px solid var(--brand-light);width:100%;height:46px;font-weight:600;box-shadow:0 2px 8px #7c3aed0a;padding-left:42px!important;font-size:15px!important}.premium-now-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px #7c3aed26!important}.modal-material-table-row:hover{background:var(--brand-faint)!important}.modal-materials-table th{border-bottom:1px solid var(--border)}@keyframes po-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.po-spin{animation:1s linear infinite po-spin}.po-loader{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.po-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:48px 24px;display:flex}.po-empty-icon{background:var(--brand-faint);border-radius:50%;justify-content:center;align-items:center;padding:28px;display:flex}.po-empty-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:19px;font-weight:800}.po-empty-desc{color:var(--text-secondary);max-width:420px;margin:0;font-size:13.5px;line-height:1.6}.po-crumb-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.po-crumb-btn:hover{color:var(--brand)}.po-crumb-current{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.po-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.po-s-draft{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.po-s-approved{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.po-s-sent{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.po-s-partial{color:#b45309;background:#fed7aa;border:1px solid #fdba74}.po-s-closed{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.po-s-cancelled{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.po-list-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.po-list-container{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.po-table,.po-create-table,.po-detail-table{border-collapse:collapse;width:100%}.po-table thead th,.po-create-table thead th,.po-detail-table thead th{background:var(--bg-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);text-align:left;white-space:nowrap;z-index:5;padding:9px 10px;font-size:10px;font-weight:800;position:sticky;top:0}.po-table tbody td,.po-create-table tbody td,.po-detail-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:9px 10px;font-size:12.5px}.po-table tbody tr:last-child td,.po-create-table tbody tr:last-child td,.po-detail-table tbody tr:last-child td{border-bottom:none}.po-table tfoot td,.po-create-table tfoot td,.po-detail-table tfoot td{background:var(--brand-faint);border-top:2px solid var(--brand);padding:11px 10px;font-size:12.5px;font-weight:800}.po-create-table input,.po-create-table select{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text-primary);background:#fff;padding:7px 8px;font-family:inherit;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.po-create-table input:focus,.po-create-table select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.po-create-table input[type=number]{font-family:JetBrains Mono,monospace}.po-input-err{background:#fef2f2!important;border-color:#dc2626!important}.po-input-success{border-color:#86efac!important}.po-input-success:focus{border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-faint)!important}.po-row-filled{background:#f0fdf4}.po-row-filled:hover{background:#dcfce7!important}.po-mono-bold{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.po-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.po-num-bold{font-weight:900}.po-num-brand{color:var(--brand)}.po-num-green{color:var(--success)}.po-muted-text{color:var(--text-muted)}.po-uom-chip{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block}.po-count-badge{background:var(--brand-faint);min-width:26px;height:26px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:inline-flex}.po-vendor-cell{align-items:center;gap:7px;display:flex}.po-mat-cell{flex-direction:column;gap:4px;display:flex}.po-mat-cell strong{color:var(--text-primary);font-size:12.5px;font-weight:700}.po-mat-cell span{color:var(--text-muted);font-size:11px}.po-mat-meta{flex-wrap:wrap;align-items:center;gap:5px;margin-top:2px;display:flex}.po-mat-qty{color:var(--text-secondary);font-size:11px;font-weight:600}.po-mat-qty b{color:var(--text-primary);font-weight:800}.po-mat-boq{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:600}.po-mat-avail{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.po-material-chip{background:var(--bg-color);border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap;border-radius:14px;padding:3px 10px;font-size:11.5px;font-weight:600}.po-chip-more{color:var(--text-muted);background:0 0;border-color:#0000}.po-info-banner{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-md);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;line-height:1.5;display:flex}.po-info-banner strong{color:var(--brand);font-weight:700}.po-banner-warn{color:#92400e;background:#fef3c7;border-color:#fde68a}.po-banner-warn strong{color:#b45309}.po-indents-container{flex-direction:column;gap:0;height:100%;min-height:0;display:flex;overflow:hidden}.po-indent-list-wrap{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 20px;display:flex;overflow-y:auto}.po-indent-list-wrap::-webkit-scrollbar{width:5px}.po-indent-list-wrap::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-indent-expand-card{background:#fff;border:1px solid #dde3ec;border-radius:10px;flex-shrink:0;transition:box-shadow .15s;overflow:hidden;box-shadow:0 1px 3px #0d1b2e0d}.po-indent-expand-card:hover{box-shadow:0 2px 8px #0d1b2e17}.po-indent-expand-card.open{border-color:#1d6fb8;box-shadow:0 2px 10px #1d6fb81f}.po-indent-expand-header{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;transition:background .12s;display:flex}.po-indent-expand-header:hover{background:#f8fafc}.po-indent-expand-card.open .po-indent-expand-header{background:#1d6fb80a}.po-indent-expand-left{align-items:center;gap:10px;min-width:0;display:flex}.po-indent-expand-chevron{color:#6b7f96;flex-shrink:0;align-items:center;display:flex}.po-indent-expand-number{color:#0d1b2e;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.po-indent-expand-meta{color:#6b7f96;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:600;display:flex}.po-indent-expand-dot{background:#6b7f96;border-radius:50%;flex-shrink:0;width:3px;height:3px}.po-indent-expand-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.po-indent-expand-body{border-top:1px solid #eef1f6;overflow-x:auto}.po-indent-expand-body::-webkit-scrollbar{height:4px}.po-indent-expand-body::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-indent-items-table{border-collapse:collapse;width:100%;min-width:700px}.po-indent-items-table thead th{color:#3d5166;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f1f4f9;border-bottom:1px solid #dde3ec;border-right:1px solid #dde3ec;padding:8px 12px;font-size:10px;font-weight:800}.po-indent-items-table thead th:last-child{border-right:none}.po-indent-items-table tbody tr{border-bottom:1px solid #eef1f6;transition:background .1s}.po-indent-items-table tbody tr:hover{background:#1d6fb808}.po-indent-items-table tbody tr:last-child{border-bottom:none}.po-indent-items-table tbody td{vertical-align:middle;border-right:1px solid #eef1f6;padding:9px 12px;font-size:13px}.po-indent-items-table tbody td:last-child{border-right:none}.po-stepper{flex-shrink:0;align-items:center;gap:0;display:flex}.po-step{opacity:.4;align-items:center;gap:7px;transition:opacity .2s;display:flex}.po-step.active{opacity:1}.po-step-num{background:var(--brand-faint);width:24px;height:24px;color:var(--brand);border:2px solid var(--brand-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.po-step.active .po-step-num{background:var(--brand);color:#fff;border-color:var(--brand)}.po-step-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:700}.po-step.active .po-step-label{color:var(--brand)}.po-step-line{background:var(--border);flex-shrink:0;width:32px;height:2px;margin:0 4px}.po-create-wrap{flex-direction:column;flex:1;min-height:0;margin:-10px -12px -12px;display:flex;overflow:hidden}.po-sub-header{border-bottom:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:14px 20px;display:flex}.po-sub-header-text{flex:1;min-width:0}.po-sub-header-text h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:15px;font-weight:800}.po-sub-header-text p strong{color:var(--text-primary);font-weight:700}.po-btn-back{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--text-secondary);background:0 0;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.po-btn-back:hover{border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.po-create-fields-bar{background:var(--bg-color);border-bottom:1px solid var(--border-light);flex-wrap:nowrap;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.po-cfield{flex-direction:column;gap:3px;min-width:0;display:flex}.po-cfield label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:700}.po-cfield label .req{color:#dc2626;margin-left:2px}.po-cfield input,.po-cfield select{border:1px solid var(--border);border-radius:var(--r-sm);height:34px;color:var(--text-primary);background:#fff;padding:0 8px;font-family:inherit;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.po-cfield input:focus,.po-cfield select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.po-cfield-divider{background:var(--border);flex-shrink:0;align-self:flex-end;width:1px;height:34px;margin:0 4px}.po-bulk-box{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.po-bulk-box label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10.5px;font-weight:700}.po-bulk-actions{align-items:center;gap:6px;display:flex}.po-bulk-actions select,.po-bulk-actions input[type=date]{border:1px solid var(--border);border-radius:var(--r-sm);height:34px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.po-bulk-actions select:focus,.po-bulk-actions input[type=date]:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.po-bulk-input-btn{align-items:center;display:flex}.po-create-warn-bar{color:#92400e;background:#fef3c7;border-bottom:1px solid #fde68a;flex-shrink:0;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;display:flex}.po-create-warn-bar strong{color:#b45309;font-weight:700}.po-mat-list-header{border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-left:1px solid #0000;border-right:1px solid #0000;flex-shrink:0;align-items:center;gap:12px;padding:12px 24px;font-size:10.5px;font-weight:800;display:flex}.po-mat-row{border:1px solid var(--border-light);background:#fff;border-radius:10px;flex-shrink:0;transition:box-shadow .15s,border-color .15s;overflow:hidden;box-shadow:0 1px 3px #0d1b2e0a}.po-mat-row:hover{box-shadow:0 2px 8px #0d1b2e14}.po-mat-row-done{background:#f0fdf4;border-color:#86efac}.po-mat-row-done:hover{box-shadow:0 2px 8px #15803d1a}.po-mat-info-strip{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 24px;display:flex}.po-mat-row-done .po-mat-info-strip{border-bottom-color:#bbf7d0}.po-mat-num{background:var(--bg-color);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.po-mat-name-cell{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.po-mat-name-cell strong{color:var(--text-primary);font-size:13px;font-weight:700}.po-mat-code{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:11px}.po-mat-vendor-tag{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.po-mat-uom{text-align:center;flex-shrink:0;width:56px}.po-mat-qty{text-align:right;flex-shrink:0;width:80px}.po-mat-boq-wrap,.po-mat-avail-wrap{text-align:right;flex-shrink:0;width:88px}.po-mat-amt{text-align:right;flex-shrink:0;width:120px}.po-mat-status{text-align:center;flex-shrink:0;width:80px}.po-mat-input-strip{background:#fafbfc;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 14px;display:flex}.po-mat-row-done .po-mat-input-strip{background:#f0fdf4}.po-mat-input-group{flex-direction:column;gap:3px;display:flex}.po-mat-input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:700}.po-mat-input-group label .req{color:#dc2626;margin-left:2px}.po-mat-input-vendor{flex:0 0 180px}.po-mat-input-rate{flex:0 0 110px}.po-mat-input-gst,.po-mat-input-disc{flex:0 0 80px}.po-mat-input-date{flex:0 0 140px}.po-mat-input-brand{flex:1;min-width:100px}.po-td-input{border:1px solid var(--border);border-radius:var(--r-sm);width:100%;height:32px;color:var(--text-primary);background:#fff;padding:0 8px;font-family:inherit;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.po-td-input:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.po-td-err{background:#fef2f2!important;border-color:#fca5a5!important}.po-td-err:focus{border-color:#dc2626!important;box-shadow:0 0 0 2px #dc26261a!important}.po-td-num{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.po-td-green{color:#15803d}.po-td-muted{color:var(--text-muted)}.po-status-done{color:#15803d;white-space:nowrap;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.po-status-pending{color:#d97706;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.po-create-footer-bar{border-top:1px solid var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex;box-shadow:0 -2px 8px #0d1b2e0f}.po-footer-stats{align-items:center;gap:16px;display:flex}.po-footer-stat{flex-direction:column;gap:2px;display:flex}.po-footer-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px;font-weight:700}.po-footer-stat-val{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.po-footer-total{color:var(--brand);font-size:17px}.po-footer-divider{background:var(--border-light);flex-shrink:0;width:1px;height:28px}.po-indent-pick-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-content:start;gap:12px;min-height:0;padding:16px 20px;display:grid;overflow-y:auto}.po-indent-pick-grid::-webkit-scrollbar{width:5px}.po-indent-pick-grid::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-indent-pick-card{border:1px solid var(--border-light);cursor:pointer;text-align:left;background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:16px;font-family:inherit;transition:all .15s;display:flex;box-shadow:0 1px 3px #0d1b2e0d}.po-ipc-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.po-ipc-count{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:12px;flex-shrink:0;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:800;display:flex}.po-ipc-chips{flex-wrap:wrap;gap:5px;display:flex}.po-ipc-action{color:var(--brand);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;font-size:12px;font-weight:700;display:flex}.po-detail-wrap{flex-direction:column;flex:1;min-height:0;margin:-10px -12px -12px;display:flex;overflow:hidden}.po-detail-topbar{border-bottom:1px solid var(--border-light);border-left:4px solid var(--brand);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:12px 20px;display:flex}.po-detail-topbar-title{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.po-detail-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:20px;display:flex;overflow-y:auto}.po-detail-body::-webkit-scrollbar{width:5px}.po-detail-body::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-detail-cards-row{flex-shrink:0;grid-template-columns:1fr 1fr;gap:16px;display:grid}.po-section-card{border:1px solid var(--border-light);background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 1px 4px #0d1b2e0d}.po-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;display:flex}.po-section-count{background:var(--brand-faint);min-width:20px;height:20px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;margin-left:4px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.po-section-divider{background:var(--border-light);height:1px;margin:14px 0}.po-section-table{flex-shrink:0}.po-info-grid{grid-template-columns:1fr 1fr;gap:12px 20px;display:grid}.po-info-item{flex-direction:column;gap:3px;display:flex}.po-info-item label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:700}.po-info-item span{color:var(--text-primary);font-size:13.5px;font-weight:600}.po-info-highlight{color:var(--brand)!important;font-size:14px!important;font-weight:800!important}.po-info-full{grid-column:1/-1}.po-summary-rows{flex-direction:column;gap:8px;display:flex}.po-summary-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:4px 0;font-size:13.5px;display:flex}.po-summary-row:last-child{border-bottom:none}.po-summary-total{color:var(--text-primary);border-top:2px solid var(--border);border-bottom:none;margin-top:4px;padding-top:8px;font-size:15px;font-weight:800}.po-progress-bar{background:var(--border-light);border-radius:4px;height:8px;margin:10px 0 6px;overflow:hidden}.po-progress-fill{background:var(--brand);border-radius:4px;height:100%;transition:width .4s}.po-progress-stats{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.po-detail-table-wrap{margin-top:4px;overflow-x:auto}.po-detail-table-wrap::-webkit-scrollbar{height:5px}.po-detail-table-wrap::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-filter-bar{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.po-filter-select{color:var(--text-primary);cursor:pointer;background:#fff;outline:none;min-width:110px;padding:0 8px;font-family:inherit;font-size:12px;border:1px solid var(--border)!important;border-radius:6px!important;height:32px!important}.po-filter-date-group{align-items:center;gap:6px;padding:0 8px;display:flex;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important}.po-filter-date-icon{color:var(--text-muted);flex-shrink:0}.po-filter-date{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:110px;font-family:inherit;font-size:12px;height:30px!important}.po-filter-date-sep{color:var(--text-muted);flex-shrink:0;font-size:11px}.po-filter-spacer{flex:1}.po-reset-btn{color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:0 8px;font-family:inherit;font-size:11.5px;font-weight:600;display:inline-flex;border:1px solid var(--border)!important;border-radius:6px!important;height:32px!important}.po-reset-btn:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#dc2626!important}.po-result-count{color:var(--text-muted);white-space:nowrap;font-size:11.5px;font-weight:600}.po-table-container{flex:1;min-height:0;position:relative}.po-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background .15s}.po-th-sort:hover{background:var(--brand-faint)!important;color:var(--brand)!important}.po-sort-icon{vertical-align:middle;flex-shrink:0;align-items:center;margin-left:4px;display:inline-flex}.po-sort-icon.po-sort-idle{opacity:.3}.po-sort-icon.po-sort-active{opacity:1;color:var(--brand)}.po-vendor-avatar{background:var(--brand-faint);width:26px;height:26px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.po-indent-ref{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12.5px}.po-items-badge{background:var(--brand-faint);min-width:28px;height:28px;color:var(--brand);border-radius:14px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex}.po-date-cell{color:var(--text-muted);font-size:13px}.po-amount-cell{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:block}.po-row-actions{justify-content:center;align-items:center;gap:4px;display:flex}.po-action-btn{border:1px solid var(--border-light);border-radius:var(--r-sm);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.po-action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.po-action-view{color:var(--brand)}.po-action-view:hover{border-color:var(--brand-light);background:var(--brand-faint)}.po-action-pdf{color:#15803d}.po-action-pdf:hover{background:#f0fdf4;border-color:#86efac}.po-no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.po-no-results p{color:var(--text-muted);margin:0;font-size:14px}.po-pagination{border-top:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.po-pagination-left{align-items:center;gap:12px;display:flex}.po-pagination-right{align-items:center;gap:4px;display:flex}.po-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.po-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px;transition:border-color .15s}.po-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.po-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.po-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.po-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.po-page-btn:disabled{opacity:.4;cursor:not-allowed}.po-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.po-create-wrap{background:var(--bg-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.po-sub-header{background:var(--bg-color);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:16px;padding:16px 24px;display:flex}.po-btn-back{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.po-btn-back:hover{background:var(--bg-hover);color:var(--text-primary)}.po-sub-header-text{flex:1}.po-sub-header-text h2{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:800}.po-sub-header-text p{color:var(--text-muted);margin:0;font-size:12.5px}.po-indent-pick-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:flex-start;align-items:start;gap:16px;padding:24px;display:grid;overflow-y:auto}.po-indent-pick-card{border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.po-indent-pick-card:hover{border-color:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.po-ipc-top{justify-content:space-between;align-items:flex-start;display:flex}.po-ipc-number{color:var(--text-primary);margin-bottom:4px;font-family:inherit;font-size:14.5px;font-weight:800}.po-ipc-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;font-weight:600;display:flex}.po-ipc-count{background:var(--bg-hover);color:var(--text-secondary);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:700;display:flex}.po-ipc-chips{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.po-ipc-action{color:var(--brand);opacity:.8;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:12px;font-weight:700;display:flex}.po-indent-pick-card:hover .po-ipc-action{opacity:1}.po-create-fields-bar{border-bottom:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;gap:16px;padding:16px 24px;display:flex}.po-cfield{flex-direction:column;gap:6px;display:flex}.po-cfield-grow{flex:1;min-width:250px}.po-cfield label{color:var(--text-secondary);font-size:11.5px;font-weight:700}.po-cfield input,.po-cfield select,.po-bulk-actions select,.po-bulk-input-btn input{border:1px solid var(--border);border-radius:var(--r-sm);height:36px;color:var(--text-primary);background:#fff;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:all .2s}.po-cfield input:focus,.po-bulk-actions select:focus{border-color:var(--brand-light);box-shadow:0 0 0 3px var(--brand-faint)}.po-bulk-box{background:var(--bg-hover);border-radius:var(--r-md);border:1px dashed var(--border);padding:10px 14px}.po-bulk-box label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10.5px;font-weight:800;display:block}.po-bulk-actions{gap:8px;display:flex}.po-bulk-input-btn{display:flex}.po-mat-list{background:var(--bg-color);flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 20px 24px;display:flex;overflow:hidden auto}.po-mat-list::-webkit-scrollbar{width:5px}.po-mat-list::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.po-mat-list-header{border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-left:1px solid #0000;border-right:1px solid #0000;flex-shrink:0;gap:12px;padding:12px 24px;font-size:10.5px;font-weight:800;display:flex}.po-mat-list-body{flex-direction:column;gap:12px;padding:16px 24px 40px;display:flex;overflow-y:auto}.po-create-warn-bar{color:#b45309;background:#fffbeb;border-bottom:1px dashed #fcd34d;align-items:center;gap:8px;padding:10px 24px;font-size:12px;display:flex}.po-detail-table-wrap th,.po-detail-table-wrap td,.po-detail-table th,.po-detail-table td{border-right:1px solid var(--border-light)}.po-detail-table-wrap th:last-child,.po-detail-table-wrap td:last-child,.po-detail-table th:last-child,.po-detail-table td:last-child{border-right:none}.po-create-wb-bar{background:var(--brand-faint);border-bottom:1px solid var(--brand-light);border-left:4px solid var(--brand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;display:flex}.po-wb-info-group{align-items:center;gap:24px;display:flex}.po-wb-info-item{flex-direction:column;gap:3px;display:flex}.po-wb-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.po-wb-info-val{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.po-wb-info-val.highlight{color:var(--brand)}.po-wb-info-val.success{color:#15803d}.po-wb-info-val.danger{color:#dc2626}.po-wb-info-sep{background:var(--border-light);width:1px;height:24px}.po-list-table{min-width:800px!important}.po-list-table th,.po-list-table td{padding:8px 10px!important}.po-list-table .po-mono-bold,.po-list-table .po-vendor-cell span{font-size:12.5px!important}.po-list-table .po-vendor-avatar{width:24px!important;height:24px!important;font-size:9px!important}.po-list-table .po-amount-cell{font-size:12.5px!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.po-mat-input-strip{border-top:1px solid var(--border-light)!important;background:#fafbfc!important;grid-template-columns:repeat(6,1fr)!important;gap:14px!important;padding:16px 20px!important;display:grid!important}.po-mat-input-vendor{grid-column:span 2!important}.po-mat-input-qty,.po-mat-input-rate,.po-mat-input-gst,.po-mat-input-disc{grid-column:span 1!important}.po-mat-input-uom-group{grid-column:span 2!important}.po-mat-input-date,.po-mat-input-brand{grid-column:span 1!important}.po-mat-input-spec,.po-mat-input-remarks{grid-column:span 2!important}@media (width<=1200px){.po-mat-input-strip{grid-template-columns:repeat(4,1fr)!important}.po-mat-input-vendor{grid-column:span 2!important}.po-mat-input-qty,.po-mat-input-rate,.po-mat-input-gst,.po-mat-input-disc{grid-column:span 1!important}.po-mat-input-uom-group,.po-mat-input-date,.po-mat-input-brand,.po-mat-input-spec,.po-mat-input-remarks{grid-column:span 2!important}}@media (width<=768px){.po-mat-input-strip{grid-template-columns:1fr!important;gap:10px!important}.po-mat-input-vendor,.po-mat-input-qty,.po-mat-input-rate,.po-mat-input-gst,.po-mat-input-disc,.po-mat-input-uom-group,.po-mat-input-date,.po-mat-input-brand,.po-mat-input-spec,.po-mat-input-remarks{grid-column:span 1!important}}.po-mat-row.po-mat-row-checked{border-color:var(--brand)!important;background:var(--brand-faint)!important;box-shadow:0 4px 12px #1d6fb814!important}.po-mat-row-excluded{opacity:.7;border-color:var(--border-light)!important;background:#fafbfc!important}@keyframes grn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.grn-spin{animation:1s linear infinite grn-spin}.grn-loader{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.grn-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;padding:48px 24px;display:flex}.grn-empty-icon{background:var(--brand-faint);border-radius:50%;justify-content:center;align-items:center;padding:28px;display:flex}.grn-empty-title{color:var(--text-primary);margin:0;font-size:19px;font-weight:800}.grn-empty-desc{color:var(--text-secondary);max-width:420px;margin:0;font-size:13.5px;line-height:1.6}.grn-crumb-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:none;align-items:center;gap:5px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.grn-crumb-btn:hover{color:var(--brand)}.grn-crumb-current{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.grn-badge{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 11px;font-size:10.5px;font-weight:800;display:inline-flex}.grn-s-draft{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.grn-s-verified{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.grn-s-rejected{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.grn-list-container{flex-direction:column;gap:8px;height:100%;display:flex;overflow:hidden}.grn-table{border-collapse:collapse;width:100%}.grn-table thead th{background:var(--bg-color);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);text-align:left;white-space:nowrap;z-index:5;padding:9px 12px;font-size:10px;font-weight:800;position:sticky;top:0}.grn-table tbody td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:11px 12px;font-size:13px}.grn-table tbody tr:last-child td{border-bottom:none}.grn-table tfoot td{background:var(--brand-faint);border-top:2px solid var(--brand);padding:11px 12px;font-size:13px;font-weight:800}.grn-mono{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.grn-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.grn-num-brand{color:var(--brand)}.grn-num-green{color:#15803d}.grn-num-red{color:#dc2626}.grn-muted{color:var(--text-muted)}.grn-uom-chip{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block}.grn-mat-cell{flex-direction:column;gap:3px;display:flex}.grn-mat-cell strong{color:var(--text-primary);font-size:13px;font-weight:700}.grn-mat-cell span{color:var(--text-muted);font-size:11px}.grn-vendor-cell{align-items:center;gap:7px;display:flex}.grn-count-badge{background:var(--brand-faint);min-width:26px;height:26px;color:var(--brand);border-radius:50%;justify-content:center;align-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:inline-flex}.grn-btn-icon{border-radius:var(--r-sm);border:1px solid var(--border-light);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:#fff;justify-content:center;align-items:center;margin:0 2px;transition:all .15s;display:inline-flex}.grn-btn-icon:hover{background:var(--brand-faint);border-color:var(--brand-light);color:var(--brand)}.grn-btn-icon.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.grn-btn-back{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.grn-btn-back:hover{border-color:var(--brand-light);color:var(--brand);background:#fff}.grn-pending-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto;gap:6px!important;padding:6px 12px 12px!important}.grn-pending-hint{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-md);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;display:flex}.grn-pending-hint strong{color:var(--brand)}.grn-pending-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-items:start;gap:14px;display:grid}.grn-pending-card{border:1px solid var(--border-light);border-left:4px solid var(--brand);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:12px;padding:18px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.grn-pending-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-light);transform:translateY(-4px)}.grn-pending-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.grn-pending-card-identity,.grn-po-pick-identity{flex-direction:column;flex:1;min-width:0;display:flex}.grn-pending-po-number{color:var(--text-primary);background:var(--brand-faint);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-radius:4px;max-width:100%;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;display:block;overflow:hidden}.grn-pending-vendor,.grn-po-pick-vendor{color:var(--text-secondary);align-items:center;gap:5px;min-width:0;margin-top:5px;font-size:12.5px;font-weight:600;display:flex}.grn-pending-vendor span,.grn-po-pick-vendor span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grn-pending-badge{background:var(--brand-faint);color:var(--brand);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:800;display:flex}.grn-pending-items{flex-direction:column;gap:6px;display:flex}.grn-pending-item-row{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.grn-pending-item-row:hover{border-color:var(--brand-light);background:#fff}.grn-pending-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.grn-pending-item-qty{flex-shrink:0;align-items:center;gap:6px;display:flex}.grn-pending-balance{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:700}.grn-pending-more{color:var(--text-muted);padding:4px 10px;font-size:11.5px;font-weight:600}.grn-pending-btn{justify-content:center;width:100%;transition:all .2s}.grn-pending-btn:hover{transform:translateY(-1px)}.grn-pending-btn svg{transition:transform .2s}@keyframes truck-wiggle{0%,to{transform:translateY(0)translate(2px)}50%{transform:translateY(-1.5px)translate(2px)}}.grn-pending-btn:hover svg{animation:.2s ease-in-out infinite truck-wiggle}.grn-transit-status-badge{background:var(--brand-faint);color:var(--brand);border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.grn-transit-status-badge.partially_received{background:var(--accent-faint);color:#d97706}.grn-pulse-dot{background-color:var(--brand);border-radius:50%;width:6px;height:6px;display:inline-block;position:relative}.grn-pulse-dot:after{content:"";background-color:inherit;border-radius:50%;width:100%;height:100%;animation:1.5s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-ring{0%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(3.5)}}.grn-transit-status-badge.partially_received .grn-pulse-dot{background-color:#d97706}.grn-transit-track{border:1px solid var(--border-light);border-radius:var(--r-md);background:#f8fafc;justify-content:space-between;align-items:center;height:42px;margin:4px 0;padding:6px 14px;display:flex;position:relative;overflow:hidden}.grn-transit-road{background:repeating-linear-gradient(90deg, var(--border) 0px, var(--border) 6px, transparent 6px, transparent 12px);z-index:1;background-size:24px 100%;height:2px;animation:4s linear infinite road-scroll-slow;position:absolute;top:50%;left:45px;right:45px;transform:translateY(-50%)}@keyframes road-scroll-slow{0%{background-position:0 0}to{background-position:-24px 0}}@keyframes road-scroll-fast{0%{background-position:0 0}to{background-position:-24px 0}}.grn-transit-node{z-index:2;border:1.5px solid var(--border);width:26px;height:26px;color:var(--text-secondary);box-shadow:var(--shadow-xs);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:relative}.grn-transit-node.source{border-color:var(--brand-light);color:var(--brand)}.grn-transit-node.destination{color:#10b981;border-color:#10b981}.grn-transit-node-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap;font-size:8px;font-weight:800;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.grn-transit-truck-container{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:24px;height:24px;animation:.8s ease-in-out infinite alternate truck-chassis-bounce;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grn-transit-truck-icon{color:var(--brand);filter:drop-shadow(0 2px 4px #1d6fb840)}.grn-transit-truck-glow{filter:blur(4px);background:#1d6fb82e;border-radius:50%;width:18px;height:18px;animation:1.5s ease-in-out infinite alternate truck-glow-breathing;position:absolute}@keyframes truck-glow-breathing{0%{opacity:.5;transform:scale(.9)}to{opacity:.9;transform:scale(1.4)}}@keyframes truck-chassis-bounce{0%{transform:translate(-50%,-52%)rotate(0)}50%{transform:translate(-50%,-47%)rotate(.6deg)}to{transform:translate(-50%,-53%)rotate(-.6deg)}}@keyframes truck-chassis-bounce-fast{0%{transform:translate(-50%,-53%)rotate(0)}50%{transform:translate(-50%,-45%)rotate(1.2deg)}to{transform:translate(-50%,-55%)rotate(-1.2deg)}}.grn-pending-card:hover .grn-transit-road{animation:1s linear infinite road-scroll-fast}.grn-pending-card:hover .grn-transit-truck-container{animation:.4s ease-in-out infinite alternate truck-chassis-bounce-fast}.grn-pending-card:hover .grn-transit-node.source{transform:scale(1.08);box-shadow:0 0 8px #1d6fb833}.grn-pending-card:hover .grn-transit-node.destination{transform:scale(1.08);box-shadow:0 0 8px #10b98133}.grn-detail-wrap{flex-direction:column;height:100%;margin:-10px -12px -12px;display:flex;overflow:hidden}.grn-detail-topbar{border-bottom:1px solid var(--border-light);border-left:4px solid var(--brand);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.grn-detail-topbar-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.grn-detail-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.grn-detail-body::-webkit-scrollbar{width:5px}.grn-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.grn-detail-cards-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.grn-section-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;padding:14px 16px}.grn-section-table{padding:12px 0 0;overflow:hidden}.grn-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:10px;padding:0 16px;font-size:12px;font-weight:800;display:flex}.grn-section-table .grn-section-title{border-bottom:1px solid var(--border-light);margin-bottom:0;padding:0 16px 10px}.grn-section-count{background:var(--brand-faint);min-width:20px;height:20px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.grn-info-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grn-info-item{flex-direction:column;gap:3px;display:flex}.grn-info-full{grid-column:1/-1}.grn-info-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.grn-info-item span{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.grn-info-highlight{font-size:14px;font-weight:800;color:var(--brand)!important}.grn-summary-rows{flex-direction:column;display:flex}.grn-summary-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;font-weight:600;display:flex}.grn-summary-row:last-child{border-bottom:none}.grn-summary-total{color:var(--brand);border-top:2px solid var(--border);border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:900}.grn-detail-table-wrap{overflow-x:auto}.grn-detail-table-wrap::-webkit-scrollbar{height:5px}.grn-detail-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.grn-detail-table{min-width:860px}.grn-detail-table th,.grn-detail-table td{border-right:1px solid var(--border-light)}.grn-detail-table th:last-child,.grn-detail-table td:last-child{border-right:none}.grn-qty-bar-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.grn-qty-bar{background:var(--border-light);border-radius:4px;width:80px;height:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.grn-qty-bar-fill{border-radius:4px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.grn-qty-bar-fill.full{background:linear-gradient(90deg,#10b981,#34d399)}.grn-qty-bar-fill.partial{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.grn-qty-bar-fill.none{background:var(--border)}.grn-create-wrap{flex-direction:column;height:100%;margin:-10px -12px -12px;display:flex;overflow:hidden}.grn-create-topbar{border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.grn-create-topbar-text{flex:1;min-width:0}.grn-create-topbar-text h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:800}.grn-create-topbar-text p{color:var(--text-muted);margin:3px 0 0;font-size:12.5px}.grn-fill-pill{background:var(--bg-color);border:1px solid var(--border-light);color:var(--text-secondary);white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:12.5px;font-weight:700}.grn-create-fields-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:16px;margin:16px 20px;padding:20px;display:flex}.grn-cfield{flex-direction:column;gap:6px;min-width:150px;display:flex}.grn-cfield-grow{flex:2;min-width:200px}.grn-cfield>label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.grn-cfield input,.grn-cfield select{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text-primary);background:#fff;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .15s}.grn-cfield input:focus,.grn-cfield select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.grn-po-pick-body{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.grn-po-pick-hint{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-md);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:10px;padding:11px 16px;font-size:13.5px;display:flex}.grn-po-pick-hint strong{color:var(--brand)}.grn-po-pick-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:14px;display:grid}.grn-po-pick-card{border:2px solid var(--border-light);border-radius:var(--r-lg);cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);background:#fff;flex-direction:column;gap:14px;width:100%;padding:18px 20px;font-family:inherit;transition:all .2s;display:flex}.grn-po-pick-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 16px #1d6fb826}.grn-po-pick-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.grn-po-pick-number{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;display:block;overflow:hidden}.grn-po-pick-vendor{color:var(--text-secondary);align-items:center;gap:5px;margin-top:5px;font-size:12px;font-weight:600;display:flex}.grn-po-pick-badge{background:var(--brand-faint);color:var(--brand);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:800;display:flex}.grn-po-pick-meta{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.grn-po-pick-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.grn-po-pick-action{color:var(--brand);align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:flex}.grn-filter-bar{flex-shrink:0;align-items:center;gap:8px;display:flex;flex-wrap:nowrap!important;overflow-x:auto!important}.grn-inline-search{flex:1;align-items:center;gap:6px;min-width:180px;max-width:250px;padding:0 10px;display:flex;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important}.grn-inline-search svg{color:var(--text-muted);flex-shrink:0}.grn-inline-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:12.5px}.grn-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex}.grn-search-clear:hover{color:var(--brand)}.grn-filter-select{color:var(--text-primary);cursor:pointer;background:#fff;min-width:110px;font-family:inherit;transition:border-color .15s;border:1px solid var(--border)!important;border-radius:6px!important;height:32px!important;padding:0 8px!important;font-size:12.5px!important}.grn-filter-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.grn-filter-date-group{border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 8px!important;display:flex!important}.grn-filter-date-icon{color:var(--text-muted);flex-shrink:0}.grn-filter-date{color:var(--text-primary);cursor:pointer;width:110px;font-family:inherit;background:0 0!important;border:none!important;outline:none!important;height:100%!important;font-size:12px!important}.grn-filter-date-sep{color:var(--text-muted);flex-shrink:0;font-size:11px}.grn-filter-spacer{flex:1}.grn-reset-btn{color:var(--text-secondary);cursor:pointer;background:#fff;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s;border:1px solid var(--border)!important;border-radius:6px!important;align-items:center!important;gap:4px!important;height:28px!important;padding:0 8px!important;display:inline-flex!important}.grn-reset-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.grn-result-count{color:var(--text-muted);white-space:nowrap;font-size:11.5px;font-weight:600}.grn-pending-topbar{flex-shrink:0;align-items:center;gap:8px;display:flex;flex-wrap:nowrap!important;overflow-x:auto!important}.grn-pending-search{flex:1;align-items:center;gap:6px;min-width:180px;max-width:250px;padding:0 10px;display:flex;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important}.grn-pending-search svg{color:var(--text-muted);flex-shrink:0}.grn-pending-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:12.5px}.grn-table-container{position:relative}.grn-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.grn-th-sort:hover{background:var(--brand-faint)!important;color:var(--brand)!important}.grn-sort-icon{vertical-align:middle;align-items:center;margin-left:4px;display:inline-flex}.grn-sort-icon.grn-sort-idle{opacity:.3}.grn-sort-icon.grn-sort-active{opacity:1;color:var(--brand)}.grn-vendor-avatar{background:var(--brand-faint);width:26px;height:26px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.grn-po-ref{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:12.5px}.grn-action-btn{border:1px solid var(--border-light);border-radius:var(--r-sm);cursor:pointer;width:30px;height:30px;color:var(--brand);background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.grn-action-btn:hover{border-color:var(--brand-light);background:var(--brand-faint);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.grn-no-results{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.grn-no-results p{color:var(--text-muted);margin:0;font-size:14px}.grn-pagination{border-top:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.grn-pagination-left{align-items:center;gap:12px;display:flex}.grn-pagination-right{align-items:center;gap:4px;display:flex}.grn-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.grn-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.grn-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.grn-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.grn-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.grn-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.grn-page-btn:disabled{opacity:.4;cursor:not-allowed}.grn-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.grn-mat-list{background:#f1f4f9;flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px 20px;display:flex;overflow-y:auto}.grn-mat-list::-webkit-scrollbar{width:5px}.grn-mat-list::-webkit-scrollbar-thumb{background:#dde3ec;border-radius:3px}.grn-mat-list-header{color:#6b7f96;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;padding:6px 16px;font-size:10px;font-weight:800;display:flex}.grn-mat-list-header span{padding:0 6px}.grn-mat-row{border:1px solid #dde3ec;border-left:5px solid var(--text-muted);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.grn-mat-row:hover{box-shadow:var(--shadow-sm);border-color:var(--brand-light)}.grn-mat-row-ok{background:#f0fdf4;border-color:#a7f3d0 #a7f3d0 #a7f3d0 #10b981}.grn-mat-row-skip{opacity:.6;border-color:var(--border-light);border-left-color:var(--border);background:var(--bg-hover)}.grn-mat-info-strip{background:#f8fafc;border-bottom:1px solid #eef1f6;align-items:center;padding:9px 16px;display:flex}.grn-mat-row-ok .grn-mat-info-strip{background:#f0fdf4;border-bottom-color:#bbf7d0}.grn-mat-info-strip>*{padding:0 6px}.grn-mat-num{color:#6b7f96;text-align:center;flex-shrink:0;width:28px;font-size:11px;font-weight:800}.grn-mat-name-cell{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.grn-mat-name-cell strong{color:#0d1b2e;font-size:13px;font-weight:700}.grn-mat-code{color:#6b7f96;font-size:11px}.grn-mat-uom{flex-shrink:0;width:56px}.grn-mat-qty,.grn-mat-pending,.grn-mat-accepted{text-align:right;flex-shrink:0;width:96px}.grn-mat-status{text-align:center;flex-shrink:0;width:80px}.grn-status-ok{color:#15803d;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.grn-status-pending{color:#d97706;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.grn-status-skip{color:#6b7f96;font-size:11px;font-weight:700}.grn-mat-input-strip{background:#fff;align-items:flex-end;gap:10px;padding:10px 16px 12px;display:flex}.grn-mat-toggle{cursor:pointer;border-radius:var(--r-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #dde3ec;flex-shrink:0;align-self:flex-end;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.grn-mat-toggle input{cursor:pointer;width:14px;height:14px;accent-color:var(--brand)}.grn-mat-toggle:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-faint)}.grn-mat-toggle.active{color:#10b981;background:#ecfdf5;border-color:#10b981}.grn-mat-toggle.skipped{border-color:var(--text-muted);color:var(--text-muted);background:var(--bg-hover)}.grn-mat-input-group{flex-direction:column;gap:4px;min-width:0;display:flex}.grn-mat-input-recv{flex-shrink:0;width:130px}.grn-mat-input-rej{flex-shrink:0;width:120px}.grn-mat-input-batch{flex-shrink:0;width:140px}.grn-mat-input-remarks{flex:1;min-width:120px}.grn-mat-input-group label{color:#6b7f96;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:10px;font-weight:800}.grn-td-input{color:#0d1b2e;box-sizing:border-box;background:#fff;border:1px solid #dde3ec;border-radius:7px;width:100%;padding:7px 9px;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .15s,box-shadow .15s}.grn-td-input:focus{border-color:#1d6fb8;outline:none;box-shadow:0 0 0 2px #1d6fb81a}.grn-td-err{background:#fef2f2!important;border-color:#dc2626!important}.grn-td-warn{background:#fffbeb!important;border-color:#f59e0b!important}.grn-field-err{color:#dc2626;margin-top:2px;font-size:11px;font-weight:600}.grn-items-footer{background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:var(--r-lg);color:var(--text-secondary);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.po-create-footer{border-top:1px solid var(--border-light);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex;box-shadow:0 -2px 8px #0000000a}.po-indent-pick-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start;gap:14px;padding:16px 20px;display:grid;overflow-y:auto}.po-indent-pick-card{border:2px solid var(--border-light);border-radius:var(--r-lg);cursor:pointer;text-align:left;box-shadow:var(--shadow-xs);background:#fff;width:100%;padding:16px 18px;font-family:inherit;transition:all .2s}.po-indent-pick-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 4px 16px #1d6fb826}.po-ipc-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.po-ipc-number{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.po-ipc-meta{color:var(--success);align-items:center;gap:5px;margin-top:5px;font-size:11.5px;font-weight:600;display:flex}.po-ipc-count{background:var(--brand-faint);color:var(--brand);border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 11px;font-size:13px;font-weight:800;display:flex}.po-ipc-chips{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.po-ipc-action{color:var(--brand);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:flex}.grn-kpi-ribbon{background:0 0;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 20px;display:grid}.grn-kpi-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.grn-kpi-card:before{content:"";background:0 0;width:100%;height:3px;position:absolute;top:0;left:0}.grn-kpi-card.blue:before{background:var(--brand)}.grn-kpi-card.rose:before{background:var(--danger)}.grn-kpi-card.emerald:before{background:#10b981}.grn-kpi-card.gold:before{background:var(--accent)}.grn-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-light);transform:translateY(-2px)}.grn-kpi-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.grn-kpi-icon-wrapper.blue{background:var(--brand-faint);color:var(--brand)}.grn-kpi-icon-wrapper.rose{background:var(--danger-faint);color:var(--danger)}.grn-kpi-icon-wrapper.emerald{color:#10b981;background:#ecfdf5}.grn-kpi-icon-wrapper.gold{background:var(--accent-faint);color:var(--accent)}.grn-kpi-content{flex-direction:column;gap:3px;display:flex}.grn-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.grn-kpi-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900;line-height:1}.grn-kpi-value.blue{color:var(--brand)}.grn-kpi-value.rose{color:var(--danger)}.grn-kpi-value.emerald{color:#10b981}.grn-kpi-value.gold{color:var(--brand-dark)}@media (width<=1024px){.grn-kpi-ribbon{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grn-kpi-ribbon{grid-template-columns:1fr}}.grn-num-cell{flex-direction:column;gap:3px;display:flex}.grn-num-refs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.grn-ref-chip{white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.grn-ref-chip.po{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.grn-excess-pill{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #fde68a;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.grn-excess-banner{border-radius:var(--r-md);background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;flex-shrink:0;align-items:flex-start;gap:14px;padding:14px 18px;display:flex}.grn-excess-banner-icon{color:#b45309;flex-shrink:0;margin-top:1px}.grn-excess-banner-body{flex-direction:column;flex:1;gap:4px;display:flex}.grn-excess-banner-body strong{color:#92400e;font-size:13px;font-weight:800}.grn-excess-banner-body span{color:#78350f;font-size:12.5px;line-height:1.5}.grn-excess-banner-info{color:#b45309;white-space:nowrap;flex-shrink:0;align-self:center;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:flex}.grn-mat-row-excess{background:#fffdf0;border-color:#fde68a #fde68a #fde68a #f59e0b}.grn-mat-row-excess .grn-mat-info-strip{background:#fffbeb;border-bottom-color:#fde68a}.grn-status-excess{color:#b45309;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.grn-td-excess{background:#fffbeb!important;border-color:#f59e0b!important}.grn-field-excess{color:#b45309;margin-top:2px;font-size:11px;font-weight:700}.grn-excess-confirm-btn{border-radius:var(--r-sm);color:#92400e;cursor:pointer;white-space:nowrap;background:#fffbeb;border:1.5px solid #f59e0b;align-self:flex-end;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.grn-excess-confirm-btn:hover{color:#78350f;background:#fef3c7;border-color:#d97706;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.grn-excess-confirmed{border-radius:var(--r-sm);color:#065f46;white-space:nowrap;background:#ecfdf5;border:1.5px solid #6ee7b7;align-self:flex-end;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.grn-eqi-notice{border-radius:var(--r-lg);box-shadow:var(--shadow-xs);background:#fffbeb;border:1px solid #fde68a;border-left:4px solid #f59e0b;flex-shrink:0;align-items:flex-start;gap:14px;padding:16px 20px;display:flex}.grn-eqi-notice-icon{color:#b45309;flex-shrink:0;margin-top:2px}.grn-eqi-notice-body{flex-direction:column;flex:1;gap:6px;display:flex}.grn-eqi-notice-body strong{color:#92400e;font-size:13.5px;font-weight:800}.grn-eqi-notice-body span{color:#78350f;font-size:13px;line-height:1.6}.grn-eqi-ref{color:#b45309;border-radius:var(--r-sm);background:#fef3c7;border:1px solid #fde68a;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.grn-excess-cell-val{color:#b45309;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.grn-row-has-excess td{background:#fffdf5}.grn-row-has-excess:hover td{background:#fffbeb}.grn-eqi-notice.approved{background:#f0fdf4;border-color:#bbf7d0 #bbf7d0 #bbf7d0 #10b981}.grn-eqi-notice.approved .grn-eqi-notice-icon{color:#16a34a}.grn-eqi-notice.approved .grn-eqi-notice-body strong{color:#14532d}.grn-eqi-notice.approved .grn-eqi-notice-body span{color:#15803d}.grn-eqi-notice.approved .grn-eqi-ref{color:#16a34a;background:#dcfce7;border-color:#bbf7d0}.grn-eqi-notice.rejected{background:#fef2f2;border-color:#fecaca #fecaca #fecaca #ef4444}.grn-eqi-notice.rejected .grn-eqi-notice-icon{color:#dc2626}.grn-eqi-notice.rejected .grn-eqi-notice-body strong{color:#7f1d1d}.grn-eqi-notice.rejected .grn-eqi-notice-body span{color:#b91c1c}.grn-eqi-notice.rejected .grn-eqi-ref{color:#dc2626;background:#fee2e2;border-color:#fecaca}.grn-eqi-notice.cancelled{background:#f8fafc;border-color:#e2e8f0 #e2e8f0 #e2e8f0 #64748b}.grn-eqi-notice.cancelled .grn-eqi-notice-icon{color:#475569}.grn-eqi-notice.cancelled .grn-eqi-notice-body strong{color:#0f172a}.grn-eqi-notice.cancelled .grn-eqi-notice-body span{color:#475569}.grn-eqi-notice.cancelled .grn-eqi-ref{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.po-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.po-modal{border:1px solid var(--border-light);background:#fff;border-radius:12px;flex-direction:column;width:90%;max-height:85vh;animation:.2s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.po-modal-header{border-bottom:1px solid var(--border-light);background:#fafafa;align-items:center;gap:12px;padding:16px 20px;display:flex}.po-modal-header h3{color:var(--text-primary);flex:1;margin:0;font-size:15px;font-weight:800}.po-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.po-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.po-modal-body{flex:1;padding:20px;overflow-y:auto}.po-modal-footer{border-top:1px solid var(--border-light);background:#fafafa;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}@keyframes inv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bpms-panel .bpms-content-header{height:auto;min-height:60px;padding:10px 20px}.inv-sidebar-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);align-items:center;gap:7px;padding:0 2px 8px;font-size:11px;font-weight:800;display:flex}.inv-sidebar-empty{color:var(--text-muted);text-align:center;padding:20px 8px;font-size:12.5px}.inv-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.inv-toggle-btn{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-color);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.inv-toggle-btn:hover{border-color:var(--brand-light);color:var(--brand);background:#fff}.inv-project-sub{color:var(--text-muted);align-items:center;gap:5px;margin-top:2px;font-size:11.5px;display:flex}.inv-project-code{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:1px 7px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:800}.inv-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.inv-header-chips{align-items:center;gap:6px;display:flex}.inv-hchip{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--brand);border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11.5px;font-weight:600;display:flex}.inv-hchip-warn{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.inv-hchip-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.inv-hchip-lbl{opacity:.85}.inv-tab-body{flex-direction:column;flex:1;gap:8px;height:auto;min-height:0;display:flex;overflow:hidden}.inv-compact-toolbar{border:1px solid var(--border-light);border-radius:var(--r-md);background:#ffffffe6;flex-shrink:0;align-items:center;gap:7px;padding:6px 10px;display:flex;box-shadow:0 1px 4px #00000008}.inv-compact-search{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--r-sm);min-width:160px;height:30px;color:var(--text-muted);flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.inv-compact-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12px}.inv-compact-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-glow)}.inv-compact-select{border:1px solid var(--border);border-radius:var(--r-sm);height:30px;color:var(--text-primary);cursor:pointer;background:#fff;outline:none;min-width:110px;padding:0 8px;font-family:inherit;font-size:12px}.inv-compact-select:focus{border-color:var(--brand)}.inv-compact-clear{border:1px solid var(--border);border-radius:var(--r-sm);height:28px;color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:0 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.inv-compact-clear:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.inv-balance-table thead th{padding:12px 14px!important;font-size:11px!important}.inv-balance-table tbody td{padding:10px 14px!important;font-size:13px!important}.inv-table{border-collapse:collapse;width:100%}.inv-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border,#cbd5e1);text-align:left;white-space:nowrap;z-index:5;background:#f8fafc;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.inv-table tbody td{vertical-align:middle;border-bottom:1px solid #e2e8f0cc;padding:10px 14px;font-size:13px;transition:background .15s}.inv-table tbody tr:last-child td{border-bottom:1px solid #e2e8f0cc}.inv-table tbody tr.table-row-hover:hover td{background:var(--brand-faint)}.bpms-sidebar-item.active .bpms-sidebar-item-name{color:#fff}.bpms-sidebar-item.active .bpms-sidebar-item-sub{color:#ffffffbf}.inv-cat-row td{background:var(--bg-color)!important;border-bottom:1px solid var(--border-light)!important;padding:5px 12px!important}.inv-cat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:6px;font-size:10.5px;font-weight:800;display:inline-flex}.inv-cat-count{background:var(--brand-faint);min-width:18px;height:18px;color:var(--brand);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.inv-num{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.inv-num-red{color:#dc2626}.inv-num-amber{color:#d97706}.inv-num-brand{color:var(--brand)}.inv-num-secondary{color:var(--text-secondary);font-size:12.5px}.inv-avail-num{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;display:block}.inv-row-out td{opacity:.75;background:#fef9fa!important}.inv-row-out:hover td{opacity:1;background:#fef2f2!important}.inv-muted{color:var(--text-muted)}.col-right{text-align:right}.inv-mat-cell{flex-direction:row;align-items:center;gap:10px;min-width:0;display:flex}.inv-mat-cell strong{color:var(--text-primary);font-size:13.5px;font-weight:700}.inv-mat-cell span{color:var(--text-muted);font-size:11px}.inv-boq-hint{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);letter-spacing:.01em;border-radius:3px;width:fit-content;padding:0 5px;font-size:10px;font-weight:700;display:inline-block}.inv-low-tag{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;gap:3px;width:fit-content;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex}.inv-uom-chip{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block}.inv-qty-uom{text-transform:uppercase;color:var(--text-muted);font-size:9.5px;font-weight:700;font-family:var(--font-sans,"Inter", sans-serif);vertical-align:middle;background:#0000000d;border-radius:3px;margin-left:5px;padding:1px 4px;display:inline-block}.inv-stock-bar-wrap{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.inv-stock-bar{background:var(--border-light);border-radius:3px;width:80px;height:6px;overflow:hidden}.inv-stock-bar-fill{border-radius:3px;height:100%;transition:width .4s}.inv-pct{font-size:10px;font-weight:700}.inv-pct-high{color:#15803d}.inv-pct-medium{color:#d97706}.inv-pct-low{color:#dc2626}.inv-no-boq{color:var(--text-muted);font-size:11px}.inv-stock-status-badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.inv-stock-status-badge.good{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.inv-stock-status-badge.low{color:#d97706;background:#fef3c7;border-color:#fde68a}.inv-stock-status-badge.critical{color:#dc2626;background:#fee2e2;border-color:#fecaca}.inv-stock-status-badge.out{color:#b91c1c;background:#fef2f2;border-color:#fca5a5;animation:2s ease-in-out infinite pulse-rose}.inv-act-btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:1px solid;align-items:center;gap:3px;padding:3px 6px;font-family:inherit;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.inv-act-issue{color:#dc2626;background:#fef2f2;border-color:#fecaca}.inv-act-issue:hover{background:#fee2e2;border-color:#f87171}.inv-act-adj{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.inv-act-adj:hover{background:#ffedd5;border-color:#fb923c}.inv-act-transfer{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.inv-act-transfer:hover{background:#dbeafe;border-color:#93c5fd}.inv-btn-return-header{color:#059669!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.inv-btn-return-header:hover{color:#047857!important;background:#d1fae5!important;border-color:#34d399!important}.inv-btn-transfer-header{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}.inv-btn-transfer-header:hover{color:#1d4ed8!important;background:#dbeafe!important;border-color:#60a5fa!important}.inv-btn-adjust-header{color:#c2410c!important;background:#fff7ed!important;border-color:#fed7aa!important}.inv-btn-adjust-header:hover{color:#9a3412!important;background:#ffedd5!important;border-color:#fb923c!important}.inv-txn-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.inv-badge-in{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.inv-badge-out{color:#dc2626;background:#fee2e2;border-color:#fecaca}.inv-badge-adj{color:#d97706;background:#fef3c7;border-color:#fde68a}.inv-ref-link{color:var(--brand);font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.inv-by-cell{align-items:center;gap:7px;display:flex}.inv-by-avatar{background:var(--brand-faint);width:24px;height:24px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.inv-by-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.inv-date-group{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;align-items:center;gap:6px;height:34px;padding:0 10px;display:flex}.inv-date-input{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:110px;font-family:inherit;font-size:12.5px}.inv-date-sep{color:var(--text-muted);flex-shrink:0;font-size:12px}.inv-clear-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.inv-clear-btn:hover{color:var(--brand)}.inv-btn-issue{color:#fff;background:#dc2626;border-color:#b91c1c}.inv-btn-issue:hover:not(:disabled){background:#b91c1c}.inv-btn-issue:disabled{opacity:.5;cursor:not-allowed}.inv-btn-adj{color:#fff;background:#d97706;border-color:#b45309}.inv-btn-adj:hover:not(:disabled){background:#b45309}.inv-btn-adj:disabled{opacity:.5;cursor:not-allowed}.inv-req{color:#dc2626}.inv-hint{color:var(--text-muted);margin-left:4px;font-size:10.5px;font-weight:400}.inv-input-err{background:#fef2f2!important;border-color:#dc2626!important}.inv-stock-info-bar{border-radius:var(--r-md);color:var(--text-secondary);background:#f0fdf4;border:1px solid #bbf7d0;align-items:center;gap:8px;padding:8px 14px;font-size:13px;display:flex}.inv-diff{font-family:JetBrains Mono,monospace;font-weight:700}.inv-diff.pos{color:#15803d}.inv-diff.neg{color:#dc2626}.inv-confirm-box{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:4px 0;display:flex}.inv-confirm-icon{background:#fff7ed;border:1px solid #fed7aa;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.inv-confirm-box h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.inv-confirm-box p{color:var(--text-secondary);margin:0;font-size:13.5px}.inv-confirm-row{background:var(--bg-color);border-radius:var(--r-sm);justify-content:space-between;align-items:center;gap:16px;width:100%;padding:8px 14px;font-size:13px;display:flex}.inv-confirm-row span{color:var(--text-muted);font-weight:600}.inv-stepper-wrap{background:var(--bg-color);border-bottom:1px solid var(--border-light);padding:12px 20px 20px}.inv-stepper{justify-content:space-between;align-items:center;max-width:380px;margin:0 auto;display:flex}.inv-step-node{z-index:2;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:5px;display:flex;position:relative}.inv-step-circle{border:2px solid var(--border);width:24px;height:24px;color:var(--text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:800;transition:all .2s;display:flex}.inv-step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.inv-step-line{background:var(--border);z-index:1;flex:1;height:2px;margin:-16px 8px 0;transition:all .2s;position:relative}.inv-step-node.active .inv-step-circle{background:var(--brand-faint);border-color:var(--brand);color:var(--brand)}.inv-step-node.active .inv-step-label{color:var(--brand)}.inv-step-node.current .inv-step-circle{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 3px var(--brand-light)}.inv-step-line.active{background:var(--brand)}.inv-step-content{flex-direction:column;gap:8px;display:flex}.inv-step-hint-text{color:var(--text-secondary);margin:0 0 4px;font-size:12.5px}.inv-material-cards-list{flex-direction:column;gap:6px;max-height:260px;padding-right:4px;display:flex;overflow-y:auto}.inv-material-tap-card{border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.inv-material-tap-card:hover{border-color:var(--brand);background:var(--brand-faint)}.inv-material-tap-card.selected{border-color:var(--brand);background:var(--brand-faint);box-shadow:0 0 0 1px var(--brand)}.inv-card-left{flex-direction:column;gap:1px;display:flex}.inv-card-name{color:var(--text-primary);font-size:13px;font-weight:700}.inv-card-code{color:var(--text-muted);font-family:monospace;font-size:11px}.inv-card-right{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.inv-card-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:10px;font-weight:700}.inv-card-qty{color:#15803d;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.inv-cards-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 0;font-size:13px;display:flex}.inv-active-material-header{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.inv-header-details{flex-direction:column;gap:1px;display:flex}.inv-header-details .inv-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:800}.inv-header-details strong{color:var(--text-primary);font-size:13.5px}.inv-header-details .inv-code{color:var(--text-muted);font-family:monospace;font-size:11px}.inv-change-material-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:700}.inv-change-material-btn:hover{text-decoration:underline}.inv-big-label{color:var(--text-secondary);font-size:13px;font-weight:700}.inv-big-input-wrap{align-items:center;display:flex;position:relative}.inv-big-qty-input{border:2px solid var(--border);border-radius:var(--r-md);width:100%;height:52px;color:var(--text-primary);outline:none;padding:10px 80px 10px 16px;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:800;transition:all .15s}.inv-big-qty-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light)}.inv-big-uom-suffix{color:var(--text-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;position:absolute;right:16px}.inv-input-error-msg{color:#dc2626;align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:700;display:flex}.inv-calculator{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-md);justify-content:space-between;align-items:center;margin-top:12px;padding:10px 16px;transition:all .2s;display:flex}.inv-calculator.active{background:#f0fdf4;border-color:#bbf7d0}.inv-calculator.error{background:#fef2f2;border-color:#fecaca}.inv-calc-part{text-align:center;flex-direction:column;flex:1;gap:2px;display:flex}.inv-calc-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9px;font-weight:800}.inv-calc-num{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.inv-calc-num-issue{color:var(--brand);font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.inv-calc-num-rem{color:#15803d;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.inv-calculator.error .inv-calc-num-rem{color:#dc2626}.inv-calc-operator{color:var(--text-muted);padding:0 4px;font-size:16px;font-weight:800}.inv-step-content-split{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.inv-split-inputs{flex-direction:column;gap:8px;display:flex}.inv-chips-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin:10px 0 4px;font-size:10px;font-weight:700}.inv-chips-container{flex-wrap:wrap;gap:5px;display:flex}.inv-work-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;transition:all .15s}.inv-work-chip:hover{border-color:var(--brand);background:var(--brand-faint)}.inv-work-chip.active{border-color:var(--brand);background:var(--brand);color:#fff}.inv-receipt-slip-wrap{justify-content:center;align-items:flex-start;display:flex}.inv-receipt-slip{border:1px solid var(--border-light,#e2e8f0);text-align:left;background:#fff;border-radius:12px;width:100%;max-width:320px;padding:20px;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.inv-receipt-slip:before{content:"";background:var(--brand,#2563eb);height:5px;position:absolute;top:0;left:0;right:0}.inv-receipt-header{text-align:center;border-bottom:1px solid var(--border-light,#e2e8f0);flex-direction:column;gap:3px;padding:6px 0 12px;display:flex}.inv-receipt-header strong{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;font-size:13px;font-weight:800}.inv-receipt-header span{color:var(--text-muted);font-size:10px;font-weight:500}.inv-receipt-body{flex-direction:column;gap:8px;padding:14px 0;display:flex}.inv-r-row{justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.4;display:flex}.inv-r-row.dotted-top{border-top:1px solid var(--border-light,#e2e8f0);margin-top:3px;padding-top:8px}.inv-r-lbl{color:var(--text-muted,#64748b);font-weight:600}.inv-r-val{color:var(--text-primary,#0f172a);text-align:right;font-weight:700}.inv-r-val.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.inv-r-materials-list{flex-direction:column;gap:6px;max-height:100px;margin-top:4px;display:flex;overflow-y:auto}.inv-r-mat-row-slip .qty{white-space:nowrap;font-family:JetBrains Mono,monospace;font-weight:700}.inv-receipt-footer{text-align:center;border-top:1px solid var(--border-light,#e2e8f0);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-top:10px;font-size:9px;font-weight:600}@media (width<=1100px){.inv-kpi-row{grid-template-columns:repeat(2,1fr)}.inv-header-chips{display:none}}@media (width<=768px){.inv-kpi-row{grid-template-columns:1fr 1fr}.inv-header-right{gap:6px}.inv-step-content-split{grid-template-columns:1fr;gap:12px}.inv-receipt-slip-wrap{margin-top:8px}.inv-receipt-slip{max-width:100%}.inv-table thead th{padding:7px 10px}.inv-table tbody td{padding:8px 10px}}.inv-ledger-download-btn{color:#15803d;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .2s;display:inline-flex}.inv-ledger-download-btn:hover:not(:disabled){color:#fff;background:#15803d;border-color:#15803d;transform:scale(1.08)}.inv-ledger-download-btn:disabled{opacity:.6;cursor:not-allowed}.inv-success-step{text-align:center;flex-direction:column;align-items:center;padding:10px 0;animation:.3s fadeIn;display:flex}.inv-success-icon-wrap{color:#15803d;background:#f0fdf4;border:2px solid #bbf7d0;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:12px;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex;box-shadow:0 4px 12px #15803d1a}.inv-success-checkmark{animation:.5s checkRotate}.inv-success-title{color:var(--text-primary);margin:0 0 6px;font-size:18px;font-weight:800}.inv-success-desc{color:var(--text-secondary);max-width:380px;margin:0 auto;font-size:13px;line-height:1.4}.inv-receipt-slip.success-view:before{background:repeating-linear-gradient(-45deg,#16a34a,#16a34a 6px,#fff 6px 12px)}.inv-success-actions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:14px;display:flex}.inv-btn-download-pdf{color:#fff!important;background:#15803d!important;border-color:#166534!important;transition:all .2s!important}.inv-btn-download-pdf:hover:not(:disabled){transform:translateY(-1px);background:#166534!important;border-color:#14532d!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes checkRotate{0%{opacity:0;transform:scale(.5)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}.premium-stat-item{border-left:3px solid #0000;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.premium-stat-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important;background:#fff!important}.premium-stat-item:first-child{border-left-color:#2563eb}.premium-stat-item:nth-child(2){border-left-color:#7c3aed}.premium-stat-item:nth-child(3){border-left-color:#059669}.premium-stat-item:nth-child(4){border-left-color:#d97706}.bpms-toolbar{flex-wrap:nowrap;align-items:center;gap:8px;display:flex;overflow-x:auto;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:none!important;border-bottom:1px solid var(--border-light)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;margin-bottom:4px!important;padding:4px 0!important}.bpms-toolbar .bpms-search{flex-shrink:0;align-items:center;width:155px;padding:0 10px;display:flex;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important}.bpms-toolbar .bpms-search input{width:100%!important;font-size:12.5px!important}.bpms-toolbar .bpms-filter-select{flex-shrink:0;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important;padding:0 8px!important;font-size:12.5px!important}.bpms-toolbar .inv-date-group{flex-shrink:0;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 8px!important;display:flex!important}.bpms-toolbar .inv-date-input{background:0 0!important;border:none!important;outline:none!important;width:90px!important;height:100%!important;font-size:12px!important}.bpms-toolbar .inv-date-sep{color:var(--text-muted)!important;margin:0 2px!important;font-size:11px!important}.bpms-toolbar .bpms-search:focus-within,.bpms-filter-select:focus,.inv-date-group:focus-within{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px var(--brand-glow)!important}.inv-cat-row td{border-bottom:2px solid var(--brand-light)!important;background:linear-gradient(90deg,#f8fafc 0%,#f1f5f9 100%)!important;padding:8px 14px!important}.inv-cat-label{letter-spacing:.05em;align-items:center;gap:8px;display:inline-flex;color:var(--brand-dark)!important;font-size:11px!important;font-weight:700!important}.inv-cat-count{justify-content:center;align-items:center;min-width:20px;height:20px;font-family:JetBrains Mono,monospace;font-weight:800;display:inline-flex;background:var(--brand-mid)!important;color:#fff!important;border-radius:20px!important;font-size:9px!important}.inv-table tbody tr.table-row-hover{transition:background-color .15s}.inv-table tbody tr.table-row-hover:hover td{background-color:var(--brand-faint)!important}.inv-mat-cell span.inv-low-tag{animation:2s ease-in-out infinite pulse-rose}@keyframes pulse-rose{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.inv-stock-bar{box-shadow:inset 0 1px 2px #0000000f;background:var(--border)!important;border-radius:4px!important}.inv-stock-bar-fill{transition:width .6s cubic-bezier(.4,0,.2,1)!important}.inv-stock-bar-fill.high{background:linear-gradient(90deg,#10b981 0%,#059669 100%)!important}.inv-stock-bar-fill.medium{background:linear-gradient(90deg,#f59e0b 0%,#d97706 100%)!important}.inv-stock-bar-fill.low{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%)!important}.inv-stock-bar-fill.good{background:linear-gradient(90deg,#10b981 0%,#059669 100%)!important}.inv-stock-bar-fill.critical{background:linear-gradient(90deg,#f97316 0%,#dc2626 100%)!important}@keyframes stepper-pulse{0%{box-shadow:0 0 #1d6fb859}70%{box-shadow:0 0 0 6px #1d6fb800}to{box-shadow:0 0 #1d6fb800}}.inv-step-node.current .inv-step-circle{animation:1.8s ease-in-out infinite stepper-pulse;background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.inv-step-node.active .inv-step-circle{background:var(--brand-faint);border-color:var(--brand);color:var(--brand);justify-content:center;align-items:center;display:flex}.inv-card-title-row{align-items:center;gap:8px;display:flex}.inv-card-checkbox{width:15px;height:15px;accent-color:var(--brand);cursor:pointer;border-radius:var(--r-xs);border:1.5px solid var(--border)}.inv-multi-select-bottom-bar{border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;margin-top:10px;padding:10px 16px;animation:.25s fadeIn;display:flex}.inv-multi-select-count{color:var(--text-secondary);font-size:12.5px}.inv-multi-select-count strong{color:var(--brand);font-size:14px}.inv-multi-item-list-container{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.inv-multi-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11.5px;font-weight:800}.inv-multi-item-list{flex-direction:column;gap:8px;max-height:240px;padding-right:4px;display:flex;overflow-y:auto}.inv-multi-item-card{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;flex-direction:column;gap:8px;padding:10px 14px;transition:all .2s;display:flex}.inv-multi-item-card:hover{border-color:var(--brand-mid)}.inv-multi-item-card.active{background:#fcfdfd;border-color:#bbf7d0}.inv-multi-item-card.error{background:#fefcfc;border-color:#fecaca}.inv-multi-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.inv-multi-card-meta{flex-direction:column;gap:1px;display:flex}.inv-multi-card-meta strong{color:var(--text-primary);font-size:12.5px}.inv-multi-card-meta .inv-code{color:var(--text-muted);font-family:monospace;font-size:11px}.inv-multi-avail-badge{color:var(--text-secondary);background:var(--bg-color);border-radius:4px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.inv-multi-input-row{grid-template-columns:1.2fr .8fr;align-items:center;gap:12px;display:grid}.inv-multi-qty-input-wrap{align-items:center;display:flex;position:relative}.inv-multi-qty-input-wrap input{width:100%;height:36px;padding-right:48px;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:700}.inv-multi-uom{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:800;position:absolute;right:12px}.inv-multi-micro-calc{justify-content:flex-end;align-items:center;gap:6px;font-size:11.5px;display:flex}.inv-multi-micro-calc .lbl{color:var(--text-muted)}.inv-multi-micro-calc .num{font-family:JetBrains Mono,monospace;font-weight:700}.inv-multi-micro-calc .num.pos{color:#15803d}.inv-multi-micro-calc .num.neg{color:#dc2626}.inv-receipt-slip{clip-path:polygon(0% 0%,100% 0%,100% 98%,98% 100%,96% 98%,94% 100%,92% 98%,90% 100%,88% 98%,86% 100%,84% 98%,82% 100%,80% 98%,78% 100%,76% 98%,74% 100%,72% 98%,70% 100%,68% 98%,66% 100%,64% 98%,62% 100%,60% 98%,58% 100%,56% 98%,54% 100%,52% 98%,50% 100%,48% 98%,46% 100%,44% 98%,42% 100%,40% 98%,38% 100%,36% 98%,34% 100%,32% 98%,30% 100%,28% 98%,26% 100%,24% 98%,22% 100%,20% 98%,18% 100%,16% 98%,14% 100%,12% 98%,10% 100%,8% 98%,6% 100%,4% 98%,2% 100%,0% 98%);position:relative;border:1px solid var(--border)!important;background:#faf8f5!important;border-radius:2px!important;padding:18px 16px!important;box-shadow:0 6px 20px #0d1b2e12!important}.inv-receipt-slip:before{background:repeating-linear-gradient(-45deg, var(--brand), var(--brand) 6px, #fff 6px, #fff 12px)!important;height:5px!important}.inv-r-materials-group{border-top:1.5px dashed var(--border);border-bottom:1.5px dashed var(--border);margin:4px 0;padding:6px 0}.inv-r-materials-list{flex-direction:column;gap:5px;max-height:130px;display:flex;overflow-y:auto}.inv-r-mat-row-slip{justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex}.inv-r-mat-row-slip .name{color:var(--text-primary);font-weight:700}.inv-r-mat-row-slip .qty{flex-shrink:0;font-family:JetBrains Mono,monospace;font-weight:700}.inv-receipt-downloads-container{text-align:left;border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-color);width:100%;max-width:360px;margin:0 auto 12px;padding:10px 14px}.inv-receipt-downloads-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:6px;font-size:11.5px;font-weight:800}.inv-receipt-downloads-list{flex-direction:column;gap:5px;max-height:120px;display:flex;overflow-y:auto}.inv-download-row{border:1.5px solid var(--border-light);border-radius:var(--r-sm);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;animation:.3s fadeIn;display:flex}.inv-download-row-name{color:var(--text-primary);font-size:12px;font-weight:700}.inv-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s,color .2s;position:relative}.inv-th-sort:hover{background-color:var(--border-light)!important;color:var(--brand)!important}.inv-sort-icon{vertical-align:middle;justify-content:center;align-items:center;margin-left:6px;transition:opacity .2s,transform .2s;display:inline-flex}.inv-sort-idle{opacity:.3;color:var(--text-muted)}.inv-th-sort:hover .inv-sort-idle{opacity:.8;color:var(--brand)}.inv-sort-active{color:var(--brand);opacity:1;font-weight:800}.inv-category-pill{color:#475569;text-align:center;white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;max-width:120px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block;overflow:hidden}.inv-info-chip{border:1px solid #0000}.inv-info-chip.active-all{background:#2563eb14!important;border-color:#2563eb59!important}.inv-info-chip.active-instock{background:#05966914!important;border-color:#05966959!important}.inv-info-chip.active-out{background:#dc262614!important;border-color:#dc262659!important}.inv-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:flex-end;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.inv-drawer-card{background:#fff;flex-direction:column;width:480px;max-width:100%;height:100%;animation:.35s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:relative;box-shadow:-8px 0 32px #0f172a1f}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.inv-drawer-header{border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.inv-drawer-title-area{flex-direction:column;flex:1;gap:4px;display:flex}.inv-drawer-meta-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:10px;font-weight:800}.inv-drawer-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:700;line-height:1.3}.inv-drawer-refs{align-items:center;gap:8px;margin-top:4px;display:flex}.inv-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex}.inv-drawer-close:hover{background:var(--bg-color);color:var(--text-primary)}.inv-drawer-body{background:#fff;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.inv-drawer-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.inv-drawer-stat-box{background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-md);flex-direction:column;gap:4px;padding:12px;transition:border-color .2s;display:flex}.inv-drawer-stat-box:hover{border-color:var(--border)}.inv-drawer-stat-box .lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;font-size:10px;font-weight:700}.inv-drawer-stat-box .val{color:var(--text-primary);font-size:16px;font-weight:700}.inv-drawer-stat-box .val.num{font-family:JetBrains Mono,monospace}.inv-drawer-status-callout{border-radius:var(--r-md);border:1px solid #0000;align-items:flex-start;gap:12px;padding:16px;display:flex}.inv-drawer-status-callout.good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.inv-drawer-status-callout.low{color:#92400e;background:#fffbeb;border-color:#fef3c7}.inv-drawer-status-callout.out{color:#991b1b;background:#fef2f2;border-color:#fecaca}.inv-drawer-status-callout svg{flex-shrink:0;margin-top:2px}.inv-drawer-status-callout strong{margin-bottom:2px;font-size:13px;font-weight:700;display:block}.inv-drawer-status-callout p{opacity:.9;margin:0;font-size:12px;line-height:1.4}.inv-drawer-section h3{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;border-bottom:1.5px solid var(--border-light);margin:0 0 16px;padding-bottom:6px;font-size:12px;font-weight:800}.inv-drawer-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:32px 0;font-size:12px;display:flex}.inv-drawer-empty-txns{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 16px;display:flex}.inv-drawer-empty-txns p{margin:0;font-size:12px}.inv-drawer-timeline{flex-direction:column;padding-left:20px;display:flex;position:relative}.inv-drawer-timeline:before{content:"";background:var(--border-light);width:2px;position:absolute;top:8px;bottom:8px;left:6px}.inv-timeline-item{padding-bottom:20px;display:flex;position:relative}.inv-timeline-item:last-child{padding-bottom:0}.inv-timeline-icon{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex;position:absolute;top:3px;left:-20px;box-shadow:0 0 0 2px #fff}.inv-timeline-icon.in{color:#059669}.inv-timeline-icon.out{color:#dc2626}.inv-timeline-icon.adjustment{color:#d97706}.inv-timeline-content{flex-direction:column;flex:1;gap:4px;padding-left:12px;display:flex}.inv-timeline-meta{justify-content:space-between;align-items:center;display:flex}.inv-timeline-meta .date{color:var(--text-muted);font-size:11px;font-weight:500}.inv-timeline-meta .qty{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700}.inv-timeline-meta .qty.green{color:#16a34a}.inv-timeline-meta .qty.red{color:#dc2626}.inv-timeline-meta .qty.brand{color:var(--brand)}.inv-timeline-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.inv-timeline-title strong{font-weight:700}.inv-timeline-title .ref{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);border-radius:var(--r-sm);padding:1px 5px;font-size:10.5px}.inv-timeline-content .performed-by{color:var(--text-muted);font-size:10.5px}.inv-timeline-content .remarks{color:var(--text-secondary);background:var(--bg-color);border-radius:var(--r-sm);border-left:2px solid var(--border);margin:4px 0 0;padding:6px 10px;font-size:11px;font-style:italic}.inv-drawer-footer{border-top:1px solid var(--border-light);background:#fff;gap:12px;padding:16px 24px;display:flex}.btn-with-icon{justify-content:center;align-items:center;gap:6px;display:inline-flex}.inv-pill-filter-bar{border-bottom:1.5px solid var(--border-light);scrollbar-width:thin;scrollbar-color:var(--border) transparent;gap:10px;margin-bottom:2px;padding:8px 4px 14px;display:flex;overflow-x:auto}.inv-pill-filter-bar::-webkit-scrollbar{height:4px}.inv-pill-filter-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.inv-pill-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #00000005}.inv-pill-btn:hover:not(.active){background:var(--brand-faint);border-color:var(--brand-light);color:var(--brand);transform:translateY(-1px)}.inv-pill-btn.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #0d6efd40}.inv-view-switcher{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;align-self:center;align-items:center;gap:3px;margin-right:12px;padding:3px;display:flex}.inv-switch-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:800;transition:all .15s;display:inline-flex}.inv-switch-btn:hover:not(.active){color:var(--text-primary);background:#0000000a}.inv-switch-btn.active{color:var(--brand);background:#fff;box-shadow:0 2px 5px #00000014}.inv-switch-btn svg{flex-shrink:0}.inv-stock-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));align-items:start;gap:20px;min-height:0;padding:16px 2px;display:grid;overflow-y:auto}.inv-stock-card{border:1.5px solid var(--border-light);border-radius:var(--r-md);cursor:pointer;background:#fff;flex-direction:column;gap:14px;padding:18px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.inv-stock-card:hover{border-color:var(--brand-light);transform:translateY(-4px);box-shadow:0 12px 30px #0f172a14}.inv-card-good{border-left:5px solid #10b981}.inv-card-low{border-left:5px solid #f59e0b}.inv-card-out{background:#fafafa;border-left:5px solid #ef4444}.inv-card-header{border-bottom:1.5px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.inv-card-body{flex-direction:column;flex:1;gap:10px;display:flex}.inv-card-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin:0;font-size:15px;font-weight:800;line-height:1.4;display:-webkit-box;overflow:hidden}.inv-card-code{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);border-radius:4px;width:fit-content;margin-top:-4px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.inv-card-qty-row{background:var(--bg-color);border:1.5px solid var(--border-light);border-radius:var(--r-sm);margin-top:2px;padding:12px 14px}.inv-card-qty-box{flex-direction:column;gap:3px;display:flex}.inv-card-qty-box .lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:9.5px;font-weight:800}.inv-card-qty-box .val{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:800;line-height:1.1}.inv-card-qty-box .val.green{color:#10b981}.inv-card-qty-box .val.amber{color:#d97706}.inv-card-qty-box .val.red{color:#ef4444}.inv-card-qty-box .val .uom{color:var(--text-secondary);margin-left:2px;font-size:12.5px;font-weight:700}.inv-card-progress-section{flex-direction:column;gap:6px;margin-top:2px;display:flex}.inv-card-progress-meta{color:var(--text-secondary);justify-content:space-between;font-size:11px;font-weight:700;display:flex}.inv-card-progress-bar{background:#e2e8f0;border:1px solid #00000008;border-radius:4px;height:8px;overflow:hidden}.inv-card-progress-fill{border-radius:4px;height:100%;transition:width .35s}.inv-card-progress-fill.good{background:linear-gradient(90deg,#10b981,#34d399)}.inv-card-progress-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.inv-card-progress-fill.out{background:linear-gradient(90deg,#ef4444,#f87171)}.inv-card-boq-row{color:var(--text-secondary);border-top:1.5px dashed var(--border-light);justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.inv-card-boq-row strong{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-weight:700}.inv-card-updated-row{color:var(--text-muted);text-align:right;margin-top:-2px;font-size:10.5px}.inv-card-footer{border-top:1.5px solid var(--border-light);gap:10px;margin-top:auto;padding-top:14px;display:flex}.inv-card-act-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.inv-card-act-btn.issue{color:#dc2626;background:#fff5f5;border-color:#fecaca}.inv-card-act-btn.issue:hover:not(:disabled){color:#fff;background:#dc2626;border-color:#dc2626;box-shadow:0 4px 10px #dc262633}.inv-card-act-btn.issue:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.inv-card-act-btn.adjust{color:#d97706;background:#fffbeb;border-color:#fef3c7}.inv-card-act-btn.adjust:hover{color:#fff;background:#d97706;border-color:#d97706;box-shadow:0 4px 10px #d9770633}.inv-grid-empty{border-radius:var(--r-md);color:var(--text-muted);background:var(--bg-color);text-align:center;border:2px dashed #cbd5e1;grid-column:1/-1;justify-content:center;align-items:center;padding:64px 32px;font-size:14px;font-weight:600;display:flex}.inv-balance-table tbody tr{height:54px}.inv-balance-table tbody tr:hover td{background:var(--brand-faint)!important}.inv-balance-table tbody td{color:var(--text-primary);font-weight:600;padding:12px 10px!important;font-size:13.5px!important}.inv-balance-table thead th{height:42px;color:var(--text-secondary);font-weight:800;padding:12px 10px!important;font-size:11px!important}.inv-mat-cell strong{font-size:13.5px;font-weight:700}.inv-avail-num{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.inv-balance-container{flex-direction:column;flex:1;gap:8px;height:auto;min-height:0;display:flex;overflow:hidden}.inv-balance-table-container{flex:1;min-height:0;overflow:auto}.inv-filter-bar{flex-shrink:0;align-items:center;gap:8px;display:flex;flex-wrap:nowrap!important;overflow-x:auto!important}.inv-inline-search{min-width:180px;max-width:250px;color:var(--text-muted);flex:1;align-items:center;gap:6px;padding:0 10px;display:flex;border:1px solid var(--border)!important;background:#fff!important;border-radius:6px!important;height:32px!important}.inv-inline-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12.5px}.inv-inline-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-glow)}.inv-filter-select{color:var(--text-primary);cursor:pointer;background:#fff;outline:none;min-width:120px;padding:0 10px;font-family:inherit;font-size:12.5px;border:1px solid var(--border)!important;border-radius:6px!important;height:32px!important}.inv-filter-select:focus{border-color:var(--brand)}.inv-reset-btn{border:1px solid var(--border);border-radius:var(--r-sm);height:28px;color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:4px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.inv-reset-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.inv-result-count{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12.5px;font-weight:700}.inv-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0;transition:color .15s;display:flex}.inv-search-clear:hover{color:var(--brand)}.inv-row-num{color:var(--text-muted)!important;font-size:11px!important;font-weight:400!important}.inv-mat-name{color:var(--text-primary);font-size:13.5px;font-weight:700;display:block}.inv-mat-sub{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.inv-qty-cell{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.inv-avail-cell{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.inv-mini-bar{background:var(--border-light);border-radius:2px;width:56px;height:4px;overflow:hidden}.inv-mini-bar-fill{border-radius:2px;height:100%;transition:width .4s}.inv-mini-bar-fill.good{background:#22c55e}.inv-mini-bar-fill.low{background:#f59e0b}.inv-mini-bar-fill.out{background:#ef4444}.inv-date-cell{flex-direction:column;gap:2px;display:flex}.inv-date-primary{color:var(--text-secondary);font-size:12px;font-weight:600}.inv-date-secondary{color:var(--text-muted);font-family:monospace;font-size:10.5px}.inv-sort-icon{margin-left:3px;display:inline-block}.inv-sort-idle{opacity:.3}.inv-sort-active{opacity:1;color:var(--brand)}.inv-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.inv-th-sort:hover{color:var(--brand)}.inv-bal-row{transition:background .1s}.inv-category-pill{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#f3f4f6;border-radius:4px;max-width:120px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block;overflow:hidden}.inv-ledger-statement-header{border:1px solid #e2e8f0cc;border-left:5px solid var(--brand);border-radius:var(--r-md);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);flex-direction:column;flex-shrink:0;gap:16px;margin-bottom:16px;padding:20px 24px;display:flex;box-shadow:0 4px 16px -2px #0d1b2e0a}.inv-ledger-statement-title-section{flex-direction:column;gap:4px;display:flex}.inv-statement-badge{background:var(--brand-faint);width:fit-content;color:var(--brand);border:1px solid var(--brand-light);letter-spacing:.05em;border-radius:20px;align-items:center;padding:2px 10px;font-size:10px;font-weight:800;display:inline-flex}.inv-ledger-statement-title-section h2{color:var(--text-primary);margin:4px 0 2px;font-size:18px;font-weight:800}.inv-statement-meta{color:var(--text-secondary);flex-wrap:wrap;gap:16px;font-size:12px;display:flex}.inv-statement-meta-item strong{color:var(--text-primary)}.inv-ledger-statement-metrics{border-top:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);gap:14px;padding-top:16px;display:grid}.inv-metric-card{border:1px solid var(--border);border-radius:var(--r-md);background:linear-gradient(135deg,#fff 0%,#fcfdfd 100%);flex-direction:column;padding:14px 18px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;box-shadow:0 1px 3px #00000005}.inv-metric-card:hover{border-color:var(--brand-light);transform:translateY(-3px);box-shadow:0 10px 25px -5px #0d1b2e14,0 8px 16px -6px #0d1b2e0d}.inv-metric-lbl{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;margin-bottom:6px;font-size:10px;font-weight:800}.inv-metric-val{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:19px;font-weight:800;line-height:1.2}.inv-metric-unit{color:var(--text-muted);margin-top:4px;font-size:11px;font-weight:600}.inv-metric-card.plus{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-left:4px solid #10b981}.inv-metric-card.plus .inv-metric-val{color:#16a34a}.inv-metric-card.minus{background:linear-gradient(135deg,#fff 0%,#fef2f2 100%);border-left:4px solid #ef4444}.inv-metric-card.minus .inv-metric-val{color:#dc2626}.inv-metric-card.highlight{background:linear-gradient(135deg, var(--brand-faint) 0%, #0d6efd0f 100%);border:1px solid var(--brand-light);border-left:4px solid var(--brand)}.inv-metric-card.highlight .inv-metric-val{color:var(--brand-dark)}.inv-table td.col-right .inv-num-green{color:#16a34a;font-weight:700}.inv-table td.col-right .inv-num-red{color:#dc2626;font-weight:700}.inv-pagination{border-top:1px solid var(--border-light);border-radius:var(--r-md);border:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 20px;display:flex}.inv-pagination-left{align-items:center;gap:12px;display:flex}.inv-pagination-right{align-items:center;gap:4px;display:flex}.inv-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.inv-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.inv-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.inv-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.inv-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.inv-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.inv-remarks-cell{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:220px!important;overflow:hidden!important}.bpms-filter-select,.inv-filter-select{border:1.5px solid var(--border-light);border-radius:var(--r-md);height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;outline:none;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #00000005}.bpms-filter-select:hover,.inv-filter-select:hover{border-color:var(--brand-light);color:var(--text-primary);background:var(--bg-color)}.bpms-filter-select:focus,.inv-filter-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-glow);color:var(--text-primary)}.inv-info-strip{height:60px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;align-items:stretch;gap:12px;margin-bottom:12px;padding:0;display:flex}.inv-info-chip{border:1px solid var(--border-light,#e2e8f0);cursor:pointer;background:#fff;border-radius:12px;flex:1;align-items:center;gap:12px;height:100%;padding:0 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005,0 2px 8px #00000003}.inv-info-chip:hover{border-color:var(--brand-light,#bfdbfe);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.inv-info-chip-danger:hover{background:#fff!important;border-color:#fca5a5!important}.inv-info-chip-icon{border-radius:8px;flex-shrink:0;padding:8px;width:32px!important;height:32px!important}.inv-info-chip-icon.blue{color:#2563eb;background:#eff6ff}.inv-info-chip-icon.emerald{color:#059669;background:#ecfdf5}.inv-info-chip-icon.rose{color:#dc2626;background:#fef2f2}.inv-info-chip-icon.violet{color:#7c3aed;background:#f5f3ff}.inv-info-chip-text{flex-direction:column;gap:2px;display:flex}.inv-info-chip-val{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800;line-height:1.2}.inv-info-chip-lbl{color:var(--text-muted,#64748b);font-size:11px;font-weight:600;line-height:1}.inv-info-sep{display:none}.inv-info-chip.active-all{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.inv-info-chip.active-instock{border-color:#10b981;box-shadow:0 4px 12px #10b98114}.inv-info-chip.active-out{border-color:#ef4444;box-shadow:0 4px 12px #ef444414}.inv-category-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12.5px;font-weight:800;display:flex}.inv-category-avatar.civ{color:#1e40af;background:#eff6ff;border:1.5px solid #bfdbfe}.inv-category-avatar.str{color:#334155;background:#f8fafc;border:1.5px solid #cbd5e1}.inv-category-avatar.ele{color:#6b21a8;background:#faf5ff;border:1.5px solid #e9d5ff}.inv-category-avatar.plu{color:#166534;background:#f0fdf4;border:1.5px solid #bbf7d0}.inv-category-avatar.ste{color:#b45309;background:#fffbeb;border:1.5px solid #fde68a}.inv-category-avatar.oth{color:#475569;background:#f1f5f9;border:1.5px solid #e2e8f0}.inv-mat-text{flex-direction:column;min-width:0;display:flex}.inv-category-pill{text-transform:uppercase!important;letter-spacing:.04em!important;border-radius:6px!important;padding:4px 10px!important;font-size:11px!important;font-weight:800!important}.inv-category-pill.cat-civil{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.inv-category-pill.cat-steel{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.inv-category-pill.cat-electrical{color:#6b21a8;background:#faf5ff;border:1px solid #e9d5ff}.inv-category-pill.cat-plumbing{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.inv-category-pill.cat-structural{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}.inv-table-status-cell{flex-direction:column;gap:6px;width:100%;display:flex}.inv-status-label-wrap{align-items:center;gap:6px;display:flex}.inv-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;position:relative}@keyframes inv-pulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.95)}}@keyframes inv-pulse-low{0%{transform:scale(.95);box-shadow:0 0 #f59e0b66}70%{transform:scale(1);box-shadow:0 0 0 5px #f59e0b00}to{transform:scale(.95);box-shadow:0 0 #f59e0b00}}@keyframes inv-pulse-out{0%{transform:scale(.95);box-shadow:0 0 #ef444466}70%{transform:scale(1);box-shadow:0 0 0 5px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.inv-status-dot.good{background:#22c55e;animation:2s infinite inv-pulse}.inv-status-dot.low{background:#f59e0b;animation:2s infinite inv-pulse-low}.inv-status-dot.out{background:#ef4444;animation:2s infinite inv-pulse-out}.inv-status-text{color:var(--text-secondary);font-size:12.5px}.inv-table-progress-wrap{flex-shrink:0;width:130px}.inv-table-progress-bar{background:#f1f5f9;border:1px solid #00000005;border-radius:3px;height:5px;overflow:hidden}.inv-table-progress-fill{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.inv-table-progress-fill.good{background:linear-gradient(90deg,#10b981,#22c55e)}.inv-table-progress-fill.low{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.inv-table-progress-fill.out{background:linear-gradient(90deg,#ef4444,#f87171)}.inv-balance-table tbody tr.inv-bal-row{transition:all .2s cubic-bezier(.16,1,.3,1)}.inv-balance-table tbody tr.inv-bal-row:hover{box-shadow:inset 2px 0 0 var(--brand), 0 4px 12px #0f172a0a;transform:scale(1.002)}.inv-row-actions{justify-content:center;align-items:center;gap:6px;display:flex}.inv-act-btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.inv-act-btn.inv-act-issue{background:var(--brand-faint);color:var(--brand);border-color:var(--brand-light)}.inv-act-btn.inv-act-issue:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 6px #0d6efd33}.inv-act-btn.inv-act-issue:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.inv-act-btn.inv-act-adj{color:#475569;background:#f8fafc;border-color:#cbd5e1;padding:5px}.inv-act-btn.inv-act-adj:hover{color:#0f172a;background:#cbd5e1;border-color:#94a3b8}.inv-avail-badge{text-align:right;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-block;box-shadow:0 1px 2px #00000005}.inv-avail-badge.good{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.inv-avail-badge.low{color:#b45309;background:#fffbeb;border-color:#fde68a}.inv-avail-badge.out{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.inv-avail-badge.notstocked{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.inv-status-dot.notstocked{background:#64748b}.inv-table-progress-fill.notstocked{background:#cbd5e1}.inv-category-avatar.cblue{color:#1d4ed8;background:#eff6ff;border:1.5px solid #bfdbfe}.inv-category-avatar.cgreen{color:#15803d;background:#f0fdf4;border:1.5px solid #bbf7d0}.inv-category-avatar.cpurple{color:#7c3aed;background:#faf5ff;border:1.5px solid #e9d5ff}.inv-category-avatar.corange{color:#c2410c;background:#fff7ed;border:1.5px solid #fed7aa}.inv-category-avatar.cred{color:#b91c1c;background:#fef2f2;border:1.5px solid #fecaca}.inv-category-avatar.cteal{color:#0f766e;background:#f0fdfa;border:1.5px solid #99f6e4}.inv-category-avatar.cpink{color:#9d174d;background:#fdf2f8;border:1.5px solid #fbcfe8}.inv-category-avatar.cbrown{color:#57534e;background:#fafaf9;border:1.5px solid #d6d3d1}.inv-category-pill.cblue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.inv-category-pill.cgreen{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.inv-category-pill.cpurple{color:#7c3aed;background:#faf5ff;border:1px solid #e9d5ff}.inv-category-pill.corange{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.inv-category-pill.cred{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.inv-category-pill.cteal{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.inv-category-pill.cpink{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8}.inv-category-pill.cbrown{color:#57534e;background:#fafaf9;border:1px solid #d6d3d1}.inv-avail-cell{flex-direction:column;align-items:flex-end;gap:1px;line-height:1;display:flex}.inv-avail-qty{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800;line-height:1}.inv-avail-qty.good{color:#15803d}.inv-avail-qty.warn{color:#b45309}.inv-avail-qty.low{color:#dc2626}.inv-avail-qty.out{color:#b91c1c}.inv-avail-qty.notstocked{color:#64748b}.inv-avail-uom{text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;background:#0000000d;border-radius:3px;padding:1px 4px;font-size:10px;font-weight:700}.inv-status-text{color:var(--text-secondary);font-size:12.5px;font-weight:700}.inv-status-text-good{color:#15803d}.inv-status-text-warn{color:#b45309}.inv-status-text-low{color:#dc2626}.inv-status-text-out{color:#b91c1c;font-weight:800}.inv-status-text-notstocked{color:#64748b}@keyframes inv-pulse-warn{0%{transform:scale(.95);box-shadow:0 0 #d9770673}70%{transform:scale(1);box-shadow:0 0 0 5px #d9770600}to{transform:scale(.95);box-shadow:0 0 #d9770600}}.inv-status-dot.warn{background:#d97706;animation:2s infinite inv-pulse-warn}.inv-table-progress-fill.warn{background:linear-gradient(90deg,#d97706,#fbbf24)}.inv-avail-badge.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.inv-adj-reason-tag{color:#92400e;white-space:nowrap;text-overflow:ellipsis;cursor:default;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;max-width:160px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.boq-table-scroll-wrap .inv-table{min-width:950px}.table-row-hover{transition:background-color .15s}.table-row-hover:hover{background-color:#f8fafc!important}.inv-badge-ret{color:#065f46!important;background:#d1fae5!important;border-color:#a7f3d0!important}.inv-act-return{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.inv-act-return:hover{background:#d1fae5;border-color:#34d399}.inv-btn-return-header{transition:all .2s;color:#fff!important;background:#059669!important;border-color:#059669!important}.inv-btn-return-header:hover{box-shadow:0 0 0 2px #10b98133;background:#047857!important;border-color:#047857!important}.inv-num-green{color:#059669!important}.inv-condition-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.inv-condition-badge.good{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.inv-condition-badge.damaged{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.inv-condition-badge.scrap{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.inv-ledger-preview-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;transition:all .2s;display:inline-flex}.inv-ledger-preview-btn:hover:not(:disabled){color:#fff;background:#1d4ed8;border-color:#1d4ed8;transform:scale(1.08)}.inv-ledger-preview-btn:disabled{opacity:.6;cursor:not-allowed}.bpms-upload-wrap{border:1px dashed var(--border-color,#cbd5e1);border-radius:var(--r-sm,6px);background:var(--bg-color,#f8fafc);align-items:center;gap:10px;margin-top:6px;padding:8px 12px;transition:all .15s;display:flex}.bpms-upload-wrap:hover{border-color:var(--brand,#1d4ed8);background:var(--brand-faint,#eff6ff)}.boq-kpi-card:hover{border-color:var(--brand-light,#93c5fd);transform:translateY(-3px)scale(1.01);box-shadow:0 12px 24px -8px #94a3b833}.boq-kpi-card:hover:before{width:6px}.boq-kpi-card:has(.boq-kpi-value.brand):before{background:linear-gradient(to bottom, var(--brand,#3b82f6), #1d4ed8)}.inv-transfer-route-visual{align-items:center;gap:8px;display:flex}.inv-route-node{border:1px solid;border-radius:8px;flex-direction:column;min-width:100px;max-width:120px;padding:6px 10px;transition:all .2s;display:flex}.inv-route-node.from{background:#f8fafc;border-color:#e2e8f0}.inv-route-node.to{background:#eff6ff;border-color:#dbeafe}.inv-route-node:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000000a}.inv-route-node .node-code{color:#1e293b;font-size:11px;font-weight:700}.inv-route-node .node-name{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9.5px;overflow:hidden}.inv-route-arrow{color:#2563eb;justify-content:center;align-items:center;animation:3s ease-in-out infinite inv-arrow-wiggle;display:flex}@keyframes inv-arrow-wiggle{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.inv-transfer-status-badge{text-transform:uppercase;border:1px solid;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.inv-transfer-status-badge .badge-dot{border-radius:50%;width:6px;height:6px}.inv-transfer-status-badge.pending{color:#d97706;background:#fffbeb;border-color:#fde68a}.inv-transfer-status-badge.pending .badge-dot{background:#d97706;animation:1.2s infinite alternate inv-dot-pulse}.inv-transfer-status-badge.approved{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.inv-transfer-status-badge.approved .badge-dot{background:#059669}.inv-transfer-status-badge.rejected{color:#dc2626;background:#fef2f2;border-color:#fecaca}.inv-transfer-status-badge.rejected .badge-dot{background:#dc2626}.inv-transfer-status-badge.cancelled{color:#64748b;background:#f1f5f9;border-color:#e2e8f0}.inv-transfer-status-badge.cancelled .badge-dot{background:#64748b}@keyframes inv-dot-pulse{0%{opacity:.6;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.inv-btn-action-premium{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.inv-btn-action-premium:disabled{opacity:.6;cursor:not-allowed}.inv-btn-action-premium.approve{color:#fff;background:#10b981;border-color:#10b981}.inv-btn-action-premium.approve:hover:not(:disabled){background:#059669;border-color:#059669;box-shadow:0 2px 4px #10b98133}.inv-btn-action-premium.reject{color:#fff;background:#ef4444;border-color:#ef4444}.inv-btn-action-premium.reject:hover:not(:disabled){background:#dc2626;border-color:#dc2626;box-shadow:0 2px 4px #ef444433}.inv-btn-action-premium.cancel{color:#64748b;background:#fff;border-color:#cbd5e1}.inv-btn-action-premium.cancel:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#94a3b8}.inv-precheck-banner{background:linear-gradient(135deg,#eff6ff 0%,#e0f2fe 100%);border-left:4px solid #2563eb;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex;box-shadow:0 1px 2px #2563eb0d}.inv-precheck-banner .banner-icon{color:#2563eb;flex-shrink:0;margin-top:2px}.inv-precheck-banner .banner-text{flex-direction:column;gap:2px;display:flex}.inv-precheck-banner .banner-title{color:#1e3a8a;font-size:13px;font-weight:700}.inv-precheck-banner .banner-desc{color:#1e40af;margin:0;font-size:11.5px;line-height:1.45}.inv-precheck-banner .non-boq-flag{color:#991b1b;text-transform:uppercase;letter-spacing:.02em;background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;padding:1px 6px;font-size:9.5px;font-weight:800}.inv-premium-calculator{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 16px;transition:all .3s;display:flex;box-shadow:inset 0 1px 2px #00000005}.inv-premium-calculator.active{background:#f0fdf4;border-color:#bbf7d0}.inv-premium-calculator.error{background:#fef2f2;border-color:#fecaca;animation:.4s inv-shake-err}@keyframes inv-shake-err{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.inv-calc-node{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex}.inv-calc-node .node-lbl{text-transform:uppercase;color:#64748b;letter-spacing:.04em;margin-bottom:2px;font-size:9.5px;font-weight:800}.inv-calc-node .node-val{color:#1e293b;font-family:Courier New,Courier,monospace;font-size:14.5px;font-weight:700}.inv-premium-calculator.active .inv-calc-node.amount .node-val{color:#2563eb;font-weight:800}.inv-calc-node.remaining .node-val{color:#15803d}.inv-premium-calculator.error .inv-calc-node.remaining .node-val{color:#ef4444;font-weight:800}.inv-calc-divider{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:0 4px;display:flex}.inv-calc-divider .operator{font-size:15px;font-weight:800;line-height:1}.inv-calc-divider .small-lbl{text-transform:uppercase;color:#94a3b8;margin-top:1px;font-size:8px;font-weight:600}.inv-non-boq-badge{color:#991b1b!important;text-transform:uppercase!important;vertical-align:middle!important;background:#fef2f2!important;border:1px solid #fca5a5!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;height:16px!important;padding:2px 6px!important;font-size:9px!important;font-weight:800!important;line-height:1!important;display:inline-flex!important}.inv-spin{animation:1s linear infinite inv-spin}.inv-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.inv-empty{text-align:center;background:var(--bg-hover);border:1px dashed var(--border);border-radius:var(--r-lg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:250px;padding:40px;display:flex}.inv-empty-icon{background:var(--brand-faint);color:var(--brand);border-radius:50%;justify-content:center;align-items:center;padding:20px;display:flex}.inv-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.inv-badge-pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.inv-badge-matched{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.inv-badge-discrepancy{color:#e53e3e;background:#fff5f5;border:1px solid #feb2b2}.inv-badge-approved{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;box-shadow:0 0 8px #34d39933}.inv-badge-held{color:#9b1c1c;background:#fee2e2;border:1px solid #fca5a5;box-shadow:0 0 8px #ef444426}.inv-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.inv-status-dot.pending{background-color:#d97706}.inv-status-dot.matched{background-color:#059669}.inv-status-dot.discrepancy{background-color:#dc2626}.inv-status-dot.approved{background-color:#10b981}.inv-status-dot.held{background-color:#ef4444}.inv-num-mono{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700}.inv-table-wrap{border-radius:var(--r-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.inv-table{border-collapse:collapse;text-align:left;width:100%}.inv-table th{background:var(--bg-hover);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light);padding:12px 16px;font-size:11px;font-weight:800}.inv-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 16px;font-size:13px}.inv-table tbody tr:hover td{background:var(--bg-hover)}.inv-action-btn{border-radius:var(--r-md);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:#fff;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.inv-action-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.inv-action-btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 4px 12px #1d6fb833}.inv-action-btn:hover{background:var(--bg-hover);color:var(--brand)}.inv-table-action-btn{border:1px solid var(--border-light);border-radius:var(--r-sm);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);background:#fff;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.inv-table-action-btn:hover{border-color:var(--brand-light);background:var(--brand-faint);color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.inv-table-action-btn.primary{color:var(--brand);border-color:var(--brand-faint)}.inv-table-action-btn.primary:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.inv-vendor-cell{align-items:center;gap:7px;display:flex}.inv-vendor-avatar{background:var(--brand-faint);width:26px;height:26px;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.inv-stats-ribbon{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.inv-stat-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.inv-stat-card:before{content:"";border-radius:var(--r-lg) var(--r-lg) 0 0;background:0 0;height:3px;position:absolute;top:0;left:0;right:0}.inv-stat-card.stat-blue:before{background:var(--brand)}.inv-stat-card.stat-amber:before{background:#d97706}.inv-stat-card.stat-rose:before{background:#dc2626}.inv-stat-card.stat-green:before{background:#059669}.inv-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-light);transform:translateY(-2px)}.inv-stat-icon-wrap{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.inv-stat-icon-wrap.all{background:var(--brand-faint);color:var(--brand)}.inv-stat-icon-wrap.pending{color:#d97706;background:#fffbeb}.inv-stat-icon-wrap.discrepancy{color:#dc2626;background:#fef2f2}.inv-stat-icon-wrap.approved{color:#059669;background:#ecfdf5}.inv-stat-info{flex-direction:column;gap:3px;display:flex}.inv-stat-info label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10.5px;font-weight:800}.inv-stat-info span{color:var(--text-primary);letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:900;line-height:1.1}.inv-tab-count{background:var(--border);min-width:20px;height:18px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;margin-left:4px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:800;transition:all .15s;display:inline-flex}.boq-tab-btn.active .inv-tab-count{color:#fff;background:#ffffff40}.inv-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.inv-search-box{border:1px solid var(--border);border-radius:var(--r-md);width:320px;height:38px;box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:8px;padding:0 12px;display:flex}.inv-search-box input{width:100%;color:var(--text-primary);border:none;outline:none;font-family:inherit;font-size:13.5px}.inv-search-box svg{color:var(--text-muted)}.inv-detail-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;height:100%;display:grid}.inv-detail-sidebar{flex-direction:column;gap:16px;display:flex}.inv-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;padding:20px}.inv-card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.inv-card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0;font-size:13.5px;font-weight:900}.inv-info-list{flex-direction:column;gap:14px;display:flex}.inv-info-row{flex-direction:column;gap:4px;display:flex}.inv-info-row label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px;font-weight:800}.inv-info-row span{color:var(--text-primary);font-size:13.5px;font-weight:700}.inv-info-row .inv-val-highlight{color:var(--brand);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:900}.inv-override-card{border-left:4px solid var(--brand)}.inv-override-card.discrepancy{background:#fffafb;border-left-color:#dc2626}.inv-override-card.matched{background:#fafdfa;border-left-color:#059669}.inv-match-verdict{border-radius:var(--r-md);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.inv-match-verdict.matched{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.inv-match-verdict.discrepancy{color:#9b1c1c;background:#fff5f5;border:1px solid #feb2b2}.inv-match-verdict.pending{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.inv-reason-text{color:#9b1c1c;border-radius:var(--r-md);background:#fff5f5;border:1px solid #fee2e2;margin-bottom:16px;padding:12px;font-size:12.5px;line-height:1.5}.inv-action-row{flex-direction:column;gap:10px;display:flex}.inv-btn-wide{justify-content:center;width:100%;padding:10px}.inv-comp-table-wrap{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.inv-comp-table{border-collapse:collapse;text-align:left;width:100%}.inv-comp-table th{text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light);border-right:1px solid var(--border-light);padding:14px 16px;font-size:11px;font-weight:800}.inv-comp-table th:last-child{border-right:none}.inv-comp-table th.po-header{color:#1d4ed8;text-align:center;background:#eff6ff;border-bottom:3px solid #3b82f6}.inv-comp-table th.grn-header{color:#15803d;text-align:center;background:#f0fdf4;border-bottom:3px solid #22c55e}.inv-comp-table th.inv-header{color:#b45309;text-align:center;background:#fffbeb;border-bottom:3px solid #f59e0b}.inv-comp-table td{border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);vertical-align:middle;padding:14px 16px;font-size:13px}.inv-comp-table td:last-child{border-right:none}.inv-comp-table tr.discrepancy-row td{background:#fff8f8}.inv-comp-table tr.discrepancy-row td:first-child{border-left:3px solid #ef4444}.inv-comp-table tr.discrepancy-row:hover td{background:#fff1f1}.inv-comp-table tr:hover td{background:var(--bg-hover)}.inv-mat-details{flex-direction:column;gap:4px;display:flex}.inv-mat-name{color:var(--text-primary);font-weight:700}.inv-mat-code{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.inv-val-po{color:#1e40af;text-align:center;font-family:JetBrains Mono,monospace;font-weight:700}.inv-val-grn{color:#166534;text-align:center;font-family:JetBrains Mono,monospace;font-weight:700}.inv-val-inv{text-align:center;font-family:JetBrains Mono,monospace;font-weight:700}.inv-val-inv.highlight-red{color:#dc2626;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;display:inline-block}.inv-val-inv.highlight-green{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 6px;display:inline-block}.inv-match-indicator{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.inv-match-indicator.ok{color:#059669;background:#ecfdf5}.inv-match-indicator.error{color:#e53e3e;background:#fff5f5}.inv-entry-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}.inv-form-group{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.inv-form-group-3col{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.inv-field{flex-direction:column;gap:6px;display:flex}.inv-field.full-width{grid-column:1/-1}.inv-field label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.inv-field input{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);background:#fff;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.inv-field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.inv-field input:disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed}.inv-entry-items-table{border-collapse:collapse;width:100%;margin-top:10px}.inv-entry-items-table th{background:var(--bg-hover);text-transform:uppercase;color:var(--text-secondary);border-bottom:2px solid var(--border-light);padding:10px 12px;font-size:11px;font-weight:800}.inv-entry-items-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:10px 12px;font-size:13px}.inv-input-qty-rate{border:1px solid var(--border);border-radius:var(--r-sm);text-align:right;width:100px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.inv-input-qty-rate:focus{border-color:var(--brand);outline:none}.inv-row-warn,.inv-row-warn td{background-color:#fffbeb!important}.inv-row-warn .inv-input-qty-rate{background-color:#fffdf5;border-color:#fbbf24}.inv-meta-tag{background:var(--brand-faint);color:var(--brand);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700}.inv-prompt-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inv-prompt-box{border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:520px;max-width:100%;display:flex;overflow:hidden}.inv-prompt-header{border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;gap:14px;padding:18px 24px;display:flex}.inv-prompt-header-icon{color:#dc2626;background:#fee2e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.inv-prompt-header-text{flex:1;min-width:0}.inv-prompt-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.inv-prompt-footer{border-top:1px solid var(--border-light);background:var(--bg-color);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.inv-prompt-title{color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.inv-prompt-desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.inv-prompt-close{background:var(--bg-color);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.inv-prompt-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.inv-prompt-textarea{border:1px solid var(--border);border-radius:var(--r-md);resize:none;width:100%;height:100px;padding:10px 12px;font-family:inherit;font-size:13.5px}.inv-prompt-textarea:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.inv-prompt-actions{justify-content:flex-end;gap:10px;display:flex}.inv-live-preview{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono,monospace);align-items:center;gap:4px;margin-top:6px;display:flex}@keyframes pulse-opacity{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.inv-preview-pulse{color:var(--brand);animation:2s ease-in-out infinite pulse-opacity}.inv-checklist-card{border-top:4px solid var(--brand);background:var(--bg-hover)}.inv-checklist{flex-direction:column;gap:12px;margin-top:10px;display:flex}.inv-checklist-item{border-radius:var(--r-md);border:1px solid var(--border-light);background:#fff;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.inv-checklist-item:hover{box-shadow:var(--shadow-xs);transform:translate(3px)}.inv-checklist-item.passed{border-left:4px solid #10b981}.inv-checklist-item.failed{background:#fff5f5;border-left:4px solid #ef4444}.inv-checklist-item.passed .inv-check-icon{color:#10b981;background:#e6fbf2}.inv-checklist-item.failed .inv-check-icon{color:#ef4444;background:#fee2e2}.inv-check-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.inv-check-text{flex-direction:column;gap:2px;display:flex}.inv-check-text strong{color:var(--text-primary);font-size:12.5px;font-weight:750}.inv-check-text p{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.inv-discrepancy-warnings-banner{border-radius:var(--r-lg);background:linear-gradient(135deg,#fff5f5 0%,#fff0f0 100%);border:1px solid #fee2e2;flex-direction:column;gap:8px;margin:16px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideInDown;display:flex;box-shadow:0 4px 12px #ef44440d}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inv-warning-banner-header{color:#b91c1c;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;font-size:13.5px;font-weight:900;display:flex}.inv-warning-banner-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.inv-warning-banner-list li{color:#7f1d1d;font-size:12px;line-height:1.5}.inv-warning-banner-list li strong{color:#b91c1c;font-weight:800}.inv-comp-table-wrap{border-radius:var(--r-lg);box-shadow:var(--shadow-md);transition:all .3s}.inv-comp-table-wrap:hover{box-shadow:var(--shadow-lg)}.inv-val-inv.highlight-red{animation:2s ease-in-out infinite glow-pulse-red}@keyframes glow-pulse-red{0%{box-shadow:0 0 #ef444433}50%{box-shadow:0 0 8px 2px #ef444466}to{box-shadow:0 0 #ef444433}}.inv-prompt-modal{-webkit-backdrop-filter:blur(8px)saturate(120%);backdrop-filter:blur(8px)saturate(120%);background:#0f172a80;animation:.2s fadeIn}.inv-prompt-box{border:1px solid #ffffff26;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000000a}.inv-sap-dashboard{flex-direction:column;gap:16px;width:100%;display:flex}.inv-sap-status-bar{border-radius:var(--r-lg);color:#fff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.inv-sap-title-block h2{text-transform:uppercase;letter-spacing:.05em;color:#f1f5f9;margin:0;font-size:15px;font-weight:800}.inv-sap-title-block .inv-sap-sub{color:#94a3b8;font-size:11px;font-family:var(--font-mono,monospace);margin-top:2px;display:inline-block}.inv-sap-balance-led{border-radius:var(--r-md);box-shadow:var(--shadow-sm);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:12px;padding:6px 16px;font-size:13px;font-weight:700;transition:all .25s;display:flex;position:relative;overflow:hidden}.inv-sap-balance-led.matched{background:#10b9811f;border:1px solid #10b981;box-shadow:0 0 12px #10b9814d}.inv-sap-balance-led.mismatch{background:#ef44441f;border:1px solid #ef4444;animation:2s ease-in-out infinite border-flash-red-glowing;box-shadow:0 0 12px #ef44444d}.inv-sap-balance-led .led-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.inv-sap-balance-led.matched .led-indicator{background-color:#10b981;box-shadow:0 0 8px #10b981}.inv-sap-balance-led.mismatch .led-indicator{background-color:#ef4444;animation:1s infinite alternate led-glow-red;box-shadow:0 0 8px #ef4444}.inv-sap-balance-led .led-info{flex-direction:column;display:flex}.inv-sap-balance-led .led-info label{text-transform:uppercase;letter-spacing:.05em;margin:0;padding:0;font-size:9px;font-weight:800;line-height:1.2}.inv-sap-balance-led.matched .led-info label{color:#a7f3d0}.inv-sap-balance-led.mismatch .led-info label{color:#fca5a5}.inv-sap-balance-led .led-info span{font-size:13px;font-weight:900;font-family:var(--font-mono,monospace);margin-top:1px;line-height:1.3}.inv-sap-balance-led.matched .led-info span{color:#34d399}.inv-sap-balance-led.mismatch .led-info span{color:#f87171}@keyframes led-glow-red{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes border-flash-red-glowing{0%{box-shadow:0 0 4px #ef444433}50%{border-color:#f87171;box-shadow:0 0 15px 3px #ef444473}to{box-shadow:0 0 4px #ef444433}}.inv-sap-header-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.inv-sap-header-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.inv-sap-header-card h4{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-light);align-items:center;margin:0;padding-bottom:6px;font-size:11px;font-weight:900;display:flex}.inv-sap-header-card.estimates{background:#f8fafc}.inv-sap-header-card.estimates h4{color:#1e3a8a;border-bottom-color:#dbeafe}.inv-sap-header-card.actuals{background:#f0fdfa}.inv-sap-header-card.actuals h4{color:#0f766e;border-bottom-color:#ccfbf1}.inv-sap-row{justify-content:space-between;font-size:12.5px;line-height:1.4;display:flex}.inv-sap-row label{color:var(--text-muted);font-weight:600}.inv-sap-row span{color:var(--text-primary);text-align:right;font-weight:700}.inv-sap-row span.mono{font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:700}.inv-sap-row span.mono.highlight{color:var(--brand);background:var(--brand-faint);border-radius:4px;padding:1px 6px;font-weight:800}.inv-sap-row span.mono.highlight-blue{color:#1d4ed8;background:#eff6ff;border-radius:4px;padding:1px 6px;font-weight:800}.inv-sap-row span.mono.highlight-teal{color:#0d9488;background:#f0fdfa;border-radius:4px;padding:1px 6px;font-weight:800}.inv-sap-checklist-strip{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;display:flex}.inv-sap-checklist-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.inv-sap-check-pill{text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.inv-sap-check-pill.passed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.inv-sap-check-pill.failed{color:#b91c1c;background:#fff5f5;border-color:#fecaca;animation:2s ease-in-out infinite glow-pulse-red}.inv-sap-actions-toolbar{align-items:center;gap:8px;display:flex}.inv-sap-hold-badge{border-radius:var(--r-md);color:#991b1b;text-overflow:ellipsis;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;align-items:center;max-width:250px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.inv-sap-btn{border-radius:var(--r-md);text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:#fff;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:800;transition:all .15s;display:inline-flex}.inv-sap-btn:hover{background:var(--bg-hover);color:var(--brand)}.inv-sap-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.inv-sap-btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 4px 10px #1d6fb833}.inv-sap-btn.approve{color:#fff;background:#16a34a;border-color:#15803d}.inv-sap-btn.approve:hover{background:#15803d;border-color:#14532d;box-shadow:0 4px 10px #16a34a40}.inv-sap-btn.danger{color:#fff;background:#ef4444;border-color:#ef4444}.inv-sap-btn.danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 4px 10px #ef444433}.inv-sap-btn.secondary{color:#475569;background:#f8fafc;border-color:#cbd5e1}.inv-sap-btn.secondary:hover{color:#0f172a;background:#e2e8f0}.inv-sap-table-input{border:1px solid var(--border);border-radius:var(--r-sm);text-align:right;background:#fff;width:100px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:13px;transition:all .15s}.inv-sap-table-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.discrepancy-row .inv-sap-table-input{background:snow;border-color:#fca5a5}.discrepancy-row .inv-sap-table-input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.inv-workspace-scroll{flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow-y:auto!important}.inv-workspace-scroll::-webkit-scrollbar{width:5px}.inv-workspace-scroll::-webkit-scrollbar-track{background:var(--bg-color)}.inv-workspace-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.inv-workspace-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.inv-num-cell{flex-direction:column;gap:3px;display:flex}.inv-num-primary{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.inv-num-refs{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inv-ref-chip{color:var(--text-muted);background:var(--bg-color);border:1px solid var(--border-light);white-space:nowrap;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-flex}.inv-ref-chip.grn{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.inv-ref-chip.po{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.inv-ref-chip.indent{color:#b45309;background:#fffbeb;border-color:#fde68a}.inv-sap-status-bar{border-left:4px solid var(--brand)}.inv-section-header{border-bottom:1px solid var(--border-light);background:var(--bg-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.inv-section-header h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:11.5px;font-weight:900;display:flex}.inv-section-header-icon{background:var(--brand-faint);width:22px;height:22px;color:var(--brand);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.inv-filter-bar{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex;overflow-x:auto}.inv-filter-select{border:1px solid var(--border);border-radius:var(--r-md);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;flex-shrink:0;min-width:120px;padding:0 8px;font-family:inherit;font-size:12.5px;transition:border-color .15s}.inv-filter-date-group{border:1px solid var(--border);border-radius:var(--r-md);background:#fff;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:0 8px;display:flex}.inv-filter-date-sep{color:var(--text-muted);flex-shrink:0;margin:0 2px;font-size:11px}.inv-filter-spacer{flex:1}.inv-reset-btn:hover{color:#dc2626;background:#fee2e2;transform:translateY(-1px)}.inv-result-count{color:var(--text-muted);font-size:12px;font-weight:700}.inv-list-search{border:1px solid var(--border);border-radius:var(--r-md);width:160px;height:32px;box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;transition:all .15s;display:flex}.inv-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 4px;transition:all .15s;display:flex}.inv-search-clear:hover{color:#ef4444;transform:scale(1.15)}.inv-sap-card-metric{border-radius:var(--r-md);flex-direction:column;margin-top:4px;margin-bottom:6px;padding:8px 12px;display:flex}.inv-sap-card-metric.blue{background:#eff6ff;border-left:4px solid #3b82f6}.inv-sap-card-metric.teal{background:#f0fdfa;border-left:4px solid #0d9488}.inv-sap-card-metric span{font-family:JetBrains Mono,monospace;font-size:19px;font-weight:900;line-height:1.2}.inv-sap-card-metric.blue span{color:#1e3a8a}.inv-sap-card-metric.teal span{color:#0f766e}.inv-sap-card-metric label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:3px;font-size:9.5px;font-weight:800}.inv-table-input-helper{color:var(--text-muted);white-space:nowrap;font-size:10px;font-weight:500;display:inline-block}.inv-table-input-helper strong{color:var(--text-secondary)}.discrepancy-row .inv-table-input-helper{color:#c53030}.discrepancy-row .inv-table-input-helper strong{color:#9b1c1c;font-weight:800}.inv-amount-badge{color:#0f766e;border-radius:var(--r-sm);text-align:right;min-width:100px;box-shadow:var(--shadow-xs);background:#f0fdfa;border:1px solid #99f6e4;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;transition:all .15s;display:inline-block}tr:hover .inv-amount-badge{border-color:#0d9488;transform:translateY(-1px);box-shadow:0 4px 8px #0d948826}.inv-count-badge{background:var(--brand-faint);min-width:28px;height:28px;color:var(--brand);border-radius:14px;justify-content:center;align-items:center;padding:0 8px;font-size:13px;font-weight:800;display:inline-flex}.inv-sap-dashboard-timeline{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#ffffff73;border:1px solid #e2e8f0cc;flex-direction:column;flex:0 0 280px;gap:16px;height:fit-content;padding:18px 16px;display:flex;box-shadow:0 4px 20px -2px #94a3b814}.inv-timeline-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-light);align-items:center;gap:8px;padding-bottom:10px;font-size:11px;font-weight:850;display:flex}.inv-timeline-steps{flex-direction:column;padding-left:14px;display:flex;position:relative}.inv-timeline-steps:before{content:"";background:var(--border-light);width:2px;position:absolute;top:6px;bottom:6px;left:3px}.inv-timeline-step{padding-bottom:22px;position:relative}.inv-timeline-step:last-child{padding-bottom:0}.inv-timeline-node{z-index:2;background:#cbd5e1;border:2px solid #fff;border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:3px;left:-17px;box-shadow:0 0 0 2px #cbd5e1}.inv-timeline-step.completed .inv-timeline-node{background:#10b981;box-shadow:0 0 0 2px #10b981}.inv-timeline-step.active .inv-timeline-node{background:#d97706;box-shadow:0 0 0 2px #fde68a}.inv-timeline-step.failed .inv-timeline-node{background:#ef4444;box-shadow:0 0 0 2px #ef4444}.inv-timeline-content{flex-direction:column;gap:2px;padding-left:8px;display:flex}.inv-timeline-title{color:var(--text-primary);font-size:12.5px;font-weight:750}.inv-timeline-meta{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.inv-timeline-desc{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.3}.inv-prompt-header.green-theme{background:#f0fdf4!important;border-bottom:1px solid #bbf7d0!important}.inv-prompt-header-icon.green-icon{color:#059669!important;background:#d1fae5!important}.inv-prompt-header-icon.approve{color:#059669;background:#d1fae5}.inv-prompt-header-icon.release{color:#1d4ed8;background:#dbeafe}.inv-prompt-hold-reason{border-radius:var(--r-md);color:#92400e;background:#fffbeb;border:1px solid #fde68a;align-items:flex-start;gap:6px;margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.inv-amount-pending{color:var(--text-muted);font-size:11px;font-style:italic;font-weight:600}.inv-amount-estimate{color:#0369a1;font-size:11px;font-style:italic;font-weight:700}.inv-attach-chip{text-transform:uppercase;letter-spacing:.04em;color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:4px;align-items:center;gap:3px;margin-top:3px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.inv-attach-link{color:var(--brand);align-items:center;gap:4px;font-size:11.5px;font-weight:700;text-decoration:underline;display:inline-flex}.inv-attach-missing{color:var(--text-muted);font-size:11px;font-style:italic}.inv-attach-upload-btn{color:var(--brand);cursor:pointer;border:1px dashed var(--brand);border-radius:var(--r-md);background:var(--brand-faint);align-items:center;gap:5px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.inv-attach-upload-btn:hover{background:#e0f2fe}.inv-attach-upload-btn input{display:none}.inv-audit-timeline-panel{border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;margin-bottom:16px;padding:16px 20px}.inv-audit-empty{color:var(--text-muted);margin:0;padding:8px 0;font-size:12px;font-style:italic}.inv-timeline-title{align-items:center;display:flex}.inv-info-strip{border:1px solid var(--border-light);border-radius:var(--r-md);background:#fff;flex-shrink:0;align-items:center;gap:0;height:42px;padding:0 4px;display:flex;box-shadow:0 1px 4px #0000000a}.inv-badge-eqi-pending{color:#b45309;background:#fef3c7;border:1px solid #fde68a;animation:2s ease-in-out infinite pulse-opacity}.inv-status-dot.eqi-pending{background-color:#d97706;animation:2s ease-in-out infinite pulse-opacity}.inv-info-chip-icon.orange,.inv-info-chip-val.orange{color:#d97706}.invoice-pagination{border-top:1px solid var(--border-light);border-radius:var(--r-md);border:1px solid var(--border-light);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:12px 20px;display:flex}.invoice-pagination-left{align-items:center;gap:12px;display:flex}.invoice-pagination-right{align-items:center;gap:4px;display:flex}.invoice-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.invoice-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:12px}.invoice-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.invoice-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.invoice-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.invoice-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.invoice-page-btn:disabled{opacity:.4;cursor:not-allowed}.invoice-page-ellipsis{min-width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.inv-sap-vendor-block{border:1px solid var(--border-light);background:#f8fafc;border-radius:8px;flex-direction:column;gap:4px;width:100%;margin:6px 0;padding:8px 12px;display:flex}.inv-sap-vendor-name{color:var(--text-primary);font-size:13px;font-weight:800;text-align:left!important}.inv-sap-vendor-details{color:var(--text-secondary);flex-direction:column;gap:3px;font-size:11px;display:flex;text-align:left!important}.inv-sap-vendor-details div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text-secondary)!important;font-weight:500!important}.inv-sap-vendor-details strong{margin-right:4px;font-weight:600;color:var(--text-muted)!important}.pay-loading{height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.pay-spin{animation:1.2s linear infinite inv-spin}.pay-empty{text-align:center;background:var(--bg-hover);border:1px dashed var(--border);border-radius:var(--r-lg);flex-direction:column;justify-content:center;align-items:center;gap:16px;height:250px;padding:40px;display:flex}.pay-empty-icon{background:var(--brand-faint);color:var(--brand);border-radius:50%;justify-content:center;align-items:center;padding:20px;display:flex}.pay-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.pay-badge-pending{color:#d97706;background:#fffbeb;border:1px solid #fde68a;box-shadow:0 0 8px #d9770614}.pay-badge-processed{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.pay-badge-cleared{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;box-shadow:0 0 8px #34d39926}.pay-tab-count{background:var(--border);min-width:20px;height:18px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;margin-left:6px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:800;transition:all .15s;display:inline-flex}.boq-tab-btn.active .pay-tab-count{color:#fff;background:#ffffff40}.pay-controls-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.pay-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pay-list-search{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;align-items:center;width:280px;height:32px;padding:0 10px;transition:all .15s;display:flex;position:relative}.pay-list-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.pay-list-search input{width:100%;color:var(--text-primary);border:none;outline:none;padding-left:6px;font-size:12.5px}.pay-list-search svg{color:var(--text-muted)}.pay-search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.pay-search-clear:hover{color:#ef4444;background:#fee2e2;transform:scale(1.05)}.pay-filter-select{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-primary);cursor:pointer;background:#fff;outline:none;min-width:140px;padding:0 12px;font-size:12.5px;transition:all .15s}.pay-filter-select:focus{border-color:var(--brand)}.pay-filter-spacer{flex-grow:1}.pay-reset-btn{border:1px solid var(--border);border-radius:var(--r-sm);height:32px;color:var(--text-secondary);cursor:pointer;background:#fff;align-items:center;gap:5px;padding:0 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.pay-reset-btn:hover{color:var(--brand);border-color:var(--brand-light);background:#f3f4f6}.pay-result-count{color:var(--text-muted);border-left:1px solid var(--border);padding-left:8px;font-size:12px;font-weight:700}.pay-table{border-collapse:collapse;width:100%}.pay-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:2px solid var(--border-light);white-space:nowrap;padding:10px 14px;font-size:10px;font-weight:800}.pay-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:10px 14px;font-size:13px}.pay-table tbody tr:hover td{background:#f0f9ff}.pay-num-primary{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.pay-vendor-cell{align-items:center;gap:10px;min-width:0;display:flex}.pay-vendor-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.pay-vendor-avatar{background:var(--brand-faint);width:28px;height:28px;color:var(--brand);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.pay-amount-badge{background:var(--brand-faint);color:var(--brand);border:1px solid var(--brand-light);border-radius:6px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:800;display:inline-block}.pay-method-chip{border:1px solid #0000;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;display:inline-block}.pay-method-chip.neft{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.pay-method-chip.rtgs{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.pay-method-chip.cheque{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.pay-method-chip.cash{color:#d97706;background:#fffbeb;border-color:#fde68a}.pay-method-chip.advance{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.pay-method-chip.pending{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.pay-action-btn{border-radius:var(--r-sm);cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);background:#fff;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.pay-action-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 2px 6px var(--brand-faint)}.pay-action-btn.primary:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 4px 10px var(--brand-faint);transform:translateY(-1px)}.pay-prompt-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172aa6;justify-content:center;align-items:center;animation:.25s cubic-bezier(.16,1,.3,1) pay-fade-in;display:flex;position:fixed;inset:0}.pay-prompt-box{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;width:740px;max-width:95vw;animation:.3s cubic-bezier(.16,1,.3,1) pay-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.pay-prompt-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;padding:20px 24px;display:flex}.pay-prompt-header-icon{background:var(--brand-faint);width:40px;height:40px;color:var(--brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-right:16px;display:flex}.pay-prompt-header-text{flex-grow:1}.pay-prompt-title{color:#0f172a;margin:0;font-size:16px;font-weight:800}.pay-prompt-desc{color:#64748b;margin:4px 0 0;font-size:12px}.pay-prompt-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.pay-prompt-close:hover{color:#0f172a;background:#e2e8f0}.pay-prompt-body{padding:24px}.pay-clearance-summary .pay-sum-item{flex-direction:column;gap:4px;display:flex}.pay-clearance-summary .pay-sum-item label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;margin:0;font-size:10px;font-weight:700}.pay-clearance-summary .pay-sum-item span{color:#0f172a;font-size:14px;font-weight:700}.pay-progress-gauge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:16px}.pay-form-group{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pay-field{flex-direction:column;gap:6px;display:flex}.pay-field label{color:#334155;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.pay-sap-input,.pay-sap-select,.pay-sap-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:40px;padding:0 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.pay-sap-textarea{resize:none;height:90px;padding:12px 14px}.pay-sap-input:focus,.pay-sap-select:focus,.pay-sap-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0d948826}.pay-input-with-icon{align-items:center;display:flex;position:relative}.pay-input-with-icon .pay-sap-input{padding-left:40px!important}.pay-amount-quick-actions{gap:6px;margin-top:6px;display:flex}.pay-amount-pill{cursor:pointer;color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s}.pay-amount-pill:hover{color:#0f172a;background:#e2e8f0}.pay-amount-pill.primary{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.pay-amount-pill.primary:hover{color:#065f46;background:#d1fae5}.pay-advance-info-card{background:#6366f10d;border:1px solid #6366f126;border-radius:10px;grid-column:1/-1;align-items:flex-start;gap:12px;margin-bottom:4px;padding:14px 16px;display:flex}.pay-advance-info-icon{color:#4f46e5;margin-top:2px}.pay-advance-info-details{flex-direction:column;gap:2px;display:flex}.pay-advance-info-title{color:#312e81;font-size:13px;font-weight:700}.pay-advance-info-desc{color:#4f46e5;font-size:11.5px}.pay-upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;margin-top:6px;padding:20px;transition:all .25s;position:relative}.pay-upload-dropzone:hover{border-color:var(--brand);background:#0d948805}.pay-prompt-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:12px;padding:20px 24px;display:flex}.pay-sap-btn-sec{color:#334155;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:40px;padding:0 20px;font-size:13.5px;font-weight:700;transition:all .2s}.pay-sap-btn-sec:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.pay-sap-btn-pri{border:1px solid var(--brand);background:var(--brand);color:#fff;cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px -1px #0d948826}.pay-sap-btn-pri:hover{background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 10px 15px -3px #0d948833}.pay-workspace-scroll{height:calc(100% - 130px);padding-right:4px;overflow-y:auto}.pay-table .col-idx{text-align:center;width:36px;color:var(--text-muted);font-size:11px;font-weight:500}.pay-table .col-payment{width:160px}.pay-table .col-vendor{width:140px;min-width:110px}.pay-table .col-amount{text-align:right;width:140px}.pay-table .col-type{width:100px}.pay-table .col-date{width:110px}.pay-table .col-action{text-align:center;background:var(--bg-card,#fff);z-index:2;width:145px;min-width:145px;position:sticky;right:0;box-shadow:-2px 0 8px #0000000a}.pay-workspace-scroll::-webkit-scrollbar{width:5px}.pay-workspace-scroll::-webkit-scrollbar-track{background:0 0}.pay-workspace-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@keyframes pay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pay-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inv-field select,.inv-field textarea{border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-primary);background:#fff;outline:none;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.inv-field select:focus,.inv-field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.inv-field textarea{resize:none;height:80px}.inv-prompt-modal .inv-prompt-header-icon{border-radius:50%;background:var(--brand-faint)!important;color:var(--brand)!important}.inv-filter-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.inv-filter-select{border:1px solid var(--border);height:34px;color:var(--text-primary);cursor:pointer;background:#fff;border-radius:8px;min-width:130px;padding:0 12px;font-family:inherit;font-size:12.5px;transition:all .2s;box-shadow:0 1px 2px #00000005}.inv-filter-select:hover{border-color:var(--brand-light);background:#fafbfc}.inv-filter-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.inv-filter-date-group{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.inv-filter-date-group:hover{border-color:var(--brand-light)}.inv-filter-date-group:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.inv-filter-date-icon{color:var(--text-muted);flex-shrink:0}.inv-filter-date{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:12.5px}.inv-filter-date-sep{color:var(--text-muted);flex-shrink:0;font-size:12px}.inv-filter-spacer{flex:1;min-width:8px}.inv-reset-btn{border-radius:var(--r-sm);color:#ef4444;cursor:pointer;background:#fff5f5;border:1px solid #fee2e2;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.inv-reset-btn:hover{color:#dc2626;background:#fee2e2}.inv-result-count{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:700}.inv-list-search{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;width:240px;height:34px;padding:0 12px;transition:all .2s;display:flex;box-shadow:0 1px 2px #00000005}.inv-list-search:hover{border-color:var(--brand-light)}.inv-list-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.inv-list-search svg{color:var(--text-muted);flex-shrink:0}.inv-list-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12.5px}.inv-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.inv-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.inv-workspace-scroll{flex:1;min-height:0;flex-direction:column!important;gap:4px!important;display:flex!important;overflow-y:auto!important}.inv-workspace-scroll .inv-controls-row{margin-bottom:2px!important}.inv-workspace-scroll .inv-filter-bar{border-bottom:none!important;margin-bottom:0!important;padding:6px 0!important}.inv-workspace-scroll .inv-info-strip{margin-bottom:0!important}.inv-workspace-scroll .vh-totals-banner{margin-bottom:6px!important;padding:10px 20px!important}.inv-workspace-scroll .vh-card-grid{gap:14px!important;padding-bottom:4px!important}.inv-workspace-scroll .pay-pagination{border-radius:8px!important;flex-shrink:0!important;margin-top:auto!important;padding:8px 16px!important}.inv-workspace-scroll .premium-table-container{flex:1!important;min-height:0!important}.pay-aging-badge{border-radius:10px;align-items:center;gap:4px;margin-top:3px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.pay-aging-badge.fresh{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.pay-aging-badge.warning{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.pay-aging-badge.overdue{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.pay-clearance-summary{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;padding:12px;display:grid}.pay-clearance-summary .pay-sum-item label{text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:9px;font-weight:800;display:block}.pay-clearance-summary .pay-sum-item span{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800}.pay-clearance-summary .pay-sum-item.highlight span{color:var(--brand)}.pay-amount-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.pay-amount-hint strong{color:var(--text-primary)}.pay-summary-strip{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--r-sm);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;padding:8px 12px;font-size:11.5px;display:flex}.pay-summary-strip strong{color:var(--text-primary);font-weight:700}.pay-summary-strip .pay-summary-metric{align-items:center;gap:5px;font-weight:600;display:inline-flex}.pay-summary-strip .pay-summary-metric.paid{color:#0f766e}.pay-summary-strip .pay-summary-metric.due{color:#b45309}.pay-statement-box{flex-direction:column;width:820px;max-width:92vw;max-height:90vh;display:flex}.pay-statement-box .inv-prompt-body{max-height:calc(90vh - 140px);overflow-y:auto}.pay-statement-loading{flex-direction:column;justify-content:center;align-items:center;padding:32px;display:flex}.pay-statement-section{margin-bottom:16px}.pay-statement-section-title{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);margin:0 0 10px;padding-bottom:6px;font-size:11px;font-weight:900}.pay-statement-section-title.cleared{color:#0f766e}.pay-statement-section-title.open{color:#b45309}.pay-statement-empty{text-align:center;background:var(--bg-hover);border:1px dashed var(--border);color:var(--text-muted);border-radius:6px;padding:16px;font-size:12px}.pay-voucher-ledger{flex-direction:column;gap:12px;display:flex}.pay-voucher-card{border:1px solid var(--border-light);border-radius:var(--r-md);background:#fff;overflow:hidden}.pay-voucher-card.open{background:#fffbeb;border-color:#fde68a}.pay-voucher-card.cleared{border-color:#99f6e4}.pay-voucher-card-head{border-bottom:1px solid var(--border-light);background:#fff9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pay-voucher-num{color:var(--text-primary);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:800;display:block}.pay-voucher-amounts{flex-direction:column;align-items:flex-end;gap:3px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700;display:flex}.pay-voucher-amounts .paid{color:#0f766e}.pay-voucher-amounts .due{color:#b45309}.pay-voucher-amounts .period{color:#1d4ed8}.pay-voucher-actions{gap:4px;display:flex}.pay-clearance-table{border-collapse:collapse;width:100%;font-size:11px}.pay-clearance-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);background:var(--bg-hover);border-bottom:1px solid var(--border-light);padding:6px 10px;font-size:9px;font-weight:800}.pay-clearance-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:top;padding:7px 10px}.pay-clearance-table td.amt{color:var(--brand);font-family:JetBrains Mono,monospace;font-weight:800}.pay-clearance-table tr:last-child td{border-bottom:none}.pay-clearance-time{color:var(--text-muted);margin-top:2px;font-size:9.5px}.vs-modal-box{border-radius:16px;flex-direction:column;width:1120px;max-width:96vw;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0000002e,0 0 0 1px #ffffff14}.vs-modal-header{background:linear-gradient(135deg,#f0f9ff 0%,#f8fafc 40%,#fefce8 100%);border-bottom:1px solid #0000000f;flex-shrink:0;align-items:center;gap:16px;padding:22px 24px;display:flex;position:relative}.vs-modal-header:after{content:"";background:linear-gradient(90deg,#0000,#0ea5e926,#f59e0b26,#0000);height:1px;position:absolute;bottom:0;left:24px;right:24px}.vs-modal-avatar{background:linear-gradient(135deg, var(--brand-faint), #e0f2fe);width:48px;height:48px;color:var(--brand);letter-spacing:.5px;border:2px solid #0ea5e926;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:900;display:flex;box-shadow:0 4px 12px #0ea5e914}.vs-modal-avatar.cleared{color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b98140;box-shadow:0 4px 12px #10b9811a}.vs-modal-avatar.outstanding{color:#b45309;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b40;box-shadow:0 4px 12px #f59e0b1a}.vs-modal-title-block{flex:1;min-width:0}.vs-modal-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:800;display:flex;overflow:hidden}.vs-modal-code{color:var(--text-muted);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:700}.vs-modal-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:12px}.vs-modal-subtitle strong{color:var(--text-secondary);font-weight:700}.vs-cleared-badge{white-space:nowrap;letter-spacing:.03em;border-radius:20px;flex-shrink:0;padding:5px 14px;font-size:10.5px;font-weight:800}.vs-cleared-badge.cleared{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;box-shadow:0 2px 8px #10b9811f}.vs-cleared-badge.outstanding{color:#b45309;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;box-shadow:0 2px 8px #f59e0b1f}.vs-modal-body{background:#fafbfc;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.vs-modal-body::-webkit-scrollbar{width:5px}.vs-modal-body::-webkit-scrollbar-track{background:0 0}.vs-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vs-kpi-tiles{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.vs-kpi-tile{text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff80;border-radius:14px;flex-direction:column;align-items:flex-end;gap:6px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008,0 1px 2px #00000005}.vs-kpi-tile:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.vs-kpi-tile.green{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#bbf7d0}.vs-kpi-tile.green .vs-kpi-tile-val{color:#059669}.vs-kpi-tile.amber{background:linear-gradient(135deg,#fffbeb 0%,#fefce8 100%);border-color:#fde68a}.vs-kpi-tile.amber .vs-kpi-tile-val{color:#b45309}.vs-kpi-tile.neutral{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-color:#e2e8f0}.vs-kpi-tile.neutral .vs-kpi-tile-val{color:var(--text-primary)}.vs-kpi-tile-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9.5px;font-weight:800}.vs-kpi-tile-val{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:900;line-height:1}.vs-kpi-tile-hint{color:var(--text-muted);font-size:10.5px;font-weight:500}.vs-progress-block{border:1px solid var(--border-light);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;display:flex;box-shadow:0 2px 8px #00000008}.vs-progress-labels{justify-content:space-between;align-items:center;display:flex}.vs-progress-text{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.vs-progress-pct{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:900}.vs-progress-pct.cleared{color:#059669}.vs-progress-pct.outstanding{color:#d97706}.vs-progress-bar-track{background:#e2e8f0;border-radius:99px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.vs-progress-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1);position:relative}.vs-progress-bar-fill:after{content:"";background:linear-gradient(#ffffff4d 0%,#0000 100%);border-radius:99px;position:absolute;inset:0}.vs-progress-bar-fill.cleared{background:linear-gradient(90deg,#34d399,#10b981,#059669)}.vs-progress-bar-fill.outstanding{background:linear-gradient(90deg,#fbbf24,#f59e0b,#d97706)}.vs-progress-foot{justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.vs-progress-foot-green{color:#059669}.vs-progress-foot-amber{color:#d97706}.vs-section{flex-direction:column;gap:12px;display:flex}.vs-section-header{text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--border-light);color:var(--text-secondary);align-items:center;gap:8px;padding-bottom:10px;font-size:11.5px;font-weight:800;display:flex}.vs-section-count{background:var(--brand-faint);color:var(--brand);border:1px solid var(--brand-light);border-radius:12px;margin-left:auto;padding:2px 10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:900}.vs-voucher-list{flex-direction:column;gap:12px;display:flex}.vs-voucher-card{border:1px solid var(--border-light);background:#fff;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 4px #00000008}.vs-voucher-card:hover{box-shadow:0 4px 16px #0000000f}.vs-voucher-card.outstanding{border-left:4px solid #f59e0b}.vs-voucher-card.cleared{border-left:4px solid #10b981}.vs-voucher-id-row{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc,#fff);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.vs-voucher-id-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vs-voucher-num{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800}.vs-inv-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.vs-voucher-actions{gap:6px;display:flex}.vs-pdf-btn{cursor:pointer;border:1px solid var(--border);height:28px;color:var(--text-secondary);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:0 12px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.vs-pdf-btn:hover:not(:disabled){background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-1px);box-shadow:0 3px 10px #0ea5e933}.vs-pdf-btn:disabled{opacity:.5;cursor:not-allowed}.vs-voucher-fin-bar{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc,#f1f5f9);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;display:grid}.vs-fin-cell{border-right:1px solid var(--border-light);text-align:right;flex-direction:column;align-items:flex-end;gap:4px;padding:12px 16px;display:flex}.vs-fin-cell:last-child{border-right:none}.vs-fin-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:9px;font-weight:800}.vs-fin-val{font-family:JetBrains Mono,monospace;font-size:15px;font-weight:900}.vs-fin-val.green{color:#065f46}.vs-fin-val.amber{color:#92400e}.vs-fin-val.neutral{color:var(--text-primary)}.vs-fin-val.blue{color:#1e40af}.vs-clearance-wrap{overflow-x:auto}.vs-clearance-table{border-collapse:collapse;width:100%;font-size:11.5px}.vs-clearance-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-light);white-space:nowrap;text-align:left;background:#f1f5f9;padding:8px 14px;font-size:9px;font-weight:800}.vs-clearance-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle;white-space:nowrap;text-align:left;padding:10px 14px}.vs-clearance-table tr:last-child td{border-bottom:none}.vs-clearance-table tbody tr:hover td{background:#f0f9ff}.c-green{color:#065f46;font-family:JetBrains Mono,monospace}.c-amber{color:#92400e;font-family:JetBrains Mono,monospace}.c-brand{color:var(--brand);font-family:JetBrains Mono,monospace}.vs-date-cell{color:var(--text-primary);font-weight:600}.vs-time-cell{color:var(--text-muted);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:9.5px}.vs-modal-footer{border-top:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc,#f0f9ff);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.vs-footer-hint{color:var(--text-muted);font-size:11.5px;font-weight:500}.vh-totals-banner{background:linear-gradient(135deg,#fff 0%,#f0f9ff 50%,#fefce8 100%);border:1px solid #0ea5e914;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 0;margin-bottom:18px;padding:16px 24px;display:flex;box-shadow:0 2px 12px #0000000a}.vh-totals-item{flex-direction:column;align-items:center;gap:2px;padding:4px 18px;display:flex}.vh-totals-div{background:linear-gradient(180deg, transparent, var(--border-light), transparent);flex-shrink:0;width:1px;height:24px}.vh-totals-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:9.5px;font-weight:800}.vh-totals-val{white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:800}.vh-totals-val.green{color:#059669}.vh-totals-val.amber{color:#d97706}.vh-totals-val.neutral{color:var(--text-primary)}.vh-totals-val.period{color:var(--brand);font-family:inherit;font-size:13px}.vh-card-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));align-items:start;gap:16px;min-height:0;padding-bottom:20px;display:grid;overflow-y:auto}.vh-card{border:1px solid var(--border-light);cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;padding:0;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005}.vh-card:hover{border-color:var(--brand-light);transform:translateY(-2px);box-shadow:0 8px 24px #0d948814}.vh-card-header{align-items:center;gap:12px;padding:16px 16px 12px;display:flex;position:relative}.vh-avatar{background:linear-gradient(135deg, var(--brand-faint), #e0f2fe);width:40px;height:40px;color:var(--brand);border:1px solid #0d948826;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:800;display:flex}.vh-avatar.cleared{color:#047857;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b98133}.vh-avatar.outstanding{color:#b45309;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b33}.vh-card-identity{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.vh-vendor-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.vh-vendor-code{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600}.vh-status-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:18px;right:18px}.vh-status-dot.cleared{background:#10b981;box-shadow:0 0 0 3px #ecfdf5,0 0 8px #10b98166}.vh-status-dot.outstanding{background:#f59e0b;box-shadow:0 0 0 3px #fffbeb,0 0 8px #f59e0b66}.vh-kpi-row{background:0 0;border-top:1px solid #f1f5f9;grid-template-columns:repeat(2,1fr);gap:12px 16px;padding:12px 18px;display:grid}.vh-kpi{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.vh-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:9px;font-weight:700}.vh-kpi-val{white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13.5px;font-weight:700;overflow:hidden}.vh-kpi.green .vh-kpi-val{color:#10b981}.vh-kpi.amber .vh-kpi-val{color:#f59e0b}.vh-kpi.blue .vh-kpi-val{color:var(--brand)}.vh-progress-wrap{border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:12px 18px 14px;display:flex}.vh-progress-meta{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:9.5px;font-weight:700;display:flex}.vh-pct{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800}.vh-pct.cleared{color:#10b981}.vh-pct.outstanding{color:#f59e0b}.vh-progress-track{background:#f1f5f9;border-radius:99px;height:5px;overflow:hidden}.vh-progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:relative}.vh-progress-fill.cleared{background:#10b981}.vh-progress-fill.outstanding{background:#f59e0b}.vh-card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.vh-last-cleared{color:var(--text-muted);align-items:center;gap:5px;min-width:0;font-size:10.5px;font-weight:500;display:flex;overflow:hidden}.vh-last-cleared strong{color:var(--text-secondary);font-weight:700}.vh-last-cleared svg{color:var(--text-muted);flex-shrink:0}.vh-statement-btn{border:1px solid var(--brand-light);height:26px;color:var(--brand);background:linear-gradient(135deg, #fff, var(--brand-faint));cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:0 10px;font-size:11.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.vh-statement-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);transform:translateY(-1px)scale(1.02);box-shadow:0 4px 12px #0ea5e940}.inv-info-strip{border:1px solid var(--border-light);background:linear-gradient(135deg,#fff,#f8fafc);border-radius:10px;flex-shrink:0;align-items:center;gap:0;height:38px;padding:0 4px;display:flex;box-shadow:0 1px 4px #0000000a}.inv-info-chip{cursor:default;border-radius:6px;align-items:center;gap:4px;height:100%;padding:0 12px;transition:background .15s;display:flex}.inv-info-chip:hover{background:var(--brand-faint)}.inv-info-chip-val{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:800;line-height:1}.pay-table th,.pay-table td{padding:10px 12px!important}.pay-table .pay-num-primary{letter-spacing:-.02em;font-size:11.5px!important}.pay-table .inv-ref-chip{padding:1px 5px!important;font-size:9.5px!important}.pay-table .inv-amount-badge{letter-spacing:-.01em;color:#0f766e!important;background:linear-gradient(135deg,#f0fdfa 0%,#e6fffa 100%)!important;border-color:#5eead4!important;min-width:90px!important;padding:4px 10px!important;font-family:JetBrains Mono,monospace!important;font-size:13px!important;font-weight:900!important;box-shadow:0 2px 6px #0d94881f!important}.pay-table tbody tr:hover .inv-amount-badge{transform:translateY(-1px);background:linear-gradient(135deg,#ccfbf1 0%,#d1fae5 100%)!important;border-color:#0d9488!important;box-shadow:0 4px 12px #0d948838!important}.pay-table .inv-badge,.pay-table .pay-method-chip{padding:2px 6px!important;font-size:10px!important}.pay-table .pay-aging-badge{padding:1px 5px!important;font-size:9.5px!important}.pay-detail-wrap{flex-direction:column;height:100%;margin:-10px -12px -12px;display:flex;overflow:hidden}.pay-detail-topbar{border-bottom:1px solid var(--border-light);border-left:4px solid var(--brand);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;align-items:center;gap:14px;padding:14px 20px;display:flex}.pay-detail-topbar-title{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pay-detail-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:12px 16px;display:flex;overflow-y:auto}.pay-detail-body::-webkit-scrollbar{width:5px}.pay-detail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pay-btn-back{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pay-btn-back:hover{border-color:var(--brand-light);color:var(--brand);background:#fff}.pay-detail-cards-row{grid-template-columns:1.7fr 1fr;gap:16px;display:grid}.pay-section-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;padding:14px 16px}.pay-section-table{padding:12px 0 0;overflow:hidden}.pay-section-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:10px;padding:0 16px;font-size:12px;font-weight:800;display:flex}.pay-section-table .pay-section-title{border-bottom:1px solid var(--border-light);margin-bottom:0;padding:0 16px 10px}.pay-section-count{background:var(--brand-faint);min-width:20px;height:20px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.pay-info-columns{grid-template-columns:1.15fr .85fr;gap:24px;padding:16px;display:grid}.pay-info-col{flex-direction:column;gap:12px;display:flex}.pay-info-row{border-bottom:1px dashed var(--border-light);grid-template-columns:130px 1fr;align-items:center;gap:12px;padding:8px 0;display:grid}.pay-info-row:last-child{border-bottom:none}.pay-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:700}.pay-info-value{color:var(--text-primary);text-align:left;word-break:normal;overflow-wrap:break-word;min-width:0;font-size:13px;font-weight:600;display:block}.pay-info-value.pay-mono{word-break:break-all}.pay-info-footer{border-top:1px solid var(--border-light);background:#f8fafc;grid-template-columns:1fr 1fr;gap:20px;padding:16px;display:grid}.pay-view-attach-link{color:var(--brand);background:var(--brand-faint);border:1px solid var(--brand-light);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.pay-view-attach-link:hover{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 8px var(--brand-faint);transform:translateY(-1px)}.pay-summary-rows{flex-direction:column;display:flex}.pay-summary-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;font-weight:600;display:flex}.pay-summary-row:last-child{border-bottom:none}.pay-summary-total{color:var(--brand);border-top:2px solid var(--border);border-bottom:none;margin-top:4px;padding-top:10px;font-size:15px;font-weight:900}.pay-detail-table-wrap{overflow-x:auto}.pay-detail-table-wrap::-webkit-scrollbar{height:5px}.pay-detail-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pay-detail-table{min-width:860px}.pay-kpi-ribbon{background:0 0;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:14px;padding:12px 20px;display:grid}.pay-kpi-card{border:1px solid var(--border-light);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;align-items:center;gap:16px;padding:16px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pay-kpi-card:before{content:"";background:0 0;width:100%;height:3px;position:absolute;top:0;left:0}.pay-kpi-card.blue:before{background:var(--brand)}.pay-kpi-card.rose:before{background:var(--danger)}.pay-kpi-card.emerald:before{background:#10b981}.pay-kpi-card.gold:before{background:var(--accent)}.pay-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-light);transform:translateY(-2px)}.pay-kpi-icon-wrapper{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.pay-kpi-icon-wrapper.blue{background:var(--brand-faint);color:var(--brand)}.pay-kpi-icon-wrapper.rose{background:var(--danger-faint);color:var(--danger)}.pay-kpi-icon-wrapper.emerald{color:#10b981;background:#ecfdf5}.pay-kpi-icon-wrapper.gold{background:var(--accent-faint);color:var(--accent)}.pay-kpi-content{flex-direction:column;gap:3px;display:flex}.pay-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.pay-kpi-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:20px;font-weight:900;line-height:1}.pay-kpi-value.blue{color:var(--brand)}.pay-kpi-value.rose{color:var(--danger)}.pay-kpi-value.emerald{color:#10b981}.pay-kpi-value.gold{color:var(--brand-dark)}@media (width<=1200px){.pay-detail-cards-row{grid-template-columns:1fr}}@media (width<=1024px){.pay-kpi-ribbon{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pay-info-columns,.pay-info-footer{grid-template-columns:1fr;gap:12px}}.pay-view-doc-link:hover{background:#d1fae5}.pay-view-empty{text-align:center;color:var(--text-muted,#9aa5b4);padding:24px 20px;font-size:13px}.pay-input-with-icon{align-items:center;width:100%;display:flex;position:relative}.pay-input-with-icon svg{color:var(--text-muted);pointer-events:none;z-index:10;position:absolute;left:12px}.pay-input-with-icon .pay-sap-input{width:100%;padding-left:36px!important}.c-muted{color:var(--text-muted,#9aa5b4)}.c-mono{font-family:monospace;font-size:12px}.c-green{color:#059669}.c-amber{color:#b45309}.c-brand{color:var(--brand,#0d9488)}.ta-right,.col-right{text-align:right}.col-center{text-align:center}.pay-pagination{border-top:1px solid var(--border-light);border:1px solid var(--border-light);background:#fff;border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:8px 16px;display:flex;box-shadow:0 1px 3px #00000008}.pay-pagination-left{align-items:center;gap:10px;display:flex}.pay-pagination-right{align-items:center;gap:3px;display:flex}.pay-page-info{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:600}.pay-page-size-select{border:1px solid var(--border);border-radius:var(--r-sm);height:28px;color:var(--text-primary);cursor:pointer;background:#fff;padding:0 8px;font-family:inherit;font-size:11.5px}.pay-page-size-select:focus{border-color:var(--brand-light);box-shadow:0 0 0 2px var(--brand-faint);outline:none}.pay-page-btn{border:1px solid var(--border);border-radius:var(--r-sm);min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 6px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pay-page-btn:hover:not(:disabled){border-color:var(--brand-light);color:var(--brand);background:var(--brand-faint)}.pay-page-btn.active{border-color:var(--brand);color:#fff;background:var(--brand);font-weight:800}.pay-page-btn:disabled{opacity:.4;cursor:not-allowed}.pay-page-ellipsis{min-width:28px;height:28px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:inline-flex}.vs-table-wrap{border:1px solid var(--border-light);background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 3px #00000005}.vs-master-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.vs-master-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1.5px solid var(--border-light);background:#f8fafc;padding:10px 16px;font-size:9.5px;font-weight:800}.vs-master-table td{border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle;padding:12px 16px}.vs-row-clickable{cursor:pointer;transition:background .15s}.vs-row-clickable:hover{background:#f8fafc}.vs-row-clickable.expanded{background:#f0f9ff}.vs-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.vs-row-clickable:hover .vs-toggle-btn{color:var(--brand)}.vs-expanded-row td{border-bottom:1px solid var(--border-light);background:#fafbfc;padding:0!important}.vs-expanded-clearances{border-left:3px solid var(--brand-light);background:#fafbfc;padding:16px 24px 20px 54px}.vs-clearances-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;font-size:11px;font-weight:800}.vs-clearance-timeline{border-left:1.5px dashed var(--border-light);flex-direction:column;gap:12px;padding-left:16px;display:flex;position:relative}.vs-clearance-line-item{align-items:flex-start;gap:12px;display:flex;position:relative}.vs-cli-marker{border:2px solid var(--brand);background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:-21.5px}.vs-clearance-line-item:first-child .vs-cli-marker{border-color:#10b981}.vs-cli-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.vs-cli-date{color:var(--text-secondary);min-width:80px;font-size:11.5px;font-weight:700}.vs-cli-desc{color:var(--text-primary);flex:1;font-size:12px}.vs-cli-desc strong{font-weight:700}.vs-cli-desc code{background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:11px}.vs-cli-amounts{align-items:center;gap:16px;margin-left:auto;display:flex}.vs-cli-paid{color:#10b981;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800}.vs-cli-bal{color:var(--text-muted);text-align:right;min-width:100px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.vs-cli-bal-val{color:var(--text-primary);font-weight:800}.vs-cli-attachment-link{color:var(--brand);background:var(--brand-faint);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.vs-cli-attachment-link:hover{background:var(--brand);color:#fff}.vs-clearance-empty{color:var(--text-muted);margin:0;font-size:12px;font-style:italic}.vs-amount{text-align:right;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.vs-amount.green{color:#10b981}.vs-amount.amber{color:#f59e0b}.vs-amount.neutral{color:var(--text-primary)}.reports-badge{border-radius:var(--r-sm);text-transform:uppercase;white-space:nowrap;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.reports-badge.status-approved,.reports-badge.status-verified,.reports-badge.status-cleared,.reports-badge.status-processed,.reports-badge.status-matched,.reports-badge.status-active{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.reports-badge.status-submitted,.reports-badge.status-pending,.reports-badge.status-draft,.reports-badge.status-partial,.reports-badge.status-partially\ received,.reports-badge.status-eqi\ pending{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.reports-badge.status-rejected,.reports-badge.status-cancelled,.reports-badge.status-held,.reports-badge.status-discrepancy{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.reports-badge.status-sent\ to\ vendor,.reports-badge.status-closed{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.reports-global-empty{text-align:center;min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex}.reports-global-empty h1{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.reports-global-empty p{max-width:420px;margin:0 auto;font-size:14px;line-height:1.5}.rpt-filter-panel{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex;border:none!important;border-bottom:1px solid var(--border-light)!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;margin-bottom:4px!important;padding:4px 0!important}.rpt-filter-left{flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.rpt-filter-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.rpt-filter-row{flex-direction:row;align-items:center;gap:6px;display:flex}.rpt-filter-label{color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:11px;font-weight:700;display:flex}.rpt-filter-select,.rpt-date-input{width:auto;border:1px solid var(--border)!important;height:32px!important;color:var(--text-primary)!important;background-color:#fff!important;border-radius:6px!important;outline:none!important;padding:0 8px!important;font-family:inherit!important;font-size:12px!important;transition:border-color .15s,box-shadow .15s!important}.rpt-generate-btn{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 12px!important;font-size:11.5px!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.rpt-generate-btn:hover:not(:disabled){background:var(--brand-dark,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #1d6fb840!important}.rpt-generate-btn:disabled{opacity:.65;cursor:not-allowed}.rpt-generate-btn.dirty{animation:1.5s ease-in-out infinite rpt-pulse}@keyframes rpt-pulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 5px #3b82f600}}.reports-table-footer{border-top:2px solid var(--border-color,#cbd5e1);background:#f8fafc}.reports-table-footer tr:hover{background:#f8fafc!important}.reports-table-footer td{color:var(--text-primary);font-weight:700;border-top:2px solid #cbd5e1!important}.boq-kpi-bar{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:6px;display:grid}.boq-kpi-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;flex-direction:column;gap:4px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #94a3b814,0 2px 6px -1px #94a3b80a}.boq-kpi-card:before{content:"";background:linear-gradient(to bottom, var(--brand,#3b82f6), #1d4ed8);border-radius:4px 0 0 4px;width:4px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.boq-kpi-card.clickable{cursor:pointer!important}.boq-kpi-card.clickable:hover{border-color:var(--brand-light,#93c5fd);transform:translateY(-2px)!important;box-shadow:0 6px 16px #00000014!important}.boq-kpi-card.clickable:hover:before{width:6px}.boq-kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted,#64748b);font-size:10px;font-weight:700}.boq-kpi-value{color:var(--text-primary,#0f172a);letter-spacing:-.03em;margin-top:1px;font-family:JetBrains Mono,Roboto Mono,monospace;font-size:17px;font-weight:800;line-height:1.1}.boq-kpi-card:has(.boq-kpi-value.green):before{background:linear-gradient(#10b981,#047857)}.boq-kpi-card:has(.boq-kpi-value.amber):before{background:linear-gradient(#f59e0b,#d97706)}.boq-kpi-card:has(.boq-kpi-value.red):before{background:linear-gradient(#ef4444,#dc2626)}.boq-kpi-card:has(.boq-kpi-value.rose):before{background:linear-gradient(#f43f5e,#be123c)}.boq-kpi-card:has(.boq-kpi-value.violet):before{background:linear-gradient(#8b5cf6,#6d28d9)}.boq-kpi-card:has(.boq-kpi-value.slate):before{background:linear-gradient(#64748b,#475569)}.boq-kpi-value.brand{color:var(--brand,#3b82f6)}.boq-kpi-value.green{color:#10b981}.boq-kpi-value.amber{color:#f59e0b}.boq-kpi-value.red{color:#ef4444}.boq-kpi-value.rose{color:#f43f5e}.boq-kpi-value.violet{color:#8b5cf6}.boq-kpi-value.slate{color:#64748b}.boq-kpi-card.active-kpi{transform:translateY(0)!important;box-shadow:0 2px 8px #0000000f!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.green){background:#f0fdf4!important;border-color:#bbf7d0!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.amber){background:#fffbeb!important;border-color:#fde68a!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.red){background:#fef2f2!important;border-color:#fecaca!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.rose){background:#fff5f5!important;border-color:#ffe3e3!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.violet){background:#f5f3ff!important;border-color:#ddd6fe!important}.boq-kpi-card.active-kpi:has(.boq-kpi-value.brand){background:#eff6ff!important;border-color:#bfdbfe!important}.boq-project-item{border-bottom:1px solid var(--border-light,#f1f5f9);cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:6px;margin:4px 8px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.boq-project-item:hover{background:var(--bg-hover,#f8fafc);border-color:var(--border-light);transform:translate(3px)}.boq-project-item.active{background:linear-gradient(135deg, var(--brand,#3b82f6) 0%, #1d4ed8 100%)!important;color:#fff!important;border-color:#1d4ed8!important;box-shadow:0 6px 16px #1d4ed833!important}.boq-project-item.active .boq-project-item-code{color:#fffc!important}.boq-project-item-name{color:var(--text-primary,#1e293b);font-size:13.5px;font-weight:600;transition:color .15s}.boq-project-item-code{color:var(--text-muted,#64748b);align-items:center;gap:4px;font-size:11px;display:flex}.premium-table-container{border:1px solid var(--border-light,#e2e8f0);background:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:0;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.premium-table-container th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.05em!important;background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:12px 16px!important;font-size:11.5px!important;font-weight:700!important}.premium-table-container td{color:#1e293b;vertical-align:middle!important;border-bottom:1px solid #e2e8f0!important;padding:12px 16px!important}.premium-table-container tbody tr{transition:background-color .15s!important}.premium-table-container tbody tr:hover{background-color:#f1f5f9!important}.premium-table-container tfoot td{color:#0f172a!important;background-color:#f8fafc!important;border-top:2px solid #cbd5e1!important;font-weight:700!important}#print-section{display:none}@media print{.sidebar,.navbar,.boq-sidebar,.boq-content-area,.no-print{display:none!important}html,body,#root,.app-layout,.app-layout__body,.app-layout__main,.boq-page-container{background:#fff!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}@page{margin:0!important}#print-section{font-size:11px;line-height:1.4;color:#000!important;box-sizing:border-box!important;background:#fff!important;width:100%!important;max-width:100%!important;margin:0!important;padding:1.6cm 1.2cm!important;display:block!important;position:relative!important;overflow:visible!important}.print-report-layout{width:100%!important;max-width:100%!important}.print-letterhead{border-bottom:2px solid #000;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:8px;display:flex}.print-letterhead h2{color:#111;margin:0;font-size:16px;font-weight:800}.print-letterhead h3{text-align:right;margin:0;font-size:14px;font-weight:700}.print-letterhead span{color:#555;margin-top:2px;font-size:10px;display:block}.print-meta-grid{grid-template-columns:repeat(4,1fr);gap:4px 12px;margin-bottom:12px;font-size:10px;display:grid}.print-kpi-row{gap:8px;margin-bottom:12px;display:flex}.print-kpi-block{background:#f9f9f9;border:1px solid #ccc;flex:1;padding:5px 8px}.print-kpi-block .lbl{text-transform:uppercase;color:#555;margin-bottom:2px;font-size:7.5px;display:block}.print-kpi-block .val{font-size:12px;font-weight:700;display:block}.print-table-container{margin-top:8px}.print-data-table{border-collapse:collapse;width:100%;font-size:9.5px}.print-data-table th,.print-data-table td{text-align:left;border:1px solid #ddd;padding:4px 5px}.print-data-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:700;color:#fff!important;background-color:#1f2937!important}.print-data-table tfoot td{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:700;background-color:#f3f4f6!important}.print-data-table tr{page-break-inside:avoid}.no-print{display:none!important}}.reports-table-loading,.reports-table-empty{animation:.25s ease-in-out rptFadeIn}@keyframes rptFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reports-parent-row-expanded{background:var(--bg-hover,#f8fafc)!important}.reports-detail-row{transition:all .3s;background:var(--bg-hover,#f8fafc)!important}.reports-detail-row td{border-top:none!important}.nested-details-wrapper{border:1px solid var(--border);border-radius:var(--r-md,8px);background:#fff;margin:4px 8px 8px 24px;padding:14px;animation:.3s cubic-bezier(.4,0,.2,1) rptFadeIn;overflow:hidden;box-shadow:0 4px 12px #00000008}.nested-details-title{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.nested-empty-text{color:var(--text-muted);margin:0;font-size:12px;font-style:italic}.nested-details-table{border-collapse:collapse;table-layout:auto;background:0 0;width:100%;font-size:11.5px}.nested-details-table th,.nested-details-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:6px 10px}.nested-details-table th{background:var(--bg-hover,#f8fafc);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.nested-details-table tbody tr:hover{background:var(--bg-hover,#f8fafc)}.nested-details-table tr:last-child td{border-bottom:none}.reports-row-toggle-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.reports-row-toggle-btn:hover{background:var(--bg-hover,#f8fafc);border-color:var(--border);color:var(--brand)}.reports-row-toggle-btn.expanded{background:var(--brand-faint);border-color:var(--brand);color:var(--brand)}.payment-detailed-grid{background:var(--bg-hover,#f8fafc);border-radius:var(--r-sm,4px);border:1px dashed var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:14px;display:grid}.payment-detailed-item{flex-direction:column;gap:4px;font-size:12px;display:flex}.payment-detailed-item strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.payment-detailed-item span{color:var(--text-primary)}@media print{.print-nested-table{border-collapse:collapse;background:#fff;width:95%;margin:6px auto 12px;font-size:8.5px}.print-nested-table th,.print-nested-table td{text-align:left;border:1px solid #ddd;padding:3px 6px}.print-nested-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact;font-weight:700;color:#111!important;background-color:#f3f4f6!important}.print-detail-row td{background-color:#fafafa!important;padding:0!important}}.p2p-timeline-container{border:1px solid var(--border);border-radius:var(--r-md,8px);background:linear-gradient(135deg,#fff 0%,#fcfdfe 100%);margin:6px 0 14px;padding:14px 16px;overflow:hidden;box-shadow:0 4px 20px -2px #0000000a}.p2p-timeline-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;margin:0 0 16px;font-size:13px;font-weight:800;display:flex}.p2p-timeline-flow{align-items:stretch;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.p2p-timeline-node{border-radius:var(--r-md,8px);border:1px solid var(--border);background:#fff;flex-direction:column;flex:1;min-width:140px;max-width:220px;padding:8px 10px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000005}.p2p-timeline-node:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.p2p-timeline-node.not-started{opacity:.65;background:#fafafa;border-color:#e5e7eb}.p2p-timeline-node.not-started .p2p-node-header{color:var(--text-muted)}.p2p-timeline-node.active-node{border-color:var(--brand);background:var(--brand-faint);box-shadow:0 0 0 3px rgba(var(--brand-rgb,59, 130, 246), .15)}.p2p-timeline-node.active-node .p2p-node-header{color:var(--brand);font-weight:800}.p2p-timeline-node.completed{background:#f0fdf4;border-color:#bbf7d0}.p2p-timeline-node.completed .p2p-node-header{color:#15803d}.p2p-timeline-node.pending{background:#fffbeb;border-color:#fde68a}.p2p-timeline-node.pending .p2p-node-header{color:#b45309}.p2p-timeline-node.rejected{background:#fef2f2;border-color:#fecaca}.p2p-timeline-node.rejected .p2p-node-header{color:#b91c1c}.p2p-node-header{text-transform:uppercase;letter-spacing:.02em;color:var(--text-secondary);border-bottom:1px dashed var(--border);align-items:center;gap:6px;margin-bottom:8px;padding-bottom:6px;font-size:11px;font-weight:700;display:flex}.p2p-node-body{flex:1;align-items:center;min-height:28px;display:flex}.p2p-empty-text{color:var(--text-muted);font-size:10.5px;font-style:italic}.p2p-badge-container{flex-direction:column;gap:6px;width:100%;display:flex}.p2p-doc-badge{border-radius:var(--r-sm,4px);background:var(--bg-hover,#f8fafc);border:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;padding:4px 6px;font-size:10.5px;display:flex;overflow:hidden}.p2p-doc-badge.current-doc{border-color:var(--brand);background:#fff}.p2p-doc-badge .doc-num{color:var(--text-primary);font-weight:800;font-family:var(--font-mono,monospace);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;display:block;overflow:hidden}.p2p-doc-badge .doc-status{text-transform:uppercase;letter-spacing:.02em;margin-top:1px;font-size:8px;font-weight:700;display:inline-block}.p2p-doc-badge .doc-status.status-approved,.p2p-doc-badge .doc-status.status-verified,.p2p-doc-badge .doc-status.status-cleared,.p2p-doc-badge .doc-status.status-processed,.p2p-doc-badge .doc-status.status-matched{color:#166534}.p2p-doc-badge .doc-status.status-submitted,.p2p-doc-badge .doc-status.status-pending,.p2p-doc-badge .doc-status.status-draft,.p2p-doc-badge .doc-status.status-partial{color:#92400e}.p2p-doc-badge .doc-amount{color:var(--brand);margin-top:2px;font-size:9px;font-weight:700}.p2p-timeline-connector{justify-content:center;align-items:center;padding:0 4px;display:flex}.p2p-connector-arrow{color:var(--text-muted);opacity:.35;font-size:14px;font-weight:700;transition:all .25s}.p2p-timeline-connector.active-line .p2p-connector-arrow{color:var(--brand);opacity:.9;animation:2s ease-in-out infinite p2p-arrow-pulse}@keyframes p2p-arrow-pulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(3px)}}@media print{.p2p-timeline-container{border:1px solid #ccc;margin-bottom:15px;padding:10px;box-shadow:none!important;background:#fff!important}.p2p-timeline-flow{overflow:visible}.p2p-timeline-node{min-width:120px;opacity:1!important;box-shadow:none!important;background:#fff!important;border:1px solid #ccc!important}.p2p-doc-badge{background:#fff!important;border:1px solid #ccc!important}}.premium-table-container .bpms-table-wrapper{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;overflow:visible!important}.premium-table-container .boq-table-scroll-wrap{box-shadow:none!important;border:none!important;border-radius:0!important}.premium-table-container .bpms-th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.06em!important;background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:12px 16px!important;font-size:11px!important;font-weight:700!important}.premium-table-container .bpms-td{color:#1e293b;vertical-align:middle!important;border-bottom:1px solid #e2e8f0!important;padding:12px 16px!important;font-size:12.5px!important}.premium-table-container .bpms-tr:hover .bpms-td{background-color:var(--brand-faint)!important}.premium-table-container .reports-table-footer td{color:#0f172a!important;background-color:#f8fafc!important;border-top:2px solid #cbd5e1!important;font-weight:700!important}.boq-content-header{border-bottom:1px solid var(--border)!important;background:#fff!important;padding:12px 20px!important;box-shadow:0 1px 3px #00000005!important}.stock-statement-table{table-layout:fixed!important;width:100%!important;min-width:850px!important}.stock-statement-table th,.stock-statement-table td{padding:8px 10px!important;font-size:12.5px!important}.stock-statement-table th{padding:10px!important}.stock-statement-table .cell-material-name{white-space:normal!important;word-break:break-word!important}@media print{.print-data-table .cell-material-name{white-space:normal!important;word-break:break-word!important}}.reports-unified-filter-card{border:1px solid var(--border)!important;background:#fff!important;border-radius:8px!important;flex-direction:column!important;gap:8px!important;margin-bottom:4px!important;padding:8px 12px!important;display:flex!important;box-shadow:0 1px 3px #00000005!important}.rpt-filter-row-container{justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;display:flex!important}.rpt-filter-left-group{flex-wrap:wrap!important;flex:1!important;align-items:center!important;gap:8px 14px!important;min-width:0!important;display:flex!important}.rpt-filter-item{align-items:center!important;gap:6px!important;display:flex!important}.rpt-filter-lbl{color:var(--text-secondary)!important;white-space:nowrap!important;align-items:center!important;gap:4px!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important}.rpt-filter-select,.rpt-date-input{border:1px solid var(--border)!important;height:28px!important;color:var(--text-primary)!important;background-color:#fff!important;border-radius:6px!important;outline:none!important;padding:0 6px!important;font-size:11.5px!important;transition:border-color .15s,box-shadow .15s!important}.rpt-filter-select{width:auto!important;max-width:135px!important}.rpt-filter-select:focus,.rpt-date-input:focus{border-color:var(--brand-light)!important;box-shadow:0 0 0 2px var(--brand-faint)!important}.rpt-date-input{width:115px!important}.rpt-filter-right-group{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.rpt-generate-btn{border-radius:6px!important;height:28px!important;padding:0 10px!important;font-size:11px!important;font-weight:700!important}@media (width<=1150px){.rpt-filter-left-group{flex-wrap:wrap!important}}.rpt-search-export-container{border-top:1px solid var(--border-light)!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;padding-top:10px!important;display:flex!important}.rpt-search-left-group{flex:1!important;align-items:center!important;gap:10px!important;display:flex!important}.rpt-record-count-badge{color:var(--brand)!important;background:var(--brand-faint)!important;white-space:nowrap!important;border-radius:6px!important;align-items:center!important;height:32px!important;padding:0 8px!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important}.rpt-active-filter-badge{color:var(--brand)!important;background:var(--brand-faint)!important;cursor:pointer!important;white-space:nowrap!important;border-radius:6px!important;align-items:center!important;gap:4px!important;height:32px!important;padding:0 8px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important}.rpt-checkbox-label{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;color:var(--text-secondary)!important;align-items:center!important;gap:6px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.rpt-checkbox-input{width:14px!important;height:14px!important;accent-color:var(--brand)!important;cursor:pointer!important;margin:0!important}.rpt-export-right-group{flex-shrink:0!important;align-items:center!important;gap:6px!important;display:flex!important}.rpt-export-btn{border:1px solid var(--border)!important;height:32px!important;color:var(--text-primary)!important;background:#fff!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0 12px!important;font-size:12px!important;font-weight:600!important;transition:all .15s!important;display:inline-flex!important}.rpt-export-btn:hover{background:var(--bg-hover)!important;border-color:var(--text-secondary)!important}.rpt-export-btn.pdf{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.rpt-export-btn.pdf:hover{background:#fee2e2!important;border-color:#fca5a5!important}.rpt-export-btn.excel{color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.rpt-export-btn.excel:hover{background:#dcfce7!important;border-color:#86efac!important}.boq-content-area .boq-tab-view{flex-direction:column!important;gap:6px!important;padding:6px 12px 12px!important;display:flex!important}.boq-content-area .premium-table-container{margin-top:0!important}.reports-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important;height:auto!important;padding:12px 20px!important}.reports-header .boq-selected-title{flex:none!important;width:100%!important}.reports-header .boq-tab-switcher{align-self:flex-start!important;width:100%!important;max-width:100%!important}.bpms-toaster{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}@keyframes toast-enter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.bpms-toast{pointer-events:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 16px;animation:.2s cubic-bezier(.2,0,0,1) forwards toast-enter;display:flex}.bpms-toast--success{border-left:4px solid #10b981}.bpms-toast--success .bpms-toast__icon{color:#10b981}.bpms-toast--error{border-left:4px solid #ef4444}.bpms-toast--error .bpms-toast__icon{color:#ef4444}.bpms-toast--info{border-left:4px solid #3b82f6}.bpms-toast--info .bpms-toast__icon{color:#3b82f6}.bpms-toast__icon{align-items:center;display:flex}.bpms-toast__message{color:var(--text-primary);flex:1;font-size:.82rem;font-weight:500;line-height:1.4}.bpms-toast__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background .15s,color .15s;display:flex}.bpms-toast__close:hover{background:var(--border-light);color:var(--text-primary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-mono:"JetBrains Mono", "Roboto Mono", "Courier New", monospace;--brand:#1d6fb8;--brand-dark:#155a96;--brand-mid:#2980d4;--brand-light:#dbeeff;--brand-faint:#1d6fb817;--brand-glow:#1d6fb82e;--accent:#f59e0b;--accent-faint:#f59e0b1a;--bg-color:#f1f4f9;--bg-subtle:#e8ecf3;--surface:#fff;--surface-raised:#fff;--border:#dde3ec;--border-light:#eef1f6;--text-primary:#0d1b2e;--text-secondary:#3d5166;--text-muted:#6b7f96;--sb-bg:#16213e;--sb-bg-top:#1a2744;--sb-border:#ffffff12;--sb-text:#94a8c4;--sb-text-dim:#5d7899;--sb-hover:#ffffff0f;--sb-active-bg:#1d6fb833;--sb-active-color:#fff;--sb-active-bar:#4da3ff;--sb-w:200px;--sb-w-sm:64px;--nav-h:54px;--shadow-xs:0 1px 2px #0d1b2e0f;--shadow-sm:0 1px 4px #0d1b2e14, 0 1px 2px #0d1b2e0a;--shadow-md:0 4px 16px #0d1b2e14;--shadow-lg:0 8px 32px #0d1b2e1f;--shadow-brand:0 4px 20px #1d6fb840;--success:#15803d;--success-faint:#dcfce7;--warning:#d97706;--warning-faint:#fef3c7;--danger:#dc2626;--danger-faint:#fef2f2;--bg:#f8fafc;--bg-hover:#f1f5f9;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px}html,body,#root{height:100%;color:var(--text-primary);background-color:var(--bg-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit}.indent-type-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:30px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-flex}.indent-type-mat{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.indent-type-wb{color:#7c3aed;background:#f5f3ff;border:1px solid #c4b5fd}.indent-type-eqi{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.bpms-page{background:var(--bg-color);flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px 28px 48px;display:flex;overflow-y:auto}.bpms-page::-webkit-scrollbar{width:5px}.bpms-page::-webkit-scrollbar-track{background:0 0}.bpms-page::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bpms-panel{background:var(--bg-color);flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.bpms-page-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.bpms-page-title-row{align-items:center;gap:12px;display:flex}.bpms-page-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:800}.bpms-count-pill{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--brand);white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.bpms-count-pill .count-num{font-family:var(--font-mono);font-size:14px;font-weight:800}.bpms-toolbar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.bpms-toolbar-divider{background:var(--border);flex-shrink:0;width:1px;height:20px}.bpms-search{background:var(--bg-color);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:6px;height:34px;padding:0 10px;transition:all .2s;display:flex}.bpms-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);background:#fff}.bpms-search svg{color:var(--text-muted);flex-shrink:0}.bpms-search input{color:var(--text-primary);background:0 0;border:none;outline:none;width:200px;padding:6px 4px;font-family:inherit;font-size:13px}.bpms-search input::placeholder{color:var(--text-muted)}.bpms-filter-select{border:1px solid var(--border);border-radius:var(--r-md);height:34px;color:var(--text-secondary);background:var(--bg-color);cursor:pointer;outline:none;padding:0 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s}.bpms-filter-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint)}.bpms-btn{border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;color:var(--text-primary);white-space:nowrap;background:#fff;justify-content:center;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.bpms-btn:hover{background:var(--bg-color)}.bpms-btn:disabled{opacity:.5;cursor:not-allowed}.bpms-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand-dark)}.bpms-btn--primary:hover{background:var(--brand-dark)}.bpms-btn--danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bpms-btn--danger:hover{background:#fee2e2}.bpms-btn--success{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.bpms-btn--success:hover{background:#bbf7d0}.bpms-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.bpms-btn--ghost:hover{background:var(--bg-color);border-color:var(--border)}.btn-with-icon{align-items:center;gap:6px;display:inline-flex}.bpms-table-card{border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.bpms-table-scroll{flex:1;min-height:0;overflow:auto}.bpms-table-scroll::-webkit-scrollbar{width:5px;height:5px}.bpms-table-scroll::-webkit-scrollbar-track{background:var(--bg-color)}.bpms-table-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.bpms-table-footer{border-top:1px solid var(--border);background:var(--bg-color);flex-shrink:0;justify-content:center;padding:12px 16px;display:flex}.table-row-hover:hover .bpms-td{background:var(--brand-faint)}.bpms-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10.5px;font-weight:800;display:inline-flex}.bpms-badge--dot:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.bpms-badge--green{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.bpms-badge--blue{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.bpms-badge--amber{color:#b45309;background:#fef3c7;border-color:#fde68a}.bpms-badge--red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.bpms-badge--purple{color:#9333ea;background:#fdf4ff;border-color:#e9d5ff}.bpms-badge--teal{color:#0d9488;background:#f0fdfa;border-color:#99f6e4}.bpms-badge--grey{color:#6b7280;background:#f3f4f6;border-color:#e5e7eb}.bpms-info-bar{border:1px solid var(--border-light);border-radius:var(--r-md);box-shadow:var(--shadow-xs);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.bpms-meta{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.bpms-meta-divider{background:var(--border);flex-shrink:0;width:1px;height:16px}.bpms-meta-chip{color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-light);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.bpms-meta-chip--green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.bpms-meta-chip--amber{color:#b45309;background:#fffbeb;border-color:#fde68a}.bpms-meta-chip--blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.bpms-meta-chip--red{color:#dc2626;background:#fef2f2;border-color:#fecaca}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0d1b2e80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;width:100%;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) bpmsModalIn;display:flex;overflow:hidden}@keyframes bpmsModalIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:15px;font-weight:800}.modal-close{background:var(--bg-color);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.modal-body{flex:1;padding:22px 24px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.modal-footer{border-top:1px solid var(--border-light);background:var(--bg-color);flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.bpms-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.form-hint{color:var(--text-muted);margin-top:2px;font-size:11px}.form-section{border-bottom:1px solid var(--border-light);align-items:center;gap:8px;margin-top:4px;padding-bottom:8px;display:flex}.form-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:11px;font-weight:800}.form-section-icon{border-radius:var(--r-sm);background:var(--brand-faint);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.form-divider{background:var(--border-light);height:1px;margin:4px 0}.bpms-input{border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-primary);background:#fff;padding:8px 12px;font-family:inherit;font-size:13.5px;line-height:1.4;transition:all .15s}.bpms-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.bpms-input::placeholder{color:var(--text-muted)}.bpms-input:disabled{background:var(--bg-color);color:var(--text-muted);cursor:not-allowed}textarea.bpms-input{resize:vertical;min-height:80px;padding-top:10px}.num{font-family:var(--font-mono);letter-spacing:-.01em;font-size:14px;font-weight:700}.num--lg{font-size:15px;font-weight:800}.num--sm{font-size:12.5px;font-weight:600}.num--currency{font-size:13.5px;font-weight:700}.bpms-avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:flex}.bpms-avatar--sm{width:26px;height:26px;font-size:10px}.bpms-avatar--lg{width:44px;height:44px;font-size:15px}.bpms-toggle-group{background:var(--bg-color);border-radius:var(--r-md);border:1px solid var(--border);gap:4px;padding:4px;display:flex}.bpms-toggle-btn{color:var(--text-secondary);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.bpms-toggle-btn input[type=radio],.bpms-toggle-btn input[type=checkbox]{display:none}.bpms-toggle-btn:hover:not(.active){color:var(--text-primary);background:#ffffffb3}.bpms-toggle-btn.active{color:var(--brand);background:#fff;box-shadow:0 1px 4px #0000001a}.bpms-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 40px;display:flex}.bpms-empty__icon{background:var(--brand-faint);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.bpms-empty h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.bpms-empty p{color:var(--text-secondary);max-width:320px;margin:0;font-size:13px;line-height:1.5}.bpms-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:48px;font-size:13.5px;display:flex}.bpms-sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:200px;min-width:200px;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.bpms-sidebar.collapsed{width:0;min-width:0}.bpms-sidebar-header{border-bottom:1px solid var(--border-light);padding:14px 12px 10px}.bpms-sidebar-list{flex-direction:column;flex:1;gap:3px;padding:8px;display:flex;overflow-y:auto}.bpms-sidebar-list::-webkit-scrollbar{width:4px}.bpms-sidebar-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.bpms-sidebar-item{border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;flex-direction:column;gap:3px;padding:9px 11px;transition:all .15s;display:flex}.bpms-sidebar-item:hover{background:var(--brand-faint);border-color:var(--brand-light)}.bpms-sidebar-item.active{background:var(--brand);color:#fff;box-shadow:0 2px 8px #1d6fb84d}.bpms-sidebar-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;line-height:1.3;overflow:hidden}.bpms-sidebar-item-sub{opacity:.7;align-items:center;gap:4px;font-size:10.5px;display:flex}.bpms-content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.bpms-content-header{border-bottom:1px solid var(--border);height:60px;box-shadow:var(--shadow-sm);z-index:5;background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 20px;display:flex}.bpms-tab-view{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px 16px;display:flex;overflow:hidden}.bpms-tabs{background:var(--bg-color);border-radius:var(--r-md);border:1px solid var(--border);flex-shrink:0;gap:2px;padding:3px;display:flex}.bpms-tab{cursor:pointer;color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.bpms-tab:hover{color:var(--text-primary);background:#ffffffb3}.bpms-tab.active{color:var(--brand);background:#fff;box-shadow:0 1px 4px #0000001a}.bpms-tab-count{background:var(--border);min-width:18px;height:18px;color:var(--text-muted);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:800;display:inline-flex}.bpms-tab.active .bpms-tab-count{color:inherit;background:#0000001a}.bpms-callout{border-radius:var(--r-md);flex-shrink:0;align-items:flex-start;gap:10px;padding:12px 16px;font-size:13px;line-height:1.5;display:flex}.bpms-callout--info{background:var(--brand-faint);border:1px solid var(--brand-light);color:var(--text-secondary)}.bpms-callout--warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.bpms-callout--danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.bpms-callout--success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.bpms-sidebar-toggle{background:var(--bg-color);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.bpms-sidebar-toggle:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--brand)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.fw-700{font-weight:700}.fw-800{font-weight:800}.font-mono{font-family:var(--font-mono)}.premium-stats-ribbon{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#ffffff73;border:1px solid #e2e8f0cc;flex-shrink:0;align-items:stretch;gap:0;width:100%;margin-bottom:4px;padding:12px 6px;display:flex;box-shadow:0 4px 20px -2px #94a3b814,0 2px 8px -1px #94a3b80a}.premium-stat-item{border-right:1px solid #e2e8f0cc;flex:1;align-items:center;gap:14px;min-width:0;padding:4px 24px;display:flex}.premium-stat-item:last-child{border-right:none}.premium-stat-icon-wrapper{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #00000005}.premium-stat-icon-wrapper.blue{color:#2563eb;background:#3b82f614;border:1px solid #3b82f626}.premium-stat-icon-wrapper.violet{color:#7c3aed;background:#8b5cf614;border:1px solid #8b5cf626}.premium-stat-icon-wrapper.emerald{color:#059669;background:#10b98114;border:1px solid #10b98126}.premium-stat-icon-wrapper.amber{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b26}.premium-stat-icon-wrapper.rose{color:#e11d48;background:#f43f5e14;border:1px solid #f43f5e26}.premium-stat-icon-wrapper.gray{color:#4b5563;background:#6b728014;border:1px solid #6b728026}.premium-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}.premium-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;overflow:hidden}.premium-stat-value{color:var(--text-primary);font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:-.02em;align-items:center;gap:4px;line-height:1.1;display:flex}.premium-stat-value.blue{color:#2563eb}.premium-stat-value.violet{color:#7c3aed}.premium-stat-value.emerald{color:#059669}.premium-stat-value.amber{color:#d97706}.premium-stat-value.rose{color:#e11d48}.premium-stat-value.gray{color:#4b5563}@media (width<=1024px){.premium-stats-ribbon{grid-template-columns:repeat(2,1fr);gap:12px 0;padding:14px;display:grid}.premium-stat-item{border-right:none;padding:4px 12px}.premium-stat-item:nth-child(odd){border-right:1px solid #e2e8f0cc}}@media (width<=640px){.premium-stats-ribbon{grid-template-columns:1fr;gap:14px 0}.premium-stat-item:nth-child(odd){border-right:none}.premium-stat-item{border-bottom:1px solid #e2e8f099;padding-bottom:10px}.premium-stat-item:last-child{border-bottom:none;padding-bottom:0}}.inv-info-strip{border:1px solid var(--border-light);border-radius:var(--r-md);background:#fff;flex-shrink:0;align-items:center;gap:0;height:42px;margin-bottom:2px;padding:0 4px;display:flex;box-shadow:0 1px 4px #0000000a}.inv-info-chip{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;height:100%;padding:0 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.inv-info-chip:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.inv-info-chip.active{transform:translateY(0);box-shadow:0 2px 6px #0000000f}.inv-info-chip.active.amber-active{background:var(--warning-faint);border-color:#fde68a}.inv-info-chip.active.orange-active{background:#fff7ed;border-color:#ffedd5}.inv-info-chip.active.emerald-active{background:var(--success-faint);border-color:#bbf7d0}.inv-info-chip.active.rose-active{background:var(--danger-faint);border-color:#fecaca}.inv-info-chip.active.blue-active{background:var(--brand-faint);border-color:var(--brand-light)}.inv-info-chip-danger{background:var(--danger-faint)}.inv-info-chip-danger:hover{background:#fee2e2}.inv-info-chip-icon{flex-shrink:0}.inv-info-chip-icon.blue{color:#2563eb}.inv-info-chip-icon.emerald{color:#059669}.inv-info-chip-icon.violet{color:#7c3aed}.inv-info-chip-icon.rose{color:#dc2626}.inv-info-chip-icon.amber{color:#d97706}.inv-info-chip-icon.gray{color:#4b5563}.inv-info-chip-val{font-family:var(--font-mono);color:var(--text-primary);font-size:14px;font-weight:800;line-height:1}.inv-info-chip-val.emerald{color:#059669}.inv-info-chip-val.violet{color:#7c3aed}.inv-info-chip-val.rose{color:#dc2626}.inv-info-chip-val.blue{color:#2563eb}.inv-info-chip-val.amber{color:#d97706}.inv-info-chip-val.gray{color:#4b5563}.inv-info-chip-lbl{color:var(--text-muted);white-space:nowrap;font-size:10.5px;font-weight:600}.inv-info-sep{background:var(--border-light);flex-shrink:0;width:1px;height:22px}.inv-table td.col-right,.inv-table th.col-right{text-align:right!important}.inv-table td.col-center,.inv-table th.col-center{text-align:center!important}.inv-table td.col-left,.inv-table th.col-left{text-align:left!important}.boq-page-container{background:var(--bg-color);flex:1;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.boq-sidebar{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:200px;min-width:200px;height:100%;transition:width .28s cubic-bezier(.4,0,.2,1),min-width .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.boq-sidebar.collapsed{width:0;min-width:0}.boq-sidebar-header{border-bottom:1px solid var(--border-light);background:#fff;padding:14px 6px 10px}.boq-sidebar-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:0 4px 8px;font-size:10px;font-weight:800}.boq-project-search{align-items:center;display:flex;position:relative}.boq-project-search svg{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.boq-project-search input{width:100%;color:var(--text-primary);background:#fff;border:1px solid #0d1b2e14;border-radius:20px;padding:7px 10px 7px 32px;font-family:inherit;font-size:12.5px;transition:all .2s}.boq-project-search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-faint);outline:none}.boq-project-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:10px 6px;display:flex;overflow-y:auto!important}.boq-project-list::-webkit-scrollbar{width:4px}.boq-project-list::-webkit-scrollbar-track{background:0 0}.boq-project-list::-webkit-scrollbar-thumb{background:0 0;border-radius:10px;transition:background .2s}.boq-project-list:hover::-webkit-scrollbar-thumb{background:#00000026}.boq-project-list::-webkit-scrollbar-thumb:hover{background:#1d6fb880!important}.boq-sidebar-empty{text-align:center;color:var(--text-muted);padding:32px 16px;font-size:12px}.boq-project-item{cursor:pointer;border:1px solid var(--border-light);background:#f8fafc;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;min-height:52px;padding:10px 12px;display:flex;position:relative;overflow:hidden;margin:0!important;transition:all .2s!important}.boq-project-item:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000a;background:var(--brand-faint)!important;border-color:var(--brand-light)!important}.boq-project-item.active{transform:translateY(-1px);background:linear-gradient(135deg, var(--brand) 0%, var(--brand-dark) 100%)!important;color:#fff!important;border-color:#0000!important;box-shadow:0 6px 14px #1d6fb838!important}.boq-project-item span{text-transform:uppercase!important;letter-spacing:.03em!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;padding:1.5px 5px!important;font-size:8.5px!important;font-weight:800!important;line-height:1.1!important;display:inline-block!important}.boq-project-item-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);flex:1;font-size:12.5px;font-weight:700;line-height:1.4;overflow:hidden}.boq-project-item.active .boq-project-item-name{font-weight:700;color:#fff!important}.boq-project-item-meta,.boq-project-item-code{opacity:.7;color:var(--text-muted);align-items:center;gap:5px;font-size:10.5px;display:flex}.boq-project-item.active .boq-project-item-meta,.boq-project-item.active .boq-project-item-code{opacity:.85;color:#ffffffd9!important}.project-status-toggle{z-index:1;background:#0f172a0f;border:none;border-radius:20px;gap:0;margin-top:10px;padding:3px;display:flex;position:relative;overflow:hidden}.project-status-toggle:before{content:"";z-index:-1;background:#fff;border-radius:18px;width:calc(50% - 3px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;bottom:3px;left:3px;box-shadow:0 2px 6px #0f172a14,0 1px 2px #0f172a0a}.project-status-toggle:has(.inactive-state.active):before{transform:translate(100%)}.project-status-btn{text-align:center;color:var(--text-muted);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;z-index:2;border:none;border-radius:18px;flex:1;padding:6px 12px;font-size:11px;font-weight:700;transition:color .2s,opacity .2s;box-shadow:none!important;background:0 0!important}.project-status-btn:not(.active):hover{color:var(--text-primary);opacity:.85}.project-status-btn.active-state.active{color:var(--success)!important}.project-status-btn.inactive-state.active{color:var(--danger)!important}.boq-content-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.boq-content-header{border-bottom:1px solid var(--border);min-height:52px;box-shadow:var(--shadow-sm);z-index:5;background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 16px;display:flex}.boq-selected-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.boq-selected-title h1{color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:800;overflow:hidden}.boq-selected-title .sub{color:var(--text-muted);align-items:center;gap:4px;margin-top:1px;font-size:11px;display:flex}.boq-sidebar-toggle{background:var(--bg-color);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.boq-sidebar-toggle:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.boq-tab-switcher{border:1px solid var(--border-light);z-index:1;background:#0f172a0d;border-radius:8px;flex-shrink:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:0;padding:0;display:grid;position:relative}.boq-tab-switcher:before{content:"";background-clip:padding-box;background:var(--brand);z-index:1;border:3px solid #0000;border-radius:9px;transition:left .3s cubic-bezier(.34,1.56,.64,1),width .3s;position:absolute;top:0;bottom:0;box-shadow:0 2px 6px #1d6fb840}.boq-tab-switcher:has(.boq-tab-btn:nth-child(2)):not(:has(.boq-tab-btn:nth-child(3))):before{width:50%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(2)):not(:has(.boq-tab-btn:nth-child(3))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(2)):not(:has(.boq-tab-btn:nth-child(3))):has(.boq-tab-btn:nth-child(2).active):before{left:50%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(3)):not(:has(.boq-tab-btn:nth-child(4))):before{width:33.3333%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(3)):not(:has(.boq-tab-btn:nth-child(4))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(3)):not(:has(.boq-tab-btn:nth-child(4))):has(.boq-tab-btn:nth-child(2).active):before{left:33.3333%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(3)):not(:has(.boq-tab-btn:nth-child(4))):has(.boq-tab-btn:nth-child(3).active):before{left:66.6667%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(4)):not(:has(.boq-tab-btn:nth-child(5))):before{width:25%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(4)):not(:has(.boq-tab-btn:nth-child(5))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(4)):not(:has(.boq-tab-btn:nth-child(5))):has(.boq-tab-btn:nth-child(2).active):before{left:25%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(4)):not(:has(.boq-tab-btn:nth-child(5))):has(.boq-tab-btn:nth-child(3).active):before{left:50%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(4)):not(:has(.boq-tab-btn:nth-child(5))):has(.boq-tab-btn:nth-child(4).active):before{left:75%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):before{width:20%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):has(.boq-tab-btn:nth-child(2).active):before{left:20%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):has(.boq-tab-btn:nth-child(3).active):before{left:40%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):has(.boq-tab-btn:nth-child(4).active):before{left:60%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(5)):not(:has(.boq-tab-btn:nth-child(6))):has(.boq-tab-btn:nth-child(5).active):before{left:80%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):before{width:16.6667%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:nth-child(2).active):before{left:16.6667%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:nth-child(3).active):before{left:33.3333%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:nth-child(4).active):before{left:50%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:nth-child(5).active):before{left:66.6667%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)):not(:has(.boq-tab-btn:nth-child(7))):has(.boq-tab-btn:nth-child(6).active):before{left:83.3333%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):before{width:14.2857%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(2).active):before{left:14.2857%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(3).active):before{left:28.5714%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(4).active):before{left:42.8571%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(5).active):before{left:57.1429%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(6).active):before{left:71.4286%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(7)):not(:has(.boq-tab-btn:nth-child(8))):has(.boq-tab-btn:nth-child(7).active):before{left:85.7143%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):before{width:12.5%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:first-child.active):before{left:0}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(2).active):before{left:12.5%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(3).active):before{left:25%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(4).active):before{left:37.5%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(5).active):before{left:50%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(6).active):before{left:62.5%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(7).active):before{left:75%}.boq-tab-switcher:has(.boq-tab-btn:nth-child(8)):not(:has(.boq-tab-btn:nth-child(9))):has(.boq-tab-btn:nth-child(8).active):before{left:87.5%}.boq-tab-btn{cursor:pointer;width:100%;color:var(--text-secondary);white-space:nowrap;z-index:2;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:none!important;background:0 0!important}.boq-tab-switcher:has(.boq-tab-btn:nth-child(6)) .boq-tab-btn{gap:4px;padding:9px 8px;font-size:11px}.boq-tab-btn:hover:not(.active){color:var(--text-primary);background:#0f172a08!important}.boq-tab-btn.active{color:#fff!important;font-weight:700!important}.boq-tab-view{flex-direction:column;flex:1;gap:6px;min-height:0;padding:6px 12px 12px;display:flex;overflow:hidden}.premium-table-container{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.boq-table-scroll-wrap{flex:1;min-height:0;overflow:auto}.boq-table-scroll-wrap::-webkit-scrollbar{width:5px;height:5px}.boq-table-scroll-wrap::-webkit-scrollbar-track{background:var(--bg-color)}.boq-table-scroll-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.boq-table-scroll-wrap::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.boq-table-scroll-wrap .bpms-table-wrapper{box-shadow:none;border:none;border-radius:0;min-width:750px}.boq-global-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.boq-global-empty-icon{background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:144px;height:144px;display:flex;box-shadow:0 10px 25px -5px #0000000f}.boq-global-empty h1{color:var(--text-primary);margin-top:8px;font-size:20px;font-weight:800}.boq-global-empty p{max-width:380px;color:var(--text-secondary);font-size:13.5px;line-height:1.6}.inv-header-search{align-items:center;width:220px;display:flex;position:relative}.inv-header-search svg{color:var(--text-muted);pointer-events:none;position:absolute;left:10px}.inv-header-search input{border:1px solid var(--border);width:100%;height:32px;color:var(--text-primary);background:#f8fafc;border-radius:6px;padding:6px 30px 6px 28px;font-size:12px;transition:all .2s}.inv-header-search input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-faint);background:#fff;outline:none}.inv-header-search .inv-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:8px}.inv-header-search .inv-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.inv-filter-bar,.grn-filter-bar,.grn-pending-topbar,.po-filter-bar,.pay-filter-bar{background:var(--surface)!important;border:1px solid var(--border-light)!important;border-radius:var(--r-sm)!important;box-shadow:var(--shadow-xs)!important;justify-content:space-between!important;align-items:center!important;min-height:48px!important;margin-top:0!important;margin-bottom:8px!important;padding:8px 12px!important;display:flex!important}.premium-table-container{margin-top:0!important}.inv-filter-bar .bpms-btn,.grn-pending-topbar .bpms-btn{border:1px solid #0000!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;gap:6px!important;height:32px!important;margin:0!important;padding:0 12px!important;font-size:11.5px!important;line-height:1!important;display:inline-flex!important}.inv-filter-bar .inv-btn-return-header{color:#fff!important;background:#059669!important}.inv-filter-bar .inv-btn-return-header:hover{background:#047857!important}.inv-filter-bar .inv-btn-transfer-header{color:var(--text-primary)!important;border:1px solid var(--border)!important;background:#fff!important}.inv-filter-bar .inv-btn-transfer-header:hover{background:var(--bg-hover)!important}.inv-filter-select,.inv-inline-search,.bpms-toolbar .bpms-search,.bpms-toolbar .bpms-filter-select,.bpms-toolbar .inv-date-group,.grn-filter-select,.grn-inline-search,.grn-filter-date-group,.grn-pending-search,.po-filter-select,.po-filter-date-group{transition:border-color .15s,box-shadow .15s!important}.inv-filter-select:hover,.inv-inline-search:hover,.bpms-toolbar .bpms-search:hover,.bpms-toolbar .bpms-filter-select:hover,.bpms-toolbar .inv-date-group:hover,.grn-filter-select:hover,.grn-inline-search:hover,.grn-filter-date-group:hover,.grn-pending-search:hover,.po-filter-select:hover,.po-filter-date-group:hover{border-color:var(--brand-light)!important}.inv-table tbody tr,.grn-table tbody tr,.po-list-table tbody tr,.premium-table-container tbody tr{position:relative;transition:background-color .15s!important}.inv-table tbody tr:hover,.grn-table tbody tr:hover,.po-list-table tbody tr:hover,.premium-table-container tbody tr:hover{background-color:#f8fafc!important}.inv-table tbody tr td:first-child,.grn-table tbody tr td:first-child,.po-list-table tbody tr td:first-child,.premium-table-container tbody tr td:first-child{position:relative;transition:box-shadow .15s!important}.inv-table tbody tr:hover td:first-child,.grn-table tbody tr:hover td:first-child,.po-list-table tbody tr:hover td:first-child,.premium-table-container tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 0 var(--brand)!important}.po-badge,.grn-badge,.reports-badge,.pay-status-badge,.inv-status-badge,.p2p-doc-badge{text-transform:uppercase!important;letter-spacing:.05em!important;white-space:nowrap!important;border-radius:12px!important;align-items:center!important;gap:4px!important;padding:3px 10px!important;font-size:10px!important;font-weight:700!important;transition:all .15s!important;display:inline-flex!important}.po-s-approved,.grn-s-verified,.status-approved,.status-verified,.status-cleared,.status-processed,.status-matched,.status-active,.status-green{color:#166534!important;background:#16a34a0f!important;border:1px solid #16a34a33!important}.po-s-draft,.po-s-partial,.grn-s-draft,.status-submitted,.status-pending,.status-draft,.status-partial,.status-partially\ received,.status-eqi\ pending,.status-amber{color:#b45309!important;background:#d977060f!important;border:1px solid #d9770633!important}.grn-s-rejected,.po-s-cancelled,.status-rejected,.status-cancelled,.status-held,.status-discrepancy,.status-red{color:#b91c1c!important;background:#dc26260f!important;border:1px solid #dc262633!important}.po-s-sent,.po-s-closed,.status-sent\ to\ vendor,.status-closed,.status-blue{color:#1d4ed8!important;background:#2563eb0f!important;border:1px solid #2563eb33!important}.premium-table-container,.premium-table-container table,.po-list-view,.po-list-container,.po-list-container table,.grn-list-container,.grn-list-container table,.inv-list-container,.inv-list-container table,.pay-list-container,.pay-list-container table,.invoice-list-container,.invoice-list-container table,.po-indents-container,.po-indent-list-wrap,.grn-pending-grid,.grn-pending-body,.boq-tab-view,.boq-tab-view table,.po-no-results,.grn-empty,.inv-empty,.pay-empty,.invoice-empty,.po-create-wrap,.grn-create-wrap,.reports-unified-filter-card{will-change:transform, opacity;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUpFade}