@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--primary-color:#3b82f6;--primary-hover:#2563eb;--cell-bg:#fff;--cell-border:#cbd5e1;--cell-bg-active:#eff6ff;--cell-border-active:#3b82f6;--header-bg:#f1f5f9;--header-text:#475569;--error-color:#ef4444;color:var(--text-primary);background-color:var(--bg-color);box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}*,:before,:after{box-sizing:inherit}html,body,#root{flex-direction:column;width:100vw;height:100vh;margin:0;display:flex;overflow:hidden}.app-container{background:var(--bg-color);flex-direction:column;width:100%;height:100%;display:flex}.toolbar{background:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:10;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;box-shadow:0 1px 2px #0000000d}.toolbar-title{color:var(--primary-color);letter-spacing:-.025em;margin-right:1rem;font-size:1.125rem;font-weight:600}.btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 1px 3px #3b82f64d}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #3b82f640}.btn-outline{border-color:var(--border-color);color:var(--text-primary);background:var(--surface-color)}.btn-outline:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--cell-bg-active)}.select-input{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:.4rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.select-input:focus{border-color:var(--primary-color)}.formula-bar{background:var(--surface-color);border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.formula-label{color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-style:italic;font-weight:600}.formula-input{border:1px solid var(--border-color);border-radius:4px;outline:none;flex:1;padding:.4rem .75rem;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.formula-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f626}.grid-container{background:var(--bg-color);flex:1;position:relative;overflow:auto}.grid-table{border-collapse:collapse;table-layout:fixed;background:var(--surface-color)}.grid-th,.grid-td{border:1px solid var(--cell-border);padding:0;position:relative}.grid-th{background:var(--header-bg);color:var(--header-text);-webkit-user-select:none;user-select:none;text-align:center;z-index:2;box-shadow:0 1px 0 var(--border-color);padding:.25rem 0;font-size:.75rem;font-weight:500;position:sticky;top:0}.grid-th:first-child{z-index:3;width:40px;box-shadow:1px 0 0 var(--border-color), 0 1px 0 var(--border-color);left:0}.grid-td{background:var(--cell-bg);outline:none;min-width:100px;height:28px}.grid-td.active{border:2px solid var(--cell-border-active);background:var(--cell-bg-active);z-index:1}.cell-content{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:100%;padding:0 6px;display:flex;overflow:hidden}.cell-content.error{color:var(--error-color);font-weight:500}.cell-content.number{justify-content:flex-end}.cell-editor{width:100%;height:100%;font-family:inherit;font-size:inherit;box-shadow:inset 0 0 0 2px var(--primary-color);z-index:5;border:none;outline:none;padding:0 6px;position:absolute;top:0;left:0}