.pi-page{color:#17324d;background:#f5f7fa;min-height:100vh}.pi-brand{letter-spacing:.12em;color:#023167;font-weight:950}.pi-brand.light{color:#fff}.pi-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#748698;font-size:10px;font-weight:900}.peach{color:#faa578}.pi-header{color:#fff;background:linear-gradient(135deg,#011f43,#023167 58%,#0a4279);border-bottom:3px solid #faa578;justify-content:space-between;align-items:end;gap:20px;padding:30px 32px;display:flex}.pi-header h1,.pi-login h1{margin:7px 0;font:500 clamp(38px,5vw,58px)/1 Georgia,serif}.pi-header p{color:#dbe7ef;margin:0}.pi-actions{gap:8px;display:flex}.primary,.ghost{cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:900}.primary{color:#17324d;background:#faa578}.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff2a}.pi-login{background:#fff;border:1px solid #dce5ec;border-radius:22px;width:min(610px,100% - 32px);margin:8vh auto;padding:32px;box-shadow:0 20px 60px #02316715}.pi-login h1{color:#023167}.pi-login p{color:#667c8e;line-height:1.55}.pi-login form,.pi-form label{gap:7px;display:grid}.pi-login input,.pi-form input,.pi-form select,.pi-form textarea,.pi-filters input,.pi-filters select{font:inherit;background:#fff;border:1px solid #ccd8e2;border-radius:10px;padding:11px}.pi-login button{color:#fff;background:#023167;border:0;border-radius:10px;padding:12px;font-weight:900}.pi-kpis{grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 32px 0;display:grid}.pi-kpi{background:#fff;border:1px solid #dce5ec;border-radius:14px;gap:3px;padding:15px;display:grid}.pi-kpi span{color:#718596;font-size:10px;font-weight:850}.pi-kpi strong{color:#023167;font-size:25px}.pi-kpi.danger{background:#fff8f6;border-color:#e4aa9f}.pi-kpi.danger strong{color:#a14436}.pi-reorder{background:#fff8f4;border:1px solid #f0d0c8;border-radius:16px;margin:18px 32px 0;padding:16px}.pi-reorder h2{color:#7e3f34;margin:4px 0 10px;font:500 28px/1.1 Georgia,serif}.pi-reorder-grid{flex-wrap:wrap;gap:8px;display:flex}.pi-reorder-grid button{text-align:left;color:#6f3f37;background:#fff;border:1px solid #e7c2b8;border-radius:10px;gap:2px;padding:9px 11px;display:grid}.pi-reorder-grid span{color:#856a64;font-size:9px}.pi-alert{background:#fff8e8;border-left:4px solid #e5a450;border-radius:9px;margin:14px 32px;padding:11px}.pi-alert.error{color:#8c3e33;background:#fff0ee;border-color:#b74e41}.pi-alert.wide{justify-content:space-between;display:flex}.pi-filters{grid-template-columns:minmax(260px,1fr) 220px 220px;gap:8px;padding:18px 32px 12px;display:grid}.pi-table-wrap{padding:0 32px 40px;overflow:auto}.pi-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dce5ec;border-radius:16px;width:100%;min-width:1050px;overflow:hidden}.pi-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#023167;padding:11px;font-size:10px}.pi-table td{vertical-align:middle;border-top:1px solid #edf1f4;padding:11px;font-size:11px}.pi-table td:first-child b,.pi-table td:nth-child(2) b{color:#173f63;display:block}.pi-table td small{color:#7a8b99;margin-top:3px;display:block}.pi-table tr.low td{background:#fff9f6}.pi-low-tag{color:#fff;background:#a94b3c;border-radius:999px;margin-top:5px;padding:3px 6px;font-size:8px;font-weight:900;display:inline-block}.pi-qty{align-items:center;gap:7px;display:flex}.pi-qty button{background:#fff;border:1px solid #d5dfe7;border-radius:7px;width:27px;height:27px;font-weight:900}.pi-row-actions{gap:5px;display:flex}.pi-row-actions button{background:#fff;border:1px solid #d6e0e8;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:850}.pi-empty{color:#81909c;text-align:center!important;padding:30px!important}.pi-modal-bg{z-index:100;background:#102131aa;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.pi-modal{background:#fff;border-radius:20px;width:min(760px,100%);max-height:94vh;padding:22px;overflow:auto}.pi-modal-head{justify-content:space-between;display:flex}.pi-modal-head h2{color:#023167;margin:4px 0;font:500 30px/1.1 Georgia,serif}.pi-modal-head>button{background:#edf2f5;border:0;border-radius:50%;width:36px;height:36px;font-size:22px}.pi-form{grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;display:grid}.pi-form label{font-size:11px;font-weight:900}.pi-form .full{grid-column:1/-1}.pi-form textarea{min-height:80px}.pi-check{grid-auto-flow:column;justify-content:start;align-items:center;display:flex!important}.pi-check input{width:auto}.pi-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.pi-modal-actions .cancel{color:#36536d;background:#edf2f5;border:0;border-radius:9px;padding:10px 13px;font-weight:900}@media (max-width:900px){.pi-kpis{grid-template-columns:repeat(2,1fr)}.pi-filters{grid-template-columns:1fr 1fr}.pi-filters input{grid-column:1/-1}}@media (max-width:620px){.pi-header{flex-direction:column;align-items:flex-start;padding:24px 16px}.pi-kpis{padding:14px 12px 0}.pi-reorder{margin:14px 12px 0}.pi-filters{grid-template-columns:1fr;padding:14px 12px 10px}.pi-filters input{grid-column:auto}.pi-table-wrap{padding:0 12px 30px}.pi-form{grid-template-columns:1fr}.pi-form .full{grid-column:auto}}.pi-section{padding:0 32px 18px}.pi-section-head{justify-content:space-between;align-items:end;gap:16px;margin:8px 0 10px;display:flex}.pi-section-head h2{color:#023167;margin:3px 0;font:500 28px/1.1 Georgia,serif}.pi-section-head p{color:#718395;margin:0;font-size:11px}.pi-section-head>span{color:#36536d;background:#edf3f7;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.pi-section .pi-table-wrap{padding:0}@media (max-width:620px){.pi-section{padding:0 12px 14px}.pi-section-head{align-items:flex-start}}.pi-printer-group{padding:0 0 4px}.pi-printer-group-head{padding:4px 32px 2px}.pi-printer-group-head h2{color:#023167;margin:3px 0;font:500 30px/1.1 Georgia,serif}.pi-printer-group-head p{color:#718395;margin:0;font-size:11px}@media (max-width:620px){.pi-printer-group-head{padding:4px 12px 2px}}