.spreadsheet-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.spreadsheet-heading h1{font-size:22px;margin:4px 0}.spreadsheet-heading p{color:var(--muted);margin:0}.spreadsheet-heading-actions{display:flex;gap:8px}.sheet-tabs{display:flex;gap:4px;overflow-x:auto}.sheet-tabs a{padding:8px 14px;background:#e8ebf2;color:var(--ink);text-decoration:none;border-radius:7px 7px 0 0;white-space:nowrap}.sheet-tabs a.active{background:white;color:var(--blue);font-weight:700}.spreadsheet-wrap{height:calc(100vh - 245px);overflow:auto;background:white;border:1px solid var(--line)}.spreadsheet-grid{border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed}.spreadsheet-grid th,.spreadsheet-grid td{border-right:1px solid #dfe3ea;border-bottom:1px solid #dfe3ea;height:30px;padding:0}.spreadsheet-grid thead th{position:sticky;top:0;z-index:3;background:#eef1f6;text-align:center;min-width:120px;font-size:11px}.spreadsheet-grid tbody th{position:sticky;left:0;z-index:2;background:#eef1f6;text-align:center;width:42px;min-width:42px;font-size:11px}.spreadsheet-grid .corner{left:0;z-index:4;width:42px;min-width:42px}.spreadsheet-grid input:not([type=hidden]){width:100%;height:30px;border:0;padding:4px 7px;background:transparent;outline:none}.spreadsheet-grid input:not([type=hidden]):focus{box-shadow:inset 0 0 0 2px var(--blue);background:#f7f9ff}@media(max-width:700px){.spreadsheet-heading{align-items:flex-start;flex-direction:column}.spreadsheet-wrap{height:calc(100vh - 300px)}}