.approval-list{padding:15px 22px}.approval-list article{border:1px solid #e1e8f1;border-radius:12px;padding:17px;margin-bottom:12px}.approval-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.approval-head small{display:block;color:#718096;margin-top:5px}.approval-status{padding:6px 10px;border-radius:13px;font-size:10px}.approval-status.pending{background:#fff1df;color:#d87811}.approval-status.approved{background:#e5f7ef;color:#159a67}.approval-status.rejected{background:#ffebed;color:#df4c58}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.compare-grid>div{background:#f7f9fc;border-radius:9px;padding:13px}.compare-grid h4{margin:0 0 9px}.compare-grid p{font-size:11px;margin:6px 0}.approval-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.approval-actions input{flex:1;border:1px solid #d8e0eb;border-radius:8px;padding:9px}.approval-actions button{border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.approval-actions .approve{background:#159a67;color:#fff}.approval-actions .reject{background:#ffebed;color:#df4c58}@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.approval-actions{flex-wrap:wrap}.approval-actions input{flex-basis:100%}}