body{background-color:#f3f4f6;min-height:100vh;margin:0}.striped-grid .free-grid-body>.free-grid-row:nth-child(odd){background:linear-gradient(90deg,#ec489914 0%,#3b82f608 100%)}.striped-grid .free-grid-body>.free-grid-row:nth-child(2n){background:linear-gradient(90deg,#22c55e1a 0%,#fbbf240f 100%)}.striped-grid .free-grid-body>.free-grid-row:hover{background:linear-gradient(90deg,#0ea5e929 0%,#a855f71a 100%)}.striped-grid .free-grid-header,.striped-grid .free-grid-footer{background:linear-gradient(90deg,#fff 0%,#fff1f2 100%)}.striped-grid .free-grid-header{color:#be185d}.striped-grid .free-grid-row{border-bottom-color:#ec489924}:root{--fg-border-color:#e0e0e0;--fg-header-bg:#fff;--fg-header-text:#000000de;--fg-row-hover:#0000000a;--fg-row-selected:#1976d214;--fg-row-border:#e0e0e0;--fg-text-color:#000000de;--fg-primary-color:#1976d2;--fg-font-family:"Roboto", "Helvetica", "Arial", sans-serif;--fg-transition:background-color .2s cubic-bezier(.4, 0, .2, 1) 0s;--fg-grid-surface:#fff;--fg-grid-surface-text:#000000de;--fg-grid-surface-muted:#0000008a;--fg-grid-surface-border:#e0e0e0;--fg-grid-surface-hover:#0000000a;--fg-grid-surface-selected:#1976d214}.free-grid-container{border:1px solid var(--fg-border-color);width:100%;font-family:var(--fg-font-family);background:var(--fg-grid-surface);color:var(--fg-grid-surface-text);border-radius:4px;flex-direction:column;display:flex;position:relative}.free-grid-scroll-container{width:100%;overflow:auto hidden}.free-grid-inner{flex-direction:column;width:fit-content;min-width:100%;display:flex}.free-grid-header{background:var(--fg-header-bg);border-bottom:1px solid var(--fg-border-color);color:var(--fg-header-text);font-size:.875rem;font-weight:700}.free-grid-header-cell{box-sizing:border-box;background-color:var(--fg-grid-surface);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;min-height:52px;padding:0 12px;transition:background-color .2s;display:flex;position:relative}.free-grid-header-content{cursor:pointer;flex:1;align-items:center;height:100%;display:flex}.free-grid-header-cell.dragging{opacity:.5;background-color:var(--fg-grid-surface-hover)}.free-grid-header-cell.free-grid-checkbox-cell{justify-content:center;padding:8px}.free-grid-header-cell.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.free-grid-header-cell.sortable:hover{background-color:var(--fg-grid-surface-hover)}.free-grid-sort-icon{color:var(--fg-grid-surface-muted);opacity:0;align-items:center;margin-left:4px;transition:opacity .2s,color .2s;display:inline-flex}.free-grid-header-cell.sortable:hover .free-grid-sort-icon{opacity:1}.free-grid-sort-icon.active{opacity:1;color:var(--fg-primary-color)}.free-grid-sort-icon svg{display:block}.free-grid-header-text{text-overflow:ellipsis;white-space:nowrap;flex:1;padding-right:20px;overflow:hidden}.free-grid-menu-button{cursor:pointer;color:var(--fg-grid-surface-muted);opacity:0;z-index:2;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.free-grid-header-cell:hover .free-grid-menu-button{opacity:1}.free-grid-menu-button:hover{background-color:var(--fg-grid-surface-hover);color:var(--fg-grid-surface-text)}.free-grid-resizer{cursor:col-resize;z-index:10;width:4px;height:100%;transition:background-color .2s;position:absolute;top:0;right:0}.free-grid-resizer:hover{background-color:var(--fg-primary-color);width:4px}.free-grid-popover{z-index:1000;background:var(--fg-grid-surface);border-radius:4px;min-width:180px;padding:8px 0;animation:.1s ease-out fadeIn;position:absolute;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.free-grid-menu-item{cursor:pointer;color:var(--fg-grid-surface-text);align-items:center;gap:12px;padding:8px 16px;font-size:.875rem;transition:background-color .2s;display:flex}.free-grid-menu-item:hover{background-color:var(--fg-grid-surface-hover)}.free-grid-menu-divider{background-color:var(--fg-grid-surface-border);height:1px;margin:8px 0}.free-grid-container{position:relative}.free-grid-manage-popover{background:var(--fg-grid-surface);z-index:1000;border-radius:4px;flex-direction:column;width:220px;max-height:380px;animation:.2s ease-out fadeIn;display:flex;position:absolute;top:48px;right:0;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.free-grid-dialog-header{border-bottom:1px solid var(--fg-grid-surface-border);padding:6px 12px}.free-grid-search-container{background:var(--fg-grid-surface-hover);border-radius:4px;align-items:center;gap:8px;padding:4px 10px;display:flex}.free-grid-search-input{background:0 0;border:none;outline:none;width:100%;font-size:.875rem}.free-grid-dialog-content{padding:8px 12px;overflow-y:auto}.free-grid-dialog-actions{border-bottom:1px solid var(--fg-grid-surface-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.free-grid-dialog-row{cursor:pointer;align-items:center;gap:12px;padding:4px 0;font-size:.875rem;display:flex}.free-grid-columns-list{flex-direction:column;display:flex}.free-grid-text-button{color:var(--fg-primary-color);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.free-grid-text-button:hover{background-color:var(--fg-grid-surface-hover)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.free-grid-header-cell:not(:last-child):after{content:"";background-color:var(--fg-grid-surface-border);width:1px;height:50%;position:absolute;top:25%;right:0}.free-grid-body{flex-direction:column;display:flex}.free-grid-header{border-bottom:1px solid var(--fg-grid-surface-border);background-color:var(--fg-grid-surface);color:var(--fg-grid-surface-text);z-index:10;width:100%;font-size:.8125rem;font-weight:600;position:sticky;top:0}.free-grid-row{border-bottom:1px solid var(--fg-grid-surface-border);transition:var(--fg-transition);color:var(--fg-grid-surface-text);background-color:var(--fg-row-background,transparent);width:100%;min-height:52px;font-size:.875rem}.free-grid-row:last-child{border-bottom:none}.free-grid-row.expandable{cursor:pointer}.free-grid-row:hover,.free-grid-row.expanded{background-color:var(--fg-row-hover-background,var(--fg-grid-surface-hover))}.free-grid-row.selected,.free-grid-row.selected:hover{background-color:var(--fg-grid-surface-selected)}.free-grid-cell{text-overflow:ellipsis;white-space:nowrap;align-items:center;padding:8px 12px;display:flex;overflow:hidden}.free-grid-checkbox-cell{align-items:center;width:50px;flex:none!important;justify-content:center!important;padding:0!important;display:flex!important}.free-grid-header-cell.free-grid-checkbox-cell:after{display:none!important}.free-grid-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--fg-primary-color)}.free-grid-footer{background-color:var(--fg-grid-surface);border-top:1px solid var(--fg-grid-surface-border);box-sizing:border-box;border-bottom-right-radius:4px;border-bottom-left-radius:4px;justify-content:flex-end;align-items:center;width:100%;padding:8px 16px;display:flex}.free-grid-pagination{align-items:center;gap:16px;display:flex}.free-grid-pagination-actions{gap:8px;display:flex}.free-grid-icon-button{cursor:pointer;transition:var(--fg-transition);color:var(--fg-grid-surface-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex}.free-grid-icon-button:hover:not(:disabled){background-color:var(--fg-grid-surface-hover)}.free-grid-icon-button:disabled{color:var(--fg-grid-surface-muted);opacity:.45;cursor:default}.free-grid-child-view{background-color:var(--fg-grid-surface);border-bottom:1px solid var(--fg-grid-surface-border);padding:24px;animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}