:root{--bg: #f3f4f6;--surface: #ffffff;--border: #d0d5dd;--border-soft: #e5e7eb;--text: #111827;--text-muted: #6b7280;--accent: #217346;--accent-soft: #e8f5ee;--accent-border: #1a5c38;--header-bg: #f0f4f1;--header-hover: #e4ebe6;--header-selected: #cfe8d8;--selection: rgba(33, 115, 70, .14);--selection-border: #217346;--error: #c62828;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--font: "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "Cascadia Code", "SF Mono", ui-monospace, Menlo, monospace;--header-col-w: 48px;--header-row-h: 28px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;min-height:0}.app-header{display:flex;align-items:center;gap:12px;padding:8px 14px;background:linear-gradient(180deg,#1f6b45,#217346);color:#fff;box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;flex-shrink:0}.app-logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;letter-spacing:.02em}.app-logo-mark{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;background:#ffffff2e;border-radius:6px;font-size:16px}.app-subtitle{font-size:12px;opacity:.8}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:6px 10px;background:var(--surface);border-bottom:1px solid var(--border);min-height:40px;flex-shrink:0}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-sep{width:1px;height:22px;background:var(--border);margin:0 6px}.tb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text);font:inherit;font-size:12px;padding:4px 8px;border-radius:4px;cursor:pointer;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.tb-btn:hover:not(:disabled){background:var(--header-hover);border-color:var(--border-soft)}.tb-btn:disabled{opacity:.4;cursor:default}.tb-btn.active{background:var(--accent-soft);border-color:#a8d5bb;color:var(--accent-border)}.tb-file{cursor:pointer}.tb-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:700;border:1px solid transparent}.tb-color:hover{background:var(--header-hover);border-color:var(--border-soft)}.tb-color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0}.tb-select{font:inherit;font-size:12px;padding:3px 6px;border:1px solid var(--border);border-radius:4px;background:var(--surface);height:28px;cursor:pointer}.tb-decimals{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);margin-left:4px}.tb-decimals input{width:40px;font:inherit;font-size:12px;padding:2px 4px;border:1px solid var(--border);border-radius:4px;height:26px}.formula-bar{display:flex;align-items:stretch;background:var(--surface);border-bottom:1px solid var(--border);min-height:32px;flex-shrink:0}.formula-bar-name{width:72px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:var(--mono);border-right:1px solid var(--border);background:var(--header-bg);color:var(--text);flex-shrink:0}.formula-bar-fx{width:32px;display:flex;align-items:center;justify-content:center;font-size:12px;font-style:italic;color:var(--text-muted);border-right:1px solid var(--border-soft);flex-shrink:0}.formula-bar-input{flex:1;border:none;outline:none;padding:4px 10px;font:inherit;font-size:13px;font-family:var(--mono);background:transparent;color:var(--text);min-width:0}.formula-bar-input:focus{background:#fafcfa}.grid-wrap{flex:1;min-height:0;position:relative;background:#dfe5e1}.grid-root{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;outline:none;background:#e8ebe9}.grid-root:focus-visible{box-shadow:inset 0 0 0 2px #21734659}.grid-canvas{position:relative;background:var(--surface)}.grid-corner{position:absolute;top:0;left:0;z-index:12;background:var(--header-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);box-sizing:border-box}.col-header{position:absolute;z-index:8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-muted);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border);background:var(--header-bg);-webkit-user-select:none;user-select:none;box-sizing:border-box;letter-spacing:.02em}.col-header:hover{background:var(--header-hover);color:var(--text)}.col-header.selected{background:var(--header-selected);color:var(--accent-border)}.col-resize{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:2}.col-resize:hover,.col-resize:active{background:var(--accent);opacity:.4}.row-header{position:absolute;z-index:8;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:var(--text-muted);border-bottom:1px solid var(--border-soft);border-right:1px solid var(--border);background:var(--header-bg);-webkit-user-select:none;user-select:none;box-sizing:border-box}.row-header:hover{background:var(--header-hover);color:var(--text)}.row-header.selected{background:var(--header-selected);color:var(--accent-border)}.row-resize{position:absolute;left:0;bottom:-3px;width:100%;height:6px;cursor:row-resize;z-index:2}.row-resize:hover,.row-resize:active{background:var(--accent);opacity:.4}.grid-cell{position:absolute;display:flex;align-items:center;padding:0 6px;font-size:13px;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);overflow:hidden;white-space:nowrap;cursor:cell;background:var(--surface);line-height:1.2;box-sizing:border-box}.grid-cell.selected{background:var(--selection)}.grid-cell.active{background:#fff;z-index:1}.grid-cell.error .cell-text{color:var(--error);font-weight:500}.cell-text{overflow:hidden;text-overflow:ellipsis;width:100%;pointer-events:none}.cell-editor{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:2px solid var(--selection-border);outline:none;padding:0 5px;font:inherit;font-size:13px;background:#fff;z-index:4;box-shadow:0 2px 8px #0000001f;box-sizing:border-box}.selection-border{position:absolute;border:2px solid var(--selection-border);pointer-events:none;z-index:3;box-sizing:border-box}.fill-handle{position:absolute;right:-4px;bottom:-4px;width:8px;height:8px;background:var(--selection-border);border:1px solid #fff;cursor:crosshair;pointer-events:auto;z-index:4}.fill-handle:hover{transform:scale(1.15)}.status-bar{display:flex;align-items:center;gap:16px;padding:3px 12px;background:var(--surface);border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);min-height:24px;-webkit-user-select:none;user-select:none;flex-shrink:0}.status-sel{font-family:var(--mono);font-weight:600;color:var(--text);min-width:80px}.status-stats{flex:1;font-family:var(--mono);letter-spacing:.01em}.status-ready{margin-left:auto;color:var(--accent);font-weight:500}