.comment-list{margin-top:20px}.comment-item{display:flex;align-items:flex-start;margin-bottom:30px}.comment-avatar{width:40px;height:40px;background-color:#e0e0e0;border-radius:50%;font-weight:700;font-size:16px;color:#444;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0}.comment-content{flex:1 1;white-space:pre-wrap;word-break:break-word}.comment-header{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.comment-date{font-size:12px;color:#888}.comment-text{margin-top:4px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.comment-divider{border:none;border-top:1px solid #e0e0e0;margin:15px 0}.view-details-btn{background-color:#f8f9fa;color:#000;font-size:14px;font-weight:600;border:1px solid #dee2e6;border-radius:8px;padding:6px 8px;cursor:pointer;transition:all .2s ease-in-out;height:36px;display:flex;align-items:center;justify-content:center;gap:5px;margin-left:10px}.add-journal-button{padding:8px 14px;background-color:#007bff;color:#fff;font-weight:500;height:50px;width:160px;font-weight:600;border:none;border-radius:4px;cursor:pointer;margin-right:8px;transition:background-color .2s ease}.add-journal-button:hover{background-color:#0056b3}.view-details-btn:before{content:"\1F441";font-size:16px}.view-details-btn:hover{background-color:#e2e6ea;border-color:#ced4da}.view-details-btn:active{background-color:#d6d8db}.approval-ag-table{margin-top:20px;width:100%;height:70vh;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.status-badge-approval{display:flex;justify-content:flex-start;align-items:center;padding:8px 16px;min-width:100px;height:30px;border-radius:15px;font-size:13px;font-weight:600;text-transform:uppercase;margin-left:15px;text-align:left;white-space:nowrap}.status-pending-approval{background-color:#fff4cc;color:#b58900;font-weight:500}.status-approved{background-color:#d4edda;color:#155724;font-weight:500}.status-processing{background-color:#cce5ff;color:#004085;font-weight:500}.status-rejected{background-color:#f8d7da;color:#721c24;font-weight:500}.status-editing-draft{background-color:#d1ecf1;color:#0c5460;font-weight:500}.status-badge-import{display:flex;justify-content:flex-start;align-items:center;padding:8px 16px;min-width:100px;height:30px;border-radius:15px;font-size:13px;font-weight:600;text-transform:uppercase;margin-left:-20px;text-align:left;white-space:nowrap}.status-not-started{background-color:#f0f0f0;color:#666;font-weight:500}.status-csv-generated{background-color:#d1ecf1;color:#0c5460;font-weight:500}.status-queued-for-import{background-color:#fff3cd;color:#856404;font-weight:500}.status-rpa-processing{background-color:#cce5ff;color:#004085;font-weight:500}.status-import-successful{background-color:#d4edda;color:#155724;font-weight:500}.status-import-rejected,.status-post-failed{background-color:#f8d7da;color:#721c24;font-weight:500}.status-posting-entry{background-color:#ffeeba;color:#856404;font-weight:500}.status-awaiting-validation{background-color:#e2e3e5;color:#383d41;font-weight:500}.status-validation-failed{background-color:#f8d7da;color:#721c24;font-weight:500}.status-validation-successful{background-color:#d4edda;color:#155724;font-weight:500}.payroll-badge{display:inline-flex;justify-content:center;align-items:center;height:30px;min-width:60px;padding:0 12px;border-radius:15px;font-size:12px;font-weight:500;white-space:nowrap;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.payroll{background-color:#d4edda;color:#155724}.non-payroll{background-color:#f8d7da;color:#721c24}.journal-header-buttons{display:flex;align-items:center;gap:12px}.refresh-icon{font-size:35px;cursor:pointer;margin-right:40px;color:#4a5568;transition:transform .2s ease,color .2s ease}.refresh-icon:hover{transform:rotate(90deg);color:#2b6cb0}.status-tabs{display:flex;gap:20px;margin-top:4px;border-bottom:1px solid #e0e0e0;padding-left:10px;margin-left:0}.status-tab{padding:10px 20px;cursor:pointer;font-weight:500;color:#888;position:relative;background:none;border:none;outline:none}.status-tab.active{color:#2563eb;font-weight:600}.status-tab.active:after{content:"";position:absolute;height:3px;width:100%;background-color:#2563eb;bottom:-1px;left:0}.load-more-container{display:flex;justify-content:center;margin-top:1.2rem;margin-bottom:0}.load-more-button{padding:.35rem 1.2rem;font-size:.95rem;font-weight:500;background-color:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .2s ease}.load-more-button:hover{background-color:#1565c0}.load-more-button:disabled{cursor:not-allowed;background-color:#a2a2a2}.upload-csv-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:160px;height:50px;padding:8px 14px;background:#f3f4f6;color:#111827;font-weight:600;border-radius:4px;border:1px solid #d1d5db;cursor:pointer;margin-right:8px;transition:background-color .2s ease,border-color .2s ease}.upload-csv-button:hover{background:#e5e7eb}.upload-csv-button:active{border-color:#cbd5e1}.upload-csv-button:disabled{opacity:.6;cursor:not-allowed}.upload-csv-button svg{flex-shrink:0;display:block}.ledger-period-dropdown{position:relative;display:inline-block;font-family:sans-serif;margin-right:20px}.dropdown-toggle{background-color:#f8f9fa;border:1px solid #ccc;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px;margin-top:4px;width:200px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-height:400px;overflow-y:auto}.dropdown-icon{margin-left:8px;display:flex;align-items:center}.year-section{margin-bottom:10px}.year-label{font-weight:500;padding:6px 10px;background-color:#f0f0f0;color:#494949;cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0;border-radius:6px}.year-label:hover{background-color:#eaeaea}.arrow{font-size:12px;margin-left:8px;color:#666}.month-grid{display:flex;flex-direction:column;gap:4px;margin-top:6px}.month-item{padding:6px 10px;background-color:#f9f9f9;text-align:left;border-radius:4px;cursor:pointer;font-size:14px}.month-item:hover{background-color:#e0e0e0}.month-item.selected{background-color:#007bff;color:#fff}.clear-filter-button{padding:6px 12px;border:1px solid #ccc;background-color:#fff;color:#333;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.clear-filter-button:hover{background-color:#f0f0f0}