.purchase-orders-page{background:#eef2f7;min-height:calc(100vh - 72px);padding:22px 0 34px}.po-shell{max-width:1600px;margin:auto;color:#16233a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.po-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:15px}.po-crumb{font-size:12px;color:#6a7890}.po-crumb b{color:#0ea5d9}.po-head h1{font-size:23px;font-weight:800;color:#0b1f3a;margin:4px 0 0}.po-head h1 span{vertical-align:middle;display:inline-block;font-size:12px;color:#6a7890;background:#e4eaf1;border-radius:18px;padding:4px 10px;margin-left:7px}.po-actions{display:flex;gap:9px}.po-button,.po-icon-button,.po-view button,.po-pager button,.po-pager select{border:1px solid #e8edf4;background:#fff;color:#0b1f3a;cursor:pointer;font:700 13px inherit}.po-button{height:38px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:7px}.po-button:hover,.po-icon-button:hover{border-color:#0ea5d9}.po-primary{color:#fff;background:linear-gradient(135deg,#0b1f3a,#143a63);border-color:#0b1f3a}.po-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px}.po-stat{position:relative;text-align:left;background:#fff;border:1px solid #e8edf4;border-left:3px solid transparent;border-radius:14px;padding:14px 15px;min-height:105px;box-shadow:0 4px 16px #0b1f3a0d;cursor:pointer;transition:.15s}.po-stat:hover{transform:translateY(-2px);box-shadow:0 10px 34px #0b1f3a1a}.po-stat.selected{border-color:#0ea5d9;border-left-color:#0ea5d9;background:#f7fcff}.po-stat-icon{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;margin-right:7px;background:#e8f1fb;color:#2563a8;font-weight:800}.po-stat.pending .po-stat-icon{background:#fdf4e3;color:#c07d1a}.po-stat.approved .po-stat-icon{background:#e6f7ee;color:#0f8a56}.po-stat.accounted .po-stat-icon{background:#e9f6fd;color:#0e7fb8}.po-stat.total{background:linear-gradient(140deg,#0b1f3a,#143a63);border:0}.po-stat.total .po-stat-icon{background:#ffffff24;color:#41c3f5}.po-stat.total .po-stat-title,.po-stat.total small{color:#a9c4dd}.po-stat.total strong{color:#fff}.po-stat-title{font-size:12px;font-weight:700;color:#6a7890}.po-stat strong{display:block;font-size:22px;color:#0b1f3a;margin-top:7px}.po-total-value{font-size:15px!important;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-stat small{font-size:11px;color:#6a7890}.po-panel{background:#fff;border:1px solid #e8edf4;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0b1f3a0d}.po-toolbar{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #eef2f7;flex-wrap:wrap}.po-search{height:38px;max-width:390px;min-width:260px;flex:1;display:flex;gap:8px;align-items:center;padding:0 12px;background:#f7fafd;border:1px solid #e8edf4;border-radius:10px;color:#6a7890}.po-search input{background:transparent;border:0;outline:0;width:100%;font:13px inherit;color:#16233a}.po-select{height:38px;border:1px solid #e8edf4;border-radius:10px;padding:0 10px;background:#fff;color:#16233a;font:600 12.5px inherit;max-width:180px}.po-toolbar-spacer{flex:1}.po-icon-button{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.po-view{display:flex;border:1px solid #e8edf4;border-radius:10px;overflow:hidden}.po-view button{height:38px;padding:0 12px;border:0;display:flex;gap:6px;align-items:center;color:#6a7890}.po-view button.active{background:#0b1f3a;color:#fff}.po-table-wrap{overflow:auto}.po-table{width:100%;min-width:1150px;border-collapse:collapse}.po-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:800;color:#6a7890;background:#fafcfe;border-bottom:1px solid #e8edf4;padding:12px 14px;white-space:nowrap}.po-table td{font-size:13px;padding:11px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle;white-space:nowrap}.po-table tbody tr{cursor:pointer}.po-table tbody tr:hover{background:#f7fbfe}.align-right{text-align:right!important}.po-code{font-size:13px;color:#0ea5d9}.po-entity{display:flex;align-items:center}.po-entity b{font-size:13px;color:#0b1f3a}.po-empty{font-size:12px;color:#93a1b5}.po-amount{font-weight:800;color:#0b1f3a;font-variant-numeric:tabular-nums}.po-pill{display:inline-flex;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.po-pill.type{background:#e9f6fd;color:#0e7fb8}.po-pill.status{background:#eef0fd;color:#5b52c9}.po-owner{display:inline-flex;align-items:center;gap:7px}.po-profile-avatar,.po-profile-fallback{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;object-fit:contain;background:transparent;font-size:10px;font-style:normal;font-weight:800;color:#0b1f3a}.po-profile-fallback{border:1px solid #e8edf4}.po-date{color:#6a7890;font-variant-numeric:tabular-nums}.po-row-action{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e8edf4;border-radius:8px;background:#fff;color:#6a7890;cursor:pointer}.po-no-data{text-align:center;color:#6a7890;padding:44px!important}.po-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;padding:16px;overflow-x:auto}.po-board-column{background:#f4f7fb;border:1px solid #e8edf4;border-radius:14px;min-width:232px}.po-board-column>header{border-top:3px solid #0ea5d9;border-radius:14px 14px 0 0;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.po-board-column>header b{font-size:13px;color:#0b1f3a}.po-board-column>header span{font-size:11px;font-weight:800;color:#6a7890;background:#fff;border:1px solid #e8edf4;border-radius:20px;padding:2px 9px}.po-board-column>div{padding:8px 10px 12px;display:flex;flex-direction:column;gap:10px;min-height:150px}.po-board-card{background:#fff;border:1px solid #e8edf4;border-radius:12px;padding:12px;text-align:left;cursor:pointer;box-shadow:0 4px 16px #0b1f3a0d;transition:.15s}.po-board-card:hover{transform:translateY(-2px);box-shadow:0 10px 34px #0b1f3a1a}.po-board-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.po-board-card h3{font-size:13px;font-weight:700;color:#0b1f3a;line-height:1.3;margin:6px 0 3px}.po-board-card p{font-size:11.5px;color:#6a7890;margin:0}.po-board-card>strong{display:block;font-size:15px;color:#0b1f3a;margin-top:10px;font-variant-numeric:tabular-nums}.po-board-card footer{border-top:1px solid #eef2f7;margin-top:10px;padding-top:8px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#6a7890}.po-board-empty{text-align:center;color:#93a1b5;font-size:12px;padding:20px 0}.po-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12.5px;color:#6a7890;border-top:1px solid #eef2f7;flex-wrap:wrap}.po-pager b{color:#0b1f3a}.po-pager>div{display:flex;gap:5px}.po-pager button,.po-pager select{height:32px;min-width:32px;border-radius:8px;padding:0 8px}.po-pager button.current{background:#0b1f3a;color:#fff;border-color:#0b1f3a}.po-pager button:disabled{opacity:.4;cursor:default}@media(max-width:1100px){.po-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.po-stats{grid-template-columns:repeat(2,1fr)}.po-toolbar-spacer{display:none}.po-head{align-items:flex-start;flex-direction:column}.po-search{max-width:none}.po-shell{padding:0 4px}}@media(max-width:560px){.purchase-orders-page{padding-top:12px}.po-stats{grid-template-columns:1fr 1fr;gap:8px}.po-stat{padding:11px}.po-head h1{font-size:20px}.po-actions{width:100%}.po-button{flex:1;justify-content:center}.po-toolbar{padding:12px}.po-search{min-width:100%}.po-select{flex:1}.po-view{width:100%}.po-view button{flex:1;justify-content:center}.po-board{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:12px}}.purchase-orders-page .po-shell{width:100%;max-width:none;margin:0;padding:0 28px}.po-status-select{min-width:150px;height:38px}.po-status-select option{padding:3px 6px}.po-filter-row th{background:#fff!important;padding:8px 14px!important}.po-filter-row input{height:32px;width:100%;min-width:76px;border:1px solid #e8edf4;border-radius:8px;padding:0 9px;background:#f7fafd;color:#16233a;font:12px inherit;outline:0}.po-filter-row input:focus{border-color:#0ea5d9}.po-modal-layer{position:fixed;inset:0;z-index:120;background:#0914266b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px}.po-filter-modal{width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#f5f8fc;border-radius:16px;box-shadow:0 14px 40px #0914263d}.po-filter-modal>header{background:linear-gradient(140deg,#0b1f3a,#143a63);padding:19px 20px;color:#fff;display:flex;align-items:flex-start;justify-content:space-between}.po-filter-modal header small{font-size:11px;color:#a9c4dd}.po-filter-modal h2{font-size:18px;margin:3px 0 0}.po-filter-modal>header button{width:32px;height:32px;border:0;border-radius:9px;background:#ffffff24;color:#fff;font-size:20px;cursor:pointer}.po-modal-body{padding:18px 20px;display:grid;gap:14px}.po-modal-body label>small{font-size:11px;color:#6a7890;font-weight:500}.po-modal-body select,.po-modal-body input{height:42px;width:100%;border:1px solid #e8edf4;border-radius:10px;padding:0 12px;background:#fff;color:#16233a;font:14px inherit;outline:0}.po-modal-body select[multiple]{height:112px;padding:6px}.po-filter-modal>footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid #e8edf4}.po-column-pager{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 10px 10px;font-size:11px;color:#6a7890}.po-column-pager button{width:26px;height:26px;border:1px solid #e8edf4;border-radius:7px;background:#fff;color:#0b1f3a;cursor:pointer}.po-column-pager button:disabled{opacity:.4;cursor:default}@media(max-width:950px){.purchase-orders-page .po-shell{padding:0 16px}}@media(max-width:560px){.purchase-orders-page .po-shell{padding:0 12px}.po-status-select{min-width:0;flex:1}.po-modal-two{grid-template-columns:1fr}}.po-multi-select{position:relative;flex:none}.po-multi-select>button{height:38px;width:180px;padding:0 10px;border:1px solid #e8edf4;border-radius:10px;background:#fff;color:#16233a;font:600 12.5px inherit;text-align:left;cursor:pointer;white-space:nowrap}.po-multi-select>button span{float:right;margin-left:9px;color:#6a7890}.po-multi-options{position:absolute;top:44px;left:0;z-index:30;min-width:210px;max-height:250px;overflow:auto;padding:6px;background:#fff;border:1px solid #e8edf4;border-radius:12px;box-shadow:0 10px 34px #0b1f3a29}.po-multi-options label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;color:#16233a;font:600 12px inherit;cursor:pointer}.po-multi-options label:hover{background:#eef6fc}.po-multi-options input{accent-color:#0ea5d9}.po-table-multi>button{height:32px;min-width:82px;width:100%;border-radius:8px;background:#f7fafd;font-size:12px}.po-table-multi .po-multi-options{top:36px;min-width:180px}.po-filter-row{position:relative;z-index:4}.po-modal-layer{position:fixed;inset:0;z-index:120;background:#0914266b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:0!important;display:block!important}.po-filter-modal{position:absolute;top:0;right:0;bottom:0;width:460px;max-width:96vw;max-height:none!important;overflow:hidden!important;border-radius:0!important;background:#f5f8fc!important;box-shadow:-14px 0 40px #09142638!important;display:flex;flex-direction:column}.po-filter-modal>header{min-height:112px;flex:none;background:linear-gradient(140deg,#0b1f3a,#143a63)!important;padding:20px 22px!important;color:#fff;display:flex;align-items:flex-start;justify-content:space-between}.po-filter-modal>header>div{padding-right:20px}.po-filter-modal header small{display:block;color:#a9c4dd!important;font-size:12.5px!important;margin-bottom:3px}.po-filter-modal h2{font-size:18px!important;margin:0!important;color:#fff}.po-filter-modal>header button{width:32px;height:32px;border-radius:9px;background:#ffffff24!important;border:0;color:#fff;font-size:20px;line-height:1;cursor:pointer}.po-modal-body{overflow:auto;flex:1;padding:18px 20px!important;display:grid;align-content:start;gap:14px;background:#f5f8fc}.po-modal-body label{display:grid;gap:6px;font-size:12.5px;font-weight:700;color:#0b1f3a}.po-modal-body label>small{font-size:11.5px;color:#6a7890;font-weight:500}.po-modal-body select,.po-modal-body input{height:42px;border:1px solid #e8edf4;border-radius:10px;padding:0 13px;background:#fff;color:#16233a;font:14px inherit;outline:0}.po-modal-body select[multiple]{height:122px;padding:7px}.po-modal-body select:focus,.po-modal-body input:focus{border-color:#0ea5d9;box-shadow:0 0 0 3px #0ea5d921}.po-modal-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.po-filter-modal>footer{flex:none;display:flex;gap:10px;padding:14px 20px!important;border-top:1px solid #e8edf4;background:#fff}.po-filter-modal>footer .po-button{flex:1;justify-content:center;height:44px}@media(max-width:560px){.po-modal-two{grid-template-columns:1fr}.po-filter-modal{max-width:100vw;width:100vw}}.po-modal-layer{z-index:10050!important}.po-filter-modal{z-index:10051!important}.po-filter-modal>header{position:relative;min-height:116px!important;padding:20px 22px!important;display:block!important}.po-drawer-heading{display:flex;align-items:center;gap:14px}.po-filter-avatar{width:56px;height:56px;border-radius:15px;background:linear-gradient(135deg,#12345c,#0ea5d9);color:#fff;display:grid;place-items:center;flex:none}.po-drawer-heading h3{font-size:18px;color:#fff;margin:0}.po-drawer-heading p{font-size:12.5px;color:#a9c4dd;margin:3px 0 0}.po-filter-modal>header .po-drawer-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:9px;background:#ffffff24!important;border:0;color:#fff;font-size:20px;cursor:pointer}.po-modal-body{gap:14px!important}.po-modal-two>span{display:block}.po-filter-modal>footer{padding:14px 20px!important}.po-filter-modal>footer .po-button{height:44px;border-radius:10px}.po-multi-options-portal{position:fixed!important;z-index:10100!important}.po-filter-row input[type=checkbox]{width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;margin:0!important;border:0!important;border-radius:3px!important;background:initial!important;box-shadow:none!important}.po-multi-options label input[type=checkbox]{width:14px!important;height:14px!important;min-width:14px!important;margin:0!important;flex:none}.po-filter-row .po-multi-options label{font-size:11.5px}.po-filter-row .po-multi-select{width:100%}.po-new-order-split{position:relative;display:inline-flex}.po-new-order-main{border-radius:10px 0 0 10px}.po-new-order-caret{width:34px;height:38px;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0 10px 10px 0;background:linear-gradient(135deg,#0b1f3a,#143a63);color:#fff;display:grid;place-items:center;cursor:pointer}.po-new-order-caret:hover{filter:brightness(1.1)}.po-new-order-menu{position:absolute;top:44px;right:0;z-index:80;min-width:238px;padding:6px;border:1px solid #e8edf4;border-radius:12px;background:#fff;box-shadow:0 10px 34px #0b1f3a29}.po-new-order-menu button{width:100%;border:0;border-radius:9px;padding:9px 10px;background:#fff;color:#16233a;display:flex;align-items:center;gap:10px;text-align:left;font:600 13px inherit;cursor:pointer}.po-new-order-menu button:hover{background:#eef6fc}.po-new-order-menu small{display:block;margin-top:2px;color:#6a7890;font-size:11px;font-weight:600}.po-new-order-menu-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;font-weight:800}.po-new-order-menu-icon.info{background:#e9f6fd;color:#0e7fb8}.po-new-order-menu-icon.return{background:#fdeceb;color:#d0453b}.po-new-order-menu-icon.difference{background:#efedfb;color:#6d5bd0}.po-project-link{padding:0;border:0;background:transparent;color:#0e7fb8;font:600 13px inherit;cursor:pointer;text-align:left}.po-project-link:hover{text-decoration:underline;color:#0b1f3a}