.approval-page{padding:26px 24px;background:#f8faff;min-height:calc(100vh - 99px);font-weight:600}.approval-title-icon{width:52px;height:52px;border-radius:10px;display:grid;place-items:center;color:#5824e5;background:linear-gradient(135deg,#f0ebff,#e9f7ff);border:1px solid #ded4ff;font-size:25px}.approval-page>.page-heading{justify-content:flex-start;gap:13px;margin-bottom:18px}.approval-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:19px}.approval-kpis article{min-height:136px;padding:17px;position:relative;background:#fff;border:1px solid #e4eaf3;border-radius:11px;box-shadow:0 3px 11px #17234a08;display:grid;grid-template-columns:55px 1fr;grid-template-rows:auto auto auto;gap:5px}.approval-kpis i{grid-column:1;grid-row:1/4;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:23px}.approval-kpis span,.approval-kpis strong,.approval-kpis small{grid-column:2}.approval-kpis span{font-size:13px;color:#50607e;font-weight:800}.approval-kpis strong{font:800 19px Arial;direction:ltr;white-space:nowrap;color:#1a2d55}.approval-kpis small{font-size:11px;color:#71809b;font-weight:700}.approval-status-icon{background:#fff2df;color:#e88800}.approval-total-icon{background:#eeeaff;color:#5a28e6}.approval-commitments-icon{background:#e8f8ec;color:#118c42}.approval-payroll-icon{background:#e8f4ff;color:#187bea}.approval-users-icon{background:#f3edff;color:#6a36df}.approval-kpis .approval-status{font:800 14px plex;color:#df7500;white-space:normal}.approval-tabs{display:flex;background:#fff;border:1px solid #e3e8f1;border-radius:10px 10px 0 0;width:max-content;overflow:hidden}.approval-tabs button{min-width:210px;height:50px;border:0;border-left:1px solid #e5e9f2;background:#fff;color:#53617e;font:800 15px plex;cursor:pointer}.approval-tabs button.active{color:#5720e4;background:linear-gradient(120deg,#fbfaff,#f2efff);box-shadow:inset 0 -3px #5b22e7}.approval-toolbar{background:#fff;border:1px solid #e3e8f1;border-top:0;padding:18px;display:grid;grid-template-columns:1.5fr repeat(3,.8fr) auto;gap:10px}.approval-toolbar select{height:42px;border:1px solid #dce3ed;border-radius:7px;background:#fff;padding:0 11px;font:13px plex;color:#4f5f7d}.approval-toolbar .secondary-btn{height:42px}.approval-table-card{background:#fff;border:1px solid #e3e8f1;border-radius:0 0 11px 11px;overflow:hidden}.approval-table-card table{width:100%;border-collapse:collapse}.approval-table-card th{background:#fbfcff;padding:13px 8px;color:#52617e;font-size:12px;font-weight:800}.approval-table-card td{padding:12px 8px;border-top:1px solid #edf0f5;text-align:center;font-size:12px;font-weight:700;color:#2e3f5e}.approval-person{display:flex;align-items:center;gap:8px;text-align:right}.approval-person i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#eaf6ff,#ede7ff);color:#5420e2;display:grid;place-items:center;font-style:normal}.approval-person b{display:block}.approval-person small{display:block;color:#71809b;margin-top:2px;direction:ltr}.approval-net{color:#4f1ce4;font-weight:800}.approval-method{padding:5px 9px;border-radius:6px;background:#eaf8ee;color:#258c48}.approval-method.instapay{background:#f0ebff;color:#5d39ce}.approval-method.wallet{background:#e8f7ff;color:#187da8}.approval-view{width:34px;height:34px;border:1px solid #dce3ed;border-radius:7px;background:#fff;color:#5521e4;font-size:17px}.approval-commitment-total{margin:0;padding:18px 25px;background:#fbfcff;border-top:1px solid #e5eaf2;font-weight:800}.approval-commitment-total strong{margin-right:18px;color:#5620e5;font:800 18px Arial}.approval-actions{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:14px;margin-top:20px}.approval-actions button{height:78px;border-radius:9px;font:800 16px plex;cursor:pointer}.approve-execution{color:#fff;border:0;background:linear-gradient(105deg,#078643,#10ac57);box-shadow:0 8px 18px #098d4730}.return-hr{background:#fff;border:1px solid #ff7d7d;color:#e92d37}.approval-actions>div{border:1px solid #cbdcf2;border-radius:9px;background:linear-gradient(110deg,#fff,#eef7ff);display:flex;align-items:center;gap:12px;padding:16px;color:#4a5a76;font-size:13px}.approval-actions>div b{width:42px;height:42px;border-radius:50%;background:#eaf4ff;color:#4090e9;display:grid;place-items:center;font-size:20px}.approval-modal-overlay{position:fixed;z-index:20;inset:0;background:#07132642}.return-modal{position:fixed;z-index:21;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,calc(100vw - 30px));background:#fff;border-radius:14px;box-shadow:0 18px 45px #07132644;padding:23px}.return-modal header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf2;padding-bottom:13px}.return-modal h2{margin:0;font-size:19px}.return-modal header button{border:0;background:transparent;font:30px Arial;color:#5120e5}.return-modal p{color:#60708e;font-size:13px}.return-modal textarea{width:100%;height:110px;border:1px solid #d9e1ed;border-radius:8px;padding:12px;font:14px plex;resize:vertical}.return-modal small{display:block;color:#e52d36;min-height:20px}.return-confirm{width:100%;height:45px;border:0;border-radius:7px;background:#e9343e;color:#fff;font:800 15px plex}@media(max-width:1200px){.approval-kpis{grid-template-columns:repeat(3,1fr)}.approval-toolbar{grid-template-columns:repeat(3,1fr)}.approval-actions{grid-template-columns:1fr}} 
.approval-person{border:0;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer}