:root{--og-background:#ffffff;--og-surface:#f8f9fa;--og-surface-hover:#e9ecef;--og-border:#e1e5e9;--og-text-primary:#1a1a1a;--og-text-secondary:#6b7280;--og-text-muted:#9ca3af;--og-header-bg:#ffffff;--og-header-border:#e1e5e9;--og-selected:#f0f9ff;--og-selected-border:#0ea5e9;--og-accent:#0ea5e9;--og-accent-hover:#0284c7;--og-shadow:0 1px 3px rgba(0, 0, 0, 0.05),0 1px 2px rgba(0, 0, 0, 0.1);--og-shadow-hover:0 4px 6px rgba(0, 0, 0, 0.07),0 2px 4px rgba(0, 0, 0, 0.06);--og-scrollbar-track:#f1f5f9;--og-scrollbar-thumb:#cbd5e1;--og-scrollbar-thumb-hover:#94a3b8;--og-context-bg:#ffffff;--og-context-border:#e1e5e9;--og-context-hover:#f8f9fa;--og-resize-handle:#cbd5e1;--og-resize-handle-hover:#0ea5e9;--og-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--og-font-size:14px;--og-font-weight-normal:400;--og-font-weight-medium:500;--og-font-weight-semibold:600;--og-line-height:1.5;--og-spacing-xs:4px;--og-spacing-sm:8px;--og-spacing-md:12px;--og-spacing-lg:16px;--og-spacing-xl:24px;--og-radius-sm:4px;--og-radius-md:8px;--og-radius-lg:12px;--og-transition:all 0.15s ease-in-out;--og-transition-fast:all 0.1s ease-in-out;--og-min-row-height:35px;--og-min-column-width:50px;--og-context-menu-min-width:200px;--og-filter-menu-min-width:250px;--og-filter-menu-max-width:300px;--og-filter-options-max-height:250px}[data-theme=dark]{--og-background:#1a1a1a;--og-surface:#262626;--og-surface-hover:#404040;--og-border:#404040;--og-text-primary:#ffffff;--og-text-secondary:#a3a3a3;--og-text-muted:#737373;--og-header-bg:#1a1a1a;--og-header-border:#404040;--og-selected:#1e3a8a;--og-selected-border:#3b82f6;--og-accent:#3b82f6;--og-accent-hover:#2563eb;--og-shadow:0 1px 3px rgba(0, 0, 0, 0.3),0 1px 2px rgba(0, 0, 0, 0.4);--og-shadow-hover:0 4px 6px rgba(0, 0, 0, 0.4),0 2px 4px rgba(0, 0, 0, 0.3);--og-scrollbar-track:#262626;--og-scrollbar-thumb:#525252;--og-scrollbar-thumb-hover:#737373;--og-context-bg:#1a1a1a;--og-context-border:#404040;--og-context-hover:#262626;--og-resize-handle:#525252;--og-resize-handle-hover:#3b82f6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--og-background:#1a1a1a;--og-surface:#262626;--og-surface-hover:#404040;--og-border:#404040;--og-text-primary:#ffffff;--og-text-secondary:#a3a3a3;--og-text-muted:#737373;--og-header-bg:#1a1a1a;--og-header-border:#404040;--og-selected:#1e3a8a;--og-selected-border:#3b82f6;--og-accent:#3b82f6;--og-accent-hover:#2563eb;--og-shadow:0 1px 3px rgba(0, 0, 0, 0.3),0 1px 2px rgba(0, 0, 0, 0.4);--og-shadow-hover:0 4px 6px rgba(0, 0, 0, 0.4),0 2px 4px rgba(0, 0, 0, 0.3);--og-scrollbar-track:#262626;--og-scrollbar-thumb:#525252;--og-scrollbar-thumb-hover:#737373;--og-context-bg:#1a1a1a;--og-context-border:#404040;--og-context-hover:#262626;--og-resize-handle:#525252;--og-resize-handle-hover:#3b82f6}}.opengridjs-grid{font-family:var(--og-font-family);font-size:var(--og-font-size);font-weight:var(--og-font-weight-normal);line-height:var(--og-line-height);color:var(--og-text-primary);background-color:var(--og-background);border:1px solid var(--og-border);border-radius:var(--og-radius-lg);box-shadow:var(--og-shadow);transition:var(--og-transition);user-select:none;display:flex;flex-direction:column;position:relative;overflow:visible}.opengridjs-grid::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--og-radius-lg);pointer-events:none;z-index:-1;background:var(--og-background)}.opengridjs-grid-additional{position:absolute;top:0;left:0;width:0;height:0;pointer-events:none;z-index:10000;overflow:visible}.opengridjs-grid-additional>*{pointer-events:auto}.opengridjs-grid:hover{box-shadow:var(--og-shadow-hover)}.opengridjs-grid-header{display:flex;background-color:var(--og-header-bg);border-bottom:1px solid var(--og-header-border);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow:hidden;border-top-left-radius:var(--og-radius-lg);border-top-right-radius:var(--og-radius-lg)}.opengridjs-grid-header-item{flex-grow:1;padding:var(--og-spacing-lg);font-weight:var(--og-font-weight-semibold);color:var(--og-text-primary);border-right:1px solid var(--og-border);cursor:pointer;transition:var(--og-transition);position:relative;display:flex;align-items:center;min-height:var(--og-min-row-height);box-sizing:border-box}.opengridjs-grid-header-item:first-child{border-top-left-radius:var(--og-radius-lg)}.opengridjs-grid-header-item:last-child{border-right:none;border-top-right-radius:var(--og-radius-lg)}.opengridjs-grid-header-item:hover{background-color:var(--og-surface-hover)}.opengridjs-grid-header-item:active{background-color:var(--og-surface)}.opengridjs-header-text{flex-grow:1;display:flex;align-items:center}.opengridjs-header-actions{display:flex;align-items:center;margin-left:auto;gap:4px}.opengridjs-grid-rows-container{overflow-y:auto;overflow-x:hidden;position:relative;flex-grow:1;background-color:var(--og-background);min-height:200px;border-bottom-left-radius:var(--og-radius-lg);border-bottom-right-radius:var(--og-radius-lg)}.opengridjs-grid-row{display:flex;background-color:var(--og-background);border-bottom:1px solid var(--og-border);align-items:center;position:absolute;width:100%;box-sizing:border-box;cursor:pointer;transition:var(--og-transition-fast);min-height:var(--og-min-row-height)}.opengridjs-grid-row:hover{background-color:var(--og-surface-hover)}.opengridjs-grid-row:nth-child(2n){background-color:var(--og-surface)}.opengridjs-grid-row:nth-child(2n):hover{background-color:var(--og-surface-hover)}.opengridjs-selected-grid-row{background-color:var(--og-selected)!important;border-left:3px solid var(--og-selected-border);padding-left:calc(var(--og-spacing-lg) - 3px)}.opengridjs-grid-row:last-child{border-bottom-left-radius:var(--og-radius-lg);border-bottom-right-radius:var(--og-radius-lg);border-bottom:none}.opengridjs-grid-column-item{flex-grow:1;padding:var(--og-spacing-lg);color:var(--og-text-primary);border-right:1px solid var(--og-border);min-width:var(--og-min-column-width);word-wrap:break-word;overflow-wrap:break-word;display:flex;align-items:center;height:2px;box-sizing:border-box}.opengridjs-grid-column-item:last-child{border-right:none}.opengridjs-grid-row:last-child .opengridjs-grid-column-item:first-child{border-bottom-left-radius:var(--og-radius-lg)}.opengridjs-grid-row:last-child .opengridjs-grid-column-item:last-child{border-bottom-right-radius:var(--og-radius-lg)}.opengridjs-sort-indicator{margin-left:var(--og-spacing-sm);display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--og-radius-sm);transition:var(--og-transition);position:relative}.opengridjs-sort-indicator::after{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;opacity:.5;transition:var(--og-transition)}.opengridjs-sort-asc .opengridjs-sort-indicator::after{border-bottom:5px solid var(--og-accent);opacity:1}.opengridjs-sort-desc .opengridjs-sort-indicator::after{border-top:5px solid var(--og-accent);opacity:1}.opengridjs-sort-asc .opengridjs-sort-indicator,.opengridjs-sort-desc .opengridjs-sort-indicator{background-color:var(--og-selected)}.opengridjs-resize-handle{position:absolute;right:0;top:0;width:4px;height:100%;cursor:col-resize;background-color:transparent;border-right:2px solid transparent;transition:var(--og-transition);z-index:5}.opengridjs-resize-handle:hover{border-right-color:var(--og-resize-handle-hover);background-color:var(--og-resize-handle-hover);opacity:.3}.opengridjs-grid-header-item.opengridjs-resizing{user-select:none;cursor:col-resize}.opengridjs-grid-header-item.opengridjs-resizing .opengridjs-resize-handle{border-right-color:var(--og-resize-handle-hover);background-color:var(--og-resize-handle-hover);opacity:.6}.opengridjs-grid-header-item[draggable=true]{cursor:grab}.opengridjs-grid-header-item[draggable=true]:active{cursor:grabbing}.opengridjs-grid-header-item.opengridjs-dragging{opacity:.7;background-color:var(--og-accent);color:#fff;cursor:grabbing;z-index:1000}.opengridjs-grid-header-item.opengridjs-drag-over{background-color:var(--og-selected);border-left:3px solid var(--og-accent);border-right:3px solid var(--og-accent);transform:scale(1.02)}.opengridjs-filter-button{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--og-radius-sm);cursor:pointer;font-size:10px;color:var(--og-text-secondary);transition:var(--og-transition);background-color:transparent;border:1px solid transparent}.opengridjs-filter-button:hover{background-color:var(--og-surface);color:var(--og-accent);border-color:var(--og-border)}.opengridjs-filter-button.opengridjs-filter-active{background-color:var(--og-accent);color:#fff;border-color:var(--og-accent)}.opengridjs-filter-button.opengridjs-filter-active:hover{background-color:var(--og-accent-hover);border-color:var(--og-accent-hover)}.opengridjs-filter-menu{background-color:var(--og-context-bg);border:1px solid var(--og-context-border);border-radius:var(--og-radius-md);box-shadow:var(--og-shadow-hover);min-width:var(--og-filter-menu-min-width);max-width:var(--og-filter-menu-max-width);z-index:10000;animation:fadeIn .15s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);isolation:isolate}.opengridjs-filter-menu-header{display:flex;gap:var(--og-spacing-sm);padding:var(--og-spacing-md);border-bottom:1px solid var(--og-border);background-color:var(--og-surface)}.opengridjs-filter-menu-footer button,.opengridjs-filter-menu-header button{flex:1;padding:var(--og-spacing-sm) var(--og-spacing-md);border:1px solid var(--og-border);border-radius:var(--og-radius-sm);background-color:var(--og-background);color:var(--og-text-primary);cursor:pointer;font-size:12px;font-family:var(--og-font-family);transition:var(--og-transition)}.opengridjs-filter-menu-header button:hover{background-color:var(--og-surface-hover);border-color:var(--og-accent)}.opengridjs-filter-menu-footer button{padding:var(--og-spacing-sm) var(--og-spacing-lg);font-size:var(--og-font-size);font-weight:var(--og-font-weight-medium)}.opengridjs-filter-search{padding:var(--og-spacing-md);border-bottom:1px solid var(--og-border)}.opengridjs-filter-search-input{width:90%;padding:var(--og-spacing-sm) var(--og-spacing-md);border:1px solid var(--og-border);border-radius:var(--og-radius-sm);background-color:var(--og-background);color:var(--og-text-primary);font-size:var(--og-font-size);font-family:var(--og-font-family);transition:var(--og-transition)}.opengridjs-filter-search-input:focus{outline:0;border-color:var(--og-accent);box-shadow:0 0 0 2px rgba(14,165,233,.1)}.opengridjs-filter-options{max-height:var(--og-filter-options-max-height);overflow-y:auto;padding:var(--og-spacing-sm) 0}.opengridjs-filter-option{display:flex;align-items:center;padding:var(--og-spacing-sm) var(--og-spacing-md);cursor:pointer;transition:var(--og-transition);gap:var(--og-spacing-sm)}.opengridjs-filter-option:hover{background-color:var(--og-surface-hover)}.opengridjs-filter-option input[type=checkbox]{margin:0;width:16px;height:16px;cursor:pointer;accent-color:var(--og-accent)}.opengridjs-filter-option span{flex:1;font-size:var(--og-font-size);color:var(--og-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opengridjs-filter-menu-footer{display:flex;gap:var(--og-spacing-sm);padding:var(--og-spacing-md);border-top:1px solid var(--og-border);background-color:var(--og-surface)}.opengridjs-filter-apply{background-color:var(--og-accent);color:#fff;border:1px solid var(--og-accent)}.opengridjs-filter-apply:hover{background-color:var(--og-accent-hover);border-color:var(--og-accent-hover)}.opengridjs-filter-cancel{background-color:var(--og-background);color:var(--og-text-primary);border:1px solid var(--og-border)}.opengridjs-filter-cancel:hover{background-color:var(--og-surface-hover);border-color:var(--og-accent)}.opengridjs-contextMenu{background-color:var(--og-context-bg);border:1px solid var(--og-context-border);border-radius:var(--og-radius-md);box-shadow:var(--og-shadow-hover);position:absolute;min-width:var(--og-context-menu-min-width);z-index:10000;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:fadeIn .15s ease-out;isolation:isolate}.opengridjs-contextMenu .opengridjs-title{padding:var(--og-spacing-md) var(--og-spacing-lg);font-weight:var(--og-font-weight-semibold);color:var(--og-text-primary);border-bottom:1px solid var(--og-border);background-color:var(--og-surface);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.opengridjs-contextMenu .opengridjs-btn{width:100%;padding:var(--og-spacing-md) var(--og-spacing-lg);border:none;background:0 0;color:var(--og-text-primary);cursor:pointer;transition:var(--og-transition-fast);text-align:left;font-size:var(--og-font-size);font-family:var(--og-font-family);display:flex;align-items:center;min-height:40px}.opengridjs-contextMenu .opengridjs-btn:hover{background-color:var(--og-context-hover);color:var(--og-accent)}.opengridjs-contextMenu .opengridjs-btn:active{background-color:var(--og-surface)}.opengridjs-contextMenu hr{border:none;border-top:1px solid var(--og-border);margin:var(--og-spacing-xs) 0}.opengridjs-grid-column-item.opengridjs-field-increased{background-color:rgba(34,197,94,.2);border-left:3px solid #22c55e;animation:fieldIncreased 2s ease-out}.opengridjs-grid-column-item.opengridjs-field-decreased{background-color:rgba(239,68,68,.2);border-left:3px solid #ef4444;animation:fieldDecreased 2s ease-out}.opengridjs-grid-column-item.opengridjs-field-updated{background-color:rgba(59,130,246,.15);border-left:3px solid #3b82f6;animation:fieldUpdated 2s ease-out}.opengridjs-filter-options::-webkit-scrollbar,.opengridjs-grid-rows-container::-webkit-scrollbar{width:8px}.opengridjs-filter-options::-webkit-scrollbar{width:6px}.opengridjs-filter-options::-webkit-scrollbar-track,.opengridjs-grid-rows-container::-webkit-scrollbar-track{background:var(--og-scrollbar-track);border-radius:var(--og-radius-sm)}.opengridjs-filter-options::-webkit-scrollbar-thumb,.opengridjs-grid-rows-container::-webkit-scrollbar-thumb{background:var(--og-scrollbar-thumb);border-radius:var(--og-radius-sm);transition:var(--og-transition)}.opengridjs-filter-options::-webkit-scrollbar-thumb:hover,.opengridjs-grid-rows-container::-webkit-scrollbar-thumb:hover{background:var(--og-scrollbar-thumb-hover)}.opengridjs-grid a{color:var(--og-accent);text-decoration:none;transition:var(--og-transition);border-radius:var(--og-radius-sm);padding:2px 4px;margin:-2px -4px}.opengridjs-grid a:hover{color:var(--og-accent-hover);background-color:var(--og-selected)}.opengridjs-grid a:focus{outline:2px solid var(--og-accent);outline-offset:2px}.opengridjs-contextMenu .opengridjs-btn:focus-visible,.opengridjs-grid-header-item:focus-visible,.opengridjs-grid-row:focus-visible{outline:2px solid var(--og-accent);outline-offset:-2px}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes fieldIncreased{0%{background-color:rgba(34,197,94,.4);border-left-color:#22c55e;transform:scale(1.02)}100%{background-color:rgba(34,197,94,.1);border-left-color:rgba(34,197,94,.3);transform:scale(1)}}@keyframes fieldDecreased{0%{background-color:rgba(239,68,68,.4);border-left-color:#ef4444;transform:scale(1.02)}100%{background-color:rgba(239,68,68,.1);border-left-color:rgba(239,68,68,.3);transform:scale(1)}}@keyframes fieldUpdated{0%{background-color:rgba(59,130,246,.3);border-left-color:#3b82f6;transform:scale(1.01)}100%{background-color:rgba(59,130,246,.05);border-left-color:rgba(59,130,246,.2);transform:scale(1)}}@media (max-width:768px){.opengridjs-grid{font-size:13px}.opengridjs-grid-column-item,.opengridjs-grid-header-item{padding:var(--og-spacing-sm) var(--og-spacing-md)}.opengridjs-grid-header-item,.opengridjs-grid-row{min-height:40px}}@media (prefers-contrast:high){.opengridjs-grid{--og-border:#000000;--og-shadow:0 0 0 1px #000000}[data-theme=dark] .opengridjs-grid{--og-border:#ffffff;--og-shadow:0 0 0 1px #ffffff}}@media (prefers-reduced-motion:reduce){.opengridjs-grid,.opengridjs-grid *{transition:none!important;animation:none!important}}