.employee-reference-actions{position:relative;align-items:stretch;gap:10px}.employee-reference-actions a,.employee-reference-actions>button,.employee-payment-wrap>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:9px!important;padding:0 15px!important;font-size:12px!important;box-shadow:0 7px 18px rgba(29,57,92,.14)!important;transition:.18s}.employee-reference-actions a:hover,.employee-reference-actions>button:hover,.employee-payment-wrap>button:hover{transform:translateY(-2px);filter:brightness(1.04)}.employee-reference-actions .edit{background:linear-gradient(135deg,#24b7d6,#1a9fca)}.employee-reference-actions .pay{background:linear-gradient(135deg,#20a653,#188d43);border:0;color:#fff;font-weight:800;cursor:pointer}.employee-reference-actions .expense{background:linear-gradient(135deg,#ffb339,#f39a20)}.employee-reference-actions .statement{background:linear-gradient(135deg,#344b6c,#263b5b)}.employee-reference-actions .sms{background:linear-gradient(135deg,#6130d1,#4b1caf)}.employee-reference-actions .document{background:linear-gradient(135deg,#27b6c9,#159bad)}.employee-reference-actions .document em{display:grid;place-items:center;min-width:18px;height:18px;border-radius:20px;background:rgba(255,255,255,.22);font-style:normal;font-size:9px}.employee-payment-wrap{position:relative;display:flex}.employee-payment-menu{display:none;position:absolute;z-index:120;left:0;top:calc(100% + 8px);width:320px;margin:0!important;border:1px solid #d9e3ef;border-radius:13px;box-shadow:0 18px 45px rgba(18,42,72,.23);overflow:hidden}.employee-payment-menu.open{display:block}.employee-payment-menu:before{content:"";position:absolute;left:26px;top:-7px;width:12px;height:12px;transform:rotate(45deg);background:#fff;border-left:1px solid #d9e3ef;border-top:1px solid #d9e3ef}.employee-payment-menu button{position:relative;display:grid;grid-template-columns:30px 1fr;align-items:center;width:100%;padding:13px 15px!important;border-bottom:1px solid #edf1f6!important}.employee-payment-menu button span{grid-row:1/3;display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#eef5ff;color:#176ee0}.employee-payment-menu button b{font-size:12px}.employee-payment-menu button small{font-size:9px;color:#8290a3}.employee-documents{display:none;margin-top:20px;border:1px solid #dce7f4;border-radius:20px;background:#fff;box-shadow:0 10px 35px rgba(30,67,110,.06);overflow:hidden}.employee-documents.open{display:block}.employee-documents>header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #e7eef7}.employee-documents header span{color:#1c74e7;font-size:10px;font-weight:800;letter-spacing:.13em}.employee-documents h2{margin:5px 0;color:#0c2c55}.employee-documents header p{margin:0;color:#7d8ca1;font-size:11px}.employee-documents header button{border:0;border-radius:10px;padding:11px 15px;background:#176ee0;color:#fff;font-weight:800;cursor:pointer}.employee-document-list{padding:10px 24px 24px}.employee-document-list article{display:grid;grid-template-columns:48px 1fr auto auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #edf2f8}.employee-document-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf5ff;color:#176ee0;font-size:9px;font-weight:900}.employee-document-list article b,.employee-document-list article small{display:block}.employee-document-list article b{color:#17365c;font-size:12px}.employee-document-list article small{margin-top:4px;color:#8190a4;font-size:10px}.employee-document-list article a,.employee-document-list article button{border:0;background:none;color:#176ee0;font-size:11px;font-weight:800;cursor:pointer}.employee-document-list article form button{color:#dc5260}.employee-document-empty{text-align:center;padding:42px;color:#7d8ca1}.employee-document-empty>span{font-size:31px;color:#176ee0}.employee-document-empty b{display:block;margin:8px;color:#17365c}.document-upload-modal label>small{display:block;margin-top:7px;color:#8492a6;font-size:10px}@media(max-width:700px){.employee-reference-actions{display:grid;grid-template-columns:1fr 1fr}.employee-payment-wrap,.employee-payment-wrap>button{width:100%}.employee-payment-menu{width:min(320px,calc(100vw - 44px))}.employee-document-list article{grid-template-columns:44px 1fr}.employee-document-list article>a,.employee-document-list article>form{grid-row:2}}