:root{--sg-primary:#003E6F;--sg-accent:#007ACC;--sg-accent-rgb:0,122,204;--sg-gray:#444444;--sg-white:#FFFFFF;--sg-surface-0:#ffffff;--sg-surface-1:#fafbfc;--sg-surface-2:#f5f7fa;--sg-border-subtle:#e8ecef;--sg-border-strong:#d1d8dd;--sg-shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.08);--sg-shadow-md:0 2px 4px rgba(0,0,0,.06),0 4px 8px rgba(0,0,0,.1);--sg-shadow-lg:0 8px 16px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.06);--sg-shadow-xl:0 12px 24px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.08);--sg-cell-padding-y:12px;--sg-cell-padding-x:16px;--sg-thead-bg:var(--sg-surface-2);--sg-thead-color:#1a1a1a;--sg-tbody-color:#495057;--sg-sort-hover-bg:#e9ecef;--sg-sort-active-bg:#e7f1ff}.skargrid{width:100%;min-width:max-content;border-collapse:collapse;table-layout:auto;background-color:var(--sg-surface-0);box-shadow:var(--sg-shadow-md);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px}.skargrid thead{background-color:var(--sg-thead-bg);border-bottom:2px solid #dee2e6}.skargrid thead th{padding:12px 16px;text-align:left;font-weight:600;color:var(--sg-thead-color);font-size:12px;letter-spacing:.5px;position:sticky;top:0;z-index:5;background-color:var(--sg-thead-bg);user-select:none}.skargrid thead th .th-text{text-transform:none}.skargrid tbody td{text-transform:none}.skargrid thead th.sortable{cursor:pointer;transition:background-color .2s ease}.skargrid thead th.sortable:hover{background-color:var(--sg-sort-hover-bg)}.skargrid thead th.sortable.sorted{background-color:var(--sg-sort-active-bg);color:var(--sg-accent)}.skargrid thead th .th-content{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%}.skargrid thead th .th-text-sort{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.skargrid thead th .th-text{flex:1;min-width:0}.skargrid tbody td,.skargrid thead th .th-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skargrid thead th .sort-icon{font-size:10px;color:#adb5bd;transition:color .2s ease;flex-shrink:0;opacity:.6}.skargrid thead th.sortable:hover .sort-icon{opacity:1;color:#6c757d}.skargrid thead th.sortable.sorted .sort-icon{opacity:1;color:var(--sg-accent);font-size:11px}.th-filter-btn{background:0 0;border:none;padding:4px 6px;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:2px;transition:all .2s ease;position:relative;flex-shrink:0;color:#6c757d}.th-filter-btn:hover{background-color:rgba(var(--sg-accent-rgb),.08);color:var(--sg-accent)}.th-filter-btn.has-filter{color:var(--sg-accent);background-color:rgba(var(--sg-accent-rgb),.08)}.th-filter-btn svg{display:block}.th-filter-btn .filter-count{position:absolute;top:0;right:0;background-color:var(--sg-accent);color:#fff;font-size:9px;font-weight:600;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;line-height:1}.skargrid-filter-dropdown{position:fixed;background:rgba(255,255,255,.98);border:1px solid var(--sg-border-subtle);border-radius:12px;box-shadow:var(--sg-shadow-xl);backdrop-filter:blur(8px);z-index:9999;min-width:250px;max-width:320px;width:280px;animation:dropdownSlideIn .25s cubic-bezier(.34,1.56,.64,1);box-sizing:border-box}@keyframes dropdownSlideIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.filter-dropdown-header{padding:8px 12px;border-bottom:1px solid #dee2e6;font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px;word-break:break-word}.filter-search-wrapper{padding:8px 12px;border-bottom:1px solid #f1f3f5;box-sizing:border-box}.filter-search-input{width:100%;padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:0;transition:border-color .2s ease;box-sizing:border-box}.filter-search-input:focus{border-color:var(--sg-accent);box-shadow:0 0 0 2px rgba(var(--sg-accent-rgb),.08)}.filter-select-all{padding:6px 12px;border-bottom:1px solid #f1f3f5;display:flex;align-items:center;gap:6px;background-color:#f8f9fa;font-weight:500;font-size:12px}.filter-select-all input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--sg-accent)}.filter-select-all label{cursor:pointer;user-select:none;color:#495057}.filter-list-wrapper{max-height:250px;overflow-y:auto;padding:4px 0}.filter-list-item{padding:6px 10px;margin:0 6px;display:flex;align-items:center;gap:6px;border-radius:4px;transition:all .15s cubic-bezier(.4, 0, .2, 1)}.filter-list-item:hover{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);transform:translateX(2px)}.filter-list-item.filter-item-disabled{opacity:.4;cursor:not-allowed}.filter-list-item.filter-item-disabled:hover{background-color:transparent}.filter-list-item.filter-item-disabled label{cursor:not-allowed;color:#adb5bd}.filter-list-item input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--sg-accent);flex-shrink:0}.filter-list-item input[type=checkbox]:disabled{cursor:not-allowed}.filter-list-item label{cursor:pointer;user-select:none;font-size:12px;color:#495057;flex:1}.filter-input-wrapper{padding:10px 12px;box-sizing:border-box}.filter-dropdown-input{width:100%;padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:12px;outline:0;transition:border-color .2s ease;box-sizing:border-box}.filter-dropdown-input:focus{border-color:var(--sg-accent);box-shadow:0 0 0 2px rgba(var(--sg-accent-rgb),.08)}.filter-dropdown-footer{padding:8px 12px;border-top:1px solid #dee2e6;display:flex;gap:6px;justify-content:flex-end;background-color:#f8f9fa;border-radius:0 0 8px 8px}.filter-btn-apply,.filter-btn-clear{padding:5px 12px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.filter-btn-clear{background-color:#e9ecef;color:#495057}.filter-btn-clear:hover{background-color:#dee2e6}.filter-btn-apply{background-color:var(--sg-accent);color:#fff}.filter-btn-apply:hover{background-color:rgba(var(--sg-accent-rgb),.9)}.skargrid tbody td.skargrid-select-cell,.skargrid thead th.skargrid-select-header{width:40px;text-align:center;padding:12px 8px}.skargrid-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--sg-accent)}.skargrid tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s ease,box-shadow .2s ease}.skargrid tbody tr:nth-child(2n){background-color:#f8f9fa}.skargrid tbody tr:hover{background-color:#e3f2fd}.skargrid tbody tr.selected{background-color:#e7f1ff;box-shadow:inset 3px 0 0 var(--sg-accent)}.skargrid tbody tr.selected:hover{background-color:#d0e7ff}.skargrid tbody tr:last-child{border-bottom:none}.skargrid tbody td{padding:var(--sg-cell-padding-y) var(--sg-cell-padding-x);color:var(--sg-tbody-color)}.skargrid tfoot{background-color:#f8f9fa;font-weight:500;border-top:2px solid #dee2e6}.skargrid tfoot tr{border-bottom:none}.skargrid-footer-cell{padding:12px 16px;color:#495057;font-size:13px;line-height:1.4;border-bottom:none}.skargrid-footer-cell.skargrid-footer-aggregate{color:#212529}.skargrid-footer-cell strong{font-weight:600;color:#6c757d;margin-right:4px}.skargrid-footer-cell.skargrid-footer-empty{background-color:transparent}.skargrid[data-density=small] .skargrid-footer-cell{padding:6px 8px;font-size:11px}.skargrid[data-density=medium] .skargrid-footer-cell{padding:10px 12px;font-size:12px}.skargrid[data-density=xlarge] .skargrid-footer-cell{padding:16px 20px;font-size:14px}.skargrid[data-density=small]{--sg-cell-padding-y:2px;--sg-cell-padding-x:8px;font-size:12px;line-height:1.2}.skargrid[data-density=small] thead th{padding:4px 8px!important;font-size:11px}.skargrid[data-density=small] tbody td{padding:2px 8px!important}.skargrid[data-density=medium]{--sg-cell-padding-y:6px;--sg-cell-padding-x:12px;font-size:13px;line-height:1.3}.skargrid[data-density=medium] thead th{padding:8px 12px!important;font-size:11px}.skargrid[data-density=medium] tbody td{padding:6px 12px!important}.skargrid[data-density=large]{--sg-cell-padding-y:12px;--sg-cell-padding-x:16px}.skargrid[data-density=xlarge]{--sg-cell-padding-y:18px;--sg-cell-padding-x:24px;font-size:15px;line-height:1.6}.skargrid[data-density=xlarge] thead th{padding:16px 24px!important;font-size:13px}.skargrid[data-density=xlarge] tbody td{padding:18px 24px!important}.skargrid-wrapper:has(.skargrid[data-density=small]) .skargrid-search-input,.skargrid[data-density=small]~.skargrid-search-container .skargrid-search-input{padding:6px 32px 6px 32px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=small]) .skargrid-clear-filters-btn,.skargrid[data-density=small]~.skargrid-search-container .skargrid-clear-filters-btn{padding:6px 14px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=small]) .skargrid-pagination-btn{min-width:30px!important;height:30px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=medium]) .skargrid-search-input,.skargrid[data-density=medium]~.skargrid-search-container .skargrid-search-input{padding:8px 38px 8px 38px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=medium]) .skargrid-clear-filters-btn,.skargrid[data-density=medium]~.skargrid-search-container .skargrid-clear-filters-btn{padding:8px 16px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=medium]) .skargrid-pagination-btn{min-width:32px!important;height:32px!important;font-size:13px!important}.skargrid-wrapper:has(.skargrid[data-density=xlarge]) .skargrid-search-input,.skargrid[data-density=xlarge]~.skargrid-search-container .skargrid-search-input{padding:12px 44px 12px 44px!important;font-size:15px!important}.skargrid-wrapper:has(.skargrid[data-density=xlarge]) .skargrid-clear-filters-btn,.skargrid[data-density=xlarge]~.skargrid-search-container .skargrid-clear-filters-btn{padding:12px 20px!important;font-size:15px!important}.skargrid-wrapper:has(.skargrid[data-density=xlarge]) .skargrid-pagination-btn{min-width:40px!important;height:40px!important;font-size:15px!important}.skargrid-container{overflow-x:auto;margin:20px 0}.skargrid-wrapper{background-color:var(--sg-surface-1);border-radius:12px;box-shadow:var(--sg-shadow-lg);height:100%;display:flex;flex-direction:column}.skargrid-search-container{padding:12px 16px;background-color:var(--sg-surface-1);border-bottom:1px solid var(--sg-border-subtle);display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;position:relative}.skargrid-search-actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}.skargrid-search-wrapper{position:relative;width:100%;max-width:600px;display:flex;align-items:center}.skargrid-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none;display:flex;align-items:center;z-index:1}.skargrid-search-icon svg{display:block}.skargrid-search-input{width:100%;padding:10px 44px 10px 40px;border:1px solid var(--sg-border-subtle);border-radius:8px;font-size:14px;color:var(--sg-gray);background-color:var(--sg-surface-0);transition:all .2s cubic-bezier(.4, 0, .2, 1);outline:0;font-family:inherit;box-sizing:border-box}.skargrid-search-input:focus,.skargrid-search-input:focus-visible{border-color:var(--sg-accent);box-shadow:0 0 0 4px rgba(var(--sg-accent-rgb),.12);outline:2px solid transparent;outline-offset:2px}.skargrid-search-input::placeholder{color:#adb5bd}.skargrid-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#6c757d;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s cubic-bezier(.4, 0, .2, 1);display:flex;align-items:center;justify-content:center;z-index:2;width:28px;height:28px;flex-shrink:0}.skargrid-search-clear:hover{background-color:#e9ecef;color:var(--sg-gray)}.skargrid-search-clear:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--sg-accent-rgb),.12)}.skargrid-clear-filters-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background-color:var(--sg-surface-0);border:1px solid var(--sg-border-subtle);border-radius:8px;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1);white-space:nowrap;position:relative;flex-shrink:0;min-width:fit-content}.skargrid-clear-filters-btn:hover{background-color:var(--sg-surface-2);border-color:#adb5bd;color:#495057}.skargrid-clear-filters-btn:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--sg-accent-rgb),.12)}.skargrid-clear-filters-btn.has-filters{background-color:var(--sg-accent);border-color:var(--sg-accent);color:#fff}.skargrid-clear-filters-btn.has-filters:focus,.skargrid-clear-filters-btn.has-filters:hover{background-color:rgba(var(--sg-accent-rgb),.85);border-color:rgba(var(--sg-accent-rgb),.85);color:#fff}.skargrid-clear-filters-btn svg{display:block;flex-shrink:0}.skargrid-clear-filters-btn .filter-count-badge{background-color:#fff;color:var(--sg-accent);font-size:11px;font-weight:600;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.skargrid-clear-filters-btn:not(.has-filters) .filter-count-badge{background-color:var(--sg-accent);color:#fff}.skargrid-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--sg-border-subtle);flex-wrap:nowrap;gap:16px;min-height:56px}.skargrid-pagination-info{color:#6c757d;font-size:13px;font-weight:500;white-space:nowrap;min-width:160px}.skargrid-pagination-controls{display:flex;gap:4px;align-items:center;flex-shrink:0;min-width:280px;justify-content:center}.skargrid-pagination-btn{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--sg-border-subtle);background-color:var(--sg-surface-0);color:var(--sg-gray);font-size:14px;font-weight:600;letter-spacing:.01em;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.skargrid-pagination-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--sg-accent-rgb),.1);transform:translate(-50%,-50%);transition:width .3s,height .3s}.skargrid-pagination-btn:hover:not(:disabled)::before{width:120%;height:120%}.skargrid-pagination-btn:hover:not(:disabled){background-color:var(--sg-surface-2);border-color:#adb5bd}.skargrid-pagination-btn:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;box-shadow:0 0 0 4px rgba(var(--sg-accent-rgb),.12)}.skargrid-pagination-btn:disabled{cursor:not-allowed;opacity:.5;background-color:var(--sg-surface-2)}.skargrid-pagination-btn.active{background-color:var(--sg-accent);color:#fff;border-color:var(--sg-accent)}.skargrid-pagination-btn.active:hover{background-color:rgba(var(--sg-accent-rgb),.85);border-color:rgba(var(--sg-accent-rgb),.85);color:#fff}.skargrid-pagination-ellipsis{padding:0 8px;color:#6c757d;font-weight:500}.skargrid-page-size{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:13px;white-space:nowrap;flex-shrink:0}.skargrid-page-size-select{padding:6px 12px;border:1px solid var(--sg-border-subtle);border-radius:6px;background-color:var(--sg-surface-0);color:#495057;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4, 0, .2, 1)}.skargrid-page-size-select:hover{border-color:#adb5bd}.skargrid-page-size-select:focus,.skargrid-page-size-select:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px;border-color:var(--sg-accent);box-shadow:0 0 0 4px rgba(var(--sg-accent-rgb),.12)}.skargrid-table-container{position:relative;min-height:200px;overflow-x:auto;overflow-y:auto;flex:1;min-height:0}.skargrid-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(3px)}.skargrid-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--sg-accent);text-align:center}.skargrid-spinner svg{color:var(--sg-accent);display:block}.skargrid-spinner span{font-size:14px;font-weight:500;color:#495057;display:block;text-align:center}.skargrid-skeleton-container{position:relative;width:100%;height:100%;background:var(--sg-surface-0);animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.skargrid-skeleton-table{width:100%;pointer-events:none;user-select:none}.skargrid-skeleton-table tbody td,.skargrid-skeleton-table thead th{padding:12px 16px;border-bottom:1px solid #f0f0f0}.skargrid-skeleton-table thead th{background:var(--sg-surface-2);border-bottom:2px solid #dee2e6}.skargrid-skeleton-row{transition:opacity .2s ease}.skargrid-skeleton-box{height:16px;background:linear-gradient(90deg,#e8e8e8 0,#f5f5f5 20%,#e8e8e8 40%,#e8e8e8 100%);background-size:200% 100%;border-radius:4px;animation:skeletonWave 1.8s ease-in-out infinite;position:relative;overflow:hidden}.skargrid-skeleton-header{height:18px;background:linear-gradient(90deg,#d0d0d0 0,#e0e0e0 20%,#d0d0d0 40%,#d0d0d0 100%);background-size:200% 100%;animation:skeletonWave 1.8s ease-in-out infinite}@keyframes skeletonWave{0%{background-position:200% 0}100%{background-position:-200% 0}}.skargrid-skeleton-box::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.6) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-container{background:#1a1a1a}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-table thead th{background:#2a2a2a;border-bottom-color:#404040}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-table tbody td,.skargrid-wrapper.skargrid-dark .skargrid-skeleton-table thead th{border-bottom-color:#2a2a2a}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-box{background:linear-gradient(90deg,#2a2a2a 0,#353535 20%,#2a2a2a 40%,#2a2a2a 100%);background-size:200% 100%;animation:skeletonWave 1.8s ease-in-out infinite}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-header{background:linear-gradient(90deg,#333 0,#404040 20%,#333 40%,#333 100%);background-size:200% 100%;animation:skeletonWave 1.8s ease-in-out infinite}.skargrid-wrapper.skargrid-dark .skargrid-skeleton-box::after{background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.05) 50%,transparent 100%)}.skargrid-wrapper{position:relative}.skargrid-upgrade{margin:32px auto;padding:32px;max-width:520px;border:2px solid var(--sg-accent);border-radius:16px;background:linear-gradient(135deg,var(--sg-surface-2) 0,var(--sg-surface-0) 100%);text-align:center;box-shadow:var(--sg-shadow-xl)}.skargrid-upgrade-icon{font-size:48px;margin-bottom:16px}.skargrid-upgrade h2{margin:0 0 12px 0;font-size:26px;color:var(--sg-accent)}.skargrid-upgrade p{margin:0 0 18px 0;color:#6c757d;font-size:15px}.skargrid-upgrade ul{list-style:none;padding:0;margin:0 0 24px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;text-align:left;color:#495057}.skargrid-upgrade ul li::before{content:'✅ ';color:var(--sg-accent)}.skargrid-upgrade a{display:inline-block;padding:12px 24px;background:var(--sg-accent);color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.skargrid-upgrade a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(var(--sg-accent-rgb),.25)}.skargrid-upgrade-note{margin-top:18px;font-size:13px;color:#6c757d}@media screen and (max-width:768px){.skargrid{font-size:12px}.skargrid tbody td,.skargrid thead th{padding:8px 12px}.skargrid-pagination{padding:8px 12px;gap:8px;overflow-x:auto;min-height:48px}.skargrid-pagination-info{font-size:11px;min-width:120px}.skargrid-pagination-controls{min-width:220px}.skargrid-page-size{font-size:11px}.skargrid-pagination-btn{min-width:32px;height:32px;font-size:13px}.skargrid-search-container{padding:12px;grid-template-columns:1fr;gap:12px}.skargrid-search-wrapper{width:100%;max-width:100%}.skargrid-search-actions{width:100%;justify-content:stretch}.skargrid-clear-filters-btn{flex:1;justify-content:center}}.skargrid-wrapper.skargrid-dark{--sg-dark-0:#0a0a0a;--sg-dark-1:#141414;--sg-dark-2:#1e1e1e;--sg-dark-3:#2a2a2a;--sg-dark-4:#383838;--sg-text-primary:#e8eaed;--sg-text-secondary:#9aa0a6;--sg-text-disabled:#5f6368;background-color:var(--sg-dark-2);color:var(--sg-text-primary);--sg-surface-0:var(--sg-dark-2);--sg-surface-1:var(--sg-dark-1);--sg-surface-2:var(--sg-dark-3);--sg-border-subtle:var(--sg-dark-4);--sg-border-strong:#505050;--sg-thead-bg:var(--sg-dark-3);--sg-thead-color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid{background-color:var(--sg-surface-0);box-shadow:0 4px 16px rgba(0,0,0,.6);color:var(--sg-text-primary)}.skargrid-wrapper.skargrid-dark .skargrid thead{background-color:var(--sg-surface-2);border-bottom:2px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid thead th{color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid thead th.sortable:hover{background-color:var(--sg-dark-4)}.skargrid-wrapper.skargrid-dark .skargrid thead th.sortable.sorted{background-color:#1a3a52;color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid tfoot{background-color:var(--sg-surface-2);border-top:2px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid-footer-cell{color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid-footer-cell.skargrid-footer-aggregate{color:#e9ecef}.skargrid-wrapper.skargrid-dark .skargrid-footer-cell strong{color:#adb5bd}.skargrid-wrapper.skargrid-dark .skargrid tbody tr{border-bottom:1px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid tbody tr:nth-child(2n){background-color:var(--sg-dark-1)}.skargrid-wrapper.skargrid-dark .skargrid tbody tr:hover{background-color:var(--sg-dark-3)}.skargrid-wrapper.skargrid-dark .skargrid tbody tr.selected{background-color:#1a3a52}.skargrid-wrapper.skargrid-dark .skargrid tbody td{color:var(--sg-text-primary)}.skargrid-wrapper.skargrid-dark .skargrid-search-container{background-color:var(--sg-surface-1);border-bottom:1px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid-search-input{background-color:var(--sg-surface-0);border:1px solid var(--sg-border-subtle);color:var(--sg-text-primary)}.skargrid-wrapper.skargrid-dark .skargrid-search-input::placeholder{color:var(--sg-text-disabled)}.skargrid-wrapper.skargrid-dark .skargrid-search-input:focus,.skargrid-wrapper.skargrid-dark .skargrid-search-input:focus-visible{border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-search-icon{color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid-search-clear{color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid-search-clear:hover{color:var(--sg-text-primary);background-color:var(--sg-dark-3)}.skargrid-wrapper.skargrid-dark .skargrid-filter-dropdown{background-color:rgba(30,30,30,.98);border:1px solid var(--sg-border-subtle);box-shadow:0 12px 32px rgba(0,0,0,.7);backdrop-filter:blur(12px)}.skargrid-wrapper.skargrid-dark .skargrid-filter-search{background-color:#2d2d2d;border:1px solid #404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-filter-search::placeholder{color:#707070}.skargrid-wrapper.skargrid-dark .skargrid-filter-item{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-filter-item:hover{background-color:#353535}.skargrid-wrapper.skargrid-dark .skargrid-filter-item.disabled{color:#505050;background-color:#1e1e1e}.skargrid-wrapper.skargrid-dark .skargrid-filter-item input[type=checkbox]:disabled{opacity:.3}.skargrid-wrapper.skargrid-dark .skargrid-clear-filters-btn{background-color:#252525;color:#e0e0e0;border:1px solid #404040}.skargrid-wrapper.skargrid-dark .skargrid-clear-filters-btn:hover{background-color:#353535;border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-pagination{background-color:var(--sg-surface-1);border-top:1px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid-pagination-info{color:var(--sg-text-secondary)}.skargrid-wrapper.skargrid-dark .skargrid-pagination-btn{background-color:var(--sg-surface-0);color:var(--sg-text-primary);border:1px solid var(--sg-border-subtle)}.skargrid-wrapper.skargrid-dark .skargrid-pagination-btn:hover:not(:disabled){background-color:var(--sg-dark-3);border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-pagination-btn:disabled{background-color:var(--sg-dark-1);color:var(--sg-text-disabled);border-color:var(--sg-dark-4)}.skargrid-wrapper.skargrid-dark .skargrid-pagination-btn.active{background-color:#1a3a52;color:var(--sg-accent);border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-page-size select{background-color:#252525;color:#e0e0e0;border:1px solid #404040}.skargrid-wrapper.skargrid-dark .skargrid-page-size select:hover{border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-checkbox{border:2px solid #505050}.skargrid-wrapper.skargrid-dark .skargrid-checkbox:checked{background-color:var(--sg-accent);border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-loading-overlay{background-color:rgba(26,26,26,.95)}.skargrid-wrapper.skargrid-dark .skargrid-spinner{color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-spinner span{color:#e9ecef}.skargrid-wrapper.skargrid-dark .skargrid-upgrade{background:linear-gradient(135deg,#1f1f1f 0,#252525 100%);border-color:rgba(var(--sg-accent-rgb),.5);box-shadow:0 10px 30px rgba(0,0,0,.4)}.skargrid-wrapper.skargrid-dark .skargrid-upgrade p,.skargrid-wrapper.skargrid-dark .skargrid-upgrade ul{color:#d0d0d0}.skargrid-wrapper.skargrid-dark .skargrid-upgrade-note{color:#a0a0a0}.skargrid-wrapper.skargrid-dark .skargrid-filter-dropdown{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 12px rgba(0,0,0,.5)}.skargrid-wrapper.skargrid-dark .filter-dropdown-header{background:#2d2d2d;border-bottom-color:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-search-wrapper{border-bottom-color:#353535}.skargrid-wrapper.skargrid-dark .filter-search-input{background-color:#1e1e1e;border-color:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-search-input:focus{border-color:var(--sg-accent);box-shadow:0 0 0 2px rgba(var(--sg-accent-rgb),.15)}.skargrid-wrapper.skargrid-dark .filter-search-input::placeholder{color:#6c757d}.skargrid-wrapper.skargrid-dark .filter-select-all{background-color:#252525;border-bottom-color:#353535}.skargrid-wrapper.skargrid-dark .filter-select-all label{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-list-item{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-list-item:hover{background:linear-gradient(135deg,#353535 0,#3a3a3a 100%)}.skargrid-wrapper.skargrid-dark .filter-list-item label{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-list-item.filter-item-disabled label{color:#6c757d}.skargrid-wrapper.skargrid-dark .filter-input-wrapper{background:#2d2d2d}.skargrid-wrapper.skargrid-dark .filter-dropdown-input{background-color:#1e1e1e;border-color:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-dropdown-input:focus{border-color:var(--sg-accent);box-shadow:0 0 0 2px rgba(var(--sg-accent-rgb),.15)}.skargrid-wrapper.skargrid-dark .filter-dropdown-input::placeholder{color:#6c757d}.skargrid-wrapper.skargrid-dark .filter-dropdown-footer{background-color:#252525;border-top-color:#404040}.skargrid-wrapper.skargrid-dark .filter-btn-clear{background-color:#353535;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .filter-btn-clear:hover{background-color:#404040}.skargrid-wrapper.skargrid-dark .filter-btn-apply{background-color:var(--sg-accent);color:#fff}.skargrid-wrapper.skargrid-dark .filter-btn-apply:hover{background-color:rgba(var(--sg-accent-rgb),.85)}.skargrid-column-config-modal{position:absolute;top:auto;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.08);border:1px solid #dee2e6;width:340px;max-height:calc(100vh - 120px);overflow:hidden;z-index:10000;animation:slideInDown .3s ease;display:flex;flex-direction:column}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.skargrid-config-header{background:#fff;color:#495057;padding:12px 14px;border-bottom:1px solid #dee2e6;flex-shrink:0}.skargrid-config-header-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px}.skargrid-config-close-btn{background:0 0;border:none;padding:4px;cursor:pointer;color:#6c757d;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0;margin-left:8px}.skargrid-config-close-btn:hover{background:#f8f9fa;color:#212529}.skargrid-config-close-btn:active{transform:scale(.95)}.skargrid-config-header h4{margin:0;font-size:11px;font-weight:600;color:#212529;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:4px}.skargrid-config-header h4 svg{width:12px;height:12px;flex-shrink:0}.skargrid-config-header p{margin:0 0 10px 0;font-size:11px;color:#6c757d}.skargrid-density-selector{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;background-color:#f8f9fa;border-radius:4px;border:1px solid #e9ecef}.skargrid-density-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#495057;margin:0}.skargrid-density-label svg{flex-shrink:0;width:12px;height:12px}.skargrid-density-select{flex:1;padding:4px 8px;border:1px solid #ced4da;border-radius:4px;background-color:#fff;color:#495057;font-size:12px;cursor:pointer;transition:all .2s ease}.skargrid-density-select:hover{border-color:#adb5bd}.skargrid-density-select:focus{outline:0;border-color:var(--sg-accent);box-shadow:0 0 0 3px rgba(var(--sg-accent-rgb),.08)}.skargrid-config-header-actions{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.skargrid-config-action-btn{padding:5px 12px;border:1px solid #ced4da;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#495057}.skargrid-config-action-btn:hover{background:#f8f9fa}.skargrid-config-move-btn:hover:not(:disabled){background:var(--sg-accent);color:#fff;border-color:var(--sg-accent);transform:scale(1.1)}.skargrid-config-action-btn-primary{background:var(--sg-accent);color:#fff;border-color:var(--sg-accent)}.skargrid-config-action-btn-primary:hover{background:rgba(var(--sg-accent-rgb),.9);border-color:rgba(var(--sg-accent-rgb),.9)}.skargrid-config-list{max-height:none;overflow-y:auto;overflow-x:hidden;padding:0;flex:1 1 auto;min-height:0}.skargrid-config-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid #e9ecef;transition:background-color .2s ease;cursor:move}.skargrid-config-item:hover{background-color:#f8f9fa}.skargrid-config-item.dragging{opacity:.5;background-color:#e7f3ff}.skargrid-config-item:last-child{border-bottom:none}.skargrid-drag-handle{color:#adb5bd;font-size:14px;cursor:grab;user-select:none;line-height:1;padding:4px}.skargrid-drag-handle:active{cursor:grabbing}.skargrid-config-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--sg-accent)}.skargrid-config-item .skargrid-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--sg-accent);flex-shrink:0}.skargrid-wrapper.skargrid-dark .skargrid-config-item .skargrid-checkbox:checked{background-color:var(--sg-accent);border-color:var(--sg-accent)}.skargrid-config-item label{flex:1;font-size:13px;color:#495057;cursor:pointer;user-select:none}.skargrid-config-move-btn{background:#e9ecef;border:1px solid #dee2e6;color:#495057;width:26px;height:26px;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.skargid-config-move-btn:hover:not(:disabled){background:var(--sg-accent);color:#fff;border-color:var(--sg-accent);transform:scale(1.1)}.skargrid-config-move-btn:disabled{opacity:.3;cursor:not-allowed}.skargrid-config-move-btn:active:not(:disabled){transform:scale(.95)}.skargrid-config-footer{display:flex;gap:8px;padding:10px 14px;background-color:#f8f9fa;border-top:1px solid #dee2e6;border-radius:0 0 8px 8px;justify-content:space-between;align-items:center;flex-shrink:0}.skargrid-config-footer-actions{display:flex;gap:6px}.skargrid-config-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.skargrid-config-btn-primary{background:var(--sg-accent);color:#fff;box-shadow:0 2px 4px rgba(var(--sg-accent-rgb),.25)}.skargrid-config-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(var(--sg-accent-rgb),.32)}.skargrid-config-btn-secondary{background:#fff;color:#495057;border:1px solid #dee2e6}.skargrid-config-btn-secondary:hover{background:#e9ecef;border-color:#adb5bd}.skargrid-config-btn:active{transform:translateY(0)}.skargrid-wrapper.skargrid-dark .skargrid-column-config-modal{background:#2d2d2d;border-color:#404040;box-shadow:0 4px 12px rgba(0,0,0,.5)}.skargrid-wrapper.skargrid-dark .skargrid-config-header{background:#2d2d2d;border-bottom-color:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-config-header h4{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-config-close-btn{color:#a0a0a0}.skargrid-wrapper.skargrid-dark .skargrid-config-close-btn:hover{background:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-config-header p{color:#a0a0a0}.skargrid-wrapper.skargrid-dark .skargrid-density-selector{background-color:#252525;border-color:#404040}.skargrid-wrapper.skargrid-dark .skargrid-density-label{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-density-select{background-color:#1e1e1e;border-color:#404040;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-density-select:hover{border-color:#505050}.skargrid-wrapper.skargrid-dark .skargrid-config-action-btn{background:#353535;color:#e0e0e0;border-color:#505050}.skargrid-wrapper.skargrid-dark .skargrid-config-action-btn:hover{background:#404040;border-color:#606060}.skargrid-wrapper.skargrid-dark .skargrid-config-action-btn-primary{background:var(--sg-accent);color:#fff;border-color:var(--sg-accent)}.skargrid-wrapper.skargrid-dark .skargrid-config-action-btn-primary:hover{background:rgba(var(--sg-accent-rgb),.85);border-color:rgba(var(--sg-accent-rgb),.85)}.skargrid-wrapper.skargrid-dark .skargrid-config-item{border-bottom-color:#404040}.skargrid-wrapper.skargrid-dark .skargrid-config-item:hover{background-color:#353535}.skargrid-wrapper.skargrid-dark .skargrid-config-item.dragging{background-color:#2a4a6a}.skargrid-wrapper.skargrid-dark .skargrid-drag-handle{color:#6c757d}.skargrid-wrapper.skargrid-dark .skargrid-config-item label{color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-config-move-btn{background:#353535;border-color:#505050;color:#e0e0e0}.skargrid-wrapper.skargrid-dark .skargrid-config-move-btn:hover:not(:disabled){background:var(--sg-accent);border-color:var(--sg-accent)}.skargrid-frozen-column{position:sticky!important;z-index:5;background-color:var(--sg-white,#fff)}.skargrid thead th.skargrid-frozen-column{z-index:15;background-color:var(--sg-thead-bg,#f8f9fa)}.skargrid-frozen-last{border-right:2px solid #cbd5e1;box-shadow:2px 0 5px rgba(0,0,0,.08)}.skargrid-frozen-right-first{border-left:2px solid #cbd5e1;box-shadow:-2px 0 5px rgba(0,0,0,.08)}.skargrid-wrapper.skargrid-dark .skargrid-frozen-column{background-color:#1a1a1a}.skargrid-wrapper.skargrid-dark .skargrid thead th.skargrid-frozen-column{background-color:#2a2a2a}.skargrid-wrapper.skargrid-dark .skargrid-frozen-last{border-right-color:#404040;box-shadow:2px 0 5px rgba(0,0,0,.3)}.skargrid-wrapper.skargrid-dark .skargrid-frozen-right-first{border-left-color:#404040;box-shadow:-2px 0 5px rgba(0,0,0,.3)}.skargrid-group-row{background:linear-gradient(135deg,#f8fafc 0,#f1f5f9 100%);border-top:1px solid #e2e8f0;border-bottom:2px solid #cbd5e1;font-weight:600;transition:all .3s ease}.skargrid-group-row:hover{background:linear-gradient(135deg,#e0f2fe 0,#bae6fd 100%);transform:translateX(2px)}.skargrid-group-header{cursor:pointer;padding:12px 16px;user-select:none}.skargrid-group-icon{display:inline-block;margin-right:8px;font-size:10px;color:#64748b;transition:transform .2s ease}.skargrid-group-row[data-expanded=true] .skargrid-group-icon{transform:rotate(0)}.skargrid-group-row[data-expanded=false] .skargrid-group-icon{transform:rotate(-90deg)}.skargrid-group-count{display:inline-block;background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px}.skargrid-group-aggregates{display:inline-block;margin-left:16px;color:#64748b;font-size:12px;font-weight:500}.skargrid-group-agg-value{color:#0369a1;font-weight:600}.skargrid-group-field-label{font-size:13px;color:#1e293b}.skargrid-group-field-value{color:#334155;margin-left:6px;font-weight:500}.skargrid-group-empty{text-align:center;padding:20px;color:#6c757d}.skargrid-wrapper.skargrid-dark .skargrid-group-row{background:linear-gradient(135deg,#2a2a2a 0,#1f1f1f 100%);border-top-color:#404040;border-bottom-color:#505050}.skargrid-wrapper.skargrid-dark .skargrid-group-row:hover{background:linear-gradient(135deg,#1e3a5f 0,#0c2340 100%)}.skargrid-wrapper.skargrid-dark .skargrid-group-icon{color:#94a3b8}.skargrid-wrapper.skargrid-dark .skargrid-group-count{background:#1e3a5f;color:#60a5fa}.skargrid-wrapper.skargrid-dark .skargrid-group-aggregates{color:#94a3b8}.skargrid-wrapper.skargrid-dark .skargrid-group-agg-value{color:#60a5fa}.skargrid-wrapper.skargrid-dark .skargrid-group-field-label{color:#e2e8f0}.skargrid-wrapper.skargrid-dark .skargrid-group-field-value{color:#cbd5e1}.skargrid-wrapper.skargrid-dark .skargrid-group-empty{color:#9ca3af}