.slide-out-modal{position:fixed;top:0;right:-50%;width:50%;height:100vh;background:#fff;box-shadow:-5px 0 10px rgba(0,0,0,.2);transition:right .3s ease-in-out;z-index:1001;display:flex;flex-direction:column;min-width:300px;max-width:80%;resize:horizontal;overflow:hidden}.slide-out-modal.open{right:0}.modal-resizer{position:absolute;left:0;top:0;width:5px;height:100%;cursor:ew-resize;background:rgba(0,0,0,.2)}.modal-resizer:hover{background:rgba(0,0,0,.4)}.slidemodal-header{display:flex;align-items:center;padding:16px;height:80px;background:#fff;border-bottom:1px solid #ddd}.slidemodal-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.create-template-btn{padding:6px 10px;border-radius:6px;border:2px solid #ddd;background:#f8f8f8;font-weight:600;cursor:pointer;font-size:12px}.create-template-btn:hover{background:#f0f0f0}.slidemodal-body{flex-grow:1;padding:16px;overflow-y:auto;max-height:calc(100vh - 120px);margin-top:15px}.details-section{background:#f8f9fa;padding:20px;border-radius:6px;border:1px solid #d1d5db;margin-bottom:35px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 30px;gap:10px 30px;font-size:14px}.details-grid p strong{font-weight:600;color:#374151}.status-badge{display:inline-block;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:600;text-transform:uppercase;margin-left:10px}.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}.ag-cell{display:flex;justify-content:center;align-items:center;-webkit-user-select:text;-moz-user-select:text;user-select:text;line-height:1.4}.ag-theme-balham .ag-cell{display:flex;justify-content:flex-start!important;align-items:center;text-align:left!important;font-size:12px;border:none!important;padding-left:20px!important}.ag-theme-balham .ag-header-cell-label{display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;width:100%!important;white-space:normal!important;word-break:break-word!important;font-size:13px;margin-top:0;padding-left:5px!important}.ag-table-modal{margin-top:.4rem;width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:35px}.ag-theme-balham .ag-row-pinned:hover{background-color:inherit!important}.ag-theme-balham .ag-row-pinned{font-weight:700;background-color:#f8f8f8;pointer-events:none}.ag-theme-balham .ag-row:nth-child(2n){background:#f8f9fa!important}.ag-theme-balham .ag-row:nth-child(odd){background:#fff!important}.ag-theme-balham .ag-row:hover{background:#e9ecef!important}.slidemodal-footer{display:flex;justify-content:flex-end;gap:20px;padding:16px;background:#fff;border-top:1px solid #ddd;flex-shrink:0;height:80px}.slidemodal-title{margin:0}.action-btn{padding:10px 20px;font-size:16px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s;min-width:155px;text-align:center;white-space:nowrap;margin-left:10px}.approve-btn{background-color:#28a745}.reject-btn{background-color:#dc3545}.edit-button{background-color:#f0ad4e}.approve-btn:hover{background-color:#218838}.reject-btn:hover{background-color:#b02a37}.edit-button:hover{background-color:#ec971f}.attachments-container{margin-top:10px;display:flex;flex-direction:column;gap:12px;margin-bottom:35px}.attachment-item{display:flex;align-items:center;padding:14px;background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:box-shadow .2s ease-in-out,transform .1s ease-in-out}.attachment-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.attachment-icon{font-size:28px;margin-right:14px}.attachment-details{flex-grow:1;display:flex;flex-direction:column}.attachment-details a{font-weight:700;color:#374151;text-decoration:none;font-size:16px}.attachment-name{margin-top:15px}.attachment-details a:hover{text-decoration:underline;color:#2563eb}.attachment-meta{margin-top:5px;font-size:14px;color:#6b7280}.text-red-500{color:#ef4444}.text-blue-500{color:#3b82f6}.text-green-500{color:#10b981}.text-yellow-500{color:#f59e0b}.change-records-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.section-title{font-size:1.125rem;font-weight:600;margin:0}.add-change-record-btn,.add-template-btn{padding:6px 12px;font-size:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease;height:35px}.add-change-record-btn:hover{background-color:#0056b3}.change-record-actions{display:flex;align-items:center;gap:1px}.refresh-icon{font-size:1.5rem;cursor:pointer;color:#007bff;transition:transform .2s ease}.refresh-icon:hover{transform:rotate(90deg)}