:root{--skl-gradient:linear-gradient(135deg, #8b5cf6, #ec4899);--skl-purple:#8b5cf6;--skl-pink:#ec4899;--skl-purple-light:#8b5cf614;--skl-pink-light:#ec489914;--skl-purple-border:#8b5cf640}.skl-table-container{color:#333;background:#fff;border:1px solid #e8e4f3;border-radius:10px;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;overflow:hidden;box-shadow:0 1px 8px #0000000a,0 2px 16px #8b5cf60a}.skl-toolbar{background:#fff;border-bottom:1px solid #f0eeff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.skl-toolbar-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.skl-toolbar-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.skl-length-menu{color:#666;align-items:center;gap:6px;font-size:12px;display:flex}.skl-length-select{color:#495057;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;outline:none;min-width:65px;padding:4px 8px;font-size:12px}.skl-length-select:focus{border-color:var(--skl-purple);box-shadow:0 0 0 .2rem #8b5cf626}.skl-info{color:#6c757d;white-space:nowrap;font-size:12px}.skl-info-filtered{color:#999}.skl-filter-search{background:#fff;border:1px solid #ced4da;border-radius:4px;outline:none;min-width:180px;padding:5px 10px;font-size:12px;transition:border-color .15s}.skl-filter-search:focus{border-color:var(--skl-purple);box-shadow:0 0 0 .2rem #8b5cf626}.skl-icon-btn{color:#495057;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:all .15s;display:inline-flex}.skl-icon-btn:hover{background:#e9ecef;border-color:#adb5bd}.skl-icon-btn.active{background:var(--skl-gradient);color:#fff;border-color:var(--skl-purple)}.skl-icon-btn .fa-spin,.skl-icon-btn .fa-spin i{animation:.8s linear infinite skl-spin}@keyframes skl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skl-action-icons{align-items:center;gap:4px;display:flex}.skl-action-icons button{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:13px;transition:all .15s;display:inline-flex}.skl-action-icons .skl-btn-edit{background:var(--skl-purple-light);color:var(--skl-purple);border-color:var(--skl-purple-border)}.skl-action-icons .skl-btn-edit:hover{background:#8b5cf626}.skl-action-icons .skl-btn-delete{color:#dc3545;background:#fce4e4;border-color:#f5c2c7}.skl-action-icons .skl-btn-delete:hover{background:#f8d7da}.skl-pill-row{background:#faf9ff;border-bottom:1px solid #f0eeff;justify-content:space-between;align-items:center;padding:6px 14px;display:flex}.skl-pill-container{flex-wrap:wrap;gap:4px;display:flex}.skl-pill{color:var(--skl-purple);background:var(--skl-purple-light);border:1px solid var(--skl-purple-border);white-space:nowrap;border-radius:50px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:11px;font-weight:500;display:inline-flex}.skl-pill-close{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1;transition:all .15s;display:inline-flex}.skl-pill-close:hover{background:var(--skl-pink);color:#fff}.skl-clear-all{color:var(--skl-pink);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 10px;font-size:11px;text-decoration:none}.skl-clear-all:hover{text-decoration:underline}.skl-table-wrapper{width:100%;position:relative;overflow-x:auto}.skl-loading-overlay{z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#fff9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.skl-loading-spinner{border:3px solid #8b5cf626;border-top-color:var(--skl-purple);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite skl-spin}.skl-table{border-collapse:collapse;width:100%;min-width:1100px;margin:0}.skl-table thead tr{background:var(--skl-gradient);color:#fff}.skl-table thead th{text-align:left;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-bottom:none;padding:11px 14px;font-size:12px;font-weight:600;position:relative}.skl-table thead th.sortable{cursor:pointer}.skl-table thead th.sortable:hover{background:#ffffff1a}.skl-sort-icon{color:#ffffff80;margin-left:4px;font-size:10px}.skl-sort-icon.active{color:#fff}.skl-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.skl-table tbody tr:nth-child(2n){background:#fafbfc}.skl-table tbody tr:hover{background:var(--skl-purple-light)}.skl-table tbody td{color:#333;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;max-width:300px;padding:8px 14px;font-size:13px;overflow:hidden}.skl-table tbody td.skl-empty-cell{color:#ccc}.skl-table .skl-checkbox-cell{text-align:center;width:40px}.skl-table input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--skl-purple)}.skl-table .skl-actions-cell{text-align:center;white-space:nowrap;width:140px;min-width:140px}.skl-actions-group{justify-content:center;align-items:center;gap:6px;display:inline-flex}.skl-actions-group button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;transition:all .15s;display:inline-flex}.skl-actions-group button.view{color:var(--skl-purple)}.skl-actions-group button.view:hover{background:var(--skl-purple-light);border-color:var(--skl-purple-border)}.skl-actions-group button.edit{color:var(--skl-pink)}.skl-actions-group button.edit:hover{background:var(--skl-pink-light);border-color:#ec489940}.skl-actions-group button.delete{color:#dc3545}.skl-actions-group button.delete:hover{background:#fce4e4;border-color:#f5c2c7}.table-actions-group{justify-content:center;align-items:center;gap:6px;display:inline-flex}.table-actions-group button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:14px;transition:all .2s;display:inline-flex}.table-actions-group button.e{color:var(--skl-purple)}.table-actions-group button.e:hover{background:var(--skl-purple-light);border-color:var(--skl-purple-border)}.table-actions-group button.v{color:#0d9488}.table-actions-group button.v:hover{background:#0d948814;border-color:#0d948840}.table-actions-group button.d{color:#dc3545}.table-actions-group button.d:hover{background:#fce4e4;border-color:#f5c2c7}.table-actions-group button i,.skl-actions-group button i{font-size:14px;line-height:1}.skl-pagination-bar{background:#faf9ff;border-top:1px solid #f0eeff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.skl-pagination{gap:2px;margin:0;padding:0;list-style:none;display:inline-flex}.skl-page-btn{color:#495057;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:12px;transition:all .15s;display:inline-flex}.skl-page-btn:hover:not(.active):not(.disabled){background:#e9ecef;border-color:#adb5bd}.skl-page-btn.active{background:var(--skl-gradient);color:#fff;border-color:var(--skl-purple)}.skl-page-btn.disabled{color:#ccc;cursor:not-allowed;pointer-events:none}.skl-skeleton-table{border-collapse:collapse;border:1px solid #dee2e6;border-radius:8px;width:100%;overflow:hidden}.skl-skeleton-table th,.skl-skeleton-table td{padding:10px 14px}.skl-skeleton-bar{background:linear-gradient(90deg,#8b5cf60f 25%,#ec48991a 50%,#8b5cf60f 75%) 0 0/200% 100%;border-radius:4px;height:22px;animation:1.5s ease-in-out infinite skl-shimmer}@keyframes skl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skl-modal-overlay{z-index:1050;background:#00000080;justify-content:center;align-items:center;animation:.15s skl-fade-in;display:flex;position:fixed;inset:0}@keyframes skl-fade-in{0%{opacity:0}to{opacity:1}}.skl-modal{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:80vh;animation:.2s skl-slide-up;overflow:hidden;box-shadow:0 10px 40px #0003}@keyframes skl-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skl-modal-header{background:var(--skl-gradient);border-bottom:none;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.skl-modal-title{color:#fff;margin:0;font-size:16px;font-weight:600}.skl-modal-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:18px;transition:all .15s;display:inline-flex}.skl-modal-close:hover{color:#fff;background:#ffffff4d}.skl-modal-body{max-height:55vh;padding:16px 20px;overflow-y:auto}.skl-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.skl-filter-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.skl-filter-field label{color:var(--skl-purple);margin-bottom:4px;margin-left:2px;font-size:11px;font-weight:600;display:block}.skl-filter-field input{border:1px solid #ced4da;border-radius:4px;outline:none;width:100%;padding:6px 10px;font-size:13px;transition:border-color .15s}.skl-filter-field input:focus{border-color:var(--skl-purple);box-shadow:0 0 0 .2rem #8b5cf626}.skl-tag-container{cursor:text;background:#fff;border:1px solid #ced4da;border-radius:4px;flex-wrap:wrap;gap:4px;min-height:36px;padding:4px 8px;transition:border-color .15s;display:flex}.skl-tag-container:focus-within{border-color:var(--skl-purple);box-shadow:0 0 0 .2rem #8b5cf626}.skl-tag{background:var(--skl-purple-light);border:1px solid var(--skl-purple-border);color:var(--skl-purple);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:12px;display:inline-flex}.skl-tag-remove{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:10px;display:inline-flex}.skl-tag-remove:hover{background:var(--skl-pink);color:#fff}.skl-tag-input{background:0 0;border:none;outline:none;flex:1;min-width:80px;padding:2px 0;font-size:13px}.skl-date-range-section{margin-bottom:16px}.skl-date-range-section label{color:#495057;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.skl-date-range-inputs{align-items:center;gap:8px;display:flex}.skl-date-range-inputs input{border:1px solid #ced4da;border-radius:4px;outline:none;flex:1;padding:6px 10px;font-size:13px}.skl-date-range-inputs input:focus{border-color:#86b7fe}.skl-date-range-inputs span{color:#6c757d;font-size:12px}.skl-btn{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.skl-btn-primary{background:var(--skl-gradient);color:#fff;border-color:var(--skl-purple)}.skl-btn-primary:hover{background:linear-gradient(135deg,#7c4fe0,#d94088)}.skl-btn-secondary{color:#fff;background:#6c757d;border-color:#6c757d}.skl-btn-secondary:hover{background:#5c636a}.skl-alert{text-align:center;border-radius:6px;padding:12px 16px;font-size:13px}.skl-alert-danger{color:#842029;background:#f8d7da;border:1px solid #f5c2c7}.skl-alert-info{color:#055160;background:#cff4fc;border:1px solid #b6effb}@media (max-width:768px){.skl-toolbar{flex-direction:column;align-items:flex-start}.skl-filter-grid{grid-template-columns:1fr}.skl-pagination-bar{flex-direction:column;align-items:flex-start}}