.quick-drawer{width:404px;padding:20px 18px 16px}.quick-drawer header{padding:0 6px 16px}.quick-head{display:flex;flex-direction:row;gap:15px;align-items:flex-start;padding:20px 8px 17px}.quick-photo{width:82px;height:82px;border-radius:50%;background:linear-gradient(135deg,#edf6ff,#eee8ff);color:#5421e8;display:grid;place-items:center;font-size:26px;font-weight:700;flex:0 0 auto}.quick-identity{flex:1;text-align:right}.quick-identity h3{font-size:17px;margin:0 0 7px}.quick-identity p{font-size:13px;color:#506080;margin:3px 0}.quick-identity .employee-id{display:block;margin:7px 0}.quick-phone{display:block;font:700 13px plex;margin:8px 0;color:#17213e}.quick-identity em{display:inline-block;background:#e9f8ed;color:#0b9e50;border-radius:999px;padding:4px 9px;font-style:normal;font-size:12px;font-weight:700}.quick-card{border:1px solid #e7ecf4;border-radius:8px;padding:11px;margin-bottom:12px}.quick-card h4{margin:0 0 10px;font-size:13px}.quick-basic,.quick-pay-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quick-basic div,.quick-pay-grid div{border:1px solid #edf0f5;background:#fff;border-radius:7px;min-height:72px;padding:9px 6px;text-align:center;display:grid;align-content:center;gap:5px}.quick-basic span,.quick-pay-grid span{font-size:11px;color:#687694;font-weight:600}.quick-basic b,.quick-pay-grid b{font-size:12px}.quick-pay-grid div{min-height:68px}.quick-net{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edf4;margin-top:11px;padding:11px 7px 2px;font-size:13px;font-weight:700}.quick-net strong{font-size:17px;color:#1686ed}.quick-section-heading{display:flex;justify-content:space-between;align-items:center}.quick-section-heading button{border:0;background:transparent;color:#5421e8;font:700 12px plex;cursor:pointer}.quick-movement{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border-top:1px solid #edf0f5;padding:10px 2px;font-size:12px}.quick-movement i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700}.quick-movement.positive i{background:#e9f9ef;color:#09a65b}.quick-movement.negative i{background:#fff0f0;color:#ee3b3b}.quick-movement.positive b{color:#08a55a}.quick-movement.negative b{color:#e33333}.drawer-actions{position:sticky;bottom:-16px;background:#fff;padding-top:10px;margin-top:7px}.drawer-actions .primary{order:-1}.drawer-actions button{font-size:13px}.drawer-actions .primary{display:flex;justify-content:center;align-items:center;gap:5px}.drawer-actions .secondary{white-space:nowrap}