:root{color:#162235;font-synthesis:none;text-rendering:optimizelegibility;--navy:#10263d;--navy-2:#193b5a;--gold:#d5a848;--teal:#0f8b8d;--ink:#162235;--muted:#66758a;--line:#e3e9f0;--panel:#fff;--danger:#c04a4a;--shadow:0 14px 35px #172a4214;background:#f5f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f5f7fa;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.65rem,3vw,2.35rem)}h2{margin-bottom:.2rem;font-size:1.15rem}h3{margin-bottom:.25rem;font-size:1rem}.erp-app{background:#f5f7fa;min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.center-state{text-align:center;place-items:center;min-height:100vh;padding:2rem;display:grid}.center-state>div{max-width:500px}.state-mark{width:4.25rem;height:4.25rem;color:var(--navy);background:#e7eef5;border-radius:22px;place-items:center;margin:0 auto 1.2rem;font-size:1.8rem;font-weight:800;display:grid}.state-mark.pulse{animation:1.7s ease-in-out infinite pulse}.state-mark.warning{color:#8c6713;background:#fff4d7}.state-mark.danger{color:#9d3434;background:#fee8e8}@keyframes pulse{50%{opacity:.65;transform:scale(.92)}}.state-copy{margin:0 auto 1.4rem;line-height:1.7}.config-list{gap:.5rem;margin:1.25rem auto;padding:0;list-style:none;display:grid}.config-list li{border:1px solid var(--line);color:var(--navy);background:#fbfcfd;border-radius:8px;padding:.65rem .8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.eyebrow{color:var(--teal);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.6rem;font-size:.7rem;font-weight:800}.eyebrow.light{color:#a9cfce}.muted{color:var(--muted)}.small-note{font-size:.78rem;line-height:1.5}.danger-text{color:var(--danger)!important}.full-width{width:100%}.login-layout{background:var(--navy);grid-template-columns:minmax(380px,.95fr) minmax(420px,1.05fr);min-height:100vh;display:grid}.login-brand-panel{color:#fff;text-align:left;background:radial-gradient(circle at 20% 15%,#2d698273,#0000 32%),linear-gradient(145deg,#10263d,#0b1d30);flex-direction:column;justify-content:flex-start;align-items:flex-start;min-height:100vh;padding:clamp(2rem,6vw,6.5rem);display:flex}.brand-message{flex-direction:column;align-items:flex-start;max-width:580px;margin:auto 0;display:flex}.brand-message h1{color:#fff;letter-spacing:.01em;text-align:left;white-space:nowrap;margin-bottom:0;font-size:clamp(1.35rem,3.3vw,2.25rem);line-height:1.1}.brand-message p{color:#b9c9d8;max-width:480px;font-size:1.05rem;line-height:1.7}.brand-location{margin:.65rem 0 0;color:#a9c0cf!important;font-size:.78rem!important;line-height:1.4!important}.hero-logo{background:#fff;border-radius:26px;width:clamp(9rem,16vw,13rem);height:clamp(9rem,16vw,13rem);margin:.2rem 0 1.1rem;overflow:hidden;box-shadow:0 14px 32px #04132238}.hero-logo .bpp-logo{border-radius:26px}.login-card-wrap{background:#f5f7fa;place-items:center;padding:2rem;display:grid}.login-card{border:1px solid var(--line);width:min(100%,440px);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:clamp(1.6rem,4vw,2.6rem)}.login-card h2{font-size:1.6rem}.login-card>p{margin-bottom:1.8rem;line-height:1.6}.login-card .primary-button{margin-top:.65rem}.auth-link-button{color:var(--teal);font:inherit;cursor:pointer;background:0 0;border:0;margin:1rem auto 0;padding:0;font-weight:700;display:block}.auth-link-button:hover{text-decoration:underline}.auth-page{background:#eef1f4;place-items:center;min-height:100vh;padding:1.25rem;display:grid}.auth-card{background:#fff;border:1px solid #e1e5e9;border-radius:4px;width:min(100%,414px);min-height:min(896px,100vh - 2.5rem);padding:clamp(2.5rem,8vw,3.6rem) clamp(1.8rem,8vw,3.4rem) 6.5rem;position:relative;overflow:hidden;box-shadow:0 18px 45px #172a421f}.auth-brand{text-align:center;justify-items:center;display:grid}.auth-brand-logo{width:4.8rem;height:4.8rem;margin-bottom:.7rem}.auth-brand-logo .bpp-logo{border-radius:50%}.auth-brand-wordmark{color:#11191f;letter-spacing:-.08em;align-items:baseline;gap:.2rem;font-size:1.35rem;font-weight:900;line-height:1;display:flex}.auth-brand-wordmark strong{color:var(--gold);letter-spacing:-.11em;font-style:italic}.auth-brand-subtitle{color:#252b31;letter-spacing:.16em;margin-top:.45rem;font-size:.48rem;font-weight:750;line-height:1.5}.auth-form{z-index:1;margin-top:clamp(3.4rem,12vw,5.2rem);position:relative}.auth-heading{text-align:center;margin-bottom:2rem}.auth-heading h1{color:#171d21;letter-spacing:-.06em;margin-bottom:.25rem;font-size:clamp(2.3rem,9vw,3rem)}.auth-heading p{color:#85898e;margin:0;font-size:.76rem}.auth-form label{color:#85898e;letter-spacing:.12em;text-transform:uppercase;gap:.45rem;margin-bottom:1.05rem;font-size:.62rem;font-weight:750;display:grid}.auth-form input{color:#20262b;letter-spacing:normal;background:#e5e5e5;border:0;border-radius:999px;min-height:2.75rem;padding:.7rem 1rem;font-size:.8rem}.auth-form input:focus{border:0;box-shadow:0 0 0 3px #d5a84840}.auth-form .error-banner,.auth-form .form-note{font-size:.72rem}.auth-submit{color:#fff;background:var(--navy);border:0;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:2.75rem;margin-top:1.45rem;padding:.7rem 1rem;font-size:.78rem;font-weight:800;transition:all .16s;display:flex;box-shadow:0 8px 16px #10263d2e}.auth-submit:hover:not(:disabled){background:var(--navy-2);transform:translateY(-1px)}.auth-card .auth-link-button{color:#0069c8;font-size:.76rem;text-decoration:underline}.auth-decor{background:var(--navy);clip-path:polygon(0 100%,0 38%,19% 0,80% 0,100% 38%,100% 100%);height:4.6rem;position:absolute;bottom:-1px;left:-2%;right:-2%}.brand-lockup{align-items:center;gap:.8rem;display:flex}.bpp-logo{object-fit:cover;width:100%;height:100%;display:block}.state-mark .bpp-logo{border-radius:16px}.wordmark-logo{color:#fff;letter-spacing:-.08em;align-items:baseline;gap:.25rem;padding:.15rem 0 .55rem;font-size:clamp(1.4rem,2.7vw,2.2rem);font-weight:900;line-height:.9;display:inline-flex;position:relative}.wordmark-bpp{color:#fff}.wordmark-flow{color:var(--gold);letter-spacing:-.11em;font-style:italic}.wordmark-wave{background:linear-gradient(90deg, var(--gold) 0 38%, #b58a47 55% 75%, transparent 93%);border-radius:999px;height:.22rem;position:absolute;bottom:0;left:.25rem;right:0;overflow:hidden;transform:skew(-24deg)}.brand-footer{color:#8ea9bc;font-size:.78rem}.sidebar{z-index:30;color:#d6e2ec;background:var(--navy);flex-direction:column;width:258px;padding:1.35rem 1rem 1rem;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:10px 0 28px #0d203224}.sidebar-brand{border-bottom:1px solid #ffffff1a;gap:.35rem;padding:0 .7rem 1.25rem;display:grid}.sidebar-brand .brand-lockup{color:#fff}.sidebar-wordmark{font-size:1.2rem}.sidebar-brand>span{color:#83a0b6;font-size:.7rem}.sidebar-nav{flex:1;padding:.9rem .25rem;overflow-y:auto}.nav-section{margin-bottom:.95rem}.nav-section-label{color:#7392aa;letter-spacing:.14em;text-transform:uppercase;padding:0 .65rem .45rem;font-size:.65rem;font-weight:800}.nav-item{color:#b3c5d4;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:.7rem;width:100%;padding:.65rem .7rem;font-size:.84rem;transition:all .16s;display:flex}.nav-item:hover:not(:disabled),.nav-item-active{color:#fff;background:#ffffff1a}.nav-item-active{box-shadow:inset 3px 0 0 var(--gold)}.nav-parent{justify-content:flex-start}.nav-parent-open{color:#fff;background:#ffffff0f}.nav-chevron{color:#91a9ba;margin-left:auto;font-size:1rem;line-height:1}.nav-submenu{gap:.15rem;margin:.2rem 0 .25rem;display:grid}.nav-subitem{color:#9fb5c6;padding-top:.52rem;padding-bottom:.52rem;padding-left:1.55rem;font-size:.78rem}.nav-subitem .nav-dot{width:.32rem;height:.32rem}.nav-dot{opacity:.65;background:currentColor;border-radius:50%;width:.42rem;height:.42rem}.sidebar-footer{color:#83a0b6;border-top:1px solid #ffffff1a;padding:.8rem .7rem 0;font-size:.76rem;line-height:1.5}.main-column{min-width:0;margin-left:258px}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:1rem;min-height:74px;padding:.9rem clamp(1rem,3vw,2.75rem);display:flex;position:sticky;top:0}.topbar-context{align-items:center;gap:.65rem;min-width:0;display:flex}.topbar-context strong{letter-spacing:-.02em;font-size:1.18rem}.context-label{color:var(--muted);font-size:.72rem}.context-code{color:var(--navy);background:#edf2f6;border-radius:6px;padding:.32rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.topbar-user{align-items:center;gap:.7rem;display:flex}.create-menu{margin-left:auto;position:relative}.create-button{min-height:2.2rem;padding:.45rem .7rem}.create-dropdown{z-index:40;border:1px solid var(--line);background:#fff;border-radius:10px;min-width:180px;padding:.35rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 28px #14283c29}.create-dropdown button{color:var(--ink);text-align:left;background:0 0;border:0;border-radius:7px;padding:.62rem .7rem;font-size:.78rem}.create-dropdown button:hover{background:#edf5f7}.user-copy{text-align:right}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:.82rem}.user-copy small{color:var(--muted);margin-top:.15rem;font-size:.7rem}.user-copy span{color:var(--muted);margin-top:.15rem;font-size:.7rem;display:block}.avatar{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:2.2rem;height:2.2rem;font-size:.78rem;font-weight:800;display:grid}.menu-button,.icon-button{color:var(--navy);background:0 0;border:0;display:none}.content-area{padding:clamp(1.2rem,3vw,2.7rem)}.content-width{width:min(100%,1440px);margin:0 auto}.page-intro{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.7rem;display:flex}.page-description{max-width:680px;color:var(--muted);margin:.55rem 0 0;line-height:1.55}.page-action{flex:none}.back-button{color:var(--muted);background:0 0;border:0;align-items:center;margin-bottom:.85rem;padding:.25rem 0;font-size:.78rem;font-weight:750;display:inline-flex}.back-button:hover{color:var(--navy)}.panel{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-bottom:1.25rem;padding:clamp(1rem,2vw,1.45rem);box-shadow:0 4px 15px #1d314606}.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.hub-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;grid-template-columns:auto 1fr;align-content:start;gap:.8rem;min-height:150px;padding:1.1rem;display:grid;box-shadow:0 4px 15px #1d314606}.hub-card h3{margin:0;font-size:1rem}.hub-card p{margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.hub-card>.tag{grid-column:2;justify-self:start;margin-top:auto}.hub-card-button{width:100%;color:inherit;cursor:pointer;font:inherit}.hub-card-button:hover:not(:disabled){border-color:#b8cbd4;transform:translateY(-1px)}.hub-card-disabled{cursor:default;opacity:.72}.hub-card-icon{width:2.2rem;height:2.2rem;color:var(--teal);background:#e5f5f3;border-radius:8px;place-items:center;font-weight:800;display:grid}.page-placeholder{text-align:center;min-height:260px}.page-placeholder .empty-icon{margin-bottom:.8rem}.page-placeholder h3{margin-bottom:.35rem}.page-placeholder p{margin-bottom:1rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading p{margin:0}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:150px;padding:1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #1d314606}.metric-card:after{content:"";background:#0f8b8d0f;border-radius:50%;width:7rem;height:7rem;position:absolute;bottom:-2.8rem;right:-2.2rem}.metric-icon{width:2.3rem;height:2.3rem;color:var(--teal);background:#e5f5f3;border-radius:9px;place-items:center;font-weight:800;display:grid}.metric-icon.gold{color:#9b761b;background:#fff3d6}.metric-icon.blue{color:#356a9a;background:#e5effa}.metric-icon.purple{color:#685394;background:#eee9f8}.metric-value{letter-spacing:-.05em;margin:.7rem 0 .1rem;font-size:clamp(1.35rem,3vw,2rem);display:block}.metric-label{color:var(--muted);font-size:.78rem}.dashboard-page{min-width:0}.dashboard-mobile-heading{display:none}.dashboard-quick-section{margin-top:1.6rem}.dashboard-section-title{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.dashboard-section-title h2{color:var(--navy);margin:0;font-size:1.05rem}.dashboard-section-title span{color:var(--muted);font-size:.75rem}.dashboard-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.dashboard-quick-action{border:1px solid var(--line);min-height:104px;color:var(--navy);text-align:center;background:#fff;border-radius:14px;align-content:center;justify-items:center;gap:.6rem;padding:.8rem .5rem;font-size:.76rem;font-weight:800;transition:all .16s;display:grid;box-shadow:0 4px 15px #1d314606}.dashboard-quick-action:hover{background:#f8fcfc;border-color:#b8cbd4;transform:translateY(-1px)}.dashboard-action-icon{width:2.45rem;height:2.45rem;color:var(--teal);background:#e5f5f3;border-radius:12px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.dashboard-quick-action:nth-child(2) .dashboard-action-icon{color:#356a9a;background:#e5effa}.dashboard-quick-action:nth-child(3) .dashboard-action-icon{color:#9b761b;background:#fff3d6}.dashboard-quick-action:nth-child(4) .dashboard-action-icon{color:#685394;background:#eee9f8}.dashboard-metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:154px;padding:1.15rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #1d314606}.dashboard-metric-card:after{content:"";background:#0f8b8d0f;border-radius:50%;width:6rem;height:6rem;position:absolute;bottom:-2.5rem;right:-1.7rem}.dashboard-metric-card.blue:after{background:#356a9a14}.dashboard-metric-card.gold:after{background:#d5a8481c}.dashboard-metric-card.purple:after{background:#68539414}.dashboard-metric-top{z-index:1;align-items:center;gap:.6rem;display:flex;position:relative}.dashboard-metric-icon{width:2.3rem;height:2.3rem;color:var(--teal);background:#e5f5f3;border-radius:10px;place-items:center;font-size:.8rem;font-weight:900;display:grid}.dashboard-metric-card.blue .dashboard-metric-icon{color:#356a9a;background:#e5effa}.dashboard-metric-card.gold .dashboard-metric-icon{color:#9b761b;background:#fff3d6}.dashboard-metric-card.purple .dashboard-metric-icon{color:#685394;background:#eee9f8}.dashboard-metric-label{color:var(--navy);font-size:.82rem;font-weight:800}.dashboard-metric-card>strong{z-index:1;color:var(--navy);letter-spacing:-.05em;margin-top:1rem;font-size:clamp(1.25rem,3vw,1.85rem);display:block;position:relative}.dashboard-metric-card>small{z-index:1;color:var(--muted);margin-top:.28rem;font-size:.7rem;display:block;position:relative}.mobile-bottom-nav{display:none}.profile-panel{max-width:720px}.profile-hero{border-bottom:1px solid var(--line);align-items:center;gap:.9rem;padding-bottom:1.2rem;display:flex}.profile-hero h2{margin:0}.profile-hero p{margin:.25rem 0 0}.profile-avatar{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:3.5rem;height:3.5rem;font-weight:850;display:grid}.profile-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.2rem 0;display:grid}.profile-details span,.profile-details strong{display:block}.profile-details span{color:var(--muted);margin-bottom:.25rem;font-size:.72rem}.profile-details strong{color:var(--navy);overflow-wrap:anywhere;font-size:.85rem}.dashboard-lower-grid{grid-template-columns:1.15fr .85fr;gap:1.25rem;display:grid}.context-strip{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1.25rem;display:grid}.context-strip>div{border:1px solid var(--line);background:#fbfcfd;border-radius:12px;padding:.8rem 1rem}.context-strip strong,.context-strip small{display:block}.context-strip small{color:var(--muted);margin-bottom:.25rem;font-size:.7rem}.context-strip strong{font-size:.86rem}.readiness-list{gap:.75rem;display:grid}.readiness-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;display:flex}.readiness-row:last-child{border-bottom:0}.readiness-row strong{font-size:.84rem;display:block}.readiness-row small{color:var(--muted);margin-top:.2rem;display:block}.status-dot{background:#e2ad36;border-radius:50%;width:.5rem;height:.5rem;margin-right:.35rem;display:inline-block}.status-dot.ok{background:#2ba37e}.status-dot.locked{background:#aab5c0}.primary-button,.secondary-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;min-height:2.5rem;padding:.6rem .9rem;font-size:.82rem;font-weight:750;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:var(--navy-2);box-shadow:0 5px 12px #193b5a24}.primary-button:hover{background:#245479;transform:translateY(-1px)}.secondary-button{color:var(--navy);border-color:var(--line);background:#fff}.secondary-button:hover{background:#f8fafc;border-color:#b8c6d3}.text-button{color:var(--teal);background:0 0;border:0;padding:.2rem .3rem;font-size:.78rem;font-weight:750}.text-button:hover{text-decoration:underline}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-field{flex:1;align-items:center;max-width:360px;display:flex;position:relative}.search-field>span{z-index:1;color:var(--muted);pointer-events:none;line-height:1;position:absolute;left:.75rem}.search-field input,input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d7e0e8;border-radius:8px;outline:none;transition:all .15s}.search-field input,input,select{min-height:2.5rem;padding:.55rem .7rem}.search-field input{padding-left:2.15rem}textarea{resize:vertical;padding:.65rem .7rem}input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f8b8d1f}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:.75rem .7rem;font-size:.68rem;font-weight:800}td{color:#33445a;vertical-align:middle;border-bottom:1px solid #edf1f4;padding:.85rem .7rem;font-size:.82rem}td strong,td small{display:block}td strong{color:var(--ink)}td small{color:var(--muted);margin-top:.2rem;font-size:.72rem}tr:last-child td{border-bottom:0}.row-actions{text-align:right;white-space:nowrap}.procurement-table th:last-child,.procurement-table td:last-child{text-align:center}.procurement-table .row-actions{display:table-cell}.barge-receipts-table{min-width:820px}.barge-receipts-table th{white-space:normal;line-height:1.25}.barge-receipts-table th:first-child{width:17%}.barge-receipts-table th:nth-child(2){width:13%}.barge-receipts-table th:nth-child(3){width:19%}.barge-receipts-table th:nth-child(4){width:15%}.barge-receipts-table th:nth-child(5){width:21%}.barge-receipts-table th:nth-child(6){width:15%}.receipt-info-note{margin-top:.9rem}.receipt-info-note strong{color:var(--navy)}.tag-row{flex-wrap:wrap;gap:.3rem;display:flex}.tag{letter-spacing:.04em;border-radius:5px;align-items:center;padding:.25rem .45rem;font-size:.66rem;font-weight:800;display:inline-flex}.tag-success{color:#177251;background:#e2f6ec}.tag-muted{color:#6e7b8a;background:#edf1f4}.tag-neutral{color:#486078;background:#edf3f8}.data-state,.empty-state{text-align:center;padding:3rem 1rem}.empty-state>strong,.empty-state>.muted{display:block}.empty-state>.muted{margin-top:.55rem}.empty-icon{width:2.7rem;height:2.7rem;color:var(--teal);background:#e5f5f3;border-radius:10px;place-items:center;margin:0 auto .8rem;font-weight:800;display:grid}.empty-state p{color:var(--muted);margin-bottom:0}.error-banner{color:#963a3a;background:#fff0f0;border:1px solid #f2c5c5;border-radius:9px;margin-bottom:1rem;padding:.8rem .95rem;font-size:.82rem;line-height:1.45}.notice-card{color:#73591c;background:#fff8e8;border:1px solid #f0dca5;border-radius:10px;padding:.85rem 1rem;font-size:.82rem;line-height:1.55}.notice-card.align-left{text-align:left}.access-hero{color:#fff;background:linear-gradient(120deg,#173d5b,#0c7b7d);border-radius:13px;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:flex}.access-hero h2{color:#fff}.access-hero p{color:#d4f0ed;margin:0}.access-grid,.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid label,.role-fieldset{color:#52627a;gap:.4rem;font-size:.76rem;font-weight:750;display:grid}.upload-actions{flex-wrap:wrap;gap:.55rem;display:flex}.upload-actions .secondary-button{flex:180px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.party-id-field,.material-id-field{color:#52627a;align-content:start;gap:.4rem;font-size:.76rem;font-weight:750;display:grid}.party-id-value{min-height:2.75rem;color:var(--navy);letter-spacing:.02em;align-items:center;font-size:.95rem;display:flex}.field-label{align-items:center;gap:.15rem;display:inline-flex}.computed-field{color:#52627a;align-content:start;gap:.4rem;min-height:2.75rem;font-size:.76rem;font-weight:750;display:grid}.computed-field strong{min-height:2.75rem;color:var(--navy);align-items:center;font-size:.95rem;display:flex}.computed-field small{color:var(--muted);margin-top:-.15rem;font-size:.7rem;font-weight:500}.required-mark{color:var(--danger);font-size:.9rem;font-weight:850}.span-2{grid-column:span 2}.role-fieldset{border:1px solid var(--line);border-radius:9px;margin:0;padding:.9rem}.role-fieldset legend{padding:0 .35rem}.check-grid{flex-wrap:wrap;gap:.8rem;display:flex}.checkbox-line{grid-template-columns:auto 1fr;align-items:center;color:#42546a!important;gap:.5rem!important;font-weight:600!important;display:flex!important}.checkbox-line input{width:1rem;min-height:1rem;accent-color:var(--teal)}.form-helper{color:var(--muted);grid-column:1/-1;margin:-.1rem 0 0;font-size:.75rem;font-weight:500;line-height:1.45}.vendor-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1rem;display:grid}.form-actions{justify-content:flex-end;gap:.65rem;margin-top:.25rem;display:flex}.form-note{border:1px solid var(--line);color:var(--muted);background:#fbfcfd;border-radius:8px;padding:.75rem .9rem;font-size:.76rem;line-height:1.5}.form-fieldset{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:.95rem;display:grid}.form-fieldset legend{color:var(--navy);grid-column:1/-1;padding:0 .35rem;font-size:.82rem;font-weight:800}.stacked-tags{gap:.35rem;display:grid}.compact-action{letter-spacing:.04em;padding:.45rem .7rem;font-size:.7rem}.document-link{white-space:nowrap;text-decoration:none}.po-print-actions{justify-items:stretch;gap:.45rem;min-width:9.5rem;display:grid}.po-print-actions .compact-action{width:100%}.procurement-warning{margin-bottom:1rem}.print-document{color:var(--navy)}.po-template{color:#111827;font-family:Georgia,Times New Roman,serif}.po-modal-card{background:#e7ebef;width:min(210mm + 2rem,100%);max-height:calc(100vh - 2rem);padding:.9rem}.do-modal{place-items:start center;padding:1rem;overflow:auto}.do-modal-card{background:#e7ebef;width:min(210mm + 2rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);padding:.9rem}.do-modal-card .modal-heading{padding:0 .35rem}.do-template{box-sizing:border-box;color:#111827;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:13mm 15mm;font-family:Arial,Helvetica,sans-serif;font-size:10.5pt;line-height:1.35;box-shadow:0 4px 18px #0a18261f}.do-letterhead{border-bottom:1.5px solid #182b3d;grid-template-columns:1fr 1.2fr 35mm;align-items:center;gap:6mm;padding-bottom:7mm;display:grid}.do-letterhead>div:first-child{gap:1mm;display:grid}.do-letterhead>div:first-child strong{color:#10263d;letter-spacing:.02em;font-size:15pt}.do-letterhead>div:first-child span{color:#4c6074;letter-spacing:.08em;font-size:8.5pt}.do-letterhead-title{text-align:center;justify-items:center;gap:1.5mm;display:grid}.do-letterhead-title h1{color:#10263d;letter-spacing:.08em;margin:0;font-size:18pt}.do-letterhead-title strong{color:#0f8b8d;letter-spacing:.08em;font-size:8.5pt}.do-qr-block{text-align:center;justify-items:center;gap:1mm;display:grid}.do-qr-block img{width:27mm;height:27mm;image-rendering:pixelated}.do-qr-block small{color:#52627a;font-size:7pt;line-height:1.15}.do-meta-grid{border-bottom:1px solid #cfd8e1;grid-template-columns:1fr 1fr;gap:2.5mm 8mm;margin-top:9mm;padding:4mm 0;display:grid}.do-meta-grid div,.do-info-grid>div{grid-template-columns:43mm minmax(0,1fr);align-items:start;gap:3mm;display:grid}.do-meta-grid span,.do-info-grid span{color:#52627a;font-size:8.5pt;font-weight:700}.do-meta-grid strong,.do-info-grid strong{color:#10263d;overflow-wrap:anywhere;font-size:9.5pt}.do-section{margin-top:8mm}.do-section h2{color:#10263d;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #cfd8e1;margin:0 0 3mm;padding-bottom:1.5mm;font-size:10.5pt}.do-info-grid{grid-template-columns:1fr 1fr;gap:3mm 8mm;display:grid}.do-full{grid-column:1/-1}.do-notes{white-space:pre-wrap;min-height:12mm;margin:0}.do-validation{border-top:1px solid #182b3d;border-bottom:1px solid #cfd8e1;margin-top:9mm;padding:4mm 0}.do-validation strong{color:#10263d;letter-spacing:.04em;font-size:9.5pt}.do-validation p{color:#33445a;margin:2mm 0 0;font-size:8.5pt;line-height:1.45}.do-signatures{grid-template-columns:repeat(3,1fr);gap:6mm;margin-top:24mm;display:grid}.do-signatures>div{border-top:1px solid #64748b;align-content:start;gap:1mm;min-height:30mm;padding-top:2mm;display:grid}.do-signatures strong{color:#10263d;font-size:9pt}.do-signatures span,.do-signatures em{color:#52627a;font-size:8pt;font-style:normal}.do-signatures em{margin-top:auto}.do-print-note{margin:0 0 .5rem}.do-actions{justify-items:stretch;gap:.35rem;min-width:10.5rem;display:grid}.do-actions .compact-action{width:100%}.gate-verification-page{background:#eef3f7;place-items:center;min-height:100vh;padding:1.5rem;display:grid}.gate-verification-card{background:#fff;border:1px solid #d7e0e8;border-radius:18px;width:min(680px,100%);padding:2rem;box-shadow:0 18px 55px #10263d1f}.gate-verification-brand{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;margin-bottom:1.6rem;padding-bottom:1rem;display:flex}.gate-verification-brand .bpp-logo{object-fit:contain;width:3.3rem;height:3.3rem}.gate-verification-brand div{color:var(--navy);gap:.2rem;display:grid}.gate-verification-brand span{color:var(--muted);font-size:.78rem}.gate-verification-card h1{color:var(--navy);margin:.25rem 0 .65rem;font-size:clamp(1.7rem,4vw,2.4rem)}.gate-verification-card>.muted{line-height:1.55}.gate-verification-number{background:#f1f7f8;border-radius:12px;gap:.35rem;margin:1.4rem 0 1rem;padding:1rem;display:grid}.gate-verification-number span,.gate-verification-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem;font-weight:800}.gate-verification-number strong{color:var(--navy);font-size:1.35rem}.gate-verification-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.gate-verification-grid>div{border:1px solid var(--line);border-radius:10px;gap:.3rem;padding:.9rem;display:grid}.gate-verification-grid strong{color:var(--navy);overflow-wrap:anywhere}.gate-verification-grid small{color:var(--muted)}.gate-confirm-button{width:100%;margin-top:1.25rem}.success-banner{color:#11623d;background:#edf9f2;border:1px solid #a9dfc6;border-radius:9px;gap:.55rem;margin-top:1rem;padding:.8rem .9rem;display:flex}.gate-verification-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;font-size:.78rem;display:flex}.po-template{box-sizing:border-box;background:#fff;width:210mm;min-height:297mm;margin:0 auto;padding:15mm 16mm;box-shadow:0 4px 18px #0a18261f}.po-letterhead h2{color:#132f56;letter-spacing:.04em;margin:0;font-size:1.25rem}.po-letterhead p{color:#344054;margin:.25rem 0 0;font-size:.75rem}.po-document-title{color:#111;text-align:center;margin:1.15rem 0;font-size:1.25rem;font-weight:800}.po-meta-grid{grid-template-columns:1fr 1fr 1fr;gap:.8rem;margin-bottom:1.2rem;display:grid}.po-meta-grid div,.po-field{grid-template-columns:minmax(8rem,.9fr) minmax(0,1.7fr);align-items:baseline;gap:.35rem;display:grid}.po-meta-grid span,.po-field span{font-size:.76rem}.po-meta-grid strong,.po-field strong{font-size:.8rem;font-weight:600}.po-section h3{color:#111;letter-spacing:.03em;margin:0 0 .55rem;font-size:.86rem}.po-field+.po-field{margin-top:.38rem}.po-field small{color:#4b5563;white-space:pre-wrap;grid-column:2;font-size:.74rem}.po-template{color:#000;font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.15}.po-letterhead{text-align:center;border-bottom:1.5px solid #999;justify-content:center;align-items:center;gap:.7rem;padding-bottom:.45rem;display:flex}.po-letterhead img{object-fit:contain;width:32mm;height:32mm}.po-letterhead h2{color:#0d2f5f;letter-spacing:0;margin:0;font-family:Times New Roman,Times,serif;font-size:18pt}.po-letterhead p{color:#0d2f5f;margin:0;font-size:12pt;line-height:1.05}.po-document-title{color:#000;text-align:center;margin:16mm 0 9mm;font-family:Times New Roman,Times,serif;font-size:15pt;line-height:1}.po-meta{margin-bottom:12mm;font-size:12pt;line-height:1.15}.po-meta div{grid-template-columns:36mm minmax(0,1fr);margin-bottom:.8mm;display:grid}.po-meta span{margin-left:0}.po-meta-label{white-space:nowrap}.po-section{margin-top:8mm}.po-section h3{color:#000;margin:0 0 2.5mm;font-family:Times New Roman,Times,serif;font-size:12pt;font-weight:400;line-height:1.15}.po-line{grid-template-columns:58mm minmax(0,1fr);line-height:1.15;display:grid}.po-line span:first-child{white-space:nowrap}.po-line span:last-child{overflow-wrap:anywhere;min-width:0}.po-address{white-space:pre-wrap;margin-left:58mm}.po-two-column{grid-template-columns:1fr;gap:8mm;display:grid}.po-two-column .po-section{margin-top:0}.po-notes{white-space:pre-wrap;margin-bottom:1.5mm}.po-print-note{margin:0 0 .5rem}.po-authorized{grid-template-columns:1fr 1fr;gap:18mm;margin-top:24mm;line-height:1.15;display:grid}.po-authorized strong{margin-top:19mm;font-weight:400;display:inline-block}.po-section-strong h3{font-weight:700}.po-modal{place-items:start center;padding:1rem;overflow:auto}.po-modal-card{background:#e7ebef;width:min(210mm + 2rem,100vw - 2rem);max-width:none;max-height:calc(100vh - 2rem);padding:.9rem}.po-modal-card .modal-heading{padding:0 .35rem}.document-header{border-bottom:2px solid var(--navy);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}.document-header h2{margin:.15rem 0 .35rem;font-size:1.15rem}.document-header p{margin:0}.document-meta{justify-items:end;gap:.25rem;font-size:.78rem;display:grid}.document-meta strong{font-size:1rem}.document-grid{grid-template-columns:1fr 1fr;gap:.8rem 1.2rem;padding:1rem 0;display:grid}.document-grid div{gap:.25rem;display:grid}.document-grid span{color:var(--muted);text-transform:uppercase;font-size:.7rem;font-weight:700}.document-grid strong{font-size:.82rem}.document-table{border-collapse:collapse;width:100%;font-size:.78rem}.document-table th,.document-table td{border-bottom:1px solid var(--line);text-align:left;padding:.65rem .5rem}.document-table th:not(:first-child),.document-table td:not(:first-child){text-align:right}.document-table tfoot th{color:var(--navy);border-bottom:0}.document-note{background:#f5f8fa;border-radius:8px;margin-top:1rem;padding:.75rem;font-size:.78rem}.document-note p{white-space:pre-wrap;margin:.35rem 0 0}.document-signatures{color:var(--muted);grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;font-size:.75rem;display:grid}.document-signatures strong{color:var(--navy);margin-top:2rem;display:inline-block}.component-row{grid-template-columns:minmax(0,1fr) 120px auto auto;align-items:center;gap:.55rem;margin-bottom:.55rem;display:grid}.period-field{min-width:150px;color:var(--muted);gap:.35rem;font-size:.75rem;font-weight:700;display:grid}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.positive-text{color:#177251!important}.signout-button{color:var(--muted);background:0 0;border:0;font-size:.78rem;font-weight:700}.modal-backdrop{z-index:50;background:#0a182699;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(100%,680px);max-height:calc(100vh - 2rem);padding:1.4rem;overflow-y:auto;box-shadow:0 20px 60px #0000003d}.modal-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.modal-heading h2{margin:0;font-size:1.25rem}@media (width<=1050px){.metric-grid,.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-lower-grid,.login-layout{grid-template-columns:1fr}.login-brand-panel{min-height:330px;padding:2.2rem}.brand-message{margin:2.5rem 0 1rem}.brand-message h1{font-size:clamp(1.25rem,6vw,2.2rem)}.login-card-wrap{min-height:calc(100vh - 330px)}}@media (width<=760px){.sidebar{transition:transform .18s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:25;background:#0a182673;position:fixed;inset:0}.main-column{margin-left:0}.menu-button{background:#edf2f6;border-radius:7px;place-items:center;width:2.2rem;height:2.2rem;font-size:1.2rem;display:inline-grid}.topbar{min-height:64px}.topbar-context,.user-copy{display:none}.page-intro{flex-direction:column;align-items:flex-start}.page-action,.page-action>button{width:100%}.toolbar{flex-direction:column;align-items:stretch}.search-field{max-width:none}.context-strip,.access-grid{grid-template-columns:1fr}.create-menu{margin-left:auto}.content-area{padding:1rem 1rem 6.7rem}.dashboard-topbar,.dashboard-desktop-intro{display:none}.dashboard-mobile-heading{margin:.1rem 0 1.15rem;display:block}.dashboard-brand-row{align-items:center;gap:.65rem;margin-bottom:1.35rem;display:flex}.dashboard-brand-row>.bpp-logo{border-radius:50%;width:2.25rem;height:2.25rem}.dashboard-brand-copy{gap:.1rem;display:grid}.dashboard-brand-row strong{color:var(--navy);letter-spacing:-.04em;font-size:.9rem}.dashboard-brand-row strong span{color:var(--gold);font-style:italic}.dashboard-brand-row small{color:var(--muted);letter-spacing:.08em;font-size:.48rem}.dashboard-account-actions{align-items:center;gap:.6rem;margin-left:auto;display:flex}.dashboard-profile-mark{color:#fff;background:var(--teal);border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;font-size:.7rem;font-weight:800;display:grid}.dashboard-account-actions .signout-button{color:var(--navy-2);padding:0;font-size:.67rem}.dashboard-mobile-heading .eyebrow{margin-bottom:.35rem}.dashboard-mobile-heading h1{max-width:18rem;font-size:clamp(1.55rem,7vw,2rem);line-height:1.1}.dashboard-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.dashboard-metric-card{border-radius:14px;min-height:142px;padding:.9rem}.dashboard-metric-icon{border-radius:9px;width:2rem;height:2rem}.dashboard-metric-label{font-size:.72rem}.dashboard-metric-card>strong{margin-top:.85rem;font-size:clamp(1.05rem,5.5vw,1.55rem)}.dashboard-metric-card>small{font-size:.62rem;line-height:1.25}.dashboard-quick-section{margin-top:1.45rem}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dashboard-quick-action{border-radius:13px;min-height:96px;font-size:.7rem}.dashboard-action-icon{width:2.2rem;height:2.2rem}.dashboard-quick-action:nth-child(2) .dashboard-action-icon{font-size:1.1rem}.mobile-bottom-nav{z-index:22;padding:.5rem .35rem calc(.5rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #d6e1eae6;grid-template-columns:repeat(5,1fr);gap:.1rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #10263d14}.mobile-nav-item{color:#7b8999;letter-spacing:.03em;background:0 0;border:0;justify-items:center;gap:.2rem;min-width:0;padding:.25rem .1rem;font-size:.55rem;font-weight:800;display:grid}.mobile-nav-icon{border-radius:9px;place-items:center;width:1.7rem;height:1.7rem;font-size:.9rem;font-weight:900;display:grid}.mobile-nav-item.active{color:var(--teal)}.mobile-nav-item.active .mobile-nav-icon{color:#fff;background:var(--teal);box-shadow:0 4px 10px #0f8b8d33}}@media (width<=560px){.auth-page{background:#fff;place-items:stretch stretch;min-height:100dvh;padding:0}.auth-card{width:100%;min-height:100dvh;box-shadow:none;border:0;border-radius:0}.content-area{padding:1rem 1rem 6.7rem}.metric-grid{gap:.7rem}.metric-card{min-height:125px;padding:.9rem}.metric-value{font-size:1.65rem}.form-grid,.hub-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.login-brand-panel{min-height:290px;padding:1.5rem}.login-card-wrap{padding:1rem}.component-row{grid-template-columns:1fr 90px auto}.compact-metrics,.vendor-category-grid,.form-fieldset,.document-grid,.document-signatures,.po-meta-grid{grid-template-columns:1fr}.gate-verification-page{padding:.8rem}.gate-verification-card{border-radius:13px;padding:1.25rem}.gate-verification-grid{grid-template-columns:1fr}.gate-verification-footer{flex-direction:column;align-items:flex-start}.profile-details{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:0}body *{visibility:hidden!important}.print-document,.print-document *{visibility:visible!important}.print-document{box-sizing:border-box;width:210mm;min-height:297mm;padding:15mm 16mm;position:absolute;inset:0}.modal-backdrop{background:#fff;padding:0;display:block;position:static}.modal-card{width:100%;max-height:none;box-shadow:none;padding:0;overflow:visible}.modal-heading,.modal-card>.form-actions{display:none!important}}