.po-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.po-head h1{font-family:Georgia,serif;font-size:clamp(30px,3vw,44px);margin:10px 0;color:#172a3d}.po-head p,.po-form-title p{color:#7d8997}.po-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#bd995d}.po-primary{background:#172a3d;color:white;border:0;padding:13px 20px;border-radius:9px;cursor:pointer;font-weight:700}.po-stat{display:flex;align-items:center;gap:10px;background:#fff;padding:21px 24px;border:1px solid #e6e9ef;border-radius:12px;margin-bottom:18px;color:#81909c}.po-stat strong{font-size:27px;color:#172a3d}.po-dot{height:9px;width:9px;background:#2b9c7c;border-radius:50%}.po-panel{background:#fff;border:1px solid #e6e9ef;border-radius:14px;overflow:hidden}.po-tools{display:flex;gap:12px;padding:18px;border-bottom:1px solid #edf0f4}.po-tools input{flex:1;min-width:0}.po-tools input,.po-tools select,.po-form input,.po-form textarea{border:1px solid #dfe5eb;border-radius:8px;padding:12px;font:inherit;background:#fff;color:#23364a}.po-tools select{min-width:165px}.po-scroll{overflow:auto}.po-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.po-table th{text-align:left;color:#8b96a4;background:#f8fafc;font-size:11px;letter-spacing:.7px;text-transform:uppercase;padding:16px}.po-table td{border-top:1px solid #edf0f4;padding:16px;vertical-align:middle;color:#425367}.po-table td:first-child{max-width:280px}.po-table td strong{display:block;color:#1c3044;font-size:13px}.po-table td small{display:block;color:#84909d;margin-top:5px}.po-status{background:#eaf7f0;color:#27805a;padding:5px 10px;border-radius:20px;font-weight:700;font-size:11px}.po-detail{border:0;background:transparent;color:#a27c43;cursor:pointer;font-weight:700}.po-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-top:1px solid #edf0f4;font-size:13px;color:#8b96a4}.po-pagination button,.po-cancel{border:1px solid #dfe5eb;border-radius:8px;padding:10px 14px;background:white;color:#33475b;cursor:pointer;margin-left:6px}.po-pagination button:disabled{opacity:.35}.po-empty{padding:60px;text-align:center;color:#8b96a4}.po-dialog{position:fixed;inset:0;background:rgba(10,24,41,.64);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.po-dialog.hidden{display:none}.po-dialog-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:#fff;padding:32px;border-radius:16px;box-shadow:0 25px 80px #0004}.po-dialog-card h2{font-family:Georgia,serif;color:#1a2d42;font-size:27px}.po-form,.po-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.po-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#425367}.po-wide{grid-column:1/-1}.po-actions{display:flex;justify-content:flex-end;gap:12px}.po-error{color:#b33}.po-detail-grid{margin:24px 0}.po-detail-grid>div{border-bottom:1px solid #edf0f4;padding:10px 0;min-width:0;overflow-wrap:anywhere}.po-detail-grid small{display:block;color:#8793a1;margin-bottom:7px}.po-detail-grid strong{font-size:13px;color:#263b50}@media(max-width:680px){.po-head{align-items:flex-start;flex-direction:column}.po-tools{flex-direction:column}.po-form,.po-detail-grid{grid-template-columns:1fr}.po-dialog-card{padding:20px}}