:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;background-color:#2f2f2f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100%;display:flex;flex-direction:column}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid #404040;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#404040;color:#ffffffe6;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}body{background-color:#2f2f2f;color:#ffffffe6}#root{background-color:#2f2f2f}.custom-spreadsheet{position:relative;height:100%;width:100%;display:flex;flex-direction:column;background-color:#2f2f2f;color:#ffffffe6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.grid-container{flex:1;display:flex;flex-direction:column;overflow:hidden;border:1px solid #505050}.header-container{position:sticky;top:0;z-index:10;background-color:#404040;border-bottom:2px solid #505050;overflow:hidden}.header-row{display:flex;height:40px;position:relative}.header-cell{position:relative;display:flex;align-items:center;padding:0 8px;border-right:1px solid #505050;background-color:#404040;color:#ffffffe6;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.header-cell:hover{background-color:#4a4a4a}.header-cell.row-number-header{width:50px;justify-content:center;background-color:#404040;font-weight:500;color:#ffffffe6}.header-cell-content{display:flex;align-items:center;width:100%;gap:4px}.header-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.header-menu-button{opacity:0;transition:opacity .2s}.header-cell:hover .header-menu-button{opacity:1}.resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:1}.resize-handle:hover{background-color:#1976d2}.add-column-cell{width:40px;justify-content:center;cursor:pointer}.grid-body-container{flex:1;overflow:auto;position:relative}.grid-row{display:flex;position:absolute;left:0;right:0;border-bottom:1px solid #505050}.grid-row:hover{background-color:#383838}.row-number-cell{width:50px;height:32px;display:flex;align-items:center;justify-content:center;background-color:#404040;border-right:1px solid #505050;border-bottom:1px solid #505050;font-weight:500;color:#ffffffb3;-webkit-user-select:none;user-select:none}.grid-cell{height:32px;padding:0 8px;border-right:1px solid #505050;border-bottom:1px solid #505050;display:flex;align-items:center;cursor:cell;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;background-color:#2f2f2f;color:#ffffffe6}.grid-cell.selected{outline:2px solid #1976d2;outline-offset:-1px;z-index:1;background-color:#1976d2;color:#fff}.grid-cell.in-range{background-color:#1565c0;color:#fff}.grid-cell.editing{padding:0;z-index:2}.grid-cell.sync-syncing{background-color:#fff3e0}.grid-cell.sync-error{background-color:#ffebee}.grid-cell.formula{font-style:italic}.cell-content{width:100%;height:100%;display:flex;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.cell-content input,.cell-content .MuiTextField-root{height:100%}.cell-content .MuiInput-root{height:100%;padding:0 8px}.cell-content .MuiInput-input{padding:0;height:100%;font-size:inherit;font-family:inherit}.grid-cell.editing .cell-content{padding:0;-webkit-user-select:auto;user-select:auto}.sync-indicator{position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:14px}.sync-indicator.syncing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.status-bar{height:24px;background-color:#404040;border-top:1px solid #505050;display:flex;align-items:center;padding:0 16px;gap:16px;color:#ffffffe6}.status-item{display:flex;align-items:center;color:#ffffffb3}.grid-body-container::-webkit-scrollbar{width:12px;height:12px}.grid-body-container::-webkit-scrollbar-track{background:#404040}.grid-body-container::-webkit-scrollbar-thumb{background:#606060;border-radius:6px}.grid-body-container::-webkit-scrollbar-thumb:hover{background:#707070}.header-cell.dragging{opacity:.5}.header-cell.drag-over{background-color:#2563eb}.grid-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#ffffff80}input{background-color:#404040;border:1px solid #505050;color:#ffffffe6;border-radius:4px;padding:8px}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}.MuiInput-root{color:#ffffffe6!important}.MuiInput-underline:before{border-bottom-color:#505050!important}.MuiInput-underline:after{border-bottom-color:#2563eb!important}