.modified-cell{background-color:#fff3cd!important;border:1px solid #ffc107!important}.new-row{background-color:#d4edda!important;border-left:4px solid #28a745!important}.new-row td{min-height:32px;height:32px}.resizer{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize;background:0 0;z-index:30}.resizer:hover{background:#ddd}.editable{width:100%;box-sizing:border-box;background-color:#fff;border:0 solid #0078d4;font-size:14px;padding:2px 4px;outline:0}.editable:focus{border:1px solid;border-radius:5px;border-color:#d4edda!important}.data-grid tbody tr:hover{background-color:#eef6ff!important}.data-grid-container{border:1px solid #ccc;border-radius:5px;overflow:auto;box-shadow:2px 2px 10px rgba(0,0,0,.1)}.data-grid-header{display:flex;justify-content:space-between;align-items:center;background-color:#f4f4f4;padding:5px;border-bottom:2px solid #ccc;position:sticky;top:0;left:0;z-index:20}.data-grid-header-info{background:#f9f9f9;color:#54c0a1;font-size:10px;display:flex;height:20px;align-items:center;padding:2px;border-radius:5px;justify-content:center;column-gap:5px}.grid-focus{outline:2px solid #007bff;box-shadow:0 0 5px rgba(0,123,255,.5)}.row-count{color:#fdf4ff;padding:2px;background:#95b0e7;border-radius:5px;min-width:20px;display:flex;justify-content:center;align-items:center}.row-added{background:#54c0a1}.row-modified{background:#f2b800}.row-deleted{background:#f47171}.data-grid-column-header{position:sticky;top:35px;z-index:20;box-shadow:#95b0e763 0 2px 4px 0}.button-container{display:flex;gap:5px}.data-grid-header button{border:none;background:#b7c7e7;color:#f9f9f9;padding:5px 5px;cursor:pointer;border-radius:5px;display:flex;flex-direction:row}.data-grid th::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:5px solid transparent;border-top:5px solid #95b0e7}.data-grid-header button:hover{background-color:#95b0e7;color:#fff}.data-grid{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.data-grid th{background-color:#fff;border-bottom:2px solid #ccc;padding:8px;text-align:left;color:#7083ab;border:1px solid #f4f4f4;position:relative;user-select:none;white-space:nowrap;overflow:hidden;width:100px}.data-grid td{padding:5px;border-bottom:1px solid #ddd;position:relative;overflow:hidden;white-space:nowrap}.data-grid tbody tr:nth-child(even){background-color:#f9f9f9}.data-grid tbody tr.selected{background-color:#d0ebff;outline:1px solid #0078d4}.data-grid td input{width:100%;border:none;padding:0;font-size:14px;background:#fff}.context-menu{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.2);list-style:none;padding:5px 0;margin:0;display:none;z-index:1000}.context-menu li{padding:5px 10px;cursor:pointer}.context-menu li:hover{background:#0078d4;color:#fff}.column-menu{background:#ffffffde;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.2);padding:10px;position:absolute;z-index:1000;display:none}.column-option{display:flex;align-items:center;gap:5px;margin-bottom:5px}.alert-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.alert{padding:10px 15px;border-radius:5px;color:#fff;font-size:14px;min-width:200px;max-width:300px;box-shadow:2px 2px 10px rgba(0,0,0,.2);opacity:1;transition:opacity .5s ease-in-out}.fade-out{opacity:0}.alert-info{background-color:#0078d4}.alert-warning{background-color:#ff9800}.alert-success{background-color:#28a745}.alert-error{background-color:#dc3545}.calendar-preview{color:#005a9e;background-color:#f4f4f4;border-radius:5px;padding:5px;margin-bottom:5px}.calendar-confirm-btn{margin-top:5px;background-color:#005a9e;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:5px;margin-right:5px}.calendar-container{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:2px 2px 5px rgba(0,0,0,.2);padding:10px;display:block;z-index:1000;border-radius:5px;text-align:center;width:250px}.calendar-header{display:flex;justify-content:space-between;font-weight:700;margin-bottom:10px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{padding:5px;cursor:pointer;border-radius:3px;text-align:center}.calendar-day:hover{background-color:#0078d4;color:#fff}.selected-day{background-color:#005a9e;color:#fff}.calendar-time{margin-top:10px}.calendar-time input{width:40px;text-align:center;margin:0 5px;font-size:12px}.calendar-confirm{background-color:#0078d4;color:#fff;border:none;padding:5px 10px;cursor:pointer;border-radius:4px;margin-top:10px}.btn-sucess{background-color:#95b0e7;color:#fff;border-radius:5px;margin:0;padding:0;min-width:80px}.btn-sucess:hover{cursor:pointer!important;background-color:#6495ed}.input-filter{width:100%;border-radius:5px;border:1px dotted #95b0e7}.input-filter:focus-visible{border-radius:5px;border:1px dotted #54c0a1}.sticky-footer{position:sticky;bottom:0;background-color:#f4f4f4;z-index:2;box-shadow:-1px 0 5px #c7c7c7}