/*** Data Grid Web Component * https://github.com/lekoala/data-grid ***/
@keyframes dataGridShow{0%{opacity:1}to{opacity:.5}}data-grid{--dg-space-1:4px;--dg-space-2:8px;--dg-space-3:12px;--dg-space-4:16px;--dg-bg:#fff;--dg-color:#1f2937;--dg-muted-color:#6b7280;--dg-border-color:#d8e1eb;--dg-accent:#0d6efd;--dg-accent-soft:#e8f1ff;--dg-focus-ring:#0d6efd2e;--dg-header-bg:#f6f8fb;--dg-header-color:#111827;--dg-filter-bg:#fbfcfe;--dg-row-stripe-bg:transparent;--dg-row-hover-bg:#f8fafc;--dg-row-selected-bg:#eef4ff;--dg-row-selected-hover-bg:#e7f0ff;--dg-row-border-color:var(--dg-border-color);--dg-control-bg:#fff;--dg-control-color:var(--dg-color);--dg-control-border-color:#d4dde7;--dg-danger-bg:#fef3f2;--dg-danger-color:#b42318;--dg-danger-border-color:#fecdca;--dg-cell-padding-inline:var(--dg-space-3);--dg-cell-padding-block:var(--dg-space-2);--dg-padding-x:var(--dg-cell-padding-inline);--dg-padding-y:var(--dg-cell-padding-block);--dg-header-padding-y:var(--dg-space-2);--dg-control-padding-inline:var(--dg-space-2);--dg-control-height:32px;--dg-selection-column-width:40px;--dg-actions-column-width:48px;--dg-radius:8px;--dg-padding-half:calc(var(--dg-padding-y)/2);--dg-icon-scale:1;color:var(--dg-color);font:inherit;line-height:inherit;display:flex;position:relative;flex-direction:column;min-height:6rem}@supports (color: color-mix(in srgb, red 50%, transparent)){data-grid{--dg-row-border-color:color-mix(in srgb,var(--dg-border-color)70%,transparent)}}data-grid .dg-status,data-grid .dg-visually-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}data-grid[density=compact]{--dg-cell-padding-block:var(--dg-space-1);--dg-cell-padding-inline:var(--dg-space-2);--dg-header-padding-y:var(--dg-space-1);--dg-control-height:28px}data-grid[density=comfortable]{--dg-cell-padding-block:var(--dg-space-3);--dg-cell-padding-inline:var(--dg-space-4);--dg-header-padding-y:var(--dg-space-3);--dg-control-height:36px}data-grid{--dg-scroller-color:0,0%;--dg-scroller-color-lightness:80%;--dg-scroller-hover-factor:.8;--dg-scroller-thumb:hsl(var(--dg-scroller-color),var(--dg-scroller-color-lightness));--dg-scroller-thumb-hover:hsl(var(--dg-scroller-color),calc(var(--dg-scroller-color-lightness)*var(--dg-scroller-hover-factor)));--dg-scroller-background:transparent}data-grid>.dg-scroll{scrollbar-color:var(--dg-scroller-thumb)var(--dg-scroller-background);scrollbar-width:thin}data-grid>.dg-scroll::-webkit-scrollbar{width:8px;height:8px}data-grid>.dg-scroll::-webkit-scrollbar-track{background:0 0}data-grid>.dg-scroll::-webkit-scrollbar-thumb{background:var(--dg-scroller-thumb)}data-grid>.dg-scroll::-webkit-scrollbar-thumb:hover{background:var(--dg-scroller-thumb-hover)}data-grid>.dg-scroll>table tr.dg-head-columns:-webkit-any(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid>.dg-scroll>table tr.dg-head-columns:-moz-any(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid>.dg-scroll>table tr.dg-head-columns:is(:empty,:has(>:first-child:not([scope=col]))){display:none}data-grid img{vertical-align:middle;border:none;max-width:100%;height:auto}data-grid [hidden]{display:none}data-grid>.dg-scroll{overflow:auto;background:var(--dg-bg);border:1px solid var(--dg-border-color);border-radius:var(--dg-radius);flex:auto;min-height:0}data-grid>.dg-scroll:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}data-grid.dg-snap-columns>.dg-scroll{scroll-padding-inline-start:var(--dg-frozen-start-width,0px);scroll-snap-type:inline proximity}data-grid.dg-snap-columns .dg-head-columns>th:not([hidden]){scroll-snap-align:start}data-grid>.dg-scroll>table{display:table;table-layout:fixed;white-space:normal;background:var(--dg-bg);border-collapse:separate;border-spacing:0;border:0;border-radius:0;width:100%;max-width:100%}data-grid caption{caption-side:top;color:var(--dg-muted-color);padding:var(--dg-space-1)var(--dg-padding-x);text-align:start;font-size:.875em;font-weight:600}data-grid thead,data-grid tfoot{background-color:var(--dg-header-bg);color:var(--dg-header-color)}data-grid[data-loading]:not(.dg-initialized) thead,data-grid[data-loading]:not(.dg-initialized) tfoot{background:0 0}data-grid[data-loading] tbody{animation-name:dataGridShow;animation-timing-function:ease-in;animation-fill-mode:forwards;animation-duration:.3s;pointer-events:none}data-grid[data-loading]:not(:has(th)) tfoot{display:none}data-grid tr{position:relative}data-grid th,data-grid td{box-sizing:border-box;empty-cells:show;padding:var(--dg-padding-y)var(--dg-padding-x);text-align:start;vertical-align:middle}data-grid th[tabindex],data-grid td[tabindex]{outline:none;word-break:normal}data-grid th{color:var(--dg-header-color);letter-spacing:.01em;padding:var(--dg-header-padding-y)var(--dg-padding-x);font-size:.875em;font-weight:600}data-grid th,data-grid td{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}data-grid th.dg-wrap,data-grid td.dg-wrap{white-space:normal;overflow-wrap:anywhere}data-grid th[data-align=start],data-grid td[data-align=start]{text-align:start}data-grid th[data-align=center],data-grid td[data-align=center]{text-align:center}data-grid th[data-align=end],data-grid td[data-align=end]{text-align:end}data-grid .dg-selectable{inline-size:var(--dg-selection-column-width);min-inline-size:var(--dg-selection-column-width);max-inline-size:var(--dg-selection-column-width);text-align:center;padding-left:0;padding-right:0;font-size:1em}data-grid .dg-topbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.5rem;padding:.5rem 0}data-grid .dg-topbar-start,data-grid .dg-topbar-end{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}data-grid .dg-topbar-end{margin-left:auto}data-grid .dg-search-field{display:inline-flex;position:relative;max-inline-size:100%}data-grid .dg-search{min-inline-size:14rem;max-inline-size:100%}data-grid .dg-search-icon{color:var(--dg-muted-color);display:block;left:var(--dg-control-padding-inline);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:contain;pointer-events:none;position:absolute;z-index:1;background-color:currentColor;block-size:16px;inline-size:16px;top:50%;transform:translateY(-50%)}data-grid .dg-bulk-actions{display:flex;flex-wrap:wrap;align-items: center;gap:.5rem}data-grid .dg-selection-count{border:1px solid var(--dg-control-border-color);background-color:var(--dg-control-bg);color:var(--dg-color);font-variant-numeric:tabular-nums;font-size:.875em;font-weight:600;line-height:calc(var(--dg-control-height) - 2px);text-align:center;border-radius:999px;min-inline-size:2.25rem;margin-right:.5rem;padding-left:.5rem;padding-right:.5rem}data-grid .dg-selectable label{display:flex;justify-content:center;align-items: center;margin:0}data-grid .dg-select-all,data-grid .dg-selectable input[type=checkbox],data-grid .dg-selectable input[type=radio]{accent-color:var(--dg-accent);width:16px;height:16px}data-grid .dg-clickable-cell{position:absolute;cursor:pointer;display:flex;justify-content:center;align-items: center;width:100%;height:100%;margin:0;top:0;left:0}data-grid button,data-grid input,data-grid select{font:inherit}data-grid>.dg-scroll>table>thead,data-grid>.dg-scroll>table>tfoot{z-index:2;position:sticky;border:0;margin:0}data-grid>.dg-scroll>table>thead{top:0}data-grid>.dg-scroll>table>tfoot{bottom:0}data-grid .dg-nav-icon,data-grid .dg-skip-icon{box-sizing:border-box;position:absolute;display:block;transform:translate(-50%,-50%)scale(var(--dg-icon-scale,1));width:1.125em;height:1.125em;top:50%;left:50%}data-grid .dg-nav-icon:before,data-grid .dg-nav-icon:after,data-grid .dg-skip-icon:before,data-grid .dg-skip-icon:after{content:"";display:block;box-sizing:border-box;position:absolute}data-grid .dg-nav-icon:before{border-top:.25em solid #0000;border-bottom:.25em solid #0000;border-left:.3125em solid;width:0;height:.5em;top:.3125em;left:.4375em}data-grid .dg-skip-icon:before{background:currentColor;width:.125em;height:.5em;top:.3125em;left:.75em}data-grid .dg-skip-icon:after{border-top:.25em solid #0000;border-bottom:.25em solid #0000;border-left:.3125em solid;width:0;height:.5em;top:.3125em;left:.3125em}data-grid .dg-rotate{transform:rotate(-180deg)}data-grid button{background-color:var(--dg-control-bg);border:solid 1px var(--dg-control-border-color);border-radius:var(--dg-radius);color:var(--dg-control-color);cursor:pointer;display:inline-flex;justify-content:center;align-items: center;gap:var(--dg-space-1);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);pointer-events:all;text-align:center;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s,color .12s}data-grid button:hover{background-color:var(--dg-row-hover-bg)}data-grid button:disabled:hover{background-color:var(--dg-control-bg);border-color:var(--dg-control-border-color)}data-grid input[type=checkbox]{margin:0;padding:0}data-grid :where(input:not(:-webkit-any([type=checkbox],[type=radio])),select){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:1px solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid :where(input:not(:-moz-any([type=checkbox],[type=radio])),select){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:1px solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid :where(input:not(:is([type=checkbox],[type=radio])),select){background-color:var(--dg-control-bg);color:currentColor;box-sizing:border-box;border:1px solid var(--dg-control-border-color);border-radius:var(--dg-radius);height:var(--dg-control-height);padding:0 var(--dg-control-padding-inline);max-width:none;margin:0;transition:background-color .12s,border-color .12s,box-shadow .12s}data-grid select{appearance:none;padding-right:32px}data-grid .dg-select-field{display:inline-flex;position:relative;max-inline-size:100%}data-grid :-webkit-any(.dg-select-field,.dg-multiselect-trigger):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid :-moz-any(.dg-select-field,.dg-multiselect-trigger):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid :is(.dg-select-field,.dg-multiselect-trigger):after{content:"";opacity:.65;border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}data-grid .dg-select-field:after{position:absolute;pointer-events:none;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}data-grid input.dg-search{padding-left:calc(var(--dg-control-padding-inline) + 20px)}data-grid input:not([type=checkbox]):focus-visible{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-focus-ring);outline:0}data-grid select:focus-visible{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-focus-ring);outline:0}data-grid button:focus-visible{border-color:var(--dg-accent);outline:0}data-grid .dg-actions button:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid .dg-pagination button:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid .dg-disclosure:focus-visible{outline:2px solid var(--dg-accent);outline-offset:-2px;box-shadow:none}data-grid input:not(:-webkit-any([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:not(:-moz-any([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:not(:is([type=checkbox],[type=radio]))::placeholder{color:var(--dg-muted-color);opacity:1}data-grid input:not([type=checkbox])[disabled],data-grid input:not([type=checkbox]):disabled,data-grid select[disabled],data-grid select:disabled,data-grid button[disabled],data-grid button:disabled{cursor:default;opacity:.45;pointer-events:none}data-grid thead tr.dg-head-columns th{background-color:var(--dg-header-bg);border-bottom:1px solid var(--dg-border-color)}data-grid thead tr.dg-head-filters{background-color:var(--dg-header-bg)}data-grid thead tr.dg-head-filters th{padding:var(--dg-space-1)var(--dg-padding-x)var(--dg-space-2);background-color:var(--dg-header-bg);border-bottom:1px solid var(--dg-border-color)}data-grid thead tr.dg-head-filters th>*{width:100%;margin:0}data-grid thead tr.dg-head-filters th.dg-filter-cell{padding:0}data-grid thead tr.dg-head-filters .dg-filter-control{box-sizing:border-box;box-shadow:none;color:inherit;display:block;font:inherit;min-height:var(--dg-control-height);outline:0;padding:4px var(--dg-padding-x);text-align:inherit;background-color:#0000;border:0;border-radius:0;width:100%;height:auto;margin:0}data-grid thead tr.dg-head-filters .dg-filter-control[data-align=start]{text-align:start}data-grid thead tr.dg-head-filters .dg-filter-control::placeholder{color:var(--dg-muted-color);opacity:1}data-grid thead tr.dg-head-filters .dg-filter-control:hover{background-color:var(--dg-row-hover-bg)}data-grid thead tr.dg-head-filters .dg-filter-control:focus-visible{background-color:var(--dg-bg);box-shadow:inset 0 0 0 2px var(--dg-focus-ring);outline:0}@media (forced-colors:active){data-grid select{appearance:auto;padding-right:var(--dg-control-padding-inline)}data-grid[dir=rtl] select{padding-right:var(--dg-control-padding-inline);padding-left:var(--dg-control-padding-inline)}data-grid .dg-select-field:after{display:none}}data-grid thead tr.dg-head-filters th.dg-selectable,data-grid thead tr.dg-head-filters th.dg-actions{padding-left:var(--dg-space-2);padding-right:var(--dg-space-2)}data-grid tbody td.dg-editable-col{padding:0}data-grid tbody td input.dg-editable{box-shadow:none;padding:0 var(--dg-padding-x);background:0 0;border:0;border-radius:0;width:100%;height:100%;margin:0}data-grid tbody td input.dg-editable:focus{box-shadow:inset 0 0 0 1px var(--dg-accent)}data-grid tbody td.dg-editable-col[data-editing]{background-color:var(--dg-accent-soft);box-shadow:inset 2px 0 0 var(--dg-accent)}data-grid tbody td.dg-editable-col[data-invalid] input.dg-editable{background-color:var(--dg-danger-bg);box-shadow:inset 0 0 0 1px var(--dg-danger-color)}data-grid .dg-empty-row td,data-grid .dg-error-row td{color:var(--dg-muted-color);padding:var(--dg-space-4);text-align:center;white-space:normal;min-height:4.5rem;font-size:.9375em;line-height:1.5}data-grid .dg-error-row td{color:var(--dg-danger-color)}data-grid[data-error] table{color:var(--dg-color);background-color:var(--dg-bg);border-color:var(--dg-border-color)}data-grid tbody tr{--dg-row-current-bg:var(--dg-bg);background-color:var(--dg-row-current-bg);transition:background-color .12s}data-grid>.dg-scroll>table>tbody>tr>td{border-bottom:1px solid var(--dg-row-border-color)}data-grid>.dg-scroll>table>tbody>tr:last-child>td{border-bottom:0}data-grid tbody tr:nth-child(2n){--dg-row-current-bg:var(--dg-row-stripe-bg)}data-grid tbody tr:hover{--dg-row-current-bg:var(--dg-row-hover-bg)}data-grid tbody tr:focus-within{--dg-row-current-bg:var(--dg-row-hover-bg);outline:none}data-grid tbody tr[data-selected]{--dg-row-current-bg:var(--dg-row-selected-bg)}data-grid tbody tr[data-selected]:hover,data-grid tbody tr[data-selected]:focus-within{--dg-row-current-bg:var(--dg-row-selected-hover-bg)}data-grid [data-frozen=start]{position:sticky;left:var(--dg-frozen-offset,0px);z-index:1}data-grid tbody [data-frozen=start]{background-color:var(--dg-bg);background-image:linear-gradient(var(--dg-row-current-bg),var(--dg-row-current-bg))}data-grid thead [data-frozen=start]{z-index:4}data-grid [data-frozen-edge]{border-right:1px solid var(--dg-border-color)}data-grid tfoot{min-width:280px}data-grid tfoot td{border-top:1px solid var(--dg-border-color);padding:var(--dg-space-2)var(--dg-padding-x)}data-grid tfoot .dg-page-nav{display:flex;align-items: center;gap:var(--dg-space-2)}data-grid tfoot .dg-input-page{text-align:center;width:4.5rem}data-grid tfoot .dg-select-per-page,data-grid tfoot .dg-input-page{block-size:2em}data-grid tfoot .dg-footer{display:flex;align-items: center;gap:var(--dg-space-3);flex-flow:wrap;justify-content:flex-end}data-grid tfoot .dg-footer-controls{display:flex;align-items: center;gap:1em}data-grid tfoot .dg-pagination{display:flex;text-align:center;align-items: center;gap:.25em}data-grid tfoot .dg-pagination button{background-color:var(--dg-control-bg);border:1px solid var(--dg-control-border-color);border-radius:var(--dg-radius);color:var(--dg-muted-color);display:inline-grid;position:relative;place-items: center;width:2em;min-width:0;height:2em;padding:0;line-height:1}data-grid tfoot .dg-pagination button:hover:not(:disabled){background-color:var(--dg-bg);border-color:var(--dg-accent);color:var(--dg-color)}data-grid tfoot .dg-pagination button:disabled{opacity:.4}data-grid tfoot .dg-meta{color:var(--dg-muted-color);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap;order:-1;margin-right:auto;font-size:.875em}data-grid tfoot.dg-footer-compact .dg-meta,data-grid tfoot.dg-footer-compact .dg-input-page{display:none}data-grid th.dg-sortable{cursor:pointer;padding:0}data-grid th.dg-sortable>.dg-sort,data-grid th.dg-sortable>.dg-sort:hover,data-grid th.dg-sortable>.dg-sort:active,data-grid th.dg-sortable>.dg-sort:focus{appearance:none;box-shadow:none;color:var(--dg-header-color);display:flex;font:inherit;gap:var(--dg-space-1);line-height:inherit;padding:var(--dg-cell-padding-block)var(--dg-cell-padding-inline);text-align:inherit;text-decoration:none;background:0 0;border:0;border-radius:0;justify-content:flex-start;width:100%;height:auto;min-height:0;margin:0}data-grid th[data-align=center]>.dg-sort,data-grid th[data-align=center]>.dg-sort:hover,data-grid th[data-align=center]>.dg-sort:active,data-grid th[data-align=center]>.dg-sort:focus{justify-content:center}data-grid th[data-align=end]>.dg-sort,data-grid th[data-align=end]>.dg-sort:hover,data-grid th[data-align=end]>.dg-sort:active,data-grid th[data-align=end]>.dg-sort:focus{justify-content:flex-end}data-grid th.dg-sortable:focus-within{box-shadow:inset 0 -2px 0 var(--dg-accent)}data-grid .dg-sort-indicator{color:var(--dg-muted-color);position:relative;flex:none;block-size:12px;inline-size:12px}data-grid .dg-sort-indicator:before,data-grid .dg-sort-indicator:after{box-sizing:border-box;content:"";position:absolute;border-top:1.5px solid;border-left:1.5px solid;width:6px;height:6px;margin-left:-3px;left:50%}data-grid th:not([data-sort]) .dg-sort-indicator:before{top:1px;transform:rotate(45deg)}data-grid th:not([data-sort]) .dg-sort-indicator:after{bottom:1px;transform:rotate(225deg)}data-grid th[data-sort=asc] .dg-sort-indicator:before{top:3px;transform:rotate(45deg)}data-grid th[data-sort=asc] .dg-sort-indicator:after{display:none}data-grid th[data-sort=desc] .dg-sort-indicator:before{top:3px;transform:rotate(225deg)}data-grid th[data-sort=desc] .dg-sort-indicator:after{display:none}data-grid th[aria-sort] .dg-sort-indicator{color:var(--dg-accent)}data-grid .dg-boolean{--dg-boolean-size:1em;--dg-boolean-stroke:.12em;position:relative;display:inline-block;inline-size:var(--dg-boolean-size);block-size:var(--dg-boolean-size);vertical-align:-.125em;color:currentColor}data-grid .dg-boolean:after{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%}data-grid .dg-boolean[data-value=true]:after{inline-size:calc(var(--dg-boolean-size)*.55);block-size:calc(var(--dg-boolean-size)*.3);border-left:var(--dg-boolean-stroke)solid currentColor;border-bottom:var(--dg-boolean-stroke)solid currentColor;transform:translate(-50%,-65%)rotate(-45deg)}data-grid .dg-boolean[data-value=false]:after{inline-size:calc(var(--dg-boolean-size)*.55);border-block-start:var(--dg-boolean-stroke)solid currentColor;transform:translate(-50%,-50%)}data-grid[dir=rtl] tfoot .dg-meta{text-align:right;margin-left:auto;margin-right:0}data-grid[dir=rtl] .dg-resizer{left:-4px;right:auto}data-grid[dir=rtl] .dg-topbar-end{margin-left:0;margin-right:auto}data-grid[dir=rtl] .dg-search-icon{left:auto;right:var(--dg-control-padding-inline)}data-grid[dir=rtl] .dg-selection-count{margin-left:.5rem;margin-right:0}data-grid[dir=rtl] select{padding-right:var(--dg-control-padding-inline);padding-left:32px}data-grid[dir=rtl] .dg-select-field:after{left:12px;right:auto}data-grid[dir=rtl] .dg-multiselect-trigger{text-align:right}data-grid[dir=rtl] input.dg-search{padding-left:var(--dg-control-padding-inline);padding-right:calc(var(--dg-control-padding-inline) + 20px)}data-grid[dir=rtl] [data-frozen=start]{left:auto;right:var(--dg-frozen-offset,0px)}data-grid[dir=rtl] [data-frozen-edge]{border-right:0;border-left:1px solid var(--dg-border-color)}data-grid .dg-menu{position:absolute;z-index:3;background:var(--dg-bg);border:1px solid var(--dg-border-color);color:var(--dg-color);list-style:none;padding:var(--dg-space-2);border-radius:var(--dg-radius);min-width:180px;max-width:220px;margin:0;box-shadow:0 12px 24px #0f172a1a}data-grid .dg-menu li{margin:0;padding:0}data-grid .dg-menu label{display:flex;border-radius:var(--dg-space-1);align-items: center;gap:var(--dg-space-2);padding:var(--dg-space-1);margin:0}data-grid .dg-menu label:hover{background-color:var(--dg-row-hover-bg)}data-grid .dg-menu input{margin:0}data-grid .dg-context-menu{position:fixed;margin:0;inset:auto}data-grid .dg-multiselect-trigger{cursor:pointer;display:flex;font:inherit;align-items: center;gap:var(--dg-space-2);min-height:calc(var(--dg-control-height) - var(--dg-space-2));text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;height:auto;margin:0;padding:0}data-grid .dg-multiselect-trigger:focus-visible{outline:0}data-grid thead tr.dg-head-filters .dg-multiselect:has(>.dg-multiselect-trigger:focus-visible){background-color:var(--dg-bg);box-shadow:inset 0 0 0 2px var(--dg-focus-ring)}data-grid .dg-multiselect-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:auto}data-grid .dg-multiselect-trigger:after{flex-shrink:0;margin-top:-3px}data-grid .dg-multiselect-summary.dg-multiselect-empty{color:var(--dg-muted-color)}data-grid .dg-multiselect-panel{position:fixed;position-area:block-end span-inline-end;min-width:anchor-size(width);overflow-y:auto;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;width:max-content;max-width:260px;max-height:280px;margin:0}data-grid .dg-actions{box-sizing:border-box;text-overflow:initial;overflow:visible;inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));min-inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));max-inline-size:var(--dg-actions-effective-width,var(--dg-actions-column-width));padding-left:var(--dg-space-2);padding-right:var(--dg-space-2);white-space:nowrap!important}data-grid .dg-actions button,data-grid .dg-actions a{display:inline-flex;padding:0 var(--dg-space-2);background-color:var(--dg-control-bg);border:solid 1px var(--dg-control-border-color);border-radius:var(--dg-space-1);color:inherit;text-decoration:none;justify-content:center;align-items: center;min-width:28px;height:28px;margin:0}data-grid .dg-actions button:hover,data-grid .dg-actions a:hover{background-color:var(--dg-row-hover-bg);border-color:var(--dg-accent);opacity:1}data-grid .dg-actions button+button,data-grid .dg-actions button+a,data-grid .dg-actions a+button,data-grid .dg-actions a+a{margin-left:var(--dg-space-1)}data-grid .dg-actions .dg-actions-toggle{display:none;color:var(--dg-muted-color);width:28px;min-width:28px;height:28px;padding:0;font-size:1.125em;font-weight:600;line-height:1}data-grid .dg-actions-toggle:before{content:"";display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.75'/%3E%3Ccircle cx='12' cy='12' r='1.75'/%3E%3Ccircle cx='19' cy='12' r='1.75'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='5' cy='12' r='1.75'/%3E%3Ccircle cx='12' cy='12' r='1.75'/%3E%3Ccircle cx='19' cy='12' r='1.75'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:contain;background-color:currentColor;block-size:1.125em;inline-size:1.125em}data-grid .dg-actions.dg-actions-2 button,data-grid .dg-actions.dg-actions-2 a{min-width:32px}data-grid .dg-actions.dg-actions-more button,data-grid .dg-actions.dg-actions-more a{display:none}data-grid .dg-actions.dg-actions-more button.dg-actions-toggle{display:inline-flex}data-grid .dg-actions-menu{position:fixed;position-area:block-end span-inline-start;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;width:max-content;max-width:240px;margin:0}data-grid .dg-actions-menu li{margin:0;padding:0}data-grid .dg-actions-menu li+li{margin-top:var(--dg-space-1)}data-grid .dg-actions-menu button,data-grid .dg-actions-menu a{box-sizing:border-box;display:flex;justify-content:flex-start;align-items: center;gap:var(--dg-space-2);padding:0 var(--dg-space-2);border-radius:var(--dg-space-1);color:var(--dg-color);text-decoration:none;background-color:#0000;border:1px solid #0000;width:100%;height:auto;min-height:36px}data-grid .dg-actions-menu button:hover,data-grid .dg-actions-menu a:hover{background-color:var(--dg-row-hover-bg)}data-grid .dg-action-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}data-grid .dg-actions-menu button[data-intent=primary],data-grid .dg-actions-menu a[data-intent=primary]{color:var(--dg-accent);background-color:#0000;border-color:#0000}data-grid .dg-actions-menu button[data-intent=danger],data-grid .dg-actions-menu a[data-intent=danger]{color:var(--dg-danger-color);background-color:#0000;border-color:#0000}data-grid button[data-intent=danger],data-grid a[data-intent=danger]{background-color:var(--dg-danger-bg);border-color:var(--dg-danger-border-color);color:var(--dg-danger-color)}data-grid button[data-intent=primary],data-grid a[data-intent=primary]{background-color:var(--dg-accent-soft);color:var(--dg-accent);border-color:#0000}data-grid button[data-intent=primary]:hover,data-grid a[data-intent=primary]:hover,data-grid .dg-actions-menu button[data-intent=primary]:hover,data-grid .dg-actions-menu a[data-intent=primary]:hover{background-color:var(--dg-accent-soft);border-color:var(--dg-accent)}data-grid button[data-intent=danger]:hover,data-grid a[data-intent=danger]:hover,data-grid .dg-actions-menu button[data-intent=danger]:hover,data-grid .dg-actions-menu a[data-intent=danger]:hover{background-color:var(--dg-danger-bg);border-color:var(--dg-danger-color)}@supports (color: color-mix(in srgb, black, white)){data-grid button[data-intent=primary]:hover,data-grid a[data-intent=primary]:hover,data-grid .dg-actions-menu button[data-intent=primary]:hover,data-grid .dg-actions-menu a[data-intent=primary]:hover{background-color:color-mix(in srgb,var(--dg-accent-soft),var(--dg-accent)12%)}data-grid button[data-intent=danger]:hover,data-grid a[data-intent=danger]:hover,data-grid .dg-actions-menu button[data-intent=danger]:hover,data-grid .dg-actions-menu a[data-intent=danger]:hover{background-color:color-mix(in srgb,var(--dg-danger-bg),var(--dg-danger-color)10%)}}data-grid tr.dg-clickable-row{cursor:pointer}data-grid .dg-resizer{position:absolute;z-index:2;cursor:col-resize;touch-action:none;user-select:none;width:8px;height:100%;top:0;right:-4px}data-grid .dg-resizer:before{content:"";display:block;position:absolute;background:var(--dg-border-color);opacity:0;width:1px;height:16px;transition:background-color .12s,height .12s,opacity .12s,width .12s;top:50%;left:50%;transform:translate(-50%,-50%)}data-grid th:hover>.dg-resizer:before,data-grid .dg-resizer:hover:before{opacity:.7}data-grid .dg-resizer.dg-resizer-active{border-right:0}data-grid .dg-resizer.dg-resizer-active:before{background:var(--dg-accent);height:calc(100% - var(--dg-space-2));opacity:1;width:2px}data-grid .dg-disclosure-cell{text-align:center;padding:0}data-grid .dg-disclosure{appearance:none;border-radius:var(--dg-radius);color:var(--dg-muted-color);user-select:none;vertical-align:middle;background-color:#0000;border:0;block-size:2rem;inline-size:2rem;min-inline-size:2rem;padding:0}data-grid .dg-disclosure:before{content:"";display:block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-position:center;mask-repeat:no-repeat;mask-size:contain;background-color:currentColor;block-size:1.5rem;inline-size:1.5rem;transition:transform .16s}data-grid .dg-disclosure:hover{color:var(--dg-color);background-color:#1f293714}@supports (color: color-mix(in srgb, red 50%, transparent)){data-grid .dg-disclosure:hover{background-color:color-mix(in srgb,var(--dg-color)8%,transparent)}}data-grid .dg-disclosure[aria-expanded=true]:before{transform:rotate(90deg)}data-grid .dg-responsive-child-row>td{padding:0}data-grid .dg-responsive-table{table-layout:auto;border:0;width:100%}data-grid .dg-responsive-table td,data-grid .dg-responsive-table th{white-space:normal}data-grid .dg-responsive-table th{text-align:start;color:var(--dg-muted-color);max-width:40%;font-weight:600}data-grid .dg-row-details-row>td{background:var(--dg-bg);padding:var(--dg-space-3)var(--dg-padding-x);white-space:normal}