.reimbursement-container{width:95%;margin:3%;border-radius:10px}.reimbursement-table-scroll,.reimbursement-table-scroll2{margin-top:2%;max-height:400px;overflow-y:auto;overflow-x:auto;border:1px solid #ddd;margin-bottom:3%}.invoice-label:after{content:" *";color:#d32f2f;margin-left:4px;font-weight:700}.rb-form-header{text-align:left;margin:3% 0}.filter-container{display:flex;justify-content:space-between;align-items:center;margin:5% 0}.filter-container label{font-weight:700;text-align:center}.filter-container input{padding:1% 2%}.filter-container input,.filter-container select{border:1px solid #ccc;border-radius:5px;font-size:medium}.filter-container select{padding:.9% 2%}.apply-btn,.search-btn{background-color:#79c42b;color:white;border:none;padding:1% 2%;font-size:medium;cursor:pointer;border-radius:5px;display:flex;align-items:center;gap:5px}.apply-btn:hover,.search-btn:hover{background-color:#0056b3}.reimbursement-table{width:100%;border-collapse:collapse;background:white;border-radius:5px;overflow:hidden;table-layout:fixed;word-break:break-word}.reimbursement-table td,.reimbursement-table th{border:2px solid #d9d9d9;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reimbursement-table td:nth-child(5){text-align:right}.reimbursement-table th{background-color:#f2f2f2}.reimbursement-table td{background-color:#fff}.participants-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participants-cell:hover{white-space:normal;overflow-y:auto;text-overflow:unset;max-height:500px}.purpose-attachment-invoices{box-sizing:border-box;width:100%;padding:0;margin:0}.purpose-attachment-invoices .rb-form-grid{display:grid;gap:1rem;align-items:start}.purpose-attachment-invoices .rb-form-grid,.purpose-attachment-invoices.two-col .rb-form-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.purpose-attachment-invoices.full-width .rb-form-grid{grid-template-columns:1fr}.purpose-attachment-invoices .rb-groups label{display:block;margin-bottom:6px;font-weight:700}.purpose-attachment-invoices .invoice-row{display:flex;gap:8px;align-items:center;width:100%;box-sizing:border-box;justify-content:flex-start}.purpose-attachment-invoices .invoice-input,.purpose-attachment-invoices input[type=text][name^=invoice_]{padding:2%;border:1px solid #ccc;background-color:#fff;border-radius:5px;font-size:14px;box-sizing:border-box;width:100%;min-height:36px;line-height:1.2;max-width:100%}.purpose-attachment-invoices .invoice-input{flex:1 1 auto}.purpose-attachment-invoices .invoice-add-btn,.purpose-attachment-invoices .invoice-remove-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:6px;cursor:pointer;box-sizing:border-box;background:transparent;border:none}.purpose-attachment-invoices .invoice-add-btn{background:#79c42b;color:#fff;padding:8px 10px;border-radius:6px}.purpose-attachment-invoices .invoice-remove-btn{color:#d32f2f;background:none}.purpose-attachment-invoices .invoice-add-btn svg,.purpose-attachment-invoices .invoice-remove-btn svg{font-size:18px;vertical-align:middle}.purpose-attachment-invoices .invoice-cell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.file-links .file-name[title]:hover:after,.purpose-attachment-invoices .invoice-cell[title]:hover:after,.reimbursement-table td .invoice-cell[title]:hover:after{content:attr(title);position:absolute;left:0;top:100%;margin-top:8px;background:#fff;color:#222;padding:8px 10px;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.12);white-space:normal;z-index:9999;display:block;width:min(420px,86vw);max-height:50vh;overflow:auto;line-height:1.4}.file-links,.reimbursement-table td,.reimbursement-table th{position:relative}.row-item{background:#ffffff;border:1px solid #d9d9d9;border-radius:8px;padding:12px;margin-bottom:16px;box-sizing:border-box}.row-item.child-row,.row-item.main-row{border:2px solid #00468c;background:#f7faff}.row-item .row-header{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;align-items:end;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;padding-bottom:6px}.row-header .field{display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.row-header .field label{font-size:12px;font-weight:600;color:#333;white-space:normal}.row-header .field input,.row-header .field select,.row-header .field textarea{height:36px;padding:6px 8px;font-size:14px;box-sizing:border-box;width:100%;min-width:0}.purpose-inline{min-width:260px}.attachment-inline{min-width:180px}.invoice-inline{min-width:220px}.field.add-next-field{min-width:120px}.attachment-inline-wrapper{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;min-width:0}.file-links-inline{flex:1 1 auto;min-width:0;display:flex;gap:6px;overflow-x:auto}.invoice-inline-row{display:flex;gap:8px;align-items:center;min-width:0}.invoice-input{flex:1 1 auto;min-width:0}.custom-file-upload.inline,.custom-file-upload.small{background:#79c42b;color:#fff;padding:6px 10px;border-radius:6px;font-size:13px;cursor:pointer}.add-next-row-btn{background:#79c42b;color:#fff;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-weight:600;min-width:0}@media (max-width:640px){.row-item .row-header,.row-item.child-row .row-header{display:grid;grid-auto-flow:row;grid-auto-columns:1fr;gap:10px;overflow-x:visible;white-space:normal}.add-next-row-btn{width:100%;align-self:stretch}}@media (max-width:880px){.purpose-attachment-invoices .rb-form-grid,.purpose-attachment-invoices.two-col .rb-form-grid{grid-template-columns:1fr}.purpose-attachment-invoices .invoice-row{flex-direction:column;align-items:stretch}.purpose-attachment-invoices .invoice-add-btn,.purpose-attachment-invoices .invoice-remove-btn{align-self:flex-start;width:auto;padding:10px}.purpose-attachment-invoices .invoice-input{min-height:44px;padding:10px}.file-links .file-name[title]:after,.purpose-attachment-invoices .invoice-cell[title]:after{display:none}}.purpose-attachment-invoices,.purpose-attachment-invoices .rb-form-grid,.purpose-attachment-invoices .rb-groups{max-width:100%;box-sizing:border-box}.status{padding:6px 12px;border-radius:12px;display:inline-block;text-align:center;min-width:100px}.status.approved{background-color:#d7f2ce}.status.rejected{background-color:#ffe5d2}.delete-icon,.edit-icon,.md-delete,.md-edit{cursor:pointer;font-size:x-large;color:#000;display:inline-flex;align-items:center;justify-content:center;transition:color .12s ease,transform .06s ease}.edit-icon:hover,.md-edit:hover{color:#222;transform:translateY(-1px)}.delete-icon:hover,.md-delete:hover{color:#d32f2f;transform:translateY(-1px)}.action-button.black,.icons-btn.black{background:#000;color:#fff}.icon-btn{border:none!important;outline:none!important;background:transparent!important}.action-button.black .md-delete,.action-button.black .md-edit,.icons-btn.black .md-delete,.icons-btn.black .md-edit{color:#fff}.icons-btn{font-size:x-large;padding:0 5%}.attachment-wrapper textarea,.pa-groups textarea{padding:2%;width:96%;min-height:80px;resize:vertical;font-size:14px;line-height:1.3}.attachment-wrapper,.attachment-wrapper textarea,.pa-groups textarea{border:1px solid #ccc;background-color:#fff;border-radius:5px;height:80px;box-sizing:border-box}.attachment-wrapper{display:flex;width:95%;padding:8px 10px;gap:8px;align-items:flex-start}.file-links{width:80%;color:#00468c;text-decoration:none;font-size:14px;overflow-x:auto;overflow-y:auto;position:relative}.file-links .file-name{display:block;font-size:13px;color:#00468c;text-decoration:none;cursor:default;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;z-index:1000}.rb-modal-content{background:#e8e9ea;padding:0;width:90%;max-height:90vh;box-shadow:0 4px 10px rgba(0,0,0,.2);overflow-y:auto}.claim-form-header{background-color:#00468c;color:#fff;padding:0 2%}.claim-form-title{color:#fff;margin:1% 0}.claim-form-close{font-size:x-large}.rb-form1-grid{grid-template-columns:repeat(2,minmax(20%,1fr))}.rb-form1-grid,.rb-form2-grid{display:grid;gap:3%;padding:2%}.rb-form2-grid{grid-template-columns:repeat(3,minmax(20%,1fr))}.claim-type{display:flex;margin:2%;max-width:100%;overflow-x:auto;flex-wrap:wrap}.claim-type label{margin:1%;font-weight:700}.rb-tabs{width:100%;display:flex;flex-wrap:wrap;border-bottom:none;max-width:100%;overflow:hidden}.rb-tab{flex:1;min-width:120px;padding:.5%;cursor:pointer;font-size:16px;font-weight:700;background-color:#dadada;border-radius:5px 5px 0 0;border:1px solid #949494;transition:background-color .3s;text-align:center;white-space:nowrap}.rb-tab.active{background-color:#e8e9ea;border-bottom:none}.claim-icons{font-size:20px}.claim-type select{width:300px;padding:.9% 2%;border:1px solid #ccc;border-radius:5px;font-size:medium;margin-bottom:2%}.rb-groups{margin-bottom:10%}.rb-groups label{font-weight:700;margin-bottom:5%}.rb-groups input{background-color:#fff}.rb-groups input,.rb-groups select{padding:2%;border:1px solid #ccc;border-radius:5px;width:100%}.reimbursement-form-button{display:flex;justify-content:flex-end;gap:10%;margin:2% 5%}.rb-submit{background-color:#7fbd2c;color:white}.rb-close,.rb-submit{padding:1% 6%;border:1px solid #7fbd2c;cursor:pointer;border-radius:5px}.rb-close{color:#000}.radio-group{display:flex;gap:4%;margin-top:5px}.radio-label{align-items:center}.radio-label,.sub-tabs{display:flex;gap:2%;cursor:pointer;font-weight:700}.sub-tabs{margin:2%;padding:0;color:#000}.sub-tab.active{color:#004dc6;border-bottom:2px solid #004dc6}.rb-main-form{margin:2%}.rb-radio{display:flex;margin:2%;padding:1%;font-weight:700;font-size:medium}.rb-radio label{display:flex;align-items:center;margin-right:5%}.rb-radio-options{display:flex;gap:20px}.rb-radio-options label{display:flex;align-items:center;gap:5px}.rb-status-label{padding:6px;border-radius:12px;display:inline-block;text-align:center;min-width:80px}.rb-approved{background-color:#d7f2ce}.rb-rejected{background-color:#ffe5d2}.eye-icon{color:#949494;font-size:x-large}.attachments-btn{display:flex;justify-content:space-around;align-items:center;padding:3%;width:90px;border:none;border-radius:50px;background-color:#f2f2f2}.att-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.att-modal-content{background:#e8e9ea;box-shadow:0 4px 6px rgba(0,0,0,.1);min-width:300px}.att-header{display:flex;justify-content:space-between;align-items:center;padding:0 5%;background-color:#00468c;color:#fff}.att-close{font-size:xx-large}.att-close-btn{background-color:#79c42b;color:white;border:none;padding:3% 10%;font-size:medium;cursor:pointer;border-radius:5px;display:flex;align-items:center;margin:5% 5% 5% 60%}.att-files{padding:2%;margin:2% 5%}.asterisk{color:red}.purpose-attachment{display:grid;grid-template-columns:repeat(2,minmax(20%,1fr));gap:.1%}.pa-groups{padding:4%}.pa-groups label{font-weight:700;margin-bottom:5%}.attachment-upload{display:flex;align-items:center;margin:15px 15px 0 0}.hidden-file-input{display:none}.custom-file-upload{background:#79c42b;color:#fff;padding:10% 20%;cursor:pointer;border-radius:5px;font-size:16px;display:inline-block}.rb-error-message{color:red;font-weight:700;margin:0;text-align:left}.disabled-icon{color:grey;pointer-events:none;opacity:.5}.rb-reimbursement-cards{display:none}@media (max-width:768px){.reimbursement-table{display:none}.filter-container{flex-direction:column;margin:4%;gap:10px;padding:15px}.rb-form-header{margin:8%}.filter-container label{font-size:13px;margin-right:80%}.filter-container select{width:100%;font-size:medium;padding:10px}.filter-container input{width:94%;font-size:medium;padding:10px}.apply-btn,.search-btn{width:100%;font-size:13px;padding:12px}.reimbursement-table-wrapper{display:none}.rb-reimbursement-cards{display:flex;flex-direction:column;gap:15px;margin:8%}.rb-reimbursement-card{background:white;padding:30px;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;flex-direction:column}.rb-card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:5px;margin-left:70%}.rb-status{font-size:14px;font-weight:700;color:green}.rb-card-body,.rb-form-grid,.rb-form1-grid,.rb-form2-grid,.rb-form3-grid{display:flex;flex-direction:column;gap:5px}.rb-groups{flex-direction:column;align-items:stretch;gap:10px}.rb-groups label{display:block;margin-bottom:5px;font-size:15px}.rb-groups input{width:95%;padding:10px}.rb-groups select{padding:10px;width:100%;display:block}.hidden-file-input{display:none}.purpose-attachment{display:flex;gap:5px}.pa-groups,.purpose-attachment{flex-direction:column!important}.pa-groups{align-items:stretch;gap:10px}.pa-groups label{display:block;margin-bottom:5px;font-size:15px}.pa-groups input{padding:2%;border:1px solid #ccc;background-color:#fff;border-radius:5px;width:96%;height:80px}.custom-file-upload{margin-left:-40px;padding:10px}.hidden-file-input{display:none!important}.rb-card-body p{margin:5px 0}.rb-card-footer{display:flex;justify-content:space-between;align-items:center}.rb-card-actions{display:flex;gap:10px}.rb-delete-icon,.rb-edit-icon{cursor:pointer;font-size:20px}.rb-modal{display:flex;align-items:center;justify-content:center;padding:0}.rb-modal-content{width:92%;max-width:100%;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.15);overflow-y:auto;max-height:90vh}.claim-form-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #ddd}.claim-form-title{font-size:18px;font-weight:600}.claim-form-close{font-size:24px;cursor:pointer;color:#fff}.rb-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.rb-tab{font-size:14px;padding:10px;border-radius:8px;background:#f3f3f3;transition:all .3s ease}.rb-tab.active{background:#79c42b;color:white;font-weight:600}.reimbursement-form{gap:12px;margin-top:15px}.reimbursement-form,.reimbursement-form input{display:flex;flex-direction:column}.reimbursement-form select{width:60%;padding:12px;font-size:14px;border-radius:6px;border:1px solid #ccc;background:#f9f9f9;transition:border .3s ease}.reimbursement-form input:focus{width:95%}.reimbursement-form select:focus{border-color:#79c42b;background:white}.reimbursement-form-button{display:flex;flex-direction:column;gap:12px;margin-top:15px}.rb-radio{padding:0;font-weight:700}.rb-radio,.rb-radio-options{font-size:20%}.rb-radio label{font-size:medium}.rb-close,.rb-submit{width:100%;font-size:14px;padding:14px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;align-items:stretch}.rb-close{background:#ddd;color:#333}.rb-submit{background:#79c42b;color:white}.rb-close:hover{background:#bbb}.rb-submit:hover{background:#79c42b}.sub-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:10px}.sub-tab{flex:1;max-width:140px;background-color:white;color:black;padding:12px;border:2px solid #79c42b;border-radius:6px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s ease-in-out}.sub-tab.active{background-color:#79c42b;color:white;border-color:#79c42b}}.participant-controls-wrapper{margin:12px 0;width:100%;max-width:1240px;box-sizing:border-box}.participant-mode-toggle{display:flex;gap:12px;align-items:center;margin-bottom:10px}.participant-mode-toggle .ps-mode-label{display:inline-flex;align-items:center;text-align:left;margin:0;gap:8px;cursor:pointer}.participant-single-inline{display:flex;gap:8px;align-items:flex-start}.participant-row,.ps-item{width:auto;box-sizing:border-box}.attachment-wrapper .file-links .file-name{margin:4px 0;font-size:13px;color:#333}.participant-row-inline{display:flex;gap:12px;align-items:center;margin:8px 0;font-weight:700}.participant-row-inline label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;border:1px solid transparent;transition:background-color .12s,border-color .12s,transform .08s}.participant-row-inline label:hover{transform:translateY(-1px)}.participant-row-inline input[type=radio]{width:18px;height:18px;accent-color:#79c42b}.participant-row-inline input[type=radio]:checked+span{background:linear-gradient(180deg,#eaf8ea,#daf2d9);border-radius:6px;padding:4px 8px;color:#0b6620}.employee-selection{margin-top:10px;border:1px solid #e7efe7;background:#fbfffb;padding:10px;border-radius:8px}.employee-selection .employee-search{display:flex;gap:8px;margin-bottom:10px}.employee-selection .employee-search input[type=text]{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #dcdcdc;background:#fff}.employee-selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.employee-chip{display:inline-flex;align-items:center;gap:8px;background:#eaf8ea;color:#175a19;padding:6px 10px;border-radius:999px;border:1px solid #d7efd7;font-weight:700;cursor:pointer;transition:transform .08s}.employee-chip:hover{transform:translateY(-2px)}.participant-list-inline{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:6px}.participant-list-inline .participant-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;background:#fff;border:1px solid #f1f1f1;cursor:pointer;transition:background .12s,transform .06s}.participant-list-inline .participant-row:hover{background:#fbfdff;transform:translateY(-1px)}.participant-list-inline input[type=checkbox]{width:18px;height:18px;accent-color:#79c42b}.participant-name{font-weight:700;color:#222;flex:1}.participant-meta{font-size:12px;color:#666;white-space:nowrap}.participant-summary{font-size:13px;color:#333;margin-bottom:8px}@media (max-width:768px){.participant-list-inline{max-height:160px}.employee-chip{font-size:13px;padding:6px 8px}.employee-selection{padding:8px}.participant-row-inline label{padding:6px 8px;font-size:14px}}.employee-selection .employee-search input[type=text]:focus,.participant-list-inline input[type=checkbox]:focus,.participant-row-inline input[type=radio]:focus{outline:3px solid rgba(121,196,43,.14);outline-offset:2px}.participant-modal-inner{display:none!important}.rb-modal-content .participant-row-inline{margin:10px 0 6px;gap:14px;align-items:center;font-size:15px}.rb-modal-content .employee-selection{margin:12px 18px;border:1px solid #e2efe2;background:#ffffff;padding:12px;border-radius:8px;box-shadow:0 6px 20px rgba(10,10,10,.03)}.rb-modal-content .employee-selection .employee-search input[type=text]{padding:10px 12px;min-height:40px;font-size:14px}.rb-modal-content .employee-selected-chips{margin-bottom:12px;gap:10px}.rb-modal-content .employee-chip{padding:6px 10px;font-size:13px}.rb-modal-content .participant-list-inline{max-height:220px;margin-top:6px;padding:6px;border-radius:6px;border:1px solid #f1f1f1;background:#fafafa}.rb-modal-content .participant-list-inline .participant-row:hover{background:#fff;transform:none}.rb-modal-content .participant-list-inline .participant-row.selected{background:linear-gradient(180deg,#f7fff7,#eefcf0);border-color:#d7efd7}.rb-modal-content .participant-hint{font-size:13px;color:#666;margin-top:6px;margin-left:4px}.rb-modal-content .reimbursement-form-button{padding:0 18px 18px}@media (max-width:768px){.rb-modal-content .employee-selection{margin:10px 12px;padding:10px}.rb-modal-content .participant-list-inline{max-height:160px}.rb-modal-content .employee-selection .employee-search input[type=text]{min-height:42px}.rb-modal-content .employee-chip{font-size:12px;padding:6px 8px}}.rb-modal-content .employee-selection{display:none;transition:all .18s ease;will-change:opacity,transform;opacity:0;transform:translateY(-6px)}.rb-modal-content.participant-visible .employee-selection,.rb-modal-content.show-participants .employee-selection{display:block;opacity:1;transform:translateY(0)}.rb-modal-content:has(input[name=participant][value=group]:checked) .employee-selection{display:block;opacity:1;transform:translateY(0)}.rb-modal-content.transport-claim.subtype-selected .employee-selection{display:block;opacity:1;transform:translateY(0)}.rb-modal-content:has(.rb-tab.active[data-claim=Transportation]) .employee-selection,.rb-modal-content:has(.transport-claim .sub-tab.active) .employee-selection{display:block;opacity:1;transform:translateY(0)}.claim-main-row{background:#fff}.claim-line-row{background:#fbfdff;border-top:1px solid #eef6ff}.claim-main-row>td button{border:1px solid #ccc;border-radius:4px;padding:2px 6px;background:transparent;cursor:pointer}@media (max-width:640px){.rb-modal-content{width:94%;min-width:auto;min-height:420px;max-height:88vh}}.rb-modal-content .participant-list-inline{max-height:calc(80vh - 220px);overflow-y:auto}.rb-modal-content .attachment-wrapper,.rb-modal-content .file-links,.rb-modal-content iframe,.rb-modal-content img{max-width:100%}.rb-modal-content input[type=number],.rb-modal-content input[type=text],.rb-modal-content select,.rb-modal-content textarea{max-width:100%;box-sizing:border-box}.rb-modal-content .reimbursement-form-button{position:relative;z-index:4}.rb-modal-content .employee-selection{transform-origin:top center}.sub-tabs.participant-visible~.employee-selection,.sub-tabs.show-participants~.employee-selection{display:block;opacity:1}.rb-modal-content[style]{max-height:80vh!important;overflow-y:auto!important}@media (max-width:768px){.rb-modal-content{max-height:88vh!important;min-height:420px;padding-bottom:12px}.rb-modal-content .participant-list-inline{max-height:calc(88vh - 260px)}.rb-modal-content .employee-selection{margin:10px 12px;padding:10px}}.rb-modal-content .participant-list-inline input[type=checkbox]:focus,.rb-modal-content .participant-row-inline input[type=radio]:focus{outline:3px solid rgba(121,196,43,.12);outline-offset:2px}.rb-sub-table td,.rb-sub-table th,.reimbursement-table td,.reimbursement-table th{vertical-align:middle;padding:4px}.reimbursement-table th:nth-child(3){width:60px}.action-icon,.attachments-btn,.attachments-btn>svg,.delete-icon,.edit-icon,.eye-icon{vertical-align:middle;display:inline-flex;align-items:center;justify-content:center}.employee-row{gap:12px;padding:10px 14px;border-bottom:1px solid rgba(0,0,0,.04);background:transparent}.empId-rows{min-width:180px}.emp-rows,.empId-rows{display:flex;flex-direction:column;gap:2px}.emp-rows{text-align:left}.rb-modal{align-items:center;padding:20px;box-sizing:border-box}.claim-form-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px}.purpose-cell{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purpose-cell[title]:hover{white-space:normal;overflow:visible;background:white;z-index:20;padding:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);border-radius:6px}.rb-status-dropdown{padding:6px 8px;border-radius:6px;min-width:110px;vertical-align:middle}.rb-sub-table tbody tr,.reimbursement-table tbody tr{transition:background .12s ease}.rb-sub-container{width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box}.rb-sub-table{min-width:900px}@media (max-width:768px){.rb-modal-content{width:94%;min-width:auto;padding:14px}.employee-row{padding:12px 10px;gap:8px}.purpose-cell{max-width:100%;white-space:normal}.reimbursement-table-scroll{height:auto}}.row-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:12px;box-sizing:border-box}.row-actions .insert-row-btn,.row-actions .remove-row-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:92px;padding:8px 12px;border-radius:8px;font-weight:600;font-size:14px;line-height:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease;box-shadow:0 1px 0 rgba(0,0,0,.03);white-space:nowrap;user-select:none;box-sizing:border-box}.row-actions .insert-row-btn{background:#79c42b;color:#ffffff;border:1px solid rgba(0,0,0,0)}.row-actions .remove-row-btn{background:transparent;color:#d32f2f;border:1px solid rgba(211,47,47,.14)}.row-actions .insert-row-btn:hover{transform:translateY(-1px);filter:brightness(.96);box-shadow:0 6px 18px rgba(34,110,29,.12)}.row-actions .remove-row-btn:hover{transform:translateY(-1px);background:rgba(211,47,47,.06);box-shadow:0 6px 18px rgba(211,47,47,.06)}.row-actions .insert-row-btn:focus,.row-actions .remove-row-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(0,70,140,.08)}.row-actions .insert-row-btn:disabled,.row-actions .remove-row-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.row-actions .insert-row-btn.small,.row-actions .remove-row-btn.small{min-width:72px;padding:6px 8px;font-size:13px;border-radius:6px}@media (max-width:640px){.row-actions{flex-direction:column;align-items:stretch}.row-actions .insert-row-btn,.row-actions .remove-row-btn{width:100%;justify-content:center}}.row-item.main-row .insert-row-btn{background:#4ea11a}.row-item.child-row .remove-row-btn{border-color:rgba(211,47,47,.18)}.rows-total{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-top:1px dashed #e0e0e0;margin-top:12px;background:#fafafa;border-radius:6px;box-sizing:border-box}.rows-total-left{flex:1 1 auto}.rows-total-right{display:flex;gap:12px;align-items:center;justify-content:flex-end;min-width:220px}.rows-total-right label{font-weight:700;color:#333;margin-right:6px}.rows-total-value{font-size:16px;font-weight:800;color:#00468c}.total-readonly{background-color:#f2f6f9;color:#111;pointer-events:none}.row-header .field input[type=number]{-moz-appearance:textfield}.row-header .field label{display:block;margin-bottom:6px}.ps-root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial;color:#222}.ps-mode-toggle{display:flex;gap:16px;align-items:center;margin-top:6px}.ps-mode-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.ps-mode-label input[type=radio]{width:16px;height:16px;accent-color:#79c42b;margin:0}.ps-mode-text{font-weight:600}.ps-hint{margin-top:8px;color:#555;font-size:13px}.ps-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.ps-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6e6e6;padding:6px 10px;border-radius:20px;cursor:pointer;transition:all .12s ease;box-shadow:0 0 0 rgba(0,0,0,0)}.ps-chip:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,.04)}.ps-chip .ps-chip-name{font-weight:700;color:#222}.ps-chip .ps-chip-id{font-size:12px;color:#777}.ps-chip .ps-chip-x{font-size:12px;color:#b00;margin-left:6px}.ps-search-row{display:flex;gap:8px;margin-top:12px}.ps-search-input{flex:1;padding:8px 10px;border-radius:6px;border:1px solid #dcdcdc;background:#fff;outline:none;font-size:14px}.ps-search-input:focus{border-color:#79c42b;box-shadow:0 0 0 3px rgba(121,196,43,.08)}.ps-search-btn{padding:8px 12px;border-radius:6px;border:0;background:#79c42b;color:#fff;cursor:pointer;font-weight:700}.ps-list{display:flex;flex-direction:row;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:6px;align-items:flex-start}.ps-item{min-width:200px;max-width:320px;display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;border:1px solid #f1f1f1;background:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ps-item:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.06)}.ps-item.selected{border:1px solid #79c42b;background:linear-gradient(180deg,#f7fff7,#eefcf0)}.ps-item-top{display:flex;align-items:center;gap:8px}.ps-item-name{font-weight:800;color:#222;flex:1}.ps-item-id{white-space:nowrap}.ps-item-id,.ps-item-meta{font-size:12px;color:#666}.ps-item-action{font-size:13px;color:#444;font-weight:700}.ps-item-action.sel{color:#0b6620}.ps-empty,.ps-loading{padding:12px;color:#666}.ps-error{margin-top:8px;color:red;font-size:13px}.rb-admin{font-family:Arial,sans-serif;padding:2%}.h2{text-align:left;margin-bottom:20px}.rb-filters{justify-content:space-between;margin:5% 0;width:95%}.rb-filter-group,.rb-filters{display:flex;align-items:center}.rb-filter-group{gap:5px;height:36px}.rb-filter-group label{font-weight:700}.rb-filter-group select{height:35px;width:100px}.rb-filter-group input,.rb-filter-group select{padding:5px;border:1px solid #ccc;border-radius:5px;font-size:medium}.rb-filter-group input{height:26px;width:120px}.rb-search{background-color:#79c42b;color:white;border:none;padding:1%;font-size:medium;cursor:pointer;border-radius:5px;display:flex;align-items:center;gap:5px;height:36px}.rb-search:hover{background-color:#0056b3}.rb-atable-container{width:95%;display:flex;flex-direction:column;gap:15px}.employee-row,.employee-section{background:#fff}.employee-row{display:flex;justify-content:space-between;align-items:center;padding:10px;cursor:pointer;transition:background .3s}.employee-row:hover{background:#f0f0f0}.rb-sub-container{background:#fff}.rb-sub-table{padding:0;overflow:visible}.rb-sub-table th{background-color:#f2f2f2;padding:8px;border:2px solid #ddd;min-width:80px}.rb-sub-table td{padding:8px;border:1px solid #ddd;text-align:center;position:relative;overflow:visible}.rb-sub-table td:nth-child(4){text-align:right}.update-btn:disabled{background-color:#ccc;cursor:not-allowed}.update-btn{margin-right:20%}.no-data{font-style:italic}.emp-rows{width:35%;color:#949494}.emp-rows span{color:#000;font-weight:700}.status-label{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:12px;font-weight:700;text-transform:capitalize}.status-dot{width:8px;height:8px;border-radius:50%}.update-btn.disabled{opacity:.4;cursor:not-allowed}.approved{background-color:#e6f9ed;color:#0f9d58}.approved .status-dot{background-color:#0f9d58}.rejected{background-color:#fde8e8;color:#d32f2f}.rejected .status-dot{background-color:#d32f2f}.rb-status-dropdown{width:90px;padding:6px;border-radius:5px;border:1px solid #ccc;background-color:white;cursor:pointer}.rb-sub-table input{width:90px;padding:5%;border-radius:5px}.rbadmin-comments{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}td:hover .rbadmin-comments{white-space:normal;overflow:visible;text-overflow:unset;word-wrap:break-word;display:block;max-width:200px}td:hover{height:auto}.rb-sub-container,.rb-sub-table{overflow:visible!important}.modal-cross-btn{background-color:transparent;color:black;border:1px solid #4caf50;padding:8px 12px;cursor:pointer;border-radius:4px;margin:10px 20px 0 0}.payment-modal-content{width:100%}.payment-header{display:flex;justify-content:space-between;padding:0 2%;background-color:#00468c;color:#fff}.payment-header h3{margin:1% 0;padding-bottom:2%}.payment-options{padding:4%}.pending-payment-btn{border:2px solid #fbb751;background-color:white;color:#fbb751;padding:5px 10px;cursor:pointer;border-radius:4px}.submit-payment-btn{background-color:#4caf50;color:white;border:none;padding:8px 12px;cursor:pointer;border-radius:4px;margin-top:10px}.rb-sub-table .purpose-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-sub-table{width:100%;border-collapse:collapse;min-width:1000px}.rb-sub-table td,.rb-sub-table th{padding:10px;border:1px solid #ddd;font-size:13px;text-align:center;vertical-align:middle}.invoice-cell,.rb-sub-table .invoice-cell{max-width:160px;min-width:80px;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.rbtoggle-btn{padding:8px 20px;background-color:#79c42b;color:white;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .3s ease}.invoice-cell[title]:hover:after,.rb-sub-table .invoice-cell[title]:hover:after{content:attr(title);position:absolute;left:0;top:calc(100% + 6px);z-index:60;max-width:420px;min-width:180px;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;background:#fff;border:1px solid #ddd;padding:8px 10px;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.12);color:#111;font-size:13px;line-height:1.4;text-align:left}.invoice-cell[title]:hover:before,.rb-sub-table .invoice-cell[title]:hover:before{content:"";position:absolute;left:12px;top:100%;margin-top:-6px;border:6px solid transparent;border-bottom-color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.06));z-index:61}.invoice-cell[title]:hover:after{right:auto}@media (max-width:600px){.invoice-cell,.rb-sub-table .invoice-cell{max-width:120px}.invoice-cell[title]:hover:after,.rb-sub-table .invoice-cell[title]:hover:after{max-width:90vw;left:5vw}}.tabs-container{display:flex;justify-content:flex-start;margin:1rem 0}.tab{background:none;border:none;padding:10px 20px;cursor:pointer;font-size:1rem;outline:none;transition:border-color .3s ease,color .3s ease}.invoice-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empId-rows{color:#949494;width:30%}.empId-rows span{color:#000;font-weight:700;margin-right:2%}.tab.active,.tab:hover{color:#007bff}.tab.active{font-weight:700}.payment-options{display:flex;justify-content:space-between;margin:0 20%}.assets-required-asterisk{color:red!important;font-weight:lighter;margin-left:2px}.error-message{color:red!important;margin-top:4px;display:block}.asset-summary-buttons2{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 2%}.assetsmain-close-btn-addasset{background:none;border:none;cursor:pointer;position:absolute;top:12px;right:12px;padding:0}.assetsmain-close-popup-icon{font-size:24px;color:#fff;transition:color .3s ease}.assetsmain-close-popup-icon:hover{color:red}.close-button-assign-asset{background:none;padding:0;display:flex;align-items:center}.assign-close-popup-icon{font-size:24px;color:#fff;transition:color .3s ease}.assign-close-popup-icon:hover{color:red}.left-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:5%}.right-button{justify-content:flex-end;margin-top:5%}.add-assets-btn,.right-button{display:flex;align-items:center}.add-assets-btn{background-color:#7fbd2c;color:white;padding:12px 14px;border:none;cursor:pointer;font-size:16px;border-radius:6px;height:34px;gap:5px}.asset-summary-container{max-width:50%;padding:10px;box-sizing:border-box;margin-left:auto;margin-right:0}.category-button-wrapper{position:relative}.category-button{padding:12px 20px;background-color:white;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s}.category-button,.total-assets-box{color:rgb(31,24,24);font-weight:500;font-size:16px}.total-assets-box{padding:6px 12px;border:1px solid #7fbd2c;background-color:#f1fae8;border-radius:6px;height:30px;display:flex;align-items:center}.category-button:hover{background-color:#7fbd2c}.subcategory-tooltip{position:absolute;top:100%;left:0;margin-top:8px;background-color:rgb(228,235,230);color:black;border:1px solid #ccc;border-radius:6px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.15);display:none;white-space:nowrap;z-index:40}.category-button-wrapper:hover .subcategory-tooltip{display:block}.subcategory-item{padding:4px 8px;font-size:14px}.assets-container{width:100%;margin:0 auto;padding:0;border-radius:8px}.table-caption{caption-side:top;padding:10px;text-align:left;display:flex;align-items:center;gap:10px}.asset-table-search-label{font-weight:600;font-size:14px;margin-right:8px}.asset-table-search-input{padding:10px;font-size:14px;border-radius:4px;border:1px solid #ccc;width:200px;outline:none;transition:border-color .2s ease-in-out}.asset-table-search-input:focus{border-color:#28a745}.asset-search-container{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;margin-bottom:-30px;margin-left:10px}.asset-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:1000;display:flex;justify-content:center;align-items:center}.asset-popup-content{background:#e8e9ea;padding:20px;border-radius:10px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.2)}.asset-popup-header{background-color:#00468c;color:white;padding:12px 20px;font-size:20px;font-weight:700;text-align:center;margin:-20px -20px 20px;border-radius:8px 8px 0 0}.sticky-options{display:flex;justify-content:space-around;width:auto;padding:12px 0;font-size:18px}.sticky-options button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;text-align:center;padding:12px 24px;font-size:18px;background:#d3d3d3;cursor:pointer;font-weight:700;border:none;border-bottom:3px solid black;border-radius:5px;transition:all .2s ease-in-out;min-width:150px}.sticky-options button:hover{background:#b3b3b3}.icon{width:24px;height:24px}.icon-group{display:flex;justify-content:center;gap:10px;margin-bottom:5px}.asset-details-grid{display:flex;flex-direction:column;gap:15px;margin-top:15px;max-width:600px}.row{gap:20px}.row label{text-align:right}.row input{flex:1;padding:10px;border:1px solid #ccc;border-radius:4px}.sticky-options button.active{border-bottom:none;background:#b0b0b0}.sticky-suboptions{display:flex;justify-content:space-around;padding:10px 0}.sticky-suboptions button{background:none;border:none;font-size:16px;cursor:pointer;position:relative;padding-bottom:5px;font-weight:700}.sticky-suboptions button.active:after{content:"";display:block;width:100%;height:3px;background-color:black;position:absolute;bottom:0;left:0}.sticky-suboptions button .icon{width:20px;height:20px}.asset-details input{display:block;width:100%;margin:12px 0;padding:10px;border:1px solid #ccc;border-radius:4px}.popup-buttons{display:flex;justify-content:flex-end;align-items:flex-end;padding:15px;gap:10px;bottom:10px;right:10px;width:98%}.cancel-btn{background-color:#ddd;color:rgb(14,7,7);border:1px solid #7fbd2c;border-radius:5px}.cancel-btn,.save-btn{padding:10px 18px;font-size:16px}.save-btn{background-color:#7fbd2c;color:white;border:none;border-radius:5px;cursor:pointer}.close-btn-addasset{position:absolute;top:10px;right:30px;background:transparent;border:none;font-size:24px;font-weight:700;color:white;cursor:pointer;z-index:1000}.close-btn-addasset:hover{color:#000}.assets-table{max-width:100%;margin:20px auto;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:450px;position:relative;border:1px solid #ddd}.assets-table table{table-layout:fixed;width:100%;border-collapse:collapse;background-color:white;border-radius:8px;table-layout:auto}.assets-table-wrapper{margin:2%;max-height:300px;overflow-y:auto;overflow-x:hidden}.assets-table td:nth-child(3),.assets-table td:nth-child(4),.assets-table th:nth-child(3),.assets-table th:nth-child(4){max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.assets-table td:nth-child(3):hover:after,.assets-table td:nth-child(4):hover:after{content:attr(data-full-text);position:absolute;top:100%;left:0;background-color:#333;color:white;padding:8px;border-radius:4px;z-index:10;white-space:normal;max-width:300px;word-wrap:break-word;box-shadow:0 2px 4px rgba(0,0,0,.2)}.assets-table thead{background-color:white;color:black;font-weight:700;position:sticky;top:0;z-index:10}.assets-table{width:100%;border-collapse:collapse}.assets-table td,.assets-table th{border:1px solid #ccc}.assets-table th{padding:12px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#f9f9f9}.assets-table tbody{overflow-y:auto;max-height:400px}.assets-table tbody tr{transition:background .3s ease}.assets-table tbody tr:nth-child(2n){background-color:#f2f2f2}.assets-table tbody tr:hover{background-color:#e0e0e0}.assets-table td{padding:3px;text-align:center;font-size:12px;border:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assets-table .no-border{border:none}.assets-table .assign-btn{background-color:#007bff;color:white;padding:5px 10px;font-size:12px;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:.3s}.assets-table .assign-btn:hover{background-color:#0056b3}.assets-table button{color:white;padding:5px 10px;font-size:12px;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:.3s}.assets-table button,.assets-table button:hover{background-color:#7fbd2c}.assets-table td[colspan="7"]{text-align:center;font-style:italic;color:#777;padding:15px}.assigned-to-cell{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:200px;max-width:300px}.assigned-name,.assigned-to-cell{white-space:nowrap;overflow:hidden}.assigned-name{flex-grow:1;max-width:70%;text-overflow:ellipsis}.assign-btn{flex-shrink:0;min-width:80px;font-size:12px;font-weight:700}.assigned-assets-container{width:100%;max-width:1200px;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.assigned-assets-table{width:100%;border-collapse:collapse;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);border:2px solid #ddd}.assigned-assets-table thead{background-color:#00468c;color:white;font-weight:700}.assigned-assets-table td,.assigned-assets-table th{padding:12px;text-align:left;border:1px solid #ccc}.assigned-assets-table tbody tr{transition:background .3s ease}.assigned-assets-table tbody tr:hover{background-color:#f1f1f1}.assigned-assets-table button{background-color:#28a745;color:white;padding:8px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:.3s}.assigned-assets-table button:hover{background-color:#218838}.assigned-assets-table td[colspan="7"]{text-align:center;font-style:italic;color:#777;padding:15px}.no-data{text-align:center;padding:20px;font-size:16px;color:gray}.asset-status-dropdown{flex:1;display:flex}.asset-status-dropdown select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background:white;font-size:16px}.assignpopup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.assignpopup-content{background:#e8e9ea;width:1000px;max-width:95%;max-height:50vh;padding:20px;border-radius:0;box-shadow:0 4px 10px rgba(0,0,0,.3);position:relative;text-align:left;overflow-y:auto}.assignpopup-content h3{background-color:#00468c;color:white;font-size:20px;text-align:center;font-weight:700;margin:-20px -20px 15px;padding:15px;border-radius:0}.assetform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:10px}.assetform-field{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.assetform-field label{font-weight:700;font-size:14px;color:#333}.assetform-field input,.assetform-field select,.assetform-field textarea{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;transition:border .3s ease-in-out}.assetform-field input:hover,.assetform-field select:hover,.assetform-field textarea:hover{border-color:#00468c}.assetform-field input:focus,.assetform-field select:focus,.assetform-field textarea:focus{border-color:#00468c;outline:none;box-shadow:0 0 5px rgba(0,70,140,.3)}.assetform-field textarea{height:80px;resize:vertical}.assetform-field.full-width{grid-column:span 2}.row p{font-weight:700;margin:0}.form-field input,.form-field select,.form-field textarea{padding:8px;border:1px solid #ccc;border-radius:5px;width:100%}.form-field textarea{height:80px}.close-button-assign-asset{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:24px;color:white;cursor:pointer;z-index:1001}.close-button-assign-asset:hover{color:#ffcccc}.assigned-assets-container{max-height:350px;overflow-y:auto;border:1px solid #ddd;border-radius:5px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.row label{font-weight:700;width:150px}.row input,.row select,.row textarea{flex:1;padding:8px;border:1px solid #ccc;border-radius:5px;width:calc(100% - 160px)}.assignpopup-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;margin-bottom:10px;margin-right:50px}.decommissioned-row{background-color:#504444!important}.assignpopup-buttons button{padding:8px 12px;cursor:pointer;border-radius:5px;font-size:14px;border:1px solid #7fbd2c}.assigncancel-btn{background-color:#ccc;border:2px solid black}.assignsave-btn{background-color:#7fbd2c;color:white}.assetform-row{display:flex;gap:-10px;margin-bottom:10px;align-items:flex-start;flex-wrap:wrap}.assetform-row input,.assetform-row select,.assetform-row textarea{flex:1;min-width:150px}.addrow-btn{margin:10px 0;padding:6px 12px;background-color:#7fbd2c;color:white;border:none;cursor:pointer;border-radius:5px}.assetform-header,.assetform-row{display:grid;grid-template-columns:150px 150px 150px 150px 200px;gap:30px;margin-bottom:10px;align-items:center}.assetform-header{font-weight:700;padding:8px;border-radius:5px}.assetform-row input,.assetform-row select,.assetform-row textarea{width:100%;padding:6px;font-size:14px;border:1px solid #ccc;border-radius:4px}.assetform-row textarea{resize:none;height:30px}.returndateform-container h3{padding:10px;border-radius:5px}.returndateform-container{background-color:#e8e9ea;padding:20px;border-radius:0;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:400px;width:100%;margin:auto;text-align:center;border:1px solid #ddd;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.returndateform-container h3{background-color:#00468c;color:white;padding:12px;border-radius:0;font-size:18px;text-align:center;font-weight:700;margin-bottom:15px}.returndateform-container form{display:flex;flex-direction:column;gap:15px}.returndateform-container label{font-weight:700;font-size:14px;color:#333;text-align:left;display:block;margin-bottom:5px}.returndateform-container input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;width:95%;transition:border .3s ease-in-out}.returndateform-container input:hover{border-color:#00468c}.returndateform-container input:focus{border-color:#00468c;outline:none;box-shadow:0 0 5px rgba(0,70,140,.3)}.returndateform-buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;bottom:15px;right:15px}.returndateform-buttons .rsave-btn{background-color:#28a745;color:white;padding:10px 20px;font-size:14px;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:.3s;min-width:100px;text-align:center}.returndateform-buttons .rsave-btn:hover{background-color:#218838}.returndateform-buttons .rcancel-btn{background-color:#dfd9da;color:rgb(22,6,6);padding:10px 20px;font-size:14px;font-weight:700;border-radius:5px;border:1px solid rgb(29,119,37);cursor:pointer;transition:.3s;min-width:100px;text-align:center}.returndateform-buttons .rcancel-btn:hover{background-color:#c0b6b8}.asset-summary{width:100%;max-width:90%;margin:20px auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow-x:auto;text-align:center}.asset-summary h2{text-align:center;font-size:22px;color:#00468c;margin-bottom:15px}.asset-summary table{width:100%;border-collapse:collapse;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.1);border:2px solid #ddd}.asset-summary thead{background-color:#00468c;color:white;font-weight:700}.asset-summary th{padding:12px;text-align:center;border:1px solid #ccc}.asset-summary tbody tr{transition:background .3s ease}.asset-summary tbody tr:nth-child(2n){background-color:#f2f2f2}.asset-summary tbody tr:hover{background-color:#e0e0e0}.asset-summary td{padding:12px;text-align:center;border:1px solid #ccc;font-size:16px;font-weight:500;color:#333}.asset-summary td[colspan="5"]{text-align:center;font-style:italic;color:#777;padding:15px}@media (max-width:768px){.assignpopup-content{width:95%;max-height:85vh}.row{flex-direction:column;align-items:flex-start}.row label{width:100%}}.no-border{border:none!important;background:transparent!important;display:flex;align-items:center;gap:10px;white-space:nowrap}.assign-btn{padding:5px 10px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.assign-btn:hover{background-color:#0056b3}.assign-btn:active{background-color:#004494}.view-doc-btn{display:flex;align-items:center;gap:5px;background-color:#28a745;color:white;padding:5px 10px;font-size:12px;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:.3s}.view-doc-btn:hover{background-color:#218838}.editassign-btn{display:flex;align-items:center;gap:5px;background-color:#007bff;color:white;padding:5px 10px;font-size:12px;font-weight:700;border-radius:5px;border:none;cursor:pointer;transition:.3s}.editassign-btn:hover{background-color:#0056b3}.input-style{padding:6px;border-radius:4px;border:1px solid #ccc}.error-border{border:1px solid red;background-color:#ffe6e6}.download-doc-btn,.view-doc-btn{background-color:#00468c;color:white;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center}.download-doc-btn{background-color:#007b3a}.header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding:10px 0}.add-vendor-btn:hover{background-color:rgb(157,161,159);transform:translateY(-1px)}.vendor-search-container{display:flex;align-items:center;width:250px;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 12px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:border-color .2s ease;margin-right:10px}.search-container:focus-within{border-color:#00468c}.vendor-search-icon{color:#666;font-size:14px}.vendor-table th{background-color:#00468c;color:white}.contact-table-wrapper{margin-bottom:30px;padding:15px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.contact-table-header{font-size:16px;font-weight:600;color:#00468c;margin-bottom:12px;padding:5px 0;border-bottom:3px solid #00468c;text-align:left}.contact-table{border:4px solid #333;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.15);background-color:#ffffff}.contact-table td,.contact-table th{border:3px solid #333;padding:14px 18px;text-align:left}.contact-table .details-label{background-color:#e6f0fa;font-weight:600;color:#333}.contact-table .details-value{background-color:#ffffff;color:#444}.contact-table tr:last-child td{border-bottom:3px solid #333}.contact-table tr:hover{background-color:#f0f7ff}.contact-table tr td:first-child{border-left:none}.contact-table tr td:last-child{border-right:none}.contact-table tr:first-child td{border-top:none}.contact-table tr:last-child td{border-bottom:none}.contact-field label{font-weight:700;margin-bottom:5px}.vendors-container{padding:20px;max-width:1400px;margin:0 auto}.add-vendor-btn{padding:12px 24px;background-color:#7fbd2c;color:white;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s ease,transform .1s ease}.add-vendor-btn:active{transform:translateY(0)}.search-input{flex:1;border:none;font-size:14px;outline:none;background-color:transparent}.search-icon{color:#666;font-size:14px}.vendor-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000}.vendor-popup-form{position:relative;background-color:#f5f5f5;color:#000;padding:30px;border-radius:8px;width:70%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.15)}.vendor-popup-box{position:relative;background-color:#ffffff;border-radius:12px;padding:20px;width:600px;max-width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 24px rgba(0,0,0,.2);border:1px solid #e0e0e0}.vendor-popup-form fieldset{border:1px solid #ddd;border-radius:5px;padding:20px;margin-bottom:20px}.vendor-popup-form legend{font-weight:600;color:#00468c;font-size:18px;padding:0 10px}.vendor-popup-form input,.vendor-popup-form select{display:block;width:100%;padding:10px;margin-top:5px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;transition:border-color .2s ease}.vendor-popup-form input:focus,.vendor-popup-form select:focus{border-color:#00468c;outline:none}.vendor-popup-form input#branch_address,.vendor-popup-form input#registered_address{padding:20px 10px;line-height:1.5;min-height:60px}.vendor-popup-form label{display:block;margin-bottom:8px;font-size:14px;color:#333;font-weight:500}.vendor-form-title{padding:15px 20px;border-top-left-radius:8px;border-top-right-radius:8px;margin:-20px -30px 30px;font-size:22px}.vendor-form-title,.vendor-popup-title{background-color:#00468c;color:white;font-weight:600}.vendor-popup-title{padding:15px;margin:-20px -20px 20px;border-top-left-radius:12px;border-top-right-radius:12px;font-size:20px;text-align:center}.vendor-popup-close-btn{position:absolute;top:12px;right:12px;background-color:#ffffff;color:#00468c;border:2px solid #00468c;border-radius:50%;width:32px;height:32px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,transform .1s ease}.vendor-popup-close-btn:hover{background-color:#00468c;color:white;transform:scale(1.1)}.vendor-form-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:20px}.vendor-close-btn,.vendor-submit-btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.vendor-close-btn{background-color:#e0e0e0;color:#333}.vendor-close-btn:hover{background-color:#d0d0d0}.vendor-submit-btn{background-color:#00468c;color:white}.vendor-submit-btn:hover{background-color:#003a6e}.table-scroll-wrapper{width:100%;max-width:1200px;max-height:400px;overflow-x:auto;overflow-y:auto;margin:0 auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.vendor-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:auto}.vendor-table td,.vendor-table th{padding:12px;border:1px solid #ddd;text-align:left;white-space:nowrap}.vendor-table th{background-color:white;color:black;font-weight:600;position:sticky;top:0;z-index:1}.vendor-table tr:nth-child(2n){background-color:#f9f9f9}.vendor-table tr:hover{background-color:#f1f1f1}.vendor-table td:first-child,.vendor-table th:first-child{width:60px}.vendor-table td:nth-child(2),.vendor-table th:nth-child(2){width:150px}.vendor-table td:nth-child(3),.vendor-table td:nth-child(4),.vendor-table td:nth-child(5),.vendor-table th:nth-child(3),.vendor-table th:nth-child(4),.vendor-table th:nth-child(5){width:100px}.vendor-table td:nth-child(6),.vendor-table th:nth-child(6){width:120px}.vendor-table td:nth-child(7),.vendor-table th:nth-child(7){min-width:120px!important;text-align:center;white-space:nowrap}.view-documents-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px;margin:0;display:inline-block;color:black}.view-documents-btn:hover{color:black}.download-all-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:2px 6px;margin:0;display:inline-block;color:white;transition:color .2s ease}.download-all-btn:hover{color:#28a745}.document-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap!important;white-space:nowrap}.documents-popup{max-width:400px;padding:20px;background-color:#f5f5f5;border-radius:8px}.documents-list{list-style:none;padding:0;margin:0 0 20px}.documents-list li{margin-bottom:10px}.file-link{color:#007bff;cursor:pointer;text-decoration:underline}.file-link:hover{color:#0056b3}.file-link.disabled{color:#999;cursor:not-allowed;text-decoration:none}.document-item{display:flex;justify-content:space-between;align-items:center}.file-name{flex:1;color:#333}.companydetailsfeildset,.contact-fieldset.spaced,.feildsetbankdetails,.feildsetbusinessinformation{margin-top:20px;margin-bottom:20px}.contact-row{gap:15px;margin-bottom:15px}.contact-row,.contact-row.four-columns{display:flex;flex-wrap:nowrap}.contact-row.four-columns .contact-field{flex:1 1 25%;min-width:0}.contact-row.three-columns{display:flex;flex-wrap:nowrap}.contact-row.three-columns .contact-field{flex:1 1 33.33%;min-width:0}.contact-row.two-columns{display:flex;flex-wrap:nowrap}.contact-row.two-columns .contact-field{flex:1 1 50%;min-width:0}.contact-row.full-width,.contact-row.one-column{display:flex;flex-wrap:nowrap}.contact-row.full-width .contact-field,.contact-row.one-column .contact-field{flex:1 1 100%}.contact-field{display:flex;flex-direction:column;min-width:150px}.error-message{color:#d32f2f;font-size:12px;margin-top:-10px;margin-bottom:10px}.vendor-details-container{padding:20px;max-width:600px;margin:0 auto}.details-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;background-color:#ffffff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.details-table td,.details-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.details-table tr:last-child td{border-bottom:none}.details-table tr:hover{background-color:#f5f9ff}.details-table .details-label{width:40%;font-weight:600;color:#333;background-color:#f9f9f9}.details-table .details-value{width:60%;color:#555}.contact-box-wrapper{margin-bottom:30px;padding:15px;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05)}.contact-box-header{font-size:16px;font-weight:600;color:#00468c;margin-bottom:12px;padding:5px 0;border-bottom:3px solid #00468c;text-align:left}.contact-box{background-color:#ffffff;border:2px solid #333;border-radius:8px;padding:15px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:transform .1s ease}.contact-box:hover{transform:translateY(-2px)}.contact-box-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.contact-box-row:last-child{border-bottom:none}.contact-label{font-weight:600;color:#333;flex:1 1 40%}.contact-value{color:#444;flex:1 1 60%;text-align:left}.vendor-details-container p{margin:8px 0;font-size:14px}.view-details-btn{background:none;border:none;cursor:pointer;padding:5px}.view-details-btn i{font-size:14px;color:#16181a}.view-details-btn:hover i{color:#0056b3}.vendor-popup-form.small-popup{width:700px;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:15px}.vendor-popup-form.small-popup .vendor-form-title{font-size:18px;margin-bottom:15px}.vendor-popup-form.small-popup .vendor-popup-close-btn{top:10px;right:10px;font-size:18px}.details-row{display:flex;margin-bottom:10px}.details-label{flex:1 1 40%;font-weight:700;color:#333}.details-value{flex:1 1 60%;color:#333}.contact-grid{display:grid;grid-template-columns:1fr 2fr 2fr;grid-template-rows:repeat(6,auto);border:1px solid #e0e0e0}.grid-label{font-weight:700;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;grid-row:span 2}.grid-field,.grid-label{border:1px solid #e0e0e0;padding:10px}.grid-field{font-size:14px;background-color:#ffffff}.vendor-download-doc-btn,.vendor-view-doc-btn{display:flex;align-items:center;background-color:#7fbd2c;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;color:white}.vendor-download-doc-btn:hover,.vendor-view-doc-btn:hover{background-color:#7fbd2c}@media (max-width:768px){.header-container{flex-direction:column;align-items:stretch;gap:10px}.add-vendor-btn{width:100%;text-align:center}.search-container{width:100%}.contact-row.four-columns,.contact-row.three-columns,.contact-row.two-columns{flex-wrap:wrap}.contact-row.four-columns .contact-field,.contact-row.three-columns .contact-field,.contact-row.two-columns .contact-field{flex:1 1 100%}.vendor-popup-box{width:90%;padding:15px}.details-table{font-size:12px}.details-table td,.details-table th{padding:8px 12px}.vendor-popup-title{font-size:18px;padding:12px}.contact-box-header{font-size:14px;margin-bottom:8px}.contact-box-wrapper{padding:10px;margin-bottom:20px}.contact-box{padding:10px;border:1px solid #333}.contact-box-row{padding:8px 0}.contact-label,.contact-value{font-size:12px}}.contact-field span{font-size:14px;color:red}@media (max-width:768px){.header-container{flex-direction:column;align-items:stretch;gap:10px}.add-vendor-btn{width:100%;text-align:center}.search-container{width:100%}.contact-row.four-columns,.contact-row.three-columns,.contact-row.two-columns{flex-wrap:wrap}.contact-row.four-columns .contact-field,.contact-row.three-columns .contact-field,.contact-row.two-columns .contact-field{flex:1 1 100%}.vendor-popup-box{width:90%;padding:15px}.details-table{font-size:12px}.details-table td,.details-table th{padding:8px 12px}.contact-table td,.contact-table th{padding:10px 12px;border:2px solid #333}.contact-table{border:3px solid #333}.contact-table tr:last-child td{border-bottom:2px solid #333}.vendor-popup-title{font-size:18px;padding:12px}.contact-table-header{font-size:14px;margin-bottom:8px}.contact-table-wrapper{padding:10px;margin-bottom:20px}}.eqmodal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);z-index:9999;padding:16px}.eqmodal-content{width:100%;max-width:480px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.15);max-height:90vh;overflow-y:auto}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{display:flex;align-items:center;background:#e5f1fb;border-radius:16px;padding:4px 8px}.chip-avatar{width:24px;height:24px;border-radius:50%;margin-right:6px;object-fit:cover}.chip-name{margin-right:6px;font-size:14px}.chip-remove{background:transparent;border:none;cursor:pointer;font-size:16px;line-height:1;color:#555}.group-name-input,.msg-search{width:100%;padding:8px;margin-bottom:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.suggestions-list{max-height:220px;background:#fff;margin-bottom:12px}.suggestion-item{padding:8px 10px;gap:8px}.suggestion-item.selected{background:#0078d4;color:white}.chat-avatar-small{width:28px;height:28px}.no-results{padding:8px;color:#888;text-align:center}.eqmodal-actions{display:flex;justify-content:flex-end;gap:8px}.create-btn{padding:8px 14px;background:#0078d4;color:#fff;border:none;border-radius:6px;cursor:pointer}.create-btn:disabled{background:#aaa;cursor:not-allowed}.cancel-btn{padding:8px 12px;background:#ddd;color:#333;border:none;border-radius:6px;cursor:pointer}.suggestion-item:focus{outline:2px solid #0078d4;outline-offset:2px}.chat-list{width:250px;display:flex;flex-direction:column;background:#f9f9f9;height:75vh}.chat-tabs{display:flex;border-bottom:1px solid #ddd}.chat-tabs button{flex:1;padding:10px 0;border:none;background:#f1f1f1;cursor:pointer;font-weight:700}.chat-tabs button.active{background:#fff;border-bottom:2px solid #0078d4;color:#0078d4}.new-chat-area{padding:10px;border-bottom:1px solid #ddd}.chat-search{width:93%;padding:8px;border:1px solid #ccc;border-radius:4px}.search-suggestions{max-height:200px;overflow-y:auto;background:#fff;border:1px solid #ddd;margin-top:4px;border-radius:4px}.suggestion-item{cursor:pointer}.suggestion-item:hover{background:#f0f0f0}.chat-avatar-small{width:24px;height:24px;margin-right:8px;border-radius:50%;object-fit:cover}.no-suggest{padding:8px}.new-group-btn{width:100%;padding:8px;background:#00468c;color:#fff;border:none;border-radius:4px;cursor:pointer}.new-group-btn:hover{background:#013d78}.rooms-container{flex:1;overflow-y:auto;overflow-anchor:none}.chat-list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #ececec;width:100%}.chat-item-main{display:flex;align-items:center;flex:1}.chat-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:10px}.chat-name{flex:1}.chat-list-item:hover{background:#e5f1fb;width:100%}.empty-placeholder{padding:20px;color:#666;text-align:center}.chat-list-item-wrapper{display:flex;align-items:center}.chat-list-item.active{background:#e5f1fb;border-left:4px solid #0078d4;padding-left:12px;width:100%}.delete-group-btn{background:none;border:none;color:#888;margin-left:auto;cursor:pointer;padding:12px}.delete-group-btn:hover{color:#c00}.unread-badge{display:inline-block;background:#0078d4;color:#fff;font-size:.75rem;border-radius:12px;padding:2px 6px;margin-left:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000}.member-modal{background:white;padding:10px;width:300px;max-height:80vh;overflow-y:auto;border-radius:8px;text-align:center}.member-modal h4{margin:.5%}.member-list{list-style:none;margin:0;padding:0;max-height:150px;overflow-y:auto}.member-item{margin:8px 0}.member-avatar{width:32px;height:32px;border-radius:50%;margin-right:8px}.member-name{font-size:14px}.member-close-btn{margin-top:12px;padding:6px 12px;background:#0078d4;color:#fff;border:none;border-radius:4px;cursor:pointer}.members-btn{margin-left:auto;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}.member-search{width:94%;padding:6px 8px;margin:12px 0;border:1px solid #ccc;border-radius:4px}.suggestions-list{list-style:none;padding:0;margin:0 0 12px;max-height:150px;overflow-y:auto;border:1px solid #ddd;border-radius:4px}.suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px}.suggestion-item+.suggestion-item{border-top:1px solid #eee}.suggest-avatar{width:28px;height:28px;border-radius:50%;margin-right:8px}.suggestion-item button{padding:4px 8px;background:#0078d4;color:white;border:none;border-radius:4px;cursor:pointer}.no-suggest{padding:6px 8px;color:#888}.member-item{display:flex;align-items:center;padding:6px 0}.member-name{flex:1;margin-left:8px;text-align:left}.remove-btn{background:transparent;border:none;color:#e00;font-size:18px;cursor:pointer;margin-left:12px}.remove-btn:disabled{opacity:.5;cursor:default}.creator-badge{font-size:.8rem;color:#888;margin-left:5px;font-style:italic}.chat-window{display:flex;flex-direction:column;height:100%;background:#e5ddd5;width:80%;margin:0 auto}.m-header{display:flex;align-items:center;padding:1% 2%;background:#00468c;color:#fff;border-bottom:1px solid #00468c}.header-avatar{width:48px;height:48px;border-radius:50%;margin-right:16px}.chat-header-title{font-size:20px;font-weight:500}.messages{flex:1;overflow-y:auto;background:#e2e1e0;width:100%}.msg-row.me{padding:0;justify-content:flex-end;margin-right:0}.msg-row.them{justify-content:flex-start}.msg-avatar{width:36px;height:36px;border-radius:50%;margin-right:12px}.msg-spacer{width:48px}.msg-bubble{max-width:60%;min-width:3%;border-radius:12px;position:relative;font-size:15px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 1px rgba(0,0,0,.1);padding:12px 16px 24px}.me-bubble{background:#001f3f;border-bottom-right-radius:0;color:#fff}.them-bubble{background:#dbeafe;border-bottom-left-radius:4px}.msg-time{width:50px;font-size:11px;color:gray;position:absolute;bottom:4px;right:8px;margin-top:4px}.input-area{display:flex;align-items:center;padding:12px 24px;border-top:1px solid #ccc;background:#f0f0f0}.emoji-picker-container,.input-area{position:relative}.emoji-dropdown{position:absolute;bottom:48px;left:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.2)}.m-input{flex:1;padding:12px 16px;margin:0 8px;border:1px solid #ccc;border-radius:24px;outline:none;font-size:15px;resize:none;line-height:.5}.icon-btn{margin:0 8px;font-size:22px}.icon-btn,.send-btn{background:none;border:none;color:#00468c;cursor:pointer}.send-btn{font-size:24px}.msg-sender{font-size:12px;font-weight:700;margin-bottom:4px;color:#555;background-color:rgb(179,253,172);text-align:left}.msg-download-btn{border:none;font-size:14px;cursor:pointer}.msg-download-btn:hover{color:#0078d4}.msg-row{display:flex;align-items:flex-end;margin-bottom:16px}.date-separator{text-align:center;margin:16px 0;font-size:.9em;color:#666;position:relative}.date-separator:after,.date-separator:before{content:"";display:inline-block;width:30%;height:1px;background:#ccc;vertical-align:middle;margin:0 .5em}.msg-row{position:relative}.msg-icons{position:absolute;top:4px;right:8px;display:flex;flex-direction:column;align-items:center}.msg-icons .msg-address-icon,.msg-icons .msg-delete-btn{opacity:0;transition:opacity .15s ease-in-out}.msg-row:hover .msg-icons .msg-address-icon,.msg-row:hover .msg-icons .msg-delete-btn{opacity:1}.msg-address-icon{margin-bottom:4px;font-size:1.1rem;background:none;border:none;cursor:pointer;color:#666}.msg-address-icon:hover{color:#333}.msg-delete-btn{font-size:1rem;color:#c00}.back-btn,.msg-delete-btn{background:none;border:none;cursor:pointer}.back-btn{display:none;color:white;font-size:1.4rem;margin-right:12px}@media (max-width:768px){.chat-window{width:100%}.back-btn{display:inline-block}}.chat-page{display:flex;padding:2% 1%;height:75vh}.chat-placeholder{flex:1;display:flex;justify-content:center;align-items:center;color:#999;font-size:18px}@media screen and (max-width:768px){.chat-page{flex-direction:column;padding:1%}.chat-list{width:100%;height:90%;order:1}.chat-tabs button{padding:8px 0;font-size:14px}.new-chat-area{padding:8px}.chat-search{width:95%}.rooms-container{max-height:400px}.chat-window{width:100%;height:100%;margin:15px 0 0;order:2}.m-header{padding:8px 12px}.header-avatar{width:36px;height:36px;margin-right:12px}.chat-header-title{font-size:18px}.messages{max-height:450px;overflow-y:auto;width:100%}.msg-bubble{min-width:12%;max-width:80%;padding:8px 12px 18px;font-size:14px}.input-area{padding:8px 12px}.m-input{padding:10px 12px;font-size:14px}.icon-btn,.send-btn{font-size:20px;margin:0 4px}.msg-time{font-size:10px}.chat-page.chat-active .chat-list{display:none}.chat-page.chat-active .chat-window{order:1;flex:1}}