.apg{--apg-row-height: 30px;--apg-header-height: 36px;--apg-group-header-height: 34px;--apg-col-width: 100px;--apg-cell-padding-x: 12px;--apg-radius: 6px;--apg-radius-sm: 4px;--apg-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--apg-font-size: 13px;--apg-line-height: 1.45;--apg-cell-bg: #ffffff;--apg-cell-bg-alt: #f7f9fc;--apg-cell-fg: #1f2933;--apg-surface-sunken: #eef1f6;--apg-fg-muted: #5a6675;--apg-border-color: #e3e7ef;--apg-border-strong: #cbd2dd;--apg-header-bg: #f4f6fa;--apg-header-fg: #3d4757;--apg-active-border: #2563eb;--apg-accent-contrast: #ffffff;--apg-selected-bg: rgba(37, 99, 235, 0.1);--apg-hover-bg: rgba(37, 99, 235, 0.055);--apg-focus-ring: rgba(37, 99, 235, 0.4);--apg-group-bg: #eef2fb;--apg-group-bg-hover: #e4eaf7;--apg-panel-bg: #eef1f6;--apg-frozen-cell-bg: #eef4fc;--apg-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);--apg-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.14);--apg-shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.2);--apg-scrollbar-thumb: rgba(15, 23, 42, 0.18);--apg-control-hover: rgba(15, 23, 42, 0.06);--apg-checkbox-border: #9aa3af;--apg-border: 1px solid var(--apg-border-color);--apg-cell-padding: 0 var(--apg-cell-padding-x);--apg-font: var(--apg-font-size) / var(--apg-line-height) var(--apg-font-family);position:relative;overflow:hidden;font:var(--apg-font);color:var(--apg-cell-fg);background:var(--apg-cell-bg);box-sizing:border-box;user-select:none;-webkit-user-select:none}.apg *,.apg *::before,.apg *::after{box-sizing:border-box}.apg-viewport{position:absolute;inset:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--apg-scrollbar-thumb) rgba(0,0,0,0)}.apg-viewport::-webkit-scrollbar{width:11px;height:11px}.apg-viewport::-webkit-scrollbar-thumb{background:var(--apg-scrollbar-thumb);border:3px solid rgba(0,0,0,0);border-radius:8px;background-clip:padding-box}.apg-viewport::-webkit-scrollbar-thumb:hover{background:var(--apg-border-strong);background-clip:padding-box}.apg-canvas{position:relative;display:grid}.apg-cells{grid-area:1/1;align-self:start;justify-self:start;position:sticky;top:0;z-index:0;overflow:hidden}.apg-corner{grid-area:1/1;align-self:start;justify-self:start;position:sticky;top:0;left:0;z-index:5;background:var(--apg-header-bg);border-right:var(--apg-border);border-bottom:var(--apg-border)}.apg:focus{outline:none}.apg:focus-visible{outline:2px solid var(--apg-focus-ring);outline-offset:-2px}.apg-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;line-height:0}.apg-icon svg{display:block;width:100%;height:100%}.apg-header-inner{grid-area:1/1;align-self:start;justify-self:start;position:sticky;top:0;z-index:3;background:var(--apg-header-bg);border-bottom:var(--apg-border)}.apg-header-cell{position:absolute;top:0;height:100%;display:flex;align-items:center;padding:var(--apg-cell-padding);font-weight:600;color:var(--apg-header-fg);letter-spacing:.01em;border-right:var(--apg-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;transition:background-color .12s ease}.apg-header-cell.apg-sortable{cursor:pointer}.apg-header-cell.apg-sortable:hover{background:var(--apg-control-hover)}.apg-sort-arrow{margin-left:4px;font-size:.7em;color:var(--apg-active-border)}.apg-columngroup-inner{grid-area:1/1;align-self:start;justify-self:start;position:sticky;top:0;z-index:4;background:var(--apg-header-bg);border-bottom:var(--apg-border)}.apg-columngroup-cell{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--apg-cell-padding);font-weight:600;color:var(--apg-header-fg);border-right:var(--apg-border);border-bottom:var(--apg-border);background:linear-gradient(to bottom, var(--apg-control-hover), transparent 70%),var(--apg-header-bg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apg-columngroup-cell.apg-columngroup-leaf{border-right:var(--apg-border);border-bottom:none;background:var(--apg-header-bg)}.apg-columngroup-cell.apg-collapsible{cursor:pointer}.apg-columngroup-cell.apg-collapsible:hover{background:var(--apg-group-bg-hover)}.apg-animated .apg-columngroup-cell{transition:left .2s ease,width .2s ease,top .2s ease,height .2s ease}.apg-columngroup-chevron{width:14px;height:14px;flex:none;color:var(--apg-header-fg);transition:transform .18s ease}.apg-columngroup-chevron.apg-columngroup-chevron-open{transform:rotate(90deg)}.apg-columngroup-label{overflow:hidden;text-overflow:ellipsis}.apg-filter-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:auto;padding:0;border:none;border-radius:var(--apg-radius-sm);background:rgba(0,0,0,0);color:var(--apg-header-fg);opacity:.55;cursor:pointer;flex:none;transition:background-color .12s ease,opacity .12s ease}.apg-filter-btn .apg-icon{width:13px;height:13px}.apg-filter-btn:hover{background:var(--apg-control-hover);opacity:1}.apg-filter-btn.apg-filter-active{color:var(--apg-active-border);opacity:1}.apg-rowheader-inner{grid-area:1/1;align-self:start;justify-self:start;position:sticky;top:0;left:0;z-index:3;overflow:hidden;background:var(--apg-header-bg);border-right:var(--apg-border)}.apg-rowheader-cell{position:absolute;left:0;top:0;width:100%;height:var(--apg-row-height);display:flex;align-items:center;justify-content:center;font-size:.85em;color:var(--apg-fg-muted);border-bottom:var(--apg-border);will-change:transform}.apg-rowheader-group{background:var(--apg-group-bg)}.apg-row{position:absolute;left:0;top:0;width:100%;height:var(--apg-row-height);background:var(--apg-cell-bg);will-change:transform;contain:layout style}.apg-row.apg-row-alt{background:var(--apg-cell-bg-alt)}.apg-row:hover{background:var(--apg-hover-bg)}.apg-cell{position:absolute;top:0;height:100%;display:flex;align-items:center;padding:var(--apg-cell-padding);border-right:var(--apg-border);border-bottom:var(--apg-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apg-cell.apg-cell-selected{background:var(--apg-selected-bg)}.apg-cell.apg-cell-active{box-shadow:inset 0 0 0 2px var(--apg-active-border);border-radius:1px}.apg-merge-layer{position:absolute;top:0;left:0;z-index:1}.apg-cell-merged{background:var(--apg-cell-bg);align-items:center;border-left:var(--apg-border);border-top:var(--apg-border)}.apg-cell-merged.apg-cell-selected{background:var(--apg-selected-bg)}.apg-cell-dropdown{padding-right:20px}.apg-cell-dropdown::after{content:"";position:absolute;right:8px;top:50%;margin-top:-2px;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid var(--apg-header-fg);opacity:.5;pointer-events:none}.apg-align-left{justify-content:flex-start}.apg-align-center{justify-content:center}.apg-align-right{justify-content:flex-end}.apg-cell-bool::before{content:"";width:16px;height:16px;border:1.5px solid var(--apg-checkbox-border);border-radius:var(--apg-radius-sm);background:var(--apg-cell-bg);transition:border-color .12s ease,background-color .12s ease}.apg-cell-bool.apg-checked::before{border-color:var(--apg-active-border);background:var(--apg-active-border) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5'><path d='M3 8.5l3.5 3.5L13 4.5'/></svg>") center/12px no-repeat}.apg-cell-template{overflow:hidden}.apg-col-drop-marker{position:absolute;top:0;width:2px;height:100%;margin-left:-1px;background:var(--apg-active-border);pointer-events:none;z-index:5}.apg-frozen-cols,.apg-frozen-rows,.apg-frozen-corner,.apg-frozen-cols-header,.apg-frozen-rows-header{grid-area:1/1;align-self:start;justify-self:start;position:sticky;background:var(--apg-cell-bg)}.apg-frozen-cols{z-index:2;overflow:hidden;border-right:2px solid var(--apg-border-strong)}.apg-frozen-rows{z-index:2;border-bottom:2px solid var(--apg-border-strong)}.apg-frozen-cols-header,.apg-frozen-rows-header{z-index:4}.apg-frozen-corner{z-index:3;border-right:2px solid var(--apg-border-strong);border-bottom:2px solid var(--apg-border-strong)}.apg-frozen-cols-header{top:0;background:var(--apg-header-bg);border-right:2px solid var(--apg-border-strong);border-bottom:var(--apg-border)}.apg-frozen-rows-header{left:0;background:var(--apg-header-bg);border-right:var(--apg-border);border-bottom:2px solid var(--apg-border-strong)}.apg-frozen-cell-row{position:absolute;left:0;will-change:transform}.apg-frozen-cell-row.apg-row-alt{background:var(--apg-cell-bg-alt)}.apg-frozen-cell{background:var(--apg-frozen-cell-bg);font-weight:500}.apg-frozen-cell.apg-cell-selected{background:var(--apg-selected-bg)}.apg-frozen-corner-cell.apg-cell-selected{background:var(--apg-selected-bg)}.apg-editor{position:absolute;top:0;left:0;z-index:10;margin:0;border:2px solid var(--apg-active-border);border-radius:2px;padding:var(--apg-cell-padding);font:inherit;color:var(--apg-cell-fg);background:var(--apg-cell-bg);outline:none;user-select:text;-webkit-user-select:text;will-change:transform}.apg-editor.apg-align-right{text-align:right}.apg-editor.apg-align-center{text-align:center}.apg-editor-dropdown{padding:0;border:none;background:rgba(0,0,0,0);overflow:visible}.apg-dd-input{box-sizing:border-box;width:100%;height:100%;margin:0;border:2px solid var(--apg-active-border);border-radius:2px;padding:var(--apg-cell-padding);padding-right:22px;font:inherit;color:inherit;background:var(--apg-cell-bg);outline:none}.apg-dd-arrow{position:absolute;right:8px;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-top:5px solid var(--apg-header-fg);cursor:pointer}.apg-dropdown{position:absolute;top:100%;left:0;right:0;z-index:20;margin:0;padding:4px 0;max-height:200px;overflow-y:auto;list-style:none;background:var(--apg-cell-bg);border:var(--apg-border);border-radius:var(--apg-radius);box-shadow:var(--apg-shadow-md)}.apg-dropdown.apg-dropdown-up{top:auto;bottom:100%}.apg-dropdown-option{padding:5px 12px;white-space:nowrap;cursor:pointer}.apg-dropdown-option:hover,.apg-dropdown-option.apg-dropdown-active{background:var(--apg-selected-bg)}.apg-editor-radio{height:auto;flex-direction:column;align-items:flex-start;gap:2px;max-height:180px;padding:4px 6px;overflow-y:auto;border:1px solid var(--apg-active-border);border-radius:var(--apg-radius);box-shadow:var(--apg-shadow-md);cursor:default}.apg-radio-option{display:flex;align-items:center;gap:4px;white-space:nowrap;cursor:pointer}.apg-radio-option input{margin:0}.apg-grouppanel{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--apg-panel-bg);border-bottom:var(--apg-border);overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin}.apg-grouppanel::-webkit-scrollbar{height:6px}.apg-grouppanel::-webkit-scrollbar-thumb{background:var(--apg-scrollbar-thumb);border-radius:3px}.apg-grouppanel.apg-grouppanel-over{background:var(--apg-hover-bg);box-shadow:inset 0 0 0 2px var(--apg-active-border)}.apg-grouppanel-icon{color:var(--apg-header-fg);opacity:.5}.apg-group-placeholder{color:var(--apg-fg-muted);font-style:italic;font-size:.92em}.apg-group-chips{display:flex;align-items:center;gap:4px}.apg-group-sep{width:12px;height:12px;color:var(--apg-header-fg);opacity:.4}.apg-group-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 4px 0 6px;background:var(--apg-cell-bg);border:1px solid var(--apg-border-color);border-radius:var(--apg-radius);color:var(--apg-cell-fg);cursor:grab;user-select:none;box-shadow:var(--apg-shadow-sm);transition:border-color .12s ease,box-shadow .12s ease}.apg-group-chip:hover{border-color:var(--apg-active-border);box-shadow:var(--apg-shadow-md)}.apg-group-chip:active{cursor:grabbing}.apg-group-chip-grip{width:12px;height:14px;color:var(--apg-header-fg);opacity:.4}.apg-group-chip-label{font-weight:500;font-size:.9em}.apg-group-chip-sort{width:12px;height:12px;color:var(--apg-active-border)}.apg-group-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--apg-radius-sm);background:rgba(0,0,0,0);color:var(--apg-header-fg);opacity:.55;cursor:pointer}.apg-group-chip-remove .apg-icon{width:12px;height:12px}.apg-group-chip-remove:hover{background:var(--apg-control-hover);opacity:1}.apg-group-chip-marker{width:2px;height:20px;align-self:center;border-radius:1px;background:var(--apg-active-border)}.apg-group-row{background:var(--apg-group-bg);border-bottom:var(--apg-border);contain:none}.apg-group-row:hover{background:var(--apg-group-bg-hover)}.apg-group-label{position:sticky;left:0;z-index:1;display:inline-flex;align-items:center;gap:8px;height:100%;padding-right:16px;background:inherit;white-space:nowrap}.apg-group-toggle{width:16px;height:16px;color:var(--apg-header-fg);border-radius:var(--apg-radius-sm);cursor:pointer;transition:transform .15s ease}.apg-group-toggle:hover{background:var(--apg-control-hover);color:var(--apg-cell-fg)}.apg-group-toggle.apg-group-toggle-open{transform:rotate(90deg)}.apg-group-inner{display:inline-flex;align-items:baseline;gap:8px}.apg-group-name{font-weight:600;color:var(--apg-cell-fg)}.apg-group-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 6px;border-radius:9px;background:var(--apg-control-hover);color:var(--apg-header-fg);font-size:.78em;font-weight:600}.apg-group-agg{position:absolute;top:0;height:100%;display:flex;align-items:center;padding:var(--apg-cell-padding);font-weight:600;color:var(--apg-cell-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apg-drag-ghost,.apg-context-menu,.apg-filter-dialog{--apg-row-height: 30px;--apg-header-height: 36px;--apg-group-header-height: 34px;--apg-col-width: 100px;--apg-cell-padding-x: 12px;--apg-radius: 6px;--apg-radius-sm: 4px;--apg-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--apg-font-size: 13px;--apg-line-height: 1.45;--apg-cell-bg: #ffffff;--apg-cell-bg-alt: #f7f9fc;--apg-cell-fg: #1f2933;--apg-surface-sunken: #eef1f6;--apg-fg-muted: #5a6675;--apg-border-color: #e3e7ef;--apg-border-strong: #cbd2dd;--apg-header-bg: #f4f6fa;--apg-header-fg: #3d4757;--apg-active-border: #2563eb;--apg-accent-contrast: #ffffff;--apg-selected-bg: rgba(37, 99, 235, 0.1);--apg-hover-bg: rgba(37, 99, 235, 0.055);--apg-focus-ring: rgba(37, 99, 235, 0.4);--apg-group-bg: #eef2fb;--apg-group-bg-hover: #e4eaf7;--apg-panel-bg: #eef1f6;--apg-frozen-cell-bg: #eef4fc;--apg-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);--apg-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.14);--apg-shadow-lg: 0 10px 28px rgba(15, 23, 42, 0.2);--apg-scrollbar-thumb: rgba(15, 23, 42, 0.18);--apg-control-hover: rgba(15, 23, 42, 0.06);--apg-checkbox-border: #9aa3af;--apg-border: 1px solid var(--apg-border-color);--apg-cell-padding: 0 var(--apg-cell-padding-x);--apg-font: var(--apg-font-size) / var(--apg-line-height) var(--apg-font-family)}.apg-drag-ghost{position:fixed;top:0;left:0;z-index:1000;display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;background:var(--apg-cell-bg);border:1px solid var(--apg-border-color);border-radius:var(--apg-radius);box-shadow:var(--apg-shadow-lg);color:var(--apg-cell-fg);font:var(--apg-font);font-weight:500;pointer-events:none;opacity:.96}.apg-drag-ghost-icon{color:var(--apg-header-fg);opacity:.7}.apg-drag-ghost-active{border-color:var(--apg-active-border);background:var(--apg-hover-bg)}.apg-drag-ghost-active .apg-drag-ghost-icon{color:var(--apg-active-border);opacity:1}.apg-context-menu{position:fixed;z-index:2000;min-width:184px;padding:5px;background:var(--apg-cell-bg);border:1px solid var(--apg-border-color);border-radius:8px;box-shadow:var(--apg-shadow-lg);font:var(--apg-font);color:var(--apg-cell-fg)}.apg-context-menu-item{display:flex;align-items:center;gap:10px;width:100%;height:30px;padding:0 10px;border:none;border-radius:5px;background:rgba(0,0,0,0);color:inherit;font:inherit;text-align:left;cursor:pointer}.apg-context-menu-item:hover:not(:disabled){background:var(--apg-hover-bg)}.apg-context-menu-item:disabled{opacity:.4;cursor:default}.apg-context-menu-icon{width:16px;height:16px;flex:none;color:var(--apg-header-fg)}.apg-context-menu-label{flex:1}.apg-context-menu-sep{height:1px;margin:5px 8px;background:var(--apg-border-color)}.apg-filter-dialog{position:fixed;z-index:2000;width:240px;padding:10px;background:var(--apg-cell-bg);border:1px solid var(--apg-border-color);border-radius:8px;box-shadow:var(--apg-shadow-lg);font:var(--apg-font);color:var(--apg-cell-fg)}.apg-filter-sort{display:flex;flex-direction:column;gap:1px;margin:-4px -4px 0}.apg-filter-sort-btn{display:flex;align-items:center;gap:9px;width:100%;height:30px;padding:0 8px;border:none;border-radius:5px;background:rgba(0,0,0,0);color:var(--apg-cell-fg);font:inherit;text-align:left;cursor:pointer}.apg-filter-sort-btn .apg-icon{width:14px;height:14px;flex:none;color:var(--apg-header-fg)}.apg-filter-sort-btn:hover{background:var(--apg-hover-bg)}.apg-filter-sort-active{color:var(--apg-active-border);font-weight:600}.apg-filter-sort-active .apg-icon{color:var(--apg-active-border)}.apg-filter-section{display:flex;gap:6px;margin-bottom:8px}.apg-filter-op{flex:none;width:96px}.apg-filter-value{flex:1;min-width:0}.apg-filter-op,.apg-filter-value,.apg-filter-search{height:28px;padding:0 8px;border:1px solid var(--apg-border-color);border-radius:5px;font:inherit;color:inherit;background:var(--apg-cell-bg);box-sizing:border-box}.apg-filter-op:focus,.apg-filter-value:focus,.apg-filter-search:focus{outline:none;border-color:var(--apg-active-border)}.apg-filter-sep{height:1px;margin:8px -10px;background:var(--apg-border-color)}.apg-filter-search{width:100%;margin-bottom:6px}.apg-filter-selectall{display:flex;align-items:center;gap:8px;padding:4px 2px;font-weight:600;cursor:pointer}.apg-filter-list{max-height:180px;overflow-y:auto;margin:2px 0 8px;border:1px solid var(--apg-border-color);border-radius:5px}.apg-filter-item{display:flex;align-items:center;gap:8px;padding:4px 8px;white-space:nowrap;cursor:pointer}.apg-filter-item:hover{background:var(--apg-hover-bg)}.apg-filter-item span{overflow:hidden;text-overflow:ellipsis}.apg-filter-footer{display:flex;justify-content:flex-end;gap:8px}.apg-filter-clear,.apg-filter-apply{height:30px;padding:0 14px;border-radius:var(--apg-radius);font:inherit;cursor:pointer}.apg-filter-clear{border:1px solid var(--apg-border-color);background:var(--apg-cell-bg);color:var(--apg-cell-fg)}.apg-filter-clear:hover{border-color:var(--apg-active-border)}.apg-filter-apply{border:1px solid var(--apg-active-border);background:var(--apg-active-border);color:var(--apg-accent-contrast)}.apg-filter-apply:hover{filter:brightness(1.05)}